feat: Add premium server-side Dienste-Status (Realtime) Board to admin panel

2026-05-21 18:04:53 +02:00
parent d4f6e56ff0
commit e603bdc3be
3 changed files with 266 additions and 2 deletions
--- a/admin.html
+++ b/admin.html
@@ -6,7 +6,7 @@
    <title>MischLabs Admin</title>
    <meta name="description" content="MischLabs dashboard administration.">
    <meta name="theme-color" content="#0f172a">
-    <link rel="stylesheet" href="/style.css?v=17">
+    <link rel="stylesheet" href="/style.css?v=20">
 </head>
 <body>
    <header class="shell hero admin-hero">
@@ -54,6 +54,17 @@

            <div class="admin-user" id="adminUser"></div>
            <div class="ops-grid" id="opsGrid">
+                <section class="ops-card ops-card-wide">
+                    <div class="ops-card-head">
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <span>Dienste-Status (Live-Proxy)</span>
+                            <span id="servicesStatusSummary" class="section-count" style="display: inline; margin-left: 8px; font-weight: 500;"></span>
+                        </div>
+                        <button class="ghost-button mini" id="refreshServicesButton" type="button">Aktualisieren</button>
+                    </div>
+                    <div id="servicesStatusBoard" class="services-status-board">Lade Status...</div>
+                </section>
+
                <section class="ops-card">
                    <div class="ops-card-head">
                        <span>NAS Speicher</span>
@@ -83,6 +94,6 @@
        </section>
    </main>

-    <script src="/admin.js?v=11" defer></script>
+    <script src="/admin.js?v=12" defer></script>
 </body>
 </html>