added login suppport

2025-10-20 23:06:33 +02:00
parent 4916b4f1c1
commit 5a1297dc80
10 changed files with 227 additions and 118 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
    <script src="/static/htmx.min.js"></script>
-    <title>Service Status</title>
+    <title>Login</title>
    <style>
        .active-button {
            background-color: #4CAF50; /* Green */
@@ -37,46 +37,19 @@
        gap: 1rem;            /* Space between elements */
        }

-        .app-panel {
-            display: inline-block;
-            width: 200px;
-            height: 120px;
-            margin: 10px;
-            padding: 20px;
-            background-color: #f0f0f0;
-            border-radius: 10px;
-            text-align: center;
-            cursor: pointer;
-            transition: background 0.2s ease;
-        }
-        .app-panel:hover {
-            background-color: #e0e0e0;
-        }
    </style>
 </head>
 <body>

-    <form hx-post="/login" hx-swap="none">
-        <input type="hidden" name="csrf_token" value="{{csrf_token}}">
-        <input name="email">
-        <input name="password" type="password">
-        <button>Login</button>
-    </form>
+        <div class="column">
+        <h1>Login</h1>

-    <div class="app-panel"
-     hx-get="/redirect?file=shadowrun.html"
-     hx-trigger="click"
-     hx-target="this"
-     hx-swap="none">
-    <h3>Shadowrun</h3>
-    </div>
-
-    <div class="column">
-        <h1>Service Status</h1>
-
-        <div id="services" hx-get="/status" hx-trigger="load, every 5s" hx-swap="innerHTML">
-            Loading services...
+        <div id="login" hx-get="/login" 
+            hx-trigger="load"
+            hx-target="this"
+            hx-swap="outerHTML">
        </div>
    </div>
+
 </body>
 </html>