Watchdog: Embeds statt Textzeilen, dazu eine Uebersicht im Panel

Die DM-Alarme waren als einzige Meldung noch reiner Text — direkt neben dem Raid-Alarm, der ein Embed ist. Jetzt beide im selben Look, mit Ausfalldauer bzw. Fehlergrund und Antwortzeit als Felder. Uebersicht im Panel (System, unter den Watchdog-URLs): je Adresse ein Erreichbarkeits-Balken ueber 7 Tage, gruen/rot/grau wie bei den Game-Servern, dazu Status, Antwortzeit und seit wann etwas weg ist. Dafuer schreibt der Waechter jetzt mit — vorher lebte sein Zustand nur im Speicher und war nach jedem Neustart weg. Neue Tabelle watchdog_history, gleiche Bauart und gleiche 7-Tage-Aufbewahrung wie player_history, stundenweise zusammengefasst statt roh ausgeliefert. Wichtig dabei: aufgezeichnet wird jeder Check, nicht nur die Wechsel. Sonst saehen ruhige Stunden im Balken aus wie Messluecken. Der Balken ist aus Server.jsx in components/UptimeTrack.jsx gewandert, damit oeffentliche Seite und Panel denselben benutzen. Er zeigt die Antwortzeit im Tooltip nur, wo sie erhoben wird — bei Game-Servern gibt es keine. Der Endpunkt /api/watchdog liegt hinter der Rechtepruefung, nicht oeffentlich: in der Adressliste koennen interne Dienste stehen. Zwei fehlende Importe in api.js gefunden und ergaenzt (moduleEnabled, tuning) — der erste Aufruf der Route waere sonst mit ReferenceError gestorben. Geprueft: alle 171 SQL-Abfragen gegen das Schema, die drei neuen inklusive. Im Browser mit drei Faellen — laeuft, ist weg, noch nie geprueft: Punktfarbe, Quote, Ausfallstunden und Messluecken stimmen, die ungepruefte Adresse zeigt korrekt gar keinen Balken. Oeffentliche Server-Seite nach dem Umbau gegengeprueft. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-08-01 05:28:22 +02:00
parent 2d4afad3cb
commit fd2d31f07f
7 changed files with 222 additions and 78 deletions
@@ -0,0 +1,67 @@
+// Erreichbarkeits-Balken: ein Strich pro Stunde über 7 Tage.
+//
+// Wird von der öffentlichen Server-Seite und der Watchdog-Übersicht im Panel
+// benutzt — beide bekommen dieselben Stundeneimer vom Server geliefert
+// ({ stunde, proben, an }), deshalb liegt das hier und nicht in einer Seite.
+import { useT, useFmt } from '../i18n.jsx';
+
+const STUNDEN = 168;
+
+export default function UptimeTrack({ buckets }) {
+    const { t } = useT();
+    const { tag, datum } = useFmt();
+    if (!buckets?.length) return null;
+
+    const proStunde = new Map(buckets.map((b) => [b.stunde, b]));
+    const jetzt = new Date();
+    jetzt.setMinutes(0, 0, 0);
+
+    const striche = [];
+    let gemessen = 0;
+    let erreichbar = 0;
+    for (let i = STUNDEN - 1; i >= 0; i--) {
+        const d = new Date(jetzt.getTime() - i * 3600000);
+        // Schlüssel wie strftime('%Y-%m-%dT%H') in SQLite — das rechnet in UTC,
+        // hier also bewusst auch. Angezeigt wird gleich die Ortszeit, sonst
+        // stünde im Tooltip eine Stunde, die niemand wiedererkennt.
+        const key = d.toISOString().slice(0, 13);
+        const b = proStunde.get(key);
+        let art = 'leer';
+        if (b) {
+            gemessen += b.proben;
+            erreichbar += b.an;
+            art = b.an === b.proben ? 'gut' : b.an === 0 ? 'aus' : 'teil';
+        }
+        striche.push({ key, zeit: d, art, b });
+    }
+
+    const quote = gemessen > 0 ? (erreichbar / gemessen) * 100 : null;
+    const titel = (s) => {
+        const wann = datum(s.zeit, { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' });
+        if (!s.b) return `${wann} — ${t('server.noData')}`;
+        const anteil = Math.round((s.b.an / s.b.proben) * 100);
+        // Antwortzeit nur, wo sie erhoben wird (Watchdog) und etwas lief
+        return s.b.schnitt != null && s.b.an > 0
+            ? `${wann} — ${anteil} % · ${s.b.schnitt} ms`
+            : `${wann} — ${anteil} %`;
+    };
+
+    return (
+        <div className="up-track-wrap">
+            <div className="up-track">
+                {striche.map((s) => (
+                    <span className={`up-tick ${s.art}`} key={s.key} title={titel(s)} />
+                ))}
+            </div>
+            <div className="up-track-foot">
+                <span>{t('server.days7')}</span>
+                {quote != null && (
+                    <span className={quote >= 99 ? 'up-good' : quote >= 90 ? '' : 'up-bad'}>
+                        {quote.toLocaleString(tag, { minimumFractionDigits: 1, maximumFractionDigits: 1 })} %
+                    </span>
+                )}
+                <span>{t('server.now')}</span>
+            </div>
+        </div>
+    );
+}