srv/poe_manager/templates/logs.html aktualisiert

srv/poe_manager/templates/logs.html

@@ -3,6 +3,11 @@
 
 <h2>Live Log</h2>
 
+<!-- Refresh-Button unter der Überschrift -->
+<button id="refresh-btn" class="btn btn-primary mb-3">
+    🔄 Logs aktualisieren
+</button>
+
 <div id="log-container">
     <div id="log-box"></div>
     <div id="refresh-timer">
@@ -11,10 +16,17 @@
 </div>
 
 <script>
+document.addEventListener("DOMContentLoaded", () => {
+    // --- Seitentitel setzen ---
+    const baseTitle = document.title.split(" - ")[0];
+    document.title = baseTitle + " - Live Log";
+
+    // --- Intervallwerte ---
     const intervalMinutes = {{ interval | int }};
     const intervalMilliseconds = intervalMinutes * 60 * 1000;
     let lastUpdateTime = Date.now();
 
+    // --- Log laden ---
     function fetchLog() {
         fetch("{{ url_for('get_log') }}")
             .then(response => response.text())
@@ -31,6 +43,7 @@ function fetchLog() {
             .catch(err => console.error("Fehler beim Laden der Logs:", err));
     }
 
+    // --- Timer aktualisieren ---
     function updateTimer() {
         const now = Date.now();
         const remainingMs = intervalMilliseconds - (now - lastUpdateTime);
@@ -38,9 +51,14 @@ function updateTimer() {
         document.getElementById("timer").innerText = remainingSec;
     }
 
+    // --- Button klick ---
+    document.getElementById("refresh-btn").addEventListener("click", fetchLog);
+
+    // --- Initial starten ---
     setInterval(updateTimer, 1000);
     fetchLog();
     setInterval(fetchLog, intervalMilliseconds);
+});
 </script>
 
 {% endblock %}