Topbar auf globalen Prüf-Timer reduziert, Aktionen+Beschreibung über Tabellen, sortierbare Listen

- Topbar zeigt rechts jetzt ausschließlich den "Nächste Prüfung"-Countdown,
  konsistent auf jeder Seite (auch anonymes Dashboard) statt nur auf dem
  Dashboard. Neuer Context-Processor inject_check_timer()/get_last_run_at()
  liefert last_run/interval global, ohne dass jede Route das selbst
  berechnen muss.
- "+ Neu ..."-Buttons (Devices, Switches, Zugangsdaten, Benutzer, Gruppen)
  aus der Topbar entfernt und stattdessen in einen .section-head direkt
  über der jeweiligen Tabelle verschoben, zusammen mit einer kurzen
  Beschreibung der Seite (bisher nur bei Zugangsdaten/Gruppen vorhanden,
  jetzt auch bei Geräte/Switche/Benutzer).
- Live-Log: eigene lokale Timer-Pill entfernt (redundant zum globalen
  Timer), "Aktualisieren"-Button in denselben section-head verschoben.
  Dashboard: Suchfeld aus der Topbar in den Seiteninhalt verschoben, lokale
  Timer-Anzeige entfernt (übernimmt die globale Topbar-Pill), Reload-bei-
  Intervallende-Logik bleibt als separater, unsichtbarer Scheduler erhalten.
- Neue generische Tabellen-Sortierung (app.js: initSortableTables): Klick
  auf eine Spaltenüberschrift mit data-sort-key sortiert die Zeilen anhand
  von data-sort-<key>-Attributen. Unterstützt auch Akkordeon-Tabellen mit
  mehreren <tbody> (Gruppen: Haupt- + Detail-Zeile bleiben als Einheit
  zusammen, die virtuelle "Admin"-Zeile bleibt über data-sort-pinned immer
  oben). Angewendet auf Geräte, Switche, Zugangsdaten, Benutzer, Gruppen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

srv/poe_manager/templates/logs.html

@@ -2,15 +2,20 @@
 {% set active_page = "logs" %}
 {% block page_title %}Live{% endblock %}
 {% block page_sub %}<div class="topbar-sub">{{ log_name or "kein Logfile" }}</div>{% endblock %}
-{% block topbar_right %}
-<span class="timer-pill"><span class="dot"></span>Update in <span id="timer">--</span>s</span>
-<button id="refresh-btn" class="btn btn-secondary">
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-3.2-6.9M21 4v5h-5"/></svg>
-  Aktualisieren
-</button>
-{% endblock %}
 
 {% block content %}
+
+<div class="section-head">
+  <div>
+    <h2 style="font-size:16px;">Live-Log</h2>
+    <div class="hint">Laufende Erreichbarkeitsprüfung von poe.sh, farblich markiert (online/offline).</div>
+  </div>
+  <button id="refresh-btn" class="btn btn-secondary">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-3.2-6.9M21 4v5h-5"/></svg>
+    Aktualisieren
+  </button>
+</div>
+
 <div class="log-shell">
   <div class="log-toolbar">
     <div class="log-dots"><span></span><span></span><span></span></div>
@@ -22,13 +27,6 @@
 
 {% block scripts %}
 <script>
-function parseLogTimestamp(ts) {
-    const parts = ts.match(/^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/);
-    if (!parts) return Date.now();
-    const [, year, month, day, hour, minute, second] = parts.map(Number);
-    return new Date(year, month - 1, day, hour, minute, second).getTime();
-}
-
 function colorizeLine(line) {
     let cls = "";
     if (line.includes(" ist erreichbar!")) cls = "online";
@@ -42,9 +40,8 @@ function colorizeLine(line) {
 }
 
 document.addEventListener("DOMContentLoaded", () => {
-    const intervalMinutes = {{ interval | int }};
+    const intervalMinutes = {{ global_check_interval | int }};
     const intervalMilliseconds = intervalMinutes * 60 * 1000;
-    let lastUpdateTime = Date.now();
 
     function renderLog(data) {
         const box = document.getElementById("log-box");
@@ -55,17 +52,6 @@ document.addEventListener("DOMContentLoaded", () => {
             if (i < lines.length - 1) box.appendChild(document.createElement("br"));
         });
         box.scrollTop = box.scrollHeight;
-
-        let lastSep = -1;
-        for (let i = lines.length - 1; i >= 0; i--) {
-            if (lines[i].startsWith("----")) { lastSep = i; break; }
-        }
-        if (lastSep >= 0 && lastSep + 1 < lines.length) {
-            const match = lines[lastSep + 1].match(/^(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/);
-            lastUpdateTime = match ? parseLogTimestamp(match[1]) : Date.now();
-        } else {
-            lastUpdateTime = Date.now();
-        }
     }
 
     function fetchLog() {
@@ -75,17 +61,9 @@ document.addEventListener("DOMContentLoaded", () => {
             .catch(err => console.error(err));
     }
 
-    function updateTimer() {
-        const now = Date.now();
-        const elapsed = now - lastUpdateTime;
-        const remainingMs = intervalMilliseconds - (elapsed % intervalMilliseconds);
-        document.getElementById("timer").innerText = Math.ceil(remainingMs / 1000);
-    }
-
     document.getElementById("refresh-btn").addEventListener("click", fetchLog);
     fetchLog();
-    setInterval(fetchLog, intervalMilliseconds);
-    setInterval(updateTimer, 1000);
+    if (intervalMilliseconds) setInterval(fetchLog, intervalMilliseconds);
 });
 </script>
 {% endblock %}