From 69a695f9fbd95a61fb3d7a0a806c894e926292e3 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Sat, 30 Sep 2023 01:09:24 +1000
Subject: [PATCH] display some conditional JS text

---
 filed/static/dragndrop-form.js | 11 +++++++++++
 filed/templates/index.html     |  8 +++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 filed/static/dragndrop-form.js

diff --git a/filed/static/dragndrop-form.js b/filed/static/dragndrop-form.js
new file mode 100644
index 0000000..27033f4
--- /dev/null
+++ b/filed/static/dragndrop-form.js
@@ -0,0 +1,11 @@
+(
+    () => {
+        // display the js only text
+        document.getElementById('drag-n-drop-jsonly').style.display = 'initial';
+
+        const drag_rop = document.getElementsByClassName('file-drag-n-drop-inside')[0];
+        const dr_rop_t = document.getElementsByClassName('file-drag-n-drop-inside-text')[0];
+
+        
+    }
+)()
\ No newline at end of file
diff --git a/filed/templates/index.html b/filed/templates/index.html
index 062f780..2308213 100644
--- a/filed/templates/index.html
+++ b/filed/templates/index.html
@@ -34,10 +34,16 @@
                             <span class="file-drag-n-drop-inside">
                                 <span class="file-drag-n-drop-inside-text">
                                     <object data="/tab-new-symbolic.svg" width="32" height="32"></object><br/>
-                                    Drag & drop your files here!
+                                    <span id='drag-n-drop-jsonly' style='display:none'>
+                                        Drag & drop your files here!
+                                    </span>
+                                    <noscript>
+                                        Click to upload your files!
+                                    </noscript>
                                 </span>
                             </span>
                         </span>
+                        <script src="/dragndrop-form.js"></script>
                     </label>
                 </p>
             </form>