From de6b5c7fe904a18352ebb437af8a0a597884d9df Mon Sep 17 00:00:00 2001
From: Tim Eertmoed <tim@eertmoed.de>
Date: Wed, 8 Oct 2025 18:59:51 +0200
Subject: [PATCH] srv/poe_manager/templates/logs.html aktualisiert

---
 srv/poe_manager/templates/logs.html | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/srv/poe_manager/templates/logs.html b/srv/poe_manager/templates/logs.html
index 82e5585..039bfb5 100644
--- a/srv/poe_manager/templates/logs.html
+++ b/srv/poe_manager/templates/logs.html
@@ -16,19 +16,16 @@
 
 <script>
 document.addEventListener("DOMContentLoaded", () => {
-    // --- Intervall aus Datenbank (Jinja Variable) ---
     const intervalMinutes = {{ interval | int }};
     const intervalMilliseconds = intervalMinutes * 60 * 1000;
     let lastUpdateTime = Date.now(); // wird nach Log-Auswertung gesetzt
 
-    // --- Log laden ---
     function fetchLog() {
         fetch("{{ url_for('get_log') }}")
             .then(response => response.text())
             .then(data => {
                 const box = document.getElementById("log-box");
 
-                // Zeilen filtern
                 const filteredLines = data
                     .split("\n")
                     .filter(line => !line.includes("ist erreichbar!"));
@@ -36,7 +33,7 @@ document.addEventListener("DOMContentLoaded", () => {
                 box.innerText = filteredLines.join("\n");
                 box.scrollTop = box.scrollHeight;
 
-                // --- Timer: letzte "----" Linie finden ---
+                // letzte Separator-Linie finden
                 let lastSeparatorIndex = -1;
                 for (let i = filteredLines.length - 1; i >= 0; i--) {
                     if (filteredLines[i].startsWith("--------------------------------------------------------------------")) {
@@ -61,21 +58,19 @@ document.addEventListener("DOMContentLoaded", () => {
             .catch(err => console.error("Fehler beim Laden der Logs:", err));
     }
 
-    // --- Timer aktualisieren ---
     function updateTimer() {
         const now = Date.now();
-        const remainingMs = intervalMilliseconds - (now - lastUpdateTime);
+        const nextRefresh = lastUpdateTime + intervalMilliseconds;
+        const remainingMs = nextRefresh - now;
         const remainingSec = Math.max(Math.ceil(remainingMs / 1000), 0);
         document.getElementById("timer").innerText = remainingSec;
     }
 
-    // --- Button klick ---
     document.getElementById("refresh-btn").addEventListener("click", fetchLog);
 
-    // --- Initial starten ---
-    fetchLog();                  // zuerst laden
-    setInterval(fetchLog, intervalMilliseconds); // automatische Updates nach DB-Intervall
-    setInterval(updateTimer, 1000);             // Timer jede Sekunde
+    fetchLog();
+    setInterval(fetchLog, intervalMilliseconds);
+    setInterval(updateTimer, 1000);
 });
 </script>