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

---
 srv/poe_manager/templates/index.html | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/srv/poe_manager/templates/index.html b/srv/poe_manager/templates/index.html
index 0ef9f3d..1ce0f56 100644
--- a/srv/poe_manager/templates/index.html
+++ b/srv/poe_manager/templates/index.html
@@ -1,7 +1,10 @@
 {% extends "base.html" %}
 {% block content %}
 
-<h2>Dashboard</h2>
+<h2 class="d-flex justify-content-between align-items-center">
+    Dashboard
+    <span id="dashboard-timer" class="badge bg-success">-- s</span>
+</h2>
 <div class="row row-cols-1 row-cols-md-6 g-3">
     {% for d in devices %}
     <div class="col">
@@ -24,5 +27,27 @@
     </div>
     {% endfor %}
 </div>
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+    const intervalMinutes = {{ interval | int }};
+    const intervalMilliseconds = intervalMinutes * 60 * 1000;
+    let lastUpdateTime = Date.now(); // optional: vom letzten Refresh / Log-Eintrag
+
+    function updateDashboardTimer() {
+        const now = Date.now();
+        const elapsed = now - lastUpdateTime;
+        const remainingMs = intervalMilliseconds - (elapsed % intervalMilliseconds);
+        const remainingSec = Math.ceil(remainingMs / 1000);
+        document.getElementById("dashboard-timer").innerText = remainingSec + " s";
+    }
+
+    // Optional: reset timer beim manuellen Refresh
+    // lastUpdateTime = Date.now(); 
+
+    setInterval(updateDashboardTimer, 1000);
+    updateDashboardTimer(); // direkt beim Laden
+});
+</script>
+
 
 {% endblock %}