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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user