disable import button until file is uploaded, unmask invalid uploaded file error (#324)

* disable import button until file is uploaded

* Update webroot/panel/modal/new_key.php

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* use badRequest instead of alert

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: simonLeary42

webroot/panel/account.php

@@ -32,7 +32,13 @@
                 $validKeys = array_filter($keys, "testValidSSHKey");
                 $USER->setSSHKeys(array_merge($USER->getSSHKeys(), $validKeys));
                 if (count($keys) != count($validKeys)) {
-                    UnityHTTPD::alert("invalid SSH key");
+                    UnityHTTPD::badRequest(
+                        "one more more invalid SSH keys were not added",
+                        data: [
+                            "keys_valid_added" => $validKeys,
+                            "keys_invalid_not_added" => array_diff($keys, $validKeys),
+                        ],
+                    );
                 }
             }
             break;

webroot/panel/modal/new_key.php

@@ -37,8 +37,8 @@
 
     <div style="display: none;" id="key_import">
         <label for="keyfile">Select local file:</label>
-        <input type="file" id="keyfile" name="keyfile">
-        <input type="submit" value="Import Key">
+        <input type="file" id="keyfile" name="keyfile" />
+        <input type="submit" id="submit-keyfile" value="Import Key" disabled />
     </div>
 
     <div style="display: none;" id="key_generate">
@@ -116,4 +116,7 @@ function generateKey(type) {
         });
     });
 
+    $("#keyfile").on("change", function() {
+        $("#submit-keyfile")[0].disabled = !this.files.length;
+    });
 </script>