Initial commit

1 files changed, 7 insertions, 10 deletions

diff --git a/Pages/Component/Titlebar.razor b/Pages/Component/Titlebar.razor
index 1772519..ad41532 100644
--- a/Pages/Component/Titlebar.razor
+++ b/Pages/Component/Titlebar.razor
@@ -2,12 +2,10 @@
 
 <script suppress-error="BL9992">
     async function login() {
-        var username = document.querySelector('input#username');
-        var password = document.querySelector('input#password');
+        var form   = document.querySelector('form.login');
+        var inputs = Array.from(form.getElementsByTagName('input'));
 
-        var formData = new FormData();
-        formData.append('username', username.value);
-        formData.append('password', password.value);
+        var formData = new FormData(form);
 
         var resp = await fetch('/Login', {
             method: 'POST',
@@ -17,13 +15,12 @@
         if(resp.ok) {
             window.location.href = '/';
         } else if(resp.status == 403) {
-            var form = document.querySelector('form.login');
             form.classList.remove('bad-login');
             @* TODO: improve this hacky method of triggering reflow *@
             form.offsetWidth;
             form.classList.add('bad-login');
-            username.value = password.value = null;
-            username.focus();
+            inputs.forEach(e => e.value = null);
+            inputs[0].focus();
         } else {
             alert('Unknown error while attempting to login!');
         }
@@ -63,8 +60,8 @@
         <div id="navbar">
             <h2>Login</h2>
             <form onsubmit="login" class="login">
-                <input id="username" placeholder="Username" type="text"/>
-                <input id="password" placeholder="Password" type="password"/>
+                <input name="username" placeholder="Username" type="text"/>
+                <input name="password" placeholder="Password" type="password"/>
             </form>
             <a href="javascript:login();">Login</a>
         </div>