83 lines
3.0 KiB
HTML
83 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
|
|
<h2>Live Log</h2>
|
|
|
|
<button id="refresh-btn" class="btn btn-success mb-3">
|
|
<span style="font-size: 1.2rem; color: white;">⟳</span> Logs aktualisieren
|
|
</button>
|
|
|
|
<div id="log-container">
|
|
<div id="log-box"></div>
|
|
<div id="refresh-timer">
|
|
Nächstes Update in <span id="timer"></span> Sekunden
|
|
</div>
|
|
</div>
|
|
|
|
<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!"));
|
|
|
|
box.innerText = filteredLines.join("\n");
|
|
box.scrollTop = box.scrollHeight;
|
|
|
|
// --- Timer: letzte "----" Linie finden ---
|
|
let lastSeparatorIndex = -1;
|
|
for (let i = filteredLines.length - 1; i >= 0; i--) {
|
|
if (filteredLines[i].startsWith("--------------------------------------------------------------------")) {
|
|
lastSeparatorIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
// ersten Zeitstempel nach Separator nehmen
|
|
if (lastSeparatorIndex >= 0 && lastSeparatorIndex + 1 < filteredLines.length) {
|
|
const firstLine = filteredLines[lastSeparatorIndex + 1];
|
|
const match = firstLine.match(/^(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/);
|
|
if (match) {
|
|
lastUpdateTime = new Date(match[1]).getTime();
|
|
} else {
|
|
lastUpdateTime = Date.now();
|
|
}
|
|
} else {
|
|
lastUpdateTime = Date.now();
|
|
}
|
|
})
|
|
.catch(err => console.error("Fehler beim Laden der Logs:", err));
|
|
}
|
|
|
|
// --- Timer aktualisieren ---
|
|
function updateTimer() {
|
|
const now = Date.now();
|
|
const remainingMs = intervalMilliseconds - (now - lastUpdateTime);
|
|
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
|
|
});
|
|
</script>
|
|
|
|
{% endblock %}
|