From fb1e910f13aab9e2de128994d6396b8dfb1e4480 Mon Sep 17 00:00:00 2001
From: ki <ki@pkop.de>
Date: Mon, 31 Aug 2026 03:24:20 +0400
Subject: [PATCH] FEAT: Naechster Refresh neben der Uhr in der Admin-UI

Topbar zeigt jetzt 'Refresh HH:MM' wenn ein naechster Wake geplant ist.
Holt next_wake von /api/power (mit credentials:include).
---
 templates/index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/templates/index.html b/templates/index.html
index 2e33861..f2b9b26 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -189,6 +189,7 @@
       letter-spacing: 0.04em;
     }
     .topbar-clock .small { color: var(--fg-muted); font-size: 0.85em; margin-left: 6px; }
+    .topbar-clock #topbarNext { color: var(--accent-bright); font-size: 0.85em; margin-left: 12px; }
 
     .content {
       flex: 1; padding: 28px;
@@ -970,6 +971,7 @@
         <div class="topbar-clock">
           <span id="topbarTime">--:--:--</span>
           <span class="small" id="topbarDate">—</span>
+          <span class="small" id="topbarNext">—</span>
         </div>
         <button class="refresh" id="refreshBtn" onclick="triggerRefresh()">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -1317,6 +1319,14 @@
     document.getElementById('topbarTime').textContent = `${hh}:${mm}:${ss}`;
     const days = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
     document.getElementById('topbarDate').textContent = `${days[now.getDay()]} ${now.getDate()}.${String(now.getMonth()+1).padStart(2,'0')}`;
+    // Naechster geplanter Refresh
+    fetch("/api/power", {credentials: "include"})
+      .then(r => r.json())
+      .then(d => {
+        const n = d.next_wake;
+        document.getElementById("topbarNext").textContent = n ? "Refresh " + n : "";
+      })
+      .catch(() => {});
   }
   setInterval(updateClock, 1000);
   updateClock();