From 250a131542915cd6caba0edd254cc390dacb0d5e Mon Sep 17 00:00:00 2001
From: Tim Eertmoed <tim@eertmoed.de>
Date: Wed, 8 Oct 2025 19:57:10 +0200
Subject: [PATCH] srv/poe_manager/templates/index.html aktualisiert

---
 srv/poe_manager/templates/index.html | 31 ++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/srv/poe_manager/templates/index.html b/srv/poe_manager/templates/index.html
index 3163bba..5c7cd70 100644
--- a/srv/poe_manager/templates/index.html
+++ b/srv/poe_manager/templates/index.html
@@ -29,12 +29,15 @@
     </div>
     {% endfor %}
 </div>
+
 <script>
 document.addEventListener("DOMContentLoaded", () => {
-    const intervalMinutes = {{ interval | int }}; // aus DB
+    const intervalMinutes = {{ interval | int }}; // Intervall aus DB in Minuten
     const intervalMilliseconds = intervalMinutes * 60 * 1000;
     let lastUpdateTime = Date.now();
 
+    let reloadCountdown = null; // Reload-Timer (10s) 
+
     function parseLogTimestamp(ts) {
         const parts = ts.match(/^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/);
         if (!parts) return Date.now();
@@ -46,9 +49,25 @@ document.addEventListener("DOMContentLoaded", () => {
         const now = Date.now();
         const elapsed = now - lastUpdateTime;
         const remainingMs = intervalMilliseconds - (elapsed % intervalMilliseconds);
-        const remainingSec = Math.ceil(remainingMs / 1000);
-        document.getElementById("dashboard-timer").innerText =
-            `Nächste Prüfung in ${remainingSec} Sekunden`;
+        let remainingSec = Math.ceil(remainingMs / 1000);
+
+        const timerElem = document.getElementById("dashboard-timer");
+
+        if (remainingSec > 0) {
+            // Haupt-Timer läuft normal
+            timerElem.innerText = `Nächste Prüfung in ${remainingSec} Sekunden`;
+        } else {
+            // Haupt-Timer abgelaufen → Reload-Timer starten, falls noch nicht gestartet
+            if (reloadCountdown === null) {
+                reloadCountdown = 10; // 10 Sekunden Countdown
+            }
+            timerElem.innerText = `Aktualisieren der Seite in ${reloadCountdown} Sekunden`;
+            reloadCountdown--;
+
+            if (reloadCountdown < 0) {
+                window.location.reload(); // Seite neu laden
+            }
+        }
     }
 
     function fetchLastLog() {
@@ -72,10 +91,10 @@ document.addEventListener("DOMContentLoaded", () => {
             .catch(err => console.error("Fehler beim Laden der Logs:", err));
     }
 
-    // Timer alle 1 Sekunde aktualisieren
+    // Timer jede Sekunde aktualisieren
     setInterval(updateTimer, 1000);
 
-    // einmal beim Laden die letzte Log-Zeit setzen
+    // einmal beim Laden letzte Log-Zeit setzen
     fetchLastLog();
 });
 </script>