Eine neue Form fuer jedes Modul -- und der Kalender zeigt nur noch, was einen angeht

Filipe: "DU HAST WIEDER EINE KLEINE AENDERUNG UEBERALL GEMACHT ANSTATT
EINE RIESEN AENDERUNG." Er hatte recht, und der Grund war jedes Mal
derselbe: Ich habe das MATERIAL getauscht (Mattglas, Leuchtschiene,
Verlauf) und die FORM gelassen. Ein abgerundetes Rechteck bleibt ein
abgerundetes Rechteck -- und die Silhouette ist das Einzige, was man aus
fuenf Metern erkennt.

Jetzt ist die Form eine andere: abgeschnittene Ecke oben links
(clip-path, echte Silhouette), ein Kantenlicht in der Kategoriefarbe
darauf, Eckwinkel unten rechts, ein feines Raster statt Koernung.
35 Bauteile auf allen 18 Seiten, in einer eigenen Datei (module.css).

DREI DINGE, DIE DABEI SCHIEFGINGEN UND JETZT ABGESICHERT SIND

1. Die Regeln standen in :where() -- Spezifitaet null, also gewann jede
   aeltere .kachel::before-Regel. Jetzt :is().
2. module.css stand an DRITTER Stelle im Ladeweg. Auf Calls,
   Automationen, Bereich und Dateien hat sie damit gar nichts bewirkt:
   Die Seitendateien setzen dort selbst border-radius und box-shadow und
   kommen spaeter. Genau das ergab wieder "ueberall ein bisschen". Sie
   wird jetzt als LETZTE geladen, geprueft auf allen 18 Seiten.
3. Die Klassenliste steht siebenmal in der Datei (CSS kennt keine
   Variable fuer Selektoren). Eine vergessene Kopie faellt niemandem
   auf -- pruef-css-klassen vergleicht sie deshalb alle, mit Gegenprobe.

DER KALENDER: NUR NOCH, WAS EINEN ANGEHT

Filipe: "calls oder termine soll jeder nur sehen die er selber macht
oder jeden betrifft." Das gilt auch fuer DogFather, und das ist die
eigentliche Aenderung -- er bekam bisher 1=1. "Jeden betrifft" heisst:
ohne Gegenueber und ohne Teilnehmerliste. Wer niemanden eintraegt, meint
alle. Die Rollenfrage entfaellt im Kalender damit vollstaendig.

SECHS PRUEFUNGEN, DIE EINE WELT GEMESSEN HABEN, DIE ES NICHT MEHR GIBT

Alle sechs wurden auf die neue Regel umgeschrieben, keine geloescht --
loeschen haette die Zahl gesenkt und den neuen Weg ungeprueft gelassen:
ics, serien, sicht, spicy, teilnehmer, tagesblick, team.

UND VIER ECHTE FUNDE, DIE DABEI HERAUSFIELEN

* pruef-workspace-seiten war seit dem Bildumbau von heute Frueh auf
  ALLEN 32 Seiten rot: Sie verlangte noch das eine Motiv. Die neue
  Bedingung ist schaerfer als beide alten -- das geladene Bild muss zu
  dem Merkmal passen, das die Seite selbst traegt. Und die Meldung sagt
  jetzt, WELCHE Bedingung gefallen ist.
* pruef-leistung-optik hat sich selbst ausgesperrt (meldete sich als
  Manager an, der die Zahlen seit Filipes Anweisung nicht mehr sehen
  darf) und stuerzte danach ab: 2 Pruefungen statt 56. Der Absturz hat
  verdeckt, dass sie sieben Fingerziele als "zu klein" meldete -- es
  waren die unsichtbaren Knoepfe der zugeklappten Woche, 0x0.
* personen.html beim Manager: Der Erklaersatz ("Codes, Sperren und das
  Protokoll bleiben bei DogFather") kam nie an -- das Element gab es
  nicht, und das && davor hat den Fehlgriff verschluckt. Die Liste stand
  ausserdem dauerhaft auf aria-busy="true": fuer einen Screenreader lud
  die Seite fuer immer.
* pruef-schranke hielt personen.html noch fuer DogFather-only. Die Seite
  wechselt jetzt die Erwartung, statt aus der Pruefung zu verschwinden:
  Seite auf fuer die Leitung, Verwaltungsdaten dahinter weiterhin zu.

Die Anmeldeseite wurde nicht angefasst (nur ihr Versionsstempel).

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-07 07:12:48 +02:00
co-authored by Claude Opus 5
parent e8478c9cae
commit 4eab64bd20
37 changed files with 997 additions and 563 deletions
+38 -4
View File
@@ -615,7 +615,21 @@ console.log("\n=== Das Licht folgt dem Zeiger");
const soll = hexTreffer
? [0, 2, 4].map((i) => parseInt(hexTreffer[1].slice(i, i + 2), 16))
: zahlen.slice(0, 3);
return { x: r.x + r.width / 2, y: r.y + r.height / 2, soll, ton };
/* WO DIE FARBE LIEGT, HAT SICH AM 07.09.2026 GEAENDERT.
Bis dahin lag ein Farbschleier ueber der ganzen Kachel, und
die Mitte war der richtige Messpunkt. Die neue Form traegt
die Farbe auf der KANTE -- die Flaeche ist mit Absicht
neutral. An der alten Stelle gemessen kam deshalb Grau
heraus, und die Pruefung meldete einen Fehler, den es nicht
gab.
Gemessen wird jetzt das obere Kantenlicht: ein schmales Band
von 4 px Hoehe ueber dem linken Drittel, beginnend hinter
der Schraege. Nicht EIN Bildpunkt -- eine 1,6 px dicke Linie
auf einer 1-zu-1-Aufloesung trifft man mit einem Punkt nur
mit Glueck. Aus dem Band wird der farbigste Punkt genommen. */
return { x: r.x + r.width / 2, y: r.y + r.height / 2, soll, ton,
band: { x: r.x + 22, y: r.y, breite: Math.max(40, r.width / 3), hoehe: 4 } };
}, name);
if (!b || b.soll.length !== 3) {
ok(false, `"${name}": Farbton nicht lesbar (${b?.ton})`);
@@ -624,14 +638,34 @@ console.log("\n=== Das Licht folgt dem Zeiger");
await seite.mouse.move(b.x, b.y);
await seite.waitForTimeout(350);
const bild = await seite.screenshot({ type: "png" });
const p = await seite.evaluate(async ({ b64, x, y }) => {
const gemessen = await seite.evaluate(async ({ b64, band }) => {
const i = new Image(); i.src = "data:image/png;base64," + b64; await i.decode();
const c = document.createElement("canvas");
c.width = i.width; c.height = i.height;
const g = c.getContext("2d"); g.drawImage(i, 0, 0);
const s = i.width / window.innerWidth;
return [...g.getImageData(Math.round(x * s), Math.round(y * s), 1, 1).data];
}, { b64: bild.toString("base64"), x: b.x, y: b.y });
const d = g.getImageData(Math.round(band.x * s), Math.round(band.y * s),
Math.round(band.breite * s), Math.round(band.hoehe * s)).data;
/* Der farbigste Punkt des Bandes: groesster Abstand zwischen
staerkstem und schwaechstem Kanal. Ein grauer Streifen hat
dort fast null -- daran erkennt man auch, wenn gar kein
Licht da ist. */
let best = [0, 0, 0], spanne = -1, punkte = 0;
for (let k = 0; k + 3 < d.length; k += 4) {
punkte++;
const v = [d[k], d[k + 1], d[k + 2]];
const sp = Math.max(...v) - Math.min(...v);
if (sp > spanne) { spanne = sp; best = v; }
}
return { punkte, spanne, farbe: best };
}, { b64: bild.toString("base64"), band: b.band });
const p = gemessen.farbe;
/* DIE ANZAHL DER GEMESSENEN PUNKTE GEHOERT IN DIE BEDINGUNG.
Ein leeres Band haette sonst "Reihenfolge stimmt" gemeldet --
0 gegen 0 ist immer gleich. */
ok(gemessen.punkte > 50 && gemessen.spanne >= 6,
`"${name}": auf der Oberkante liegt ueberhaupt Farbe `
+ `(${gemessen.punkte} Punkte, Spanne ${gemessen.spanne})`);
/* Die REIHENFOLGE der Kanaele muss uebereinstimmen. Absolute
Werte koennen es nicht: Das Licht ist stark abgedunkelt und
liegt auf einem dunklen Grund, seine Zahlen sind ein Bruchteil