From 39276ef2ee608ac63aa72d8dcf00cebf3ee673a4 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Tue, 22 Sep 2026 09:28:29 +0200 Subject: [PATCH] screen6/7/8: der LIVE-Punkt, und eine Benachrichtigung, die stimmt Filipe: "in dieser kachel soll wenn ich live bin um 20h bis 22h ein live button der richtig geil ist mit einem live roten punkt symbol am besten, das soll aufblinken fuer zwei stunden. man soll nicht drauf druecken koennen aber so dass es auffaellt. ... die leute sollen auch automatisch eine benarichtigung bekommen um 20 uhr dass ich live bin." EINE AUSKUNFT, EINE AUSLEGUNG (workspace/assets/js/live.js) Drei Stellen sollen dasselbe wissen: die Kachel "Draussen" auf der Startseite, die Kanalkarten auf der Draussen-Seite, die Pulskarte darunter. Drei Abfragen waeren drei Auslegungen -- und spaetestens beim naechsten Umbau steht auf der Kachel LIVE und daneben "wartet". DER DRITTE AUSGANG IST HIER DIE EIGENTLICHE ARBEIT Die oeffentliche Seite (assets/js/streamplan.js) faengt jeden Fehler ab und setzt istLive = false. Aus "wir konnten nicht fragen" wird dort "er sendet nicht" -- wer das liest, macht zu und verpasst den Stream. Der Dienst SAGT sogar, ob er nachsehen konnte (autoHealthy); gelesen wird es dort nicht. Hier gibt es drei Antworten: live / wartet / weiss-nicht. Bei "weiss nicht" blinkt nichts -- aber es behauptet auch niemand, dass nichts laeuft. Sechs Antworten des Dienstes durchgespielt. BLINKEN OHNE FLACKERN Hausregel vom 12.08.2026: keine aggressiven Flacker-Effekte. Das ist kein Widerspruch zu "richtig geil", sondern dieselbe Sache: Ein Rot, das im Sekundentakt umspringt, liest man als "Alarm, ich sehe weg". Eins, das atmet und einen Saum nach aussen schickt, liest man als "jetzt gerade". 1,4 Sekunden, ueberall derselbe Takt -- zwei Rhythmen nebeneinander waeren Unruhe, einer ist ein Herzschlag. Die Pruefung verlangt ausdruecklich >= 1 s und einen einheitlichen Takt; nach dem Wort "animation" zu suchen waere auch bei 0,1 s gruen. Bei Bewegungsarmut steht alles still -- der rote Punkt bleibt sichtbar, er bewegt sich nur nicht. Im Kontrastmodus sagt es ein Rahmen, weil Farben dort nichts tragen. KEIN KNOPF, UND ES SIEHT AUCH NICHT SO AUS pointer-events: none ist die halbe Antwort; die andere ist die Form. Etwas, das wie ein Knopf aussieht und nichts tut, ist eine Sackgasse. Deshalb eine Marke wie auf einer Kamera: Punkt plus Wort. Das Wort steht auch fuer Vorleseprogramme da -- ein stummer roter Kreis waere die halbe Auskunft. DIE KACHEL WIRD UEBER IHR ZIEL ERKANNT, NICHT UEBER DEN NAMEN. Der Name hat sich in diesem Haus schon zweimal geaendert ("Unsere Seiten" -> "Draussen"), das Ziel nie. Am 21.09. hat genau dieser Unterschied eine ganze Hinweisspalte lahmgelegt. DIE BENACHRICHTIGUNG ENTSCHEIDET DER DIENST, NICHT DIE UHR. Eine Meldung "er ist live", waehrend er nicht sendet, funktioniert genau einmal: Beim zweiten Mal weiss jeder, dass sie nichts bedeutet. Deshalb prueft der Lauf (alle fuenf Minuten) den echten Status; bei "weiss nicht" wird NICHTS verschickt. Ein Merkmal mit Datum haelt es bei einer pro Abend -- sonst kaemen in zwei Stunden 24. Eigene Art "dogfather_live", vorgegeben an und trotzdem abschaltbar: Wer jeden Abend dieselbe Meldung bekommt und nie hinschaut, schaltet sonst ALLES ab, und dann erreicht ihn auch keine Aufgabe mehr. EIN FEHLER, DEN DIE PRUEFUNG GEFANGEN HAT: Der Versand las aus "push_geraete" -- diese Tabelle gibt es nicht, sie heisst push_anmeldungen. Der Block steht in einem try/catch; der Fehler waere still geblieben, und die Benachrichtigung waere nie gekommen. Die Pruefung verlangt jetzt ausdruecklich, dass die Tabelle im Schema existiert. NEU: pruef-livepunkt 49/0, mit drei Gegenproben. Daneben gruen: pruef-css-klassen 30/0, pruef-push 24/0, pruef-draussen 39/0, pruef-zwischenspeicher 27/0. Co-Authored-By: Claude Opus 5 --- server/pruef-livepunkt.mjs | 253 +++++ server/workspace-draussen.js | 42 + server/workspace-push.js | 61 ++ workspace/anruf-probe.html | 8 +- workspace/app.webmanifest | 8 +- workspace/assets/css/module.css | 144 +++ workspace/assets/css/unsere-seiten.css | 61 ++ workspace/assets/js/live.js | 155 +++ workspace/assets/js/start.js | 51 + workspace/assets/js/unsere-seiten.js | 32 + workspace/aufgaben.html | 34 +- workspace/automation.html | 30 +- workspace/befinden.html | 28 +- workspace/bereich.html | 40 +- workspace/bewerben.html | 34 +- workspace/bewerbungen.html | 32 +- workspace/calls.html | 32 +- workspace/chat.html | 36 +- workspace/content.html | 32 +- workspace/crew-index.html | 10 +- workspace/crew.webmanifest | 8 +- workspace/dateien.html | 32 +- workspace/entwicklung.html | 28 +- workspace/hilfe.html | 26 +- workspace/index.html | 8 +- workspace/kalender.html | 32 +- workspace/leistung.html | 30 +- workspace/material.html | 26 +- workspace/personen.html | 30 +- workspace/profil.html | 34 +- workspace/rechte.html | 28 +- workspace/report.html | 32 +- workspace/scouting.html | 30 +- workspace/start.html | 1382 ++++++++++++------------ workspace/startcheck.html | 32 +- workspace/steckbrief.html | 34 +- workspace/talente.html | 30 +- workspace/team.html | 28 +- workspace/teamlage.html | 28 +- workspace/teilen.html | 26 +- workspace/treff-moderation.html | 28 +- workspace/treff-regeln.html | 28 +- workspace/uebersicht.html | 30 +- workspace/unsere-seiten.html | 25 +- workspace/werdegang.html | 28 +- workspace/willkommen.html | 22 +- workspace/wissen.html | 32 +- 47 files changed, 2011 insertions(+), 1209 deletions(-) create mode 100644 server/pruef-livepunkt.mjs create mode 100644 workspace/assets/js/live.js diff --git a/server/pruef-livepunkt.mjs b/server/pruef-livepunkt.mjs new file mode 100644 index 00000000..b4d64586 --- /dev/null +++ b/server/pruef-livepunkt.mjs @@ -0,0 +1,253 @@ +/* ===================================================================== + pruef-livepunkt.mjs — Der LIVE-Punkt, wenn er sendet + --------------------------------------------------------------------- + Filipe, 22.09.2026: „in dieser kachel soll wenn ich live bin um 20h + bis 22h ein live button der richtig geil ist mit einem live roten + punkt symbol am besten, das soll aufblinken für zwei stunden. man + soll nicht drauf drücken können aber so dass es auffällt. … die + leute sollen auch automatisch eine benarichtigung bekommen um 20 + uhr dass ich live bin." + + DIE WICHTIGSTE FRAGE IST NICHT „BLINKT ES" + Sie lautet: Was passiert, wenn der Live-Dienst NICHT antwortet? + Die öffentliche Seite macht daraus seit jeher ein „nicht live" + (`assets/js/streamplan.js`, `.catch()` setzt `istLive = false`). + Wer das liest, macht die Seite zu und verpasst den Stream — und + niemand merkt je, dass es an einer Zeile liegt. + + Deshalb prüft diese Datei vor allem den dritten Ausgang: live / + wartet / weiß nicht, an sechs Antworten des Dienstes durchgespielt. + + DIE ZWEITWICHTIGSTE: BLINKT ES AUCH DANN, WENN ES NICHT SOLL? + Wer Bewegungsarmut eingestellt hat, macht das meist wegen + Schwindel oder Migräne. Ein Punkt, der trotzdem pulst, ist dann + keine Information, sondern eine Zumutung — und man sieht es beim + Bauen nicht, weil der eigene Rechner die Einstellung nicht hat. + ===================================================================== */ + +import { readFileSync } from "node:fs"; +import { fileURLToPath } from "node:url"; +import { dirname, join } from "node:path"; + +const HIER = dirname(fileURLToPath(import.meta.url)); +const W = join(HIER, "..", "workspace"); + +let ok = 0, fehl = 0; +const pruef = (name, bedingung, zusatz = "") => { + if (bedingung) { ok++; console.log(` OK ${name}`); } + else { fehl++; console.log(` FEHL ${name}${zusatz ? " — " + zusatz : ""}`); } +}; +const lies = (p) => readFileSync(join(W, p), "utf8"); + +console.log("\n===== DER LIVE-PUNKT =====\n"); + +/* ===================================================================== + 1. DIE AUSLEGUNG — live / wartet / weiss nicht + ===================================================================== */ +console.log("=== Drei Antworten, nicht zwei ==="); +{ + /* Die Funktion wird aus der ausgelieferten Datei geholt, nicht + nachgebaut. Eine Nachbildung wäre die zweite Fassung, die anders + altert — dann prüfte diese Datei sich selbst. */ + const quelle = lies("assets/js/live.js"); + const fenster = { + window: {}, document: { addEventListener() {} }, + fetch: () => { throw new Error("nicht benutzt"); }, + setInterval: () => 0, clearInterval: () => {}, + }; + const fn = new Function("window", "document", "fetch", "setInterval", "clearInterval", + quelle + "\nreturn window.LiveStatus;"); + const L = fn(fenster.window, fenster.document, fenster.fetch, + fenster.setInterval, fenster.clearInterval); + + pruef("live.js liefert eine Auslegung", typeof L?.auswerten === "function"); + + const faelle = [ + { was: "er sendet", d: { ok: true, live: true, title: "Abendrunde" }, soll: "live" }, + { was: "er sendet nicht", d: { ok: true, live: false, source: "automatisch", autoHealthy: true }, soll: "wartet" }, + { was: "der Pruefer ist gestoert", d: { ok: true, live: false, source: "automatisch", autoHealthy: false }, soll: "weissnicht" }, + { was: "von Hand auf 'nicht live' gesetzt", d: { ok: true, live: false, source: "hand", autoHealthy: false }, soll: "wartet" }, + { was: "der Dienst meldet einen Fehler", d: { ok: false }, soll: "weissnicht" }, + { was: "gar keine Antwort", d: null, soll: "weissnicht" }, + ]; + for (const f of faelle) { + const r = L.auswerten(f.d); + pruef(`${f.was} -> ${f.soll}`, r.zustand === f.soll, `kam: ${r.zustand}`); + } + + /* DER KERN. Ohne diese Zeile wäre alles oben Dekoration. */ + pruef('"weiss nicht" ist NICHT dasselbe wie "wartet"', + L.auswerten({ ok: true, live: false, source: "automatisch", autoHealthy: false }).zustand + !== L.auswerten({ ok: true, live: false, source: "automatisch", autoHealthy: true }).zustand); + + pruef("der Titel kommt mit, wenn er sendet", + L.auswerten({ ok: true, live: true, title: "Abendrunde" }).titel === "Abendrunde"); + + /* Das Abzeichen -- Wort UND Punkt, damit ein Vorleseprogramm nicht + nur einen leeren Kreis ansagt. */ + fenster.document.createElement = (tag) => ({ + tagName: tag.toUpperCase(), className: "", textContent: "", + kinder: [], appendChild(k) { this.kinder.push(k); }, + setAttribute(a, w) { this["_" + a] = w; }, + }); + const a = L.abzeichen("LIVE"); + pruef("das Abzeichen traegt einen Punkt und ein Wort", + a.kinder.length === 2 && a.kinder.some((k) => /wort/.test(k.className)) + && a.kinder.some((k) => /punkt/.test(k.className))); + pruef("und einen lesbaren Text (nicht nur einen Kreis)", + a.kinder.some((k) => k.textContent === "LIVE")); + pruef("der Punkt allein ist fuer Vorleseprogramme verborgen", + a.kinder.some((k) => /punkt/.test(k.className) && k["_aria-hidden"] === "true")); +} + +/* ===================================================================== + 2. ES IST KEIN KNOPF + ===================================================================== */ +console.log("\n=== Man kann nicht draufdruecken ==="); +{ + const css = lies("assets/css/module.css"); + const block = css.slice(css.indexOf(".live-marke {")); + pruef("die Marke nimmt keine Klicks an (pointer-events: none)", + /\.live-marke\s*\{[^}]*pointer-events:\s*none/s.test(css)); + pruef("und laesst sich nicht markieren (user-select: none)", + /\.live-marke\s*\{[^}]*user-select:\s*none/s.test(css)); + pruef("sie ist kein