From b82e630b65b12661c8aa7c21c860fd9f7bdac887 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Fri, 27 Oct 2023 01:13:46 +1000
Subject: [PATCH] add js UX for pass entry

---
 filed/templates/index.html | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/filed/templates/index.html b/filed/templates/index.html
index f9e56dd..359ecbb 100644
--- a/filed/templates/index.html
+++ b/filed/templates/index.html
@@ -9,6 +9,31 @@
 
 {% endblock %}
 
+{% block scripts %}
+
+{%- if conf.files.upload_pass.is_some() -%}
+
+    {#- Script to disable button when password is not entered -#}
+{#- -#}<script>
+{#- -#}    (
+{#- -#}        ()=>{
+{#- -#}            const pass_inp=document.getElementById("instancepass");
+{#- -#}            const submit=document.getElementById("bfile-upload-submit");
+{#- -#}            submit.setAttribute('disabled',true);
+{#- -#}          
+{#- -#}            pass_inp.onchange=()=>{
+{#- -#}                if(pass_inp.value.length==0)
+{#- -#}                    submit.setAttribute('disabled',true);
+{#- -#}                else submit.removeAttribute('disabled')
+{#- -#}            }
+{#- -#}        }
+{#- -#}    )()
+{#- -#}</script>
+
+{%- endif -%}
+
+{% endblock %}
+
 {% block body %}
 
 <div style="max-width:95vw;width:fit-content;margin:0 auto">
@@ -125,7 +150,7 @@
                                     <p>
                                         <label>
                                             Password:
-                                            <input type="password" name="instancepass">
+                                            <input type="password" name="instancepass" id="instancepass">
                                         </label>
                                     </p>
                                 </div>
@@ -160,7 +185,7 @@
                             </label>
                         </p>
                         <p>
-                            <button class='btn btn-fill'>
+                            <button class='btn btn-fill' id="bfile-upload-submit">
                                 Upload!
                             </button>
                         </p>