error handling for login; partial adminpanel infrastructure

1 files changed, 8 insertions, 6 deletions

diff --git a/frontend/pwmodal.ts b/frontend/pwmodal.ts
index 3d783c6..594db49 100644
--- a/frontend/pwmodal.ts
+++ b/frontend/pwmodal.ts
@@ -1,15 +1,16 @@
 import { e } from "./helper.ts"
-
-export let username: string | undefined = undefined;
-export let password: string | undefined = undefined;
+import { tryLoadAdminPanel } from "./adminpanel.ts"
 
 export function pw_modal() {
     const inp_name  = e("input", {type: "text",     placeholder: "Username"})
     const inp_pw    = e("input", {type: "password", placeholder: "Password"})
+    const error_msg = e("span", {class: "error-msg"}, "")
     const login_btn = e("button", {
-        onclick: () => {
-            username = inp_name.value
-            password = inp_pw.value
+        onclick: ev => {
+            ev.preventDefault()
+            tryLoadAdminPanel(inp_name.value, inp_pw.value).catch(err => {
+                error_msg.textContent = err
+            })
         }
     }, "Login")
 
@@ -18,6 +19,7 @@ export function pw_modal() {
             inp_name,
             inp_pw,
             login_btn,
+            error_msg,
         )
     )
 }