Team-Lage: fuenf Stufen mit eigener Farbe, Karten neu gebaut, 404 wirft nicht mehr hinaus
B7 -- "wenn ich auf diese sachen drücke werd ich auf die startseite geschickt" und "ich will das es ein zwei kategorien mehr gibt und das soll geiler aussehen und jede seine eigene farbe, stark erkennbar" 1. DER RAUSWURF. Ein Druck auf einen Stufen-Knopf schickte auf die Startseite. Ursache: `hole()` stand ACHTMAL Zeichen fuer Zeichen gleich in acht Dateien, und darin warf JEDER 404 hinaus -- auch der auf eine blosse Handlung. Jetzt eine gemeinsame `assets/js/holen.js` mit der engeren, abgeleiteten Regel: Ein 404 wirft nur, solange die Seite noch gar nichts bekommen hat. 2. ZWEI STUFEN MEHR, und keine davon erfunden: "Fortgeschritten" gibt es im Entwicklungs-Katalog laengst (ENTWICKLUNG_ERWARTUNG), hier fehlte genau diese Mitte; "Vertretung" stand bis heute IN der Beschreibung von Senior. Keine Datenbankaenderung noetig -- die Spalte ist absichtlich ein TEXT ohne CHECK. 3. DIE FARBEN SIND GERECHNET. Nachgemessen lagen "Probe" und "Standard" bei 0,0576 OKLab-Abstand; MINDEST_ABSTAND ist 0,090 -- die beiden waren nebeneinander dieselbe Farbe, und alle drei lagen unter MINDEST_BUNTHEIT. Die neuen fuenf sind ein Faecher aus fuenf Farbwinkeln im Abstand von 72 Grad; der Versatz ist der, bei dem der kleinste Abstand am groessten wird. Ergebnis: 0,1531 untereinander, 0,1108 zur Rollenmarke daneben, Kontrast 7,4 bis 8,6. B8 -- "die sollen viel krasser geiler und übersichtlicher sein ... und die kacheln sollen viel krass geiler und spezieller aussehen auch der hintergrund, veränder das komplett" 4. DIE KARTE IST NEU: Kopfband in der Farbe der Stufe bis an die Kanten, Zeichen von 44 auf 52 px mit Ring, Zahlenband als eigene Flaeche, neuer Hintergrund (Farbschein unter dem Kopfband, feine Schraffur, dunklere Platte). 781 px hoch gemessen, danach 746. 5. DIE ROLLE STEHT JETZT DA -- als Marke auf der Karte und als Ueberschrift ueber jeder Gruppe. Sortiert war schon vorher nach Rolle; man konnte es nur nicht sehen. DREI FEHLER, DIE DABEI AUFFIELEN * `auto-fit` liess die einzelne Karte der rechten Hand ueber die ganze Bildschirmbreite laufen, sobald gruppiert wurde. `auto-fill` haelt die leeren Spalten offen. * Der Name der Person trug `tperson__namen` statt `tperson__name` -- ein Buchstabe, und damit die Klasse fuer graues Kleingedrucktes. Auf einer Seite ueber Personen war der Name kleiner als die Beschriftung darunter. Gefunden hat es die neue Pruefung, die ueberall "?" las. * `stufeSetzen()` suchte das Stufen-Schild mit `[class*="tmerkmal--"]:not(...)` -- einer Aufzaehlung dessen, was es NICHT ist. Sobald die Rollenmarke davorstand, traf die Suche sie: Ein Druck auf "Standard" haette aus "Modi" das Wort "Standard" gemacht. Und die Karte faerbte sich beim Setzen nicht mit um. DREI PRUEFUNGEN, ALLE MIT GEGENPROBE * pruef-holen.mjs (NEU, 14): fuehrt die echte Datei aus und misst fuenf Wege; dieselben fuenf noch einmal an der ALTEN Fassung, die bei genau zwei durchfallen muss. Dazu: laedt jede der acht Seiten holen.js, und zwar VOR ihrem Skript. * pruef-teamlage-karten.mjs (NEU, 22): im Browser. Gruppen, Rollenwort, Stufenknoepfe nur bei Modis, der Druck selbst (kein Sprung, ein Abruf, Schild und Kartenfarbe ziehen mit), Gegenprobe mit dem zweiten Druck, und die neuen Baender auf 390 px. * pruef-team-stufen.mjs (28 -> 47): die abgeschriebene Liste ["probe","standard","senior"] ist raus -- geprueft werden jetzt Eigenschaften und die Farbabstaende, gelesen aus team.css. Gegenprobe ist der Stand von gestern, der durch dieselbe Messung faellt. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -29,12 +29,12 @@
|
||||
};
|
||||
const melde = (t) => { const f = $('fehler'); if (f) { f.textContent = t; f.hidden = !t; } };
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('unbekannt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
let stufen = [];
|
||||
let daten = null;
|
||||
|
||||
@@ -374,12 +374,12 @@
|
||||
return { schluessel: 'laeuft', text: von === bis ? 'heute' : 'läuft bis ' + datum(bis) };
|
||||
}
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('unbekannt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
function tuKnopf(text, tu) {
|
||||
const b = el('button', 'schritt', text);
|
||||
|
||||
@@ -51,12 +51,12 @@
|
||||
{ day: 'numeric', month: 'short', year: 'numeric' });
|
||||
};
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('unbekannt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
let stufen = [];
|
||||
/* Welche Erwartungsstufe gerade gefiltert ist ('' = alle).
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
/* =====================================================================
|
||||
holen.js — ein Abruf, und was bei 401 und 404 passiert
|
||||
=====================================================================
|
||||
|
||||
ENTSTANDEN AUS EINEM ECHTEN FEHLER (22.09.2026).
|
||||
|
||||
Filipe: „wenn ich auf diese sachen drücke werd ich auf die startseite
|
||||
geschickt, scheck das bitte ab." Gemeint waren die Stufen-Knöpfe auf
|
||||
der Team-Lage. Nachgestellt im Browser:
|
||||
|
||||
Druck auf „Standard"
|
||||
→ PUT /workspace/api/teamlage/stufe 404
|
||||
→ Adresse springt auf /workspace/start.html
|
||||
|
||||
Die Ursache stand in acht Dateien, Zeichen für Zeichen dieselbe:
|
||||
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); … }
|
||||
|
||||
GEMEINT WAR ETWAS ANDERES ALS GESCHRIEBEN STAND. Die Zeile sollte
|
||||
sagen: „Du darfst diese Seite nicht sehen — hier ist der Ausgang."
|
||||
Geschrieben stand: „Irgendein Abruf hat 404 geliefert — raus mit
|
||||
dir." Eine einzelne Handlung, die nicht klappt, wirft damit den
|
||||
Menschen von einer Seite, auf der alles andere in Ordnung ist. Und
|
||||
er sieht nicht einmal, was schiefging: Die Meldung wäre auf der
|
||||
Seite erschienen, die gerade verschwindet.
|
||||
|
||||
DIE REGEL IST JETZT ENGER, UND ZWAR ABGELEITET STATT GEFLAGGT:
|
||||
Ein 404 wirft nur hinaus, solange die Seite noch gar nichts
|
||||
bekommen hat — also beim ersten Abruf, mit dem sie sich aufbaut.
|
||||
Ab dem Moment, in dem etwas Sinnvolles zurückkam, steht die Seite;
|
||||
ein späterer 404 ist die Antwort auf eine Handlung und gehört als
|
||||
Satz auf den Bildschirm, nicht als Sprung.
|
||||
|
||||
Eine Kennzeichnung je Aufrufstelle („dieser hier darf rauswerfen")
|
||||
wäre die Stelle, die beim nächsten neuen Aufruf vergessen wird.
|
||||
|
||||
WARUM EINE GEMEINSAME DATEI: Es waren acht Kopien. Als die Regel
|
||||
sich als falsch herausstellte, hätte man sie achtmal ändern müssen —
|
||||
und beim nächsten Mal wieder. Dieselbe Geschichte wie bei
|
||||
`.knopf-still`, beim Schalter, bei der Filterleiste, bei
|
||||
`.feld-hinweis` und beim Installieren-Knopf.
|
||||
|
||||
401 BLEIBT, WIE ES WAR: Wer abgemeldet ist, kann auf keiner Seite
|
||||
irgendetwas tun. Dort ist der Sprung zur Anmeldung die einzige
|
||||
sinnvolle Antwort, egal wann er kommt.
|
||||
===================================================================== */
|
||||
(() => {
|
||||
'use strict';
|
||||
|
||||
/* Hat die Seite schon einmal etwas Brauchbares bekommen? Solange
|
||||
nicht, ist ein 404 die Auskunft „hierher gehörst du nicht". */
|
||||
let stehtSchon = false;
|
||||
|
||||
window.holen = async function holen(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
|
||||
if (a.status === 401) {
|
||||
location.assign('/workspace/');
|
||||
throw new Error('abgemeldet');
|
||||
}
|
||||
|
||||
const art = String(optionen.method || 'GET').toUpperCase();
|
||||
if (a.status === 404 && art === 'GET' && !stehtSchon) {
|
||||
location.assign('/workspace/start.html');
|
||||
throw new Error('nicht erlaubt');
|
||||
}
|
||||
|
||||
/* ERST NACH DER PRÜFUNG SETZEN, nicht davor: Sonst gälte schon der
|
||||
erste Abruf als „die Seite steht", und der Rauswurf käme nie. */
|
||||
if (a.ok) stehtSchon = true;
|
||||
return a;
|
||||
};
|
||||
|
||||
/* Nur für Prüfungen: den Zustand zurücksetzen, um beide Wege zu
|
||||
messen. Im Betrieb ruft das niemand — eine Seite wird geladen und
|
||||
fängt dabei von vorn an. */
|
||||
window.holen.zuruecksetzen = () => { stehtSchon = false; };
|
||||
})();
|
||||
@@ -47,12 +47,12 @@
|
||||
|
||||
let daten = null;
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('unbekannt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
/* ---- Ein Feld ------------------------------------------------------- */
|
||||
function feld(seite, rolle) {
|
||||
|
||||
@@ -33,12 +33,12 @@
|
||||
const melde = (t) => { $('fehler').textContent = t || ''; };
|
||||
const datum = (iso) => (iso ? iso.slice(0, 10).split('-').reverse().join('.') : '—');
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('kein Zugriff'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
/* Vorher/Nachher. `gut` sagt, ob ein Anstieg erfreulich ist -- bei
|
||||
offenen Problemen ist er das nicht. */
|
||||
|
||||
@@ -29,12 +29,12 @@
|
||||
};
|
||||
const melde = (t) => { const f = $('fehler'); if (f) { f.textContent = t; f.hidden = !t; } };
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('unbekannt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
/* TAGESDATUM IN ORTSZEIT. Nicht toISOString().slice(0,10) -- das
|
||||
rechnet in UTC und liefert in Deutschland zwischen Mitternacht und
|
||||
|
||||
@@ -34,12 +34,12 @@
|
||||
};
|
||||
const melde = (t) => { $('fehler').textContent = t || ''; };
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('nicht erlaubt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
/* Der Median statt des Mittelwerts: Ein einzelner Ausreisser zieht
|
||||
einen Mittelwert mit sich und macht sich damit selbst unsichtbar.
|
||||
|
||||
+136
-15
@@ -37,12 +37,22 @@
|
||||
const stufenName = (wert) =>
|
||||
STUFEN.find((s) => s.wert === wert)?.name || STUFEN[0]?.name || '';
|
||||
|
||||
async function hole(pfad, optionen = {}) {
|
||||
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
|
||||
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
|
||||
if (a.status === 404) { location.assign('/workspace/start.html'); throw new Error('nicht erlaubt'); }
|
||||
return a;
|
||||
}
|
||||
/* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js.
|
||||
Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als
|
||||
die Regel darin sich als falsch herausstellte (jeder 404
|
||||
warf auf die Startseite, auch bei einer blossen Handlung),
|
||||
haette man sie achtmal aendern muessen. */
|
||||
const hole = (pfad, optionen) => window.holen(pfad, optionen);
|
||||
|
||||
/* DIE ROLLENWOERTER. Sie stehen hier und nicht im Server, weil die
|
||||
Antwort sie nicht mitschickt -- und zwei Woerter nachzuladen waere
|
||||
ein Abruf fuer nichts. Faellt eine Rolle durch, steht ihr
|
||||
technischer Name da: sichtbar falsch ist besser als leer. */
|
||||
const ROLLEN_WORT = {
|
||||
hand: 'Rechte Hand',
|
||||
linke: 'Linke Hand',
|
||||
modi: 'Modi',
|
||||
};
|
||||
|
||||
const tageHer = (iso) => {
|
||||
if (!iso) return null;
|
||||
@@ -142,7 +152,33 @@
|
||||
kopf.append(zeichen);
|
||||
|
||||
const text = el('div', 'tperson__text');
|
||||
text.append(el('p', 'tperson__namen', m.name));
|
||||
/* `tperson__name`, NICHT `tperson__namen` (22.09.2026).
|
||||
|
||||
Zwei Klassen, ein Buchstabe Unterschied, zwei voellig
|
||||
verschiedene Aufgaben:
|
||||
|
||||
.tperson__name der NAME einer Person -- 1,06 rem, kraeftig,
|
||||
volle Textfarbe
|
||||
.tperson__namen eine Aufzaehlung von Namen im Kleingedruckten
|
||||
("Wen genau") -- 0,84 rem, grau, leise
|
||||
|
||||
Hier stand die zweite. Der Name der Person auf einer Seite, die
|
||||
von Personen handelt, war damit kleiner und blasser als die
|
||||
Beschriftung darunter. Aufgefallen ist es nicht beim Lesen des
|
||||
Codes -- dort sieht ein "n" wie ein Tippfehler aus, den man
|
||||
ueberliest --, sondern weil pruef-teamlage-karten.mjs die Namen
|
||||
nicht finden konnte und ueberall "?" meldete.
|
||||
|
||||
Dass jemand es geahnt hat, steht in module.css: Dort faerbt eine
|
||||
Regel ausdruecklich `.tperson[data-rolle="hand"]
|
||||
.tperson__namen` golden. Sie faerbte also den Namen ueber die
|
||||
falsche Klasse nach -- und deckte damit die Ursache zu. Beide
|
||||
Klassen stehen dort jetzt nebeneinander.
|
||||
|
||||
Die beiden anderen Stellen in dieser Datei (Titel einer
|
||||
Rueckmeldung, Titel eines Angebots) bleiben bei
|
||||
`tperson__namen`: Dort IST es Kleingedrucktes. */
|
||||
text.append(el('p', 'tperson__name', m.name));
|
||||
/* WANN ZULETZT DA -- als Tatsache, nicht als Vorwurf. Wer zwei
|
||||
Wochen nicht da war, hat vielleicht Urlaub; die Zahl sagt nur,
|
||||
dass man nachfragen koennte. */
|
||||
@@ -169,8 +205,38 @@
|
||||
darunter -- null Aufgaben sind dann kein Grund nachzufragen. */
|
||||
if (!m.aktiv) merkmale.append(el('span', 'tmerkmal tmerkmal--pause', 'pausiert'));
|
||||
|
||||
merkmale.append(el('span', `tmerkmal tmerkmal--${m.stufe || 'probe'}`,
|
||||
stufenName(m.stufe)));
|
||||
/* DIE ROLLE STEHT JETZT DA (22.09.2026).
|
||||
|
||||
Filipe: „und auch den rollen entsprechend reihenfolge. nicht
|
||||
einfach so sondern die rolle soll die reihenfolge ausmachen."
|
||||
|
||||
GEMESSEN WAR DIE REIHENFOLGE SCHON RICHTIG -- die Abfrage
|
||||
sortiert seit Langem nach ROLLEN_SORTIERUNG. Auf der Karte stand
|
||||
aber nur die STUFE („Probe"), nie die Rolle. Eine Ordnung, die
|
||||
man nicht sehen kann, sieht aus wie Zufall; genau deshalb hat er
|
||||
sie nicht wiedererkannt.
|
||||
|
||||
Dieselbe Sache wie bei der ersten Bewerbung heute frueh: Erst
|
||||
das Wort macht aus einer Reihenfolge eine Auskunft. */
|
||||
merkmale.append(el('span', `tmerkmal tmerkmal--rolle tmerkmal--r-${m.rolle || 'modi'}`,
|
||||
ROLLEN_WORT[m.rolle] || m.rolle || 'Modi'));
|
||||
|
||||
/* Die Stufe nur, wo es eine gibt. Bei der rechten Hand stand
|
||||
bisher „Probe" -- sie hat aber gar keine Stufe, und der Server
|
||||
lehnt jede Aenderung daran mit 404 ab. Ein Wort, das niemand
|
||||
setzen kann, ist keine Auskunft, sondern eine Irrefuehrung. */
|
||||
if (m.stufe_aenderbar) {
|
||||
/* `tmerkmal--stufe` IST DER GRIFF, an dem stufeSetzen() diese
|
||||
Marke spaeter wiederfindet. Bis eben suchte es mit
|
||||
`[class*="tmerkmal--"]:not(...)` -- einer Aufzaehlung dessen,
|
||||
was es NICHT ist. Kaum stand die Rollenmarke davor, traf die
|
||||
Suche sie: Ein Druck auf "Standard" haette aus "Modi" das Wort
|
||||
"Standard" gemacht. Ein Griff, der sagt, was er ist, kann das
|
||||
nicht passieren. */
|
||||
merkmale.append(el('span',
|
||||
`tmerkmal tmerkmal--stufe tmerkmal--${m.stufe || 'probe'}`,
|
||||
stufenName(m.stufe)));
|
||||
}
|
||||
|
||||
if (m.seit) {
|
||||
const tage = tageHer(m.seit);
|
||||
@@ -247,7 +313,17 @@
|
||||
aendert sie aber nicht: Wer im Team auf welcher Stufe steht, ist
|
||||
eine Personalentscheidung (Blueprint 4.1, "Rechte anpassen"
|
||||
liegt beim Owner). Der Server sagt dasselbe noch einmal. */
|
||||
if (ich?.rolle === 'admin') {
|
||||
/* UND NUR DORT, WO ES EINE STUFE GIBT (22.09.2026).
|
||||
|
||||
Bis heute standen die drei Knoepfe an JEDER Karte -- auch an der
|
||||
der rechten Hand, die gar keine Stufe hat. Der Server antwortete
|
||||
mit 404, und der 404 warf von der Seite. Zwei Fehler
|
||||
hintereinander, und der sichtbare war der zweite.
|
||||
|
||||
`stufe_aenderbar` kommt vom Server, aus derselben Funktion, die
|
||||
auch den Weg zum Setzen absichert. Eine Rollenabfrage hier waere
|
||||
die zweite Wahrheit. */
|
||||
if (ich?.rolle === 'admin' && m.stufe_aenderbar) {
|
||||
const wahl = el('div', 'tstufen');
|
||||
wahl.append(el('span', 'tstufen__schild', 'Stufe'));
|
||||
for (const st of STUFEN) {
|
||||
@@ -388,11 +464,21 @@
|
||||
m.stufe = stufe;
|
||||
/* Das Schild oben in derselben Karte zieht mit -- sonst stuende
|
||||
dort die alte Stufe neben der neuen Auswahl. */
|
||||
const schild = wahl.parentElement?.querySelector('[class*="tmerkmal--"]:not(.tmerkmal--pause):not(.tmerkmal--leise)');
|
||||
const schild = wahl.parentElement?.querySelector('.tmerkmal--stufe');
|
||||
if (schild) {
|
||||
schild.className = `tmerkmal tmerkmal--${stufe}`;
|
||||
schild.className = `tmerkmal tmerkmal--stufe tmerkmal--${stufe}`;
|
||||
schild.textContent = stufenName(stufe);
|
||||
}
|
||||
/* UND DIE KARTE SELBST ZIEHT MIT (22.09.2026).
|
||||
|
||||
Die Stufe faerbt seit dem 10.09. die ganze Karte
|
||||
(`[data-stufe]` setzt `--r`, und daraus kommen Kantenlicht,
|
||||
Zeichen und Kopfband). Beim Setzen wurde bisher nur das
|
||||
Schild getauscht -- die Karte blieb in der alten Farbe stehen,
|
||||
bis jemand die Seite neu laedt. Mit drei blassen Toenen fiel
|
||||
das kaum auf; mit fuenf kraeftigen ist es der Unterschied
|
||||
zwischen "gespeichert" und "irgendwas stimmt nicht". */
|
||||
wahl.closest('.tperson')?.setAttribute('data-stufe', stufe);
|
||||
melde('');
|
||||
} catch {
|
||||
zeigen(vorher);
|
||||
@@ -674,9 +760,44 @@
|
||||
wartet.append(angeboteBauen(daten.angebote || []));
|
||||
ziel.append(wartet);
|
||||
|
||||
const runde = el('div', 't-leute');
|
||||
for (const m of leute) runde.append(karte(m));
|
||||
ziel.append(runde);
|
||||
/* ===================================================================
|
||||
NACH ROLLE GRUPPIERT, MIT UEBERSCHRIFT (22.09.2026)
|
||||
|
||||
„die rolle soll die reihenfolge ausmachen."
|
||||
|
||||
Die Reihenfolge kam schon vom Server (ROLLEN_SORTIERUNG). Was
|
||||
fehlte, war die Zaesur: Vier Karten hintereinander sehen
|
||||
gleich aus, egal in welcher Reihenfolge sie stehen. Eine
|
||||
Ueberschrift je Rolle macht aus der Sortierung eine sichtbare
|
||||
Gliederung -- und sagt nebenbei, wie viele es je Rolle gibt.
|
||||
|
||||
DIE GRUPPEN ENTSTEHEN AUS DER LISTE, nicht aus einer
|
||||
Aufzaehlung hier: Wer eine Rolle hinzufuegt, bekommt ihre
|
||||
Gruppe von selbst. Eine feste Liste waere die, die beim
|
||||
naechsten Rollenzuschnitt eine Gruppe verschluckt -- und die
|
||||
Leute darin mit ihr.
|
||||
|
||||
Bei nur EINER Gruppe faellt die Ueberschrift weg: Dann ist sie
|
||||
keine Gliederung, sondern eine Zeile, die sagt, was man sieht. */
|
||||
const nachRolle = [];
|
||||
for (const m of leute) {
|
||||
const letzte = nachRolle[nachRolle.length - 1];
|
||||
if (letzte && letzte.rolle === m.rolle) letzte.leute.push(m);
|
||||
else nachRolle.push({ rolle: m.rolle, leute: [m] });
|
||||
}
|
||||
for (const gruppe of nachRolle) {
|
||||
if (nachRolle.length > 1) {
|
||||
const kopf2 = el('h2', 't-gruppe');
|
||||
kopf2.append(el('span', 't-gruppe__wort',
|
||||
ROLLEN_WORT[gruppe.rolle] || gruppe.rolle || 'Team'));
|
||||
kopf2.append(el('span', 't-gruppe__zahl', String(gruppe.leute.length)));
|
||||
kopf2.dataset.rolle = gruppe.rolle || 'modi';
|
||||
ziel.append(kopf2);
|
||||
}
|
||||
const runde = el('div', 't-leute');
|
||||
for (const m of gruppe.leute) runde.append(karte(m));
|
||||
ziel.append(runde);
|
||||
}
|
||||
} catch { /* umgeleitet */ }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user