srv/poe_manager/templates/logs.html aktualisiert

This commit is contained in:
2025-10-08 18:59:51 +02:00
parent 2c9a715d37
commit de6b5c7fe9

View File

@@ -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>