Ny inloggning, formulär innnan. Fixes #7

2025-01-24 18:26:53 +01:00
parent d75a0882dd
commit 892c20dfae
2 changed files with 72 additions and 27 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,23 @@
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
 </head>
 <body>
-    <div class="container">
+    <div id="loginContainer" class="container">
+        <h1 class="center-align">Login</h1>
+        <form id="loginForm">
+            <div class="input-field">
+                <label for="username">Username:</label>
+                <input type="text" id="username" required>
+            </div>
+            <div class="input-field">
+                <label for="password">Password:</label>
+                <input type="password" id="password" required>
+            </div>
+            <button class="btn waves-effect waves-light" type="submit">Login</button>
+        </form>
+        <p id="loginMessage" class="center-align"></p>
+    </div>
+
+    <div id="appContainer" class="container" style="display:none;">
        <h1 class="center-align">TODO</h1>
        <form id="taskForm">
            <div class="input-field">