DogFatherGitandClaude Opus 5
65d278a18e
SECHS SACHEN, UND KEINE DAVON WAR DAS, WONACH ICH GESUCHT HABE. 1. ZWEI NATIVE prompt() IN teamlage.js -- die letzten im Haus. Sie halten die ganze Seite an, sehen auf jedem Browser anders aus als der Rest und koennen nicht sagen, was BLEIBT, wenn man absagt. Genau das ist dort die Frage, die jemand vor dem Klicken hat. Jetzt derselbe Dialog wie an den 42 anderen Stellen. 2. UND DER GRUND, WARUM SIE NIEMAND GEFUNDEN HAT. pruef-nachfrage suchte mit `(?:^|[^.\w])(confirm|prompt)\s*\(`. Das `[^.\w]` sollte fremde Methoden ausschliessen -- `angebot .prompt()` ist die Installations-Aufforderung des Browsers und kein nativer Dialog. Nur trifft dieser Ausschluss ausgerechnet die HAEUFIGSTE Schreibweise: `window.prompt(` hat einen Punkt davor. Die Pruefung war gruen, waehrend zwei native prompt() dastanden. Genau das Muster, vor dem dieses Haus warnt: eine Pruefung, die laeuft, gruen ist und das Falsche prueft. Die Gegenprobe kennt jetzt beide Schreibweisen -- haette sie das vorher getan, waere es am selben Tag aufgefallen. 3. willkommen.html LUD nachfrage.js NICHT. Gefunden von der geschaerften Pruefung. kopf.js ruft `frageNach(` ohne Absicherung -- auf dieser einen Seite haette ABMELDEN einen Absturz ausgeloest. Die Seite ist vom 21.09., die Luecke also einen Tag alt. 4. ZWEI FEHLALARME IM HANDY-RUNDGANG ABGESTELLT. Er meldete bei JEDEM Lauf dieselben drei Befunde: `button.schnitt bis 481px`, die Rechtetafel `table bis 877px`, `a.k-pille 8x8`. Nachgemessen bei 390 px: Das Dokument ist exakt 390 px breit, NICHTS laeuft ueber -- beide stehen in einem Kasten mit `overflow-x: auto`, und der rollt absichtlich. Die Kalenderpunkte tragen `pointer-events: none`; der Tipp gehoert der Tageszelle. Eine Warnung, die immer kommt, ist keine Warnung mehr (Hausregel vom 03.09.). Beide Regeln sind SCHMAL: nur ausdrueckliches `overflow-x: auto|scroll` (nicht `hidden` -- dort ist der Inhalt wirklich weg), nur ausdrueckliches `pointer-events: none`. Die Gegenprobe hat jetzt vier Faelle statt zwei: zwei, die gemeldet werden MUESSEN, und zwei, die es NICHT duerfen. Eine engere Messung kann auch zu eng sein. 5. DER LETZTE ECHTE BEFUND: 404 BEI JEDEM MODI. Der Rundgang meldete "404 (Not Found)" ohne Adresse -- eine Pruefung, die einen Fehler findet, ihn aber nicht auffindbar macht, kostet mehr Zeit als sie spart. Sie nennt jetzt die Adresse, und damit war es in einer Minute klar: `/workspace/api/werdegang/liste`. Der Code BEHANDELTE den 404 richtig, der Browser protokolliert ihn trotzdem -- derselbe Fall wie am 19.09. bei /anruf/adressen. Jetzt sagt der Server in /api/ich, ob jemand Team Dogi fuehrt. EIGENES FELD, kein Stellvertreter: `darf_verteilen` sieht aehnlich aus, ist aber nicht dasselbe -- ein Manager darf verteilen und fuehrt Team Dogi nicht. Dabei EINE Wartestelle statt zwei: `window.wennIchDaBin()`. `window.__ich` kommt ueber das Netz; zwei Seiten hatten dafuer jeweils ein eigenes setInterval. Zwei Fassungen desselben Wartens altern unterschiedlich. 6. pruef-werdegang MASS AUF DER FALSCHEN ADRESSE. Drei Pruefungen waren dauerhaft rot (`data-ton=null`) -- an einer Seite, die in Ordnung ist. Sie oeffnete `127.0.0.1`, also die Adresse der AGENTUR; dort ist `person.haus` nicht "crew" und die Kachelliste eine andere. Nachgemessen: Alle vier Rollen HABEN die Kachel, sobald das Haus stimmt. Jetzt derselbe https-Vorbau wie in pruef-willkommen und pruef-zuteilung. Beinahe haette ich hier etwas "repariert", das nicht kaputt war: Meine erste Messung rief `bereicheFuer(p, "crew")` auf -- das Haus wird aber aus `person.haus` gelesen, nicht als Argument. Sie sagte "DogFather hat keine Kachel". Eine plausible Herleitung ersetzt keine Messung, und eine falsch aufgesetzte Messung auch nicht. GEMESSEN: pruef-handy-teamdogi 214 Seitenaufrufe, 108.564 Elemente, 4.126 Bedienelemente -- 0 Befunde. Alle vier Rollen, beide Breiten. Zum ersten Mal. pruef-werdegang 103/0 (war 100/3), pruef-nachfrage 51/0 (war 49), pruef-stelle 15/0, pruef-entwicklung 48/0, pruef-start-ansicht 153/0, pruef-wege-nach-draussen 67/0, pruef-tippziele 11/0, pruef-treff 80/0, pruef-willkommen 67/0, pruef-sackgassen 13/0. Co-Authored-By: Claude Opus 5 <[email protected]>
927 lines
41 KiB
JavaScript
927 lines
41 KiB
JavaScript
/* =====================================================================
|
||
Die Entwicklungskarte (11.09.2026)
|
||
|
||
Vier Knöpfe je Beobachtung, ein Feld für den Anlass, und oben die
|
||
Abweichungen zwischen zwei Augenpaaren. Mehr ist es nicht — und das
|
||
ist Absicht: „so einfach wie möglich, aber so professionell wie
|
||
möglich" (Filipe).
|
||
|
||
WAS HIER NICHT PASSIERT: rechnen. Es gibt keine Punktzahl, keinen
|
||
Durchschnitt, keine Ampel je Person. Eine Zahl über einem Menschen
|
||
wird gelesen, verglichen und weitererzählt — gebraucht wird ein
|
||
Gesprächsanlass.
|
||
|
||
UND KEINE RECHTEPRÜFUNG. Ob jemand Block 5 sehen darf, entscheidet
|
||
der Server: Er liefert ihn gar nicht erst aus. Was hier steht, ist
|
||
höchstens ein Abschnitt, der leer bleibt.
|
||
===================================================================== */
|
||
(() => {
|
||
const $ = (id) => document.getElementById(id);
|
||
const el = (t, k, text) => {
|
||
const n = document.createElement(t);
|
||
if (k) n.className = k;
|
||
if (text !== undefined) n.textContent = text;
|
||
return n;
|
||
};
|
||
const melde = (t) => { const f = $('fehler'); if (f) { f.textContent = t; f.hidden = !t; } };
|
||
|
||
const datum = (iso) => {
|
||
if (!iso) return '';
|
||
const d = new Date(iso);
|
||
return Number.isNaN(d.getTime()) ? '' : d.toLocaleDateString('de-DE',
|
||
{ 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;
|
||
}
|
||
|
||
let stufen = [];
|
||
/* Welche Erwartungsstufe gerade gefiltert ist ('' = alle).
|
||
|
||
ER LIEGT AUSSERHALB VON karte(), wie die Klappzustände: Beim
|
||
Neuzeichnen soll er nicht zurückspringen. Wer „Fortgeschritten"
|
||
gewählt hat und einen Punkt setzt, will danach immer noch
|
||
„Fortgeschritten" sehen.
|
||
|
||
DIE VORGABE IST "ALLE". Ein Filter, der beim Öffnen schon etwas
|
||
versteckt, lässt einen Punkte suchen, die gestern noch da waren.
|
||
Wer filtert, hat es selbst getan und weiß es. */
|
||
let stufenFilter = '';
|
||
|
||
/* WELCHE KATEGORIEN OFFEN STEHEN (15.09.2026).
|
||
|
||
Filipe: „ich will auch dass man die kategorien von den fragen, also
|
||
die liste auf und zu drücken kann mit einem button."
|
||
|
||
Der Zustand liegt hier und nicht an den Elementen: Die Karte wird
|
||
nach dem ersten Klick auf einen Punkt neu gezeichnet (erst danach
|
||
darf der Stand der anderen ueberhaupt ausgeliefert werden). Waere
|
||
er an den Elementen, klappte dabei alles wieder zu -- mitten in der
|
||
Arbeit, bei jedem ersten Klick. */
|
||
let offeneBloecke = null;
|
||
let karteFuer = null;
|
||
|
||
/* Der Pfeil des Aufklappers. Als Zeichnung und nicht als Textzeichen:
|
||
„▸" sieht auf jedem Geraet anders aus und faellt bei manchen
|
||
Schriften ganz aus. */
|
||
const pfeil = () => {
|
||
const s = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||
s.setAttribute('class', 'e-block__pfeil');
|
||
s.setAttribute('viewBox', '0 0 24 24');
|
||
s.setAttribute('aria-hidden', 'true');
|
||
const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
||
p.setAttribute('d', 'M9 6l6 6-6 6');
|
||
s.append(p);
|
||
return s;
|
||
};
|
||
let offen = null; // die gerade geöffnete Person
|
||
|
||
/* DIE ZAHL AUF DER PERSONENKACHEL LEBT WOANDERS ALS DIE IN DER KARTE
|
||
(15.09.2026).
|
||
|
||
Filipe: „und wieso steht bei vanvan 0 von 28 obwohl ich alle durch
|
||
habe."
|
||
|
||
Weil die Kachel aus /entwicklung/lage kommt -- EINMAL, beim Laden
|
||
der Seite. Die Karte holt sich ihren Stand bei jedem Öffnen neu.
|
||
Wer 28 Punkte durchklickt, sieht in der Karte 28 von 28 und auf der
|
||
Kachel darüber weiterhin die Zahl von vorhin. Zwei Wahrheiten auf
|
||
einem Bildschirm, und die falsche steht oben.
|
||
|
||
Die Liste deshalb NICHT neu zu holen ist Absicht: Jeder Neuaufbau
|
||
bewegt die Seite, und genau darüber hat Filipe sich im selben
|
||
Atemzug beschwert. Stattdessen wandert die Zahl mit. */
|
||
const personZahlen = new Map(); // Personennummer -> Element mit „x von 28"
|
||
let letzteKarte = null; // { id, daten } der gerade offenen Karte
|
||
|
||
/** Alle sichtbaren Zähler auf den Stand bringen, den die Karte hat.
|
||
* Ohne Neuladen, ohne Sprung. */
|
||
function zaehlerNachziehen() {
|
||
if (!letzteKarte) return;
|
||
const r = letzteKarte.daten;
|
||
const alle = r.bloecke.flatMap((b) => b.punkte);
|
||
const gesetzt = alle.filter((pt) => pt.meins).length;
|
||
const satz = `${gesetzt} von ${r.gesamt} angesehen`;
|
||
|
||
const kopf = document.querySelector('#karte .e-karte__stand');
|
||
if (kopf) kopf.textContent = satz;
|
||
const kachel = personZahlen.get(letzteKarte.id);
|
||
if (kachel) {
|
||
/* Zwei Ziffern statt eines Satzes -- und der Ton wechselt auf
|
||
gruen, sobald nichts mehr offen ist. Ohne das bliebe eine
|
||
fertig angesehene Person blaugrau wie eine halbe. */
|
||
kachel.angesehen.textContent = String(gesetzt);
|
||
kachel.offen.textContent = String(Math.max(0, r.gesamt - gesetzt));
|
||
kachel.kasten.dataset.stufe = gesetzt >= r.gesamt ? 'gut' : 'offen';
|
||
}
|
||
|
||
/* Und die Köpfe der Kategorien -- sonst steht zugeklappt „0 / 7“
|
||
über sieben beantworteten Fragen. */
|
||
for (const b of r.bloecke) {
|
||
const abschnitt = document.querySelector(`.e-block[data-block="${b.schluessel}"]`);
|
||
if (!abschnitt) continue;
|
||
/* MIT DEMSELBEN FILTER WIE BEIM ZEICHNEN (17.09.2026). Ohne
|
||
diese drei Zeilen zieht der Zaehler nach jedem Klick auf die
|
||
UNGEFILTERTE Zahl zurueck -- der Kopf sagte dann "3 / 14",
|
||
waehrend vier Zeilen darunter stehen. Und man zweifelt an der
|
||
Zahl, nicht am Filter. */
|
||
const punkte = stufenFilter
|
||
? b.punkte.filter((pt) => pt.stufe === stufenFilter)
|
||
: b.punkte;
|
||
const n = punkte.filter((pt) => pt.meins).length;
|
||
const haktHier = punkte.filter((pt) => pt.meins?.stufe === 'hakt').length;
|
||
const stand = abschnitt.querySelector('.e-block__stand');
|
||
if (stand) {
|
||
stand.textContent = `${n} / ${punkte.length}`;
|
||
if (n === punkte.length) stand.dataset.fertig = 'ja';
|
||
else delete stand.dataset.fertig;
|
||
}
|
||
if (n === punkte.length) abschnitt.dataset.fertig = 'ja';
|
||
else delete abschnitt.dataset.fertig;
|
||
const hakt = abschnitt.querySelector('.e-block__hakt');
|
||
if (hakt) {
|
||
hakt.hidden = !haktHier;
|
||
const zahl = hakt.querySelector('.e-block__hakt-zahl');
|
||
if (zahl) zahl.textContent = `${haktHier} ×`;
|
||
}
|
||
}
|
||
}
|
||
|
||
/* ---- Die vier Knöpfe ------------------------------------------------
|
||
Sie stehen immer in derselben Reihenfolge, auch wenn einer gesetzt
|
||
ist. Ein Knopfsatz, der sich umsortiert, sobald man ihn benutzt,
|
||
ist der sicherste Weg, beim zweiten Mal danebenzutippen. */
|
||
function knopfsatz(aktuell, waehle) {
|
||
const reihe = el('div', 'e-wahl');
|
||
for (const s of stufen) {
|
||
const b = el('button', 'e-wahl__knopf');
|
||
b.type = 'button';
|
||
b.dataset.stufe = s.schluessel;
|
||
b.setAttribute('aria-pressed', String(aktuell === s.schluessel));
|
||
b.title = s.text;
|
||
b.append(el('span', 'e-wahl__zeichen', s.zeichen));
|
||
b.append(el('span', 'e-wahl__name', s.name));
|
||
b.addEventListener('click', () => waehle(s.schluessel, b));
|
||
reihe.append(b);
|
||
}
|
||
return reihe;
|
||
}
|
||
|
||
/* ---- Die Ampel ------------------------------------------------------ */
|
||
async function ampel() {
|
||
const ziel = $('ampel');
|
||
let a;
|
||
try { a = await hole('/workspace/api/entwicklung/ampel'); } catch { return; }
|
||
if (!a.ok) return; // nicht jede Rolle hat sie
|
||
const r = await a.json();
|
||
ziel.textContent = '';
|
||
ziel.hidden = false;
|
||
ziel.dataset.lage = r.sagbar ? r.lage : 'still';
|
||
ziel.append(el('p', 'e-ampel__satz', r.sagbar ? r.text : r.grund));
|
||
if (r.sagbar) {
|
||
ziel.append(el('p', 'e-ampel__zusatz',
|
||
`${r.geantwortet} von ${r.team} im Team haben die Fragen schon beantwortet. `
|
||
+ 'Namen stehen hier nicht – auch für dich nicht.'));
|
||
}
|
||
}
|
||
|
||
/* ---- Die Personen --------------------------------------------------- */
|
||
/* EIN BILANZ-KASTEN, wie ihn die Checkliste benutzt (17.09.2026).
|
||
|
||
Filipe, mit zwei Bildschirmfotos nebeneinander: "wieso ist diese
|
||
seite noch nicht im stil und perfektioniert wie die auf screen2".
|
||
|
||
Der Unterschied war nicht der Aufbau -- der stimmte -- sondern die
|
||
Zahlen: Hier standen sie als graue Textzeilen, drueben als
|
||
abgesetzte Kaesten mit grosser Ziffer und eigenem Ton. Zwei
|
||
Bretter, die dasselbe tun und verschieden aussehen, wirken wie
|
||
zwei verschiedene Sachen.
|
||
|
||
`bilanz-zahl` steht in start.css und gehoert damit dem ganzen Haus,
|
||
nicht der Checkliste. Nachbauen waere eine zweite Wahrheit ueber
|
||
dasselbe Aussehen gewesen. */
|
||
function bilanzZahl(n, text, stufe, hinweis) {
|
||
const kasten = el('div', 'bilanz-zahl');
|
||
kasten.dataset.stufe = stufe;
|
||
if (hinweis) kasten.title = hinweis;
|
||
const ziffer = el('span', 'bilanz-zahl__n', String(n));
|
||
kasten.append(ziffer);
|
||
kasten.append(el('span', 'bilanz-zahl__text', text));
|
||
return { kasten, ziffer };
|
||
}
|
||
|
||
function personKarte(p, lage) {
|
||
const k = el('button', 'e-person');
|
||
k.type = 'button';
|
||
/* JEDE PERSON IST EINZELN WAEHLBAR -- UND MAN SIEHT ES.
|
||
Vorher war die Kachel ein Knopf ohne Zustand: Man klickte jemanden
|
||
an, die Karte ging auf, und die Kachel sah aus wie vorher. Wer
|
||
dann scrollte, wusste nicht mehr, wen er offen hat. */
|
||
k.setAttribute('aria-pressed', 'false');
|
||
k.dataset.person = String(p.id);
|
||
/* Der Name als Angabe, nicht nur als Text: Das Verteil-Band nennt
|
||
ihn ("Aufgabe fuer Kessi"), und `textContent` der ganzen Kachel
|
||
waere Name + Rolle + drei Zahlen. */
|
||
k.dataset.name = p.name;
|
||
k.append(el('span', 'e-person__name', p.name));
|
||
k.append(el('span', 'e-person__rolle', p.rolle_name));
|
||
|
||
const gesamt = Number(lage.gesamt_fremd) || 0;
|
||
const gesetzt = Number(p.gesetzt) || 0;
|
||
const zahlen = el('div', 'e-person__bilanz');
|
||
/* DIESELBEN DREI WIE DRUEBEN, und die ersten beiden teilen dasselbe
|
||
Ganze: angesehen + noch offen = alle Punkte. Die dritte ist das
|
||
Ergebnis dieser Seite -- wo zwei Leute dasselbe sehen, gibt es
|
||
nichts zu besprechen. */
|
||
const a = bilanzZahl(gesetzt, 'angesehen',
|
||
gesamt && gesetzt >= gesamt ? 'gut' : 'offen');
|
||
const o = bilanzZahl(Math.max(0, gesamt - gesetzt), 'noch offen', 'offen');
|
||
const v = bilanzZahl(Number(p.abweichungen) || 0, 'verschieden gesehen',
|
||
'verbessern', 'Hier lohnt das Gespräch – nicht dort, wo ihr einig seid.');
|
||
zahlen.append(a.kasten, o.kasten, v.kasten);
|
||
/* Die Kachel merkt sich ihre Ziffern -- daran zieht
|
||
zaehlerNachziehen() sie nach, ohne die Liste neu zu holen. */
|
||
personZahlen.set(p.id, { angesehen: a.ziffer, offen: o.ziffer, kasten: a.kasten });
|
||
k.append(zahlen);
|
||
if (p.veraltet) {
|
||
const z = el('span', 'e-person__zahl e-person__zahl--alt',
|
||
`${p.veraltet} älter als ${lage.verblasst_nach} Tage`);
|
||
z.title = 'Eine alte Einschätzung ist keine Einschätzung mehr.';
|
||
k.append(z);
|
||
}
|
||
/* NUR HIER WIRD GESPRUNGEN: Wer eine Person anklickt, will zu ihrer
|
||
Karte. Überall sonst bleibt die Seite stehen, wo sie steht. */
|
||
k.addEventListener('click', () => karte(p.id, true));
|
||
/* VON AUSSEN AUF EINE KARTE (17.09.2026).
|
||
|
||
Die Talentseite verweist seit heute hierher -- bis dahin oeffnete
|
||
sich eine Karte NUR durch Klick auf ihre Kachel. Wer dem Link
|
||
folgte, landete auf einer Liste und musste die Person suchen;
|
||
genau der Schritt, den der Link ersparen sollte.
|
||
|
||
`?zeigen=` ist der vorhandene Weg (kopf.js), nicht ein zweiter.
|
||
Er wird an der Kachel ausgewertet, waehrend sie entsteht --
|
||
vorher gibt es sie nicht, und ein Sprung ins Nichts scrollt
|
||
kommentarlos an den Seitenanfang. */
|
||
if (window.zielSchluessel?.() === `person-${p.id}`) {
|
||
gesucht = k;
|
||
}
|
||
return k;
|
||
}
|
||
|
||
/* Welche Kachel von aussen gesucht wurde (`?zeigen=person-…`).
|
||
Sie wird beim Bauen gemerkt und erst danach angesprungen -- vorher
|
||
haengt sie nicht im Dokument und hat keine Position. */
|
||
let gesucht = null;
|
||
|
||
/* ---- Die Karte einer Person ----------------------------------------- */
|
||
/* DIE SEITE BEWEGT SICH NUR NOCH, WENN MAN ES WILL (15.09.2026).
|
||
|
||
Filipe: „immer wenn ich auf was drücke dan geht das fenster wieder
|
||
hoch. die seite soll sich nicht immer wieder bewegen wenn ich auf
|
||
was drücke."
|
||
|
||
Hier stand ein `scrollIntoView` ohne Bedingung -- und diese Funktion
|
||
wird an VIER Stellen gerufen: beim Öffnen einer Person (da ist es
|
||
richtig), nach dem ersten Klick auf einen Punkt, beim Aufklappen
|
||
aller Kategorien und nach dem Anlegen eines Schritts. Dreimal von
|
||
vier war es falsch: Man tippt unten auf „Läuft“ und steht wieder
|
||
ganz oben.
|
||
|
||
`springen` ist deshalb VORGABE NEIN. Wer springen will, sagt es --
|
||
und das tut genau eine Stelle. Und selbst ohne Sprung wird die
|
||
Höhe gehalten: Der Neuaufbau kann die Karte kürzer oder länger
|
||
machen (eine Zeile „Schritt läuft“ kommt dazu), und dann rutscht
|
||
alles darunter weg. */
|
||
/* DAS VERTEIL-BAND (22.09.2026).
|
||
------------------------------------------------------------------
|
||
Es steht nur da, wenn die Person auch verteilen darf -- gefragt
|
||
wird `darf_verteilen` vom Server (ueber window.__ich, das kopf.js
|
||
ohnehin holt). Ein Rollenname stuende hier in einer Datei, die
|
||
jeder herunterlaedt, und waere am Tag der naechsten Aenderung
|
||
falsch. */
|
||
function verteilBandZeigen(personId, name) {
|
||
const band = $('verteilen-band');
|
||
if (!band) return;
|
||
/* `window.__ich` KOMMT SPAETER ALS DIESE SEITE (22.09.2026).
|
||
----------------------------------------------------------------
|
||
kopf.js holt die Auskunft ueber das Netz; beim ersten Aufruf hier
|
||
steht sie noch nicht. Gemessen: Das Band blieb unsichtbar, bis
|
||
man eine Person anklickte -- also genau dann, wenn man es zum
|
||
ersten Mal gebraucht haette.
|
||
|
||
Ein festes `setTimeout` waere eine Zahl aus dem Kopf. Gewartet
|
||
wird stattdessen darauf, dass die Auskunft DA ist, und laengstens
|
||
drei Sekunden. */
|
||
if (window.__ich === undefined && window.wennIchDaBin) {
|
||
/* Benutzt seit dem 22.09.2026 die gemeinsame Wartestelle aus
|
||
kopf.js. Vorher stand hier ein eigenes setInterval -- dasselbe
|
||
Warten ein zweites Mal geschrieben, und damit die Fassung, die
|
||
beim naechsten Umbau nur halb nachgezogen wird. */
|
||
window.wennIchDaBin().then((da) => {
|
||
if (da) verteilBandZeigen(personId, name);
|
||
});
|
||
return;
|
||
}
|
||
const darf = window.__ich?.darf_verteilen === true;
|
||
band.hidden = !darf;
|
||
if (!darf) return;
|
||
const knopf = $('verteilen-knopf');
|
||
const satz = $('verteilen-satz');
|
||
if (personId) {
|
||
knopf.href = `aufgaben.html?neu=1&fuer=${encodeURIComponent(personId)}`;
|
||
knopf.textContent = name ? `Aufgabe für ${name}` : 'Aufgabe anlegen';
|
||
satz.textContent = name
|
||
? `Die Aufgabe landet direkt bei ${name} — mit einer Meldung.`
|
||
: 'Die Aufgabe landet direkt bei der gewählten Person.';
|
||
} else {
|
||
knopf.href = 'aufgaben.html?neu=1';
|
||
knopf.textContent = 'Aufgabe anlegen';
|
||
satz.textContent = 'Wähl links jemanden aus — dann legst du die Aufgabe direkt für ihn an.';
|
||
}
|
||
}
|
||
|
||
async function karte(id, springen = false) {
|
||
offen = id;
|
||
/* WER IST GERADE OFFEN? Die Antwort gehoert auf die Kacheln, nicht
|
||
nur in eine Variable. `aria-pressed` sagt es zugleich einem
|
||
Vorleseprogramm -- eine Umrandung allein kann das nicht. */
|
||
for (const kachel of document.querySelectorAll('#personen .e-person')) {
|
||
kachel.setAttribute('aria-pressed',
|
||
kachel.dataset.person === String(id) ? 'true' : 'false');
|
||
}
|
||
{
|
||
const k = document.querySelector(`#personen .e-person[data-person="${id}"]`);
|
||
verteilBandZeigen(id, k ? (k.dataset.name || k.textContent.trim()) : null);
|
||
}
|
||
const ziel = $('karte');
|
||
const vorherY = window.scrollY;
|
||
ziel.hidden = false;
|
||
ziel.textContent = '';
|
||
ziel.append(el('p', 'leise', 'wird geladen …'));
|
||
if (springen) ziel.scrollIntoView({ behavior: window.sanft?.() || 'auto', block: 'start' });
|
||
|
||
const a = await hole(`/workspace/api/entwicklung/person/${id}`);
|
||
if (!a.ok) { melde('Die Karte ließ sich nicht laden.'); return; }
|
||
const r = await a.json();
|
||
stufen = r.stufen;
|
||
letzteKarte = { id, daten: r };
|
||
ziel.textContent = '';
|
||
|
||
/* WIE DIESER MENSCH GEKOMMEN IST (17.09.2026).
|
||
|
||
Wer eine Karte aufschlaegt, sieht Namen und Punkte -- aber nicht,
|
||
dass derselbe Mensch vier Wochen lang beobachtet wurde und wer
|
||
ihn eingearbeitet hat. Beim ersten Beurteilen ist genau das die
|
||
Frage: „Woher kommt der eigentlich?"
|
||
|
||
NUR DER WEG, NICHT DIE DATEN. Die Merkmale aus dem Trichter
|
||
hierher zu kopieren waere bequem und falsch -- zwei Kataloge,
|
||
zwei Fragen (taugt er? / wie entwickelt er sich?). Eine Zahl aus
|
||
dem einen sieht im anderen aus wie eine Beurteilung und ist
|
||
keine. */
|
||
if (r.herkunft) {
|
||
const h = el('p', 'e-herkunft');
|
||
h.append(el('span', 'e-herkunft__schild', 'Kam über den Trichter'));
|
||
const hin = el('a', 'e-herkunft__weg', r.herkunft.titel);
|
||
hin.href = 'talente.html';
|
||
h.append(hin);
|
||
if (r.herkunft.buddy_name) {
|
||
h.append(el('span', 'e-herkunft__buddy',
|
||
'· eingearbeitet von ' + r.herkunft.buddy_name));
|
||
}
|
||
ziel.append(h);
|
||
}
|
||
|
||
const kopf = el('div', 'e-karte__kopf');
|
||
kopf.append(el('h2', 'e-karte__name', r.person.name));
|
||
kopf.append(el('span', 'e-karte__rolle', r.person.rolle_name));
|
||
kopf.append(el('span', 'e-karte__stand', `${r.gesetzt} von ${r.gesamt} angesehen`));
|
||
/* Der Weg zum Notizbrett. Der Katalog ist das, was man regelmäßig
|
||
durchgeht; die Notiz das, was zwischendurch auffällt. Beides
|
||
nebeneinander, nicht statt. */
|
||
const brett = el('a', 'schritt e-karte__brett', 'Notizen zu dieser Person');
|
||
brett.href = 'bereich.html?b=entwicklung';
|
||
kopf.append(brett);
|
||
ziel.append(kopf);
|
||
|
||
/* ---- Abweichungen zuerst ------------------------------------------
|
||
Sie stehen oben, weil sie das Einzige sind, was diese Seite
|
||
liefert und eine Liste nicht: die Stelle, an der zwei Leute
|
||
dieselbe Person verschieden sehen. */
|
||
if (r.abweichungen.length) {
|
||
const box = el('div', 'e-abweichung');
|
||
box.append(el('h3', 'e-abweichung__titel',
|
||
`${r.abweichungen.length} × seht ihr das verschieden`));
|
||
box.append(el('p', 'e-abweichung__satz',
|
||
'Genau hier lohnt das Gespräch. Wo ihr einig seid, gibt es nichts zu besprechen.'));
|
||
const liste = el('ul', 'e-abweichung__liste');
|
||
for (const ab of r.abweichungen) {
|
||
const li = document.createElement('li');
|
||
li.append(el('span', 'e-abweichung__punkt', ab.titel));
|
||
const nn = (s) => stufen.find((x) => x.schluessel === s)?.name || s;
|
||
li.append(el('span', 'e-abweichung__gegen',
|
||
`du: ${nn(ab.meins)} · ${ab.von_name}: ${nn(ab.andere)}`));
|
||
liste.append(li);
|
||
}
|
||
box.append(liste);
|
||
ziel.append(box);
|
||
}
|
||
|
||
/* ---- Die Blöcke, auf- und zuklappbar --------------------------------
|
||
|
||
ACHTUNDZWANZIG PUNKTE SIND ZU VIEL FÜR EINEN BILDSCHIRM. Offen
|
||
sind es rund zwei Meter Seite; man scrollt, verliert die Stelle
|
||
und macht es beim nächsten Mal gar nicht mehr.
|
||
|
||
WELCHER ZUERST OFFEN STEHT, IST DIE EIGENTLICHE ENTSCHEIDUNG.
|
||
Alle zu hieße: jedes Mal erst suchen. Alle auf wäre der Zustand
|
||
von vorher. Offen steht deshalb die erste Kategorie, in der noch
|
||
etwas fehlt — man landet dort, wo die Arbeit ist. Ist alles
|
||
gesetzt, steht die erste offen.
|
||
================================================================ */
|
||
if (karteFuer !== id) { karteFuer = id; offeneBloecke = null; }
|
||
if (offeneBloecke === null) {
|
||
offeneBloecke = new Set();
|
||
const ersteOffene = r.bloecke.find((b) => b.punkte.some((pt) => !pt.meins))
|
||
|| r.bloecke[0];
|
||
if (ersteOffene) offeneBloecke.add(ersteOffene.schluessel);
|
||
}
|
||
|
||
const leiste = el('div', 'e-bloecke__leiste');
|
||
const alleZu = () => r.bloecke.every((b) => offeneBloecke.has(b.schluessel));
|
||
const alleKnopf = el('button', 'e-bloecke__alle');
|
||
alleKnopf.type = 'button';
|
||
const alleBeschriften = () => {
|
||
alleKnopf.textContent = alleZu() ? 'Alle zuklappen' : 'Alle aufklappen';
|
||
};
|
||
alleBeschriften();
|
||
/* Jede Kategorie legt hier ihren eigenen Umschalter ab. */
|
||
const umschalter = [];
|
||
alleKnopf.addEventListener('click', () => {
|
||
/* AN ORT UND STELLE, NICHT ÜBER EINEN NEUAUFBAU. Vorher rief
|
||
dieser Knopf karte() -- die Karte wurde neu geholt, neu
|
||
gezeichnet, und die Seite sprang. Aufklappen ist eine Sache der
|
||
Anzeige; dafür braucht es den Server nicht. */
|
||
const zu = alleZu();
|
||
if (zu) offeneBloecke.clear();
|
||
else for (const b of r.bloecke) offeneBloecke.add(b.schluessel);
|
||
for (const u of umschalter) u(!zu);
|
||
alleBeschriften();
|
||
});
|
||
leiste.append(alleKnopf);
|
||
/* HIER STAND KURZ „2 von 28 angesehen" -- dieselbe Zahl, die zwei
|
||
Zeilen hoeher schon im Kopf der Karte steht. Zweimal dasselbe auf
|
||
einem Bildschirm laesst einen ueberlegen, ob es zwei verschiedene
|
||
Zahlen sind. Gesehen habe ich das im Bildschirmfoto, nicht im
|
||
Code. */
|
||
/* DIE STUFENLEITER (17.09.2026).
|
||
|
||
Sie wird aus r.erwartung GEBAUT und nicht hier aufgezählt --
|
||
eine zweite Liste wäre die Falle, die in diesem Haus schon
|
||
mehrfach zugeschlagen hat: Kommt eine fünfte Stufe dazu, fehlt
|
||
sie genau an der Stelle, an der niemand nachsieht.
|
||
|
||
Und jede Stufe sagt, wie viele Punkte sie hat. Ein Filter, der
|
||
auf eine leere Liste führt, sieht aus wie ein Fehler. */
|
||
const stufenLeiste = el('div', 'e-stufen');
|
||
stufenLeiste.setAttribute('role', 'group');
|
||
stufenLeiste.setAttribute('aria-label', 'Nach Stufe filtern');
|
||
const allePunkte = r.bloecke.flatMap((b) => b.punkte);
|
||
const stufenWahl = [{ schluessel: '', name: 'Alle', text: '' }, ...(r.erwartung || [])];
|
||
for (const e of stufenWahl) {
|
||
const wieViele = e.schluessel
|
||
? allePunkte.filter((pt) => pt.stufe === e.schluessel).length
|
||
: allePunkte.length;
|
||
const k = el('button', 'e-stufen__knopf');
|
||
k.type = 'button';
|
||
k.dataset.erwartung = e.schluessel;
|
||
k.setAttribute('aria-pressed', String(stufenFilter === e.schluessel));
|
||
if (e.text) k.title = e.text;
|
||
k.append(el('span', 'e-stufen__name', e.name));
|
||
k.append(el('span', 'e-stufen__zahl', String(wieViele)));
|
||
k.addEventListener('click', () => {
|
||
/* Ein zweiter Klick auf dieselbe Stufe hebt den Filter auf.
|
||
Sonst sucht man den Weg zurück zu „Alle" und findet ihn
|
||
nicht, weil man nicht mehr weiß, dass man gefiltert hat. */
|
||
stufenFilter = (stufenFilter === e.schluessel) ? '' : e.schluessel;
|
||
karte(id, false);
|
||
});
|
||
stufenLeiste.append(k);
|
||
}
|
||
leiste.append(stufenLeiste);
|
||
ziel.append(leiste);
|
||
|
||
for (const b of r.bloecke) {
|
||
/* GEFILTERT WIRD HIER, EINMAL -- und alles darunter rechnet mit
|
||
derselben Liste. Stünde der Filter nur beim Zeichnen der
|
||
Zeilen, zeigte der Kopf weiterhin „3 / 14", während vier
|
||
Punkte darunter stehen. Genau diese Sorte Unstimmigkeit
|
||
lässt einen an der Zahl zweifeln statt am Filter. */
|
||
const punkte = stufenFilter
|
||
? b.punkte.filter((pt) => pt.stufe === stufenFilter)
|
||
: b.punkte;
|
||
/* EINE KATEGORIE OHNE TREFFER WIRD GANZ AUSGELASSEN. Ein
|
||
Abschnitt mit „0 / 0" ist kein Ergebnis, sondern ein
|
||
Hindernis zwischen den echten. */
|
||
if (!punkte.length) continue;
|
||
const gesetzt = punkte.filter((pt) => pt.meins).length;
|
||
const offen = offeneBloecke.has(b.schluessel);
|
||
const haktHier = punkte.filter((pt) => pt.meins?.stufe === 'hakt').length;
|
||
|
||
const abschnitt = el('section', 'e-block');
|
||
/* Der Schlüssel am Element -- daran findet zaehlerNachziehen()
|
||
den richtigen Kopf wieder, ohne eine zweite Liste zu führen. */
|
||
abschnitt.dataset.block = b.schluessel;
|
||
abschnitt.dataset.offen = offen ? 'ja' : 'nein';
|
||
if (gesetzt === punkte.length) abschnitt.dataset.fertig = 'ja';
|
||
|
||
const koerper = el('div', 'e-block__koerper');
|
||
koerper.id = `block-${b.schluessel}`;
|
||
koerper.hidden = !offen;
|
||
|
||
const titel = el('h3', 'e-block__zeile');
|
||
const schalter = el('button', 'e-block__schalter');
|
||
schalter.type = 'button';
|
||
schalter.setAttribute('aria-expanded', String(offen));
|
||
schalter.setAttribute('aria-controls', koerper.id);
|
||
schalter.append(pfeil());
|
||
schalter.append(el('span', 'e-block__name', b.name));
|
||
/* DER STAND STEHT IM KOPF, damit man ihn ZUGEKLAPPT sieht. Eine
|
||
zugeklappte Kategorie, die nicht sagt, wie weit sie ist, klappt
|
||
man einmal auf und danach nie wieder zu. */
|
||
const stand = el('span', 'e-block__stand', `${gesetzt} / ${punkte.length}`);
|
||
if (gesetzt === punkte.length) stand.dataset.fertig = 'ja';
|
||
schalter.append(stand);
|
||
/* DER HAKT-HINWEIS STEHT IMMER DA, nur meistens verborgen: So
|
||
kann er nachgezogen werden, ohne den Kopf neu zu bauen -- und
|
||
ein neu gebauter Kopf wäre wieder eine Bewegung. */
|
||
const h = el('span', 'e-block__hakt');
|
||
h.hidden = !haktHier;
|
||
h.append(el('span', 'e-block__hakt-zahl', `${haktHier} ×`));
|
||
h.append(el('span', 'e-block__hakt-wort', 'hakt'));
|
||
h.title = 'Punkte, bei denen du „Da hakt es“ gesetzt hast.';
|
||
schalter.append(h);
|
||
|
||
const umschalten = (auf) => {
|
||
abschnitt.dataset.offen = auf ? 'ja' : 'nein';
|
||
koerper.hidden = !auf;
|
||
schalter.setAttribute('aria-expanded', String(auf));
|
||
};
|
||
umschalter.push(umschalten);
|
||
schalter.addEventListener('click', () => {
|
||
if (offeneBloecke.has(b.schluessel)) offeneBloecke.delete(b.schluessel);
|
||
else offeneBloecke.add(b.schluessel);
|
||
/* Nur DIESEN Abschnitt umschalten statt die Karte neu zu holen:
|
||
Ein Neuaufbau bei jedem Klick ließe die Seite unter den
|
||
Fingern springen -- und bei 28 Punkten sieht man das. */
|
||
umschalten(offeneBloecke.has(b.schluessel));
|
||
alleBeschriften();
|
||
});
|
||
titel.append(schalter);
|
||
abschnitt.append(titel);
|
||
|
||
/* Der erklärende Satz gehört in den Körper, nicht in den Kopf:
|
||
Zugeklappt will man die Überschrift lesen, nicht einen Absatz. */
|
||
koerper.append(el('p', 'e-block__satz', b.text));
|
||
for (const pt of punkte) koerper.append(punktZeile(id, pt, r.erwartung));
|
||
abschnitt.append(koerper);
|
||
ziel.append(abschnitt);
|
||
}
|
||
|
||
/* Die Zahl auf der Personenkachel mitziehen -- sie kommt aus einer
|
||
Liste, die nur beim Laden der Seite geholt wird. */
|
||
zaehlerNachziehen();
|
||
/* UND DIE HÖHE HALTEN. Ohne diese Zeile springt die Seite auch ohne
|
||
scrollIntoView: Der Neuaufbau ändert die Höhe der Karte, und der
|
||
Browser behält nur die Pixelzahl, nicht die Stelle. */
|
||
if (!springen) window.scrollTo({ top: vorherY, behavior: 'instant' });
|
||
}
|
||
|
||
function punktZeile(personId, pt, erwartung) {
|
||
const z = el('article', 'e-punkt');
|
||
if (pt.meins) z.dataset.stufe = pt.meins.stufe;
|
||
if (pt.meins?.verblasst) z.dataset.verblasst = 'ja';
|
||
|
||
const kopf = el('div', 'e-punkt__kopf');
|
||
kopf.append(el('h4', 'e-punkt__titel', pt.titel));
|
||
const erw = erwartung.find((e) => e.schluessel === pt.stufe);
|
||
if (erw) {
|
||
const m = el('span', 'e-punkt__erwartung', erw.name);
|
||
m.dataset.erwartung = pt.stufe;
|
||
m.title = erw.text;
|
||
kopf.append(m);
|
||
}
|
||
z.append(kopf);
|
||
z.append(el('p', 'e-punkt__text', pt.text));
|
||
|
||
/* Das Anlassfeld. Es steht IMMER da, nicht erst nach dem Klick:
|
||
Ein Feld, das aufklappt, kostet einen zweiten Blick, und genau
|
||
an der Stelle hört man auf zu schreiben. */
|
||
const feld = el('textarea', 'e-punkt__anlass');
|
||
feld.rows = 2;
|
||
feld.value = pt.meins?.anlass || '';
|
||
/* DER HINWEIS STAND BISHER ACHTUNDZWANZIGMAL DA -- auch an Punkten,
|
||
an denen nichts hakt. Ein Satz, der überall steht, wird nirgends
|
||
gelesen. Jetzt sagt das Feld erst dann, dass es gebraucht wird,
|
||
wenn es gebraucht wird. */
|
||
const feldSetzen = (stufe) => {
|
||
const noetig = stufe === 'hakt';
|
||
feld.dataset.noetig = noetig ? 'ja' : 'nein';
|
||
feld.placeholder = noetig
|
||
? 'Woran hast du das gemerkt? Ein Satz genügt – ohne ihn wird daraus kein Schritt.'
|
||
: 'Woran hast du das gemerkt? (kann leer bleiben)';
|
||
};
|
||
feldSetzen(pt.meins?.stufe || null);
|
||
|
||
z.append(knopfsatz(pt.meins?.stufe || null, async (stufe, knopf) => {
|
||
const reihe = knopf.parentElement;
|
||
for (const b of reihe.querySelectorAll('.e-wahl__knopf')) {
|
||
b.setAttribute('aria-pressed', String(b === knopf));
|
||
}
|
||
z.dataset.stufe = stufe;
|
||
feldSetzen(stufe);
|
||
if (stufe === 'hakt' && !feld.value.trim()) feld.focus();
|
||
const a = await hole(`/workspace/api/entwicklung/person/${personId}/${pt.schluessel}`, {
|
||
method: 'PUT',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ stufe, anlass: feld.value }),
|
||
});
|
||
if (!a.ok) {
|
||
const j = await a.json().catch(() => ({}));
|
||
melde(sagWas(j.fehler, 'Ging nicht.'));
|
||
feld.focus();
|
||
return;
|
||
}
|
||
melde('');
|
||
/* DER STAND WANDERT SOFORT MIT -- ohne den Server noch einmal zu
|
||
fragen. Daran hängen drei sichtbare Zahlen: der Kopf der Karte,
|
||
der Kopf der Kategorie und die Personenkachel oben, die sonst
|
||
bei „0 von 28" stehen bliebe. */
|
||
const warNeu = !pt.meins;
|
||
pt.meins = { ...(pt.meins || {}), stufe, anlass: feld.value };
|
||
zaehlerNachziehen();
|
||
/* Neu laden NUR beim ersten Klick auf einem Punkt: Erst danach
|
||
darf der Stand des anderen überhaupt ausgeliefert werden, und
|
||
dann soll er auch sichtbar werden. Ohne Sprung -- karte()
|
||
hält seit heute die Höhe. */
|
||
if (warNeu) await karte(personId);
|
||
}));
|
||
|
||
z.append(feld);
|
||
|
||
if (pt.andere?.length) {
|
||
for (const a of pt.andere) {
|
||
const nn = stufen.find((x) => x.schluessel === a.stufe);
|
||
const zeile = el('p', 'e-punkt__andere',
|
||
`${a.von_name}: ${nn?.name || a.stufe}${a.anlass ? ' – ' + a.anlass : ''}`);
|
||
zeile.dataset.stufe = a.stufe;
|
||
z.append(zeile);
|
||
}
|
||
} else if (pt.andere_offen) {
|
||
/* WARUM DA ETWAS STEHT UND NICHT NICHTS: „Noch niemand" und „du
|
||
darfst es noch nicht sehen" sähen sonst gleich aus — und das
|
||
erste ist eine Auskunft, das zweite eine Täuschung. */
|
||
z.append(el('p', 'e-punkt__verdeckt',
|
||
`${pt.andere_offen} andere Einschätzung liegt vor – sichtbar, sobald du selbst gesetzt hast.`));
|
||
}
|
||
|
||
if (pt.meins) {
|
||
z.append(el('p', 'e-punkt__wann',
|
||
`von dir am ${datum(pt.meins.am)}${pt.meins.verblasst ? ' – älter als 90 Tage' : ''}`));
|
||
}
|
||
|
||
/* ==== AUS DER BEOBACHTUNG WIRD EIN SCHRITT (15.09.2026) ==========
|
||
|
||
Bis heute konnte diese Zeile genau eines: festhalten, dass etwas
|
||
hakt. Danach passierte nichts — beim nächsten Öffnen stand
|
||
dieselbe Beobachtung da, nur älter.
|
||
|
||
Ein Entwicklungsplan wirkt dann, wenn er an einer ECHTEN Aufgabe
|
||
hängt. Also wird aus „da hakt es" eine Aufgabe auf dem Brett,
|
||
mit Verantwortlichem und Frist — und wenn sie erledigt ist,
|
||
fragt die Karte dieselbe Frage noch einmal. Das ist der Kreis.
|
||
============================================================== */
|
||
z.append(schrittZeile(personId, pt));
|
||
return z;
|
||
}
|
||
|
||
const SCHRITT_ABSAGE = {
|
||
kein_hakt: 'Ein Schritt entsteht aus „Da hakt es“ – setz das zuerst.',
|
||
schon_da: 'Dazu läuft schon ein Schritt.',
|
||
};
|
||
|
||
function schrittZeile(personId, pt) {
|
||
const s = pt.schritt;
|
||
const zeile = el('div', 'e-schritt');
|
||
|
||
/* ---- Es läuft schon etwas ---- */
|
||
if (s && s.status !== 'erledigt' && s.status !== 'abgebrochen') {
|
||
zeile.dataset.lage = 'laeuft';
|
||
zeile.append(el('span', 'e-schritt__was', 'Schritt läuft'));
|
||
const a = el('a', 'e-schritt__hin', s.titel);
|
||
/* DIE SCHREIBWEISE DES HAUSES: `#a<nummer>`. Das Brett springt
|
||
damit wirklich zu der Aufgabe -- `?a=` hatte ich erfunden, und
|
||
das Brett liest es nicht. Ein Verweis, der nur die Seite
|
||
oeffnet und nichts zeigt, ist schlechter als keiner. */
|
||
a.href = 'aufgaben.html#a' + s.id;
|
||
zeile.append(a);
|
||
if (s.frist) zeile.append(el('span', 'e-schritt__frist', `bis ${datum(s.frist)}`));
|
||
return zeile;
|
||
}
|
||
|
||
/* ---- Er ist durch: dieselbe Frage noch einmal ----
|
||
DAS IST DER EIGENTLICHE GEWINN. Ohne diesen Satz wäre der Schritt
|
||
nur eine Aufgabe mehr; mit ihm wird aus der Beobachtung eine
|
||
Runde, die zu Ende geht. */
|
||
if (s && s.status === 'erledigt') {
|
||
zeile.dataset.lage = 'durch';
|
||
zeile.append(el('span', 'e-schritt__was', 'Schritt erledigt'));
|
||
zeile.append(el('span', 'e-schritt__satz',
|
||
s.erledigt_am
|
||
? `am ${datum(s.erledigt_am)} – sieh noch einmal hin und setz neu.`
|
||
: 'Sieh noch einmal hin und setz neu.'));
|
||
return zeile;
|
||
}
|
||
|
||
/* ---- Noch keiner: aber nur aus einem „da hakt es" ----
|
||
Der Knopf steht NUR dort. Ein Knopf, der überall steht und fast
|
||
überall „geht nicht" antwortet, ist schlechter als keiner. */
|
||
if (pt.meins?.stufe !== 'hakt') return zeile;
|
||
|
||
zeile.dataset.lage = 'offen';
|
||
const b = el('button', 'schritt e-schritt__knopf', 'Daraus einen Schritt machen');
|
||
b.type = 'button';
|
||
b.title = 'Legt eine Aufgabe auf dem Brett an – mit dieser Person als '
|
||
+ 'Verantwortlicher und einer Frist in zwei Wochen.';
|
||
b.addEventListener('click', async () => {
|
||
b.disabled = true;
|
||
const a = await hole(
|
||
`/workspace/api/entwicklung/person/${personId}/${pt.schluessel}/schritt`,
|
||
{ method: 'POST', headers: { 'Content-Type': 'application/json' }, body: '{}' });
|
||
b.disabled = false;
|
||
if (!a.ok) {
|
||
const j = await a.json().catch(() => ({}));
|
||
melde(SCHRITT_ABSAGE[j.fehler] || 'Ging nicht.');
|
||
return;
|
||
}
|
||
const neu = await a.json();
|
||
melde(`Steht auf dem Aufgabenbrett: „${neu.titel}“, bis ${datum(neu.frist)}.`);
|
||
await karte(personId);
|
||
});
|
||
zeile.append(b);
|
||
return zeile;
|
||
}
|
||
|
||
/* ---- Deine eigene Karte -----------------------------------------------
|
||
|
||
WAS HIER STEHT UND WAS NICHT: die Antworten, nicht die Namen, und
|
||
nicht der Anlass. „2 × Läuft" oder „1 × Läuft, 1 × Wächst gerade".
|
||
|
||
Der Anlass ist für ein Gespräch aufgeschrieben, nicht zum Lesen
|
||
ohne den Menschen dazu — deshalb steht hier stattdessen der Satz,
|
||
dass man danach fragen soll. Ein Satz aus einer Notiz, aus dem
|
||
Zusammenhang gerissen, richtet mehr an, als er erklärt. */
|
||
async function meineKarte() {
|
||
let a;
|
||
try { a = await hole('/workspace/api/entwicklung/meine-karte'); } catch { return; }
|
||
if (!a.ok) return;
|
||
const r = await a.json();
|
||
if (!r.hat_karte) return; // DogFather hat keine
|
||
|
||
$('karte-block').hidden = false;
|
||
const satz = $('karte-satz');
|
||
const ziel = $('meine-karte');
|
||
ziel.textContent = '';
|
||
ziel.setAttribute('aria-busy', 'false');
|
||
|
||
if (!r.beurteiler) {
|
||
satz.textContent = 'Es gibt gerade niemanden, der sie führt. Sobald jemand '
|
||
+ 'da ist, steht hier etwas.';
|
||
return;
|
||
}
|
||
if (!r.fertig) {
|
||
/* EINE ZAHL IN EINEM SATZ MUSS SICH VORLESEN LASSEN. „wenn alle 1
|
||
sie gesetzt haben" ist keine Auskunft, sondern eine Rechnung --
|
||
und wer einen Satz liest, der falsch klingt, glaubt auch dem
|
||
Rest der Seite weniger. Derselbe Fall wie bei der Ampel und
|
||
beim Takt auf befinden.html. */
|
||
satz.textContent = r.beurteiler === 1
|
||
? 'Noch nichts fertig. Eine Beobachtung erscheint hier, sobald sie gesetzt ist '
|
||
+ '– eine halbe Karte wäre schlimmer als keine.'
|
||
: `Noch nichts fertig. Eine Beobachtung erscheint hier erst, `
|
||
+ `wenn alle ${r.beurteiler} sie gesetzt haben – eine halbe Karte ist `
|
||
+ `schlimmer als keine.`;
|
||
return;
|
||
}
|
||
|
||
satz.textContent = `${r.fertig} von ${r.gesamt} Beobachtungen sind durch. `
|
||
+ 'Du siehst die Antworten, nicht wer was gesetzt hat – und nicht, was '
|
||
+ 'danebengeschrieben steht. Das gehört ins Gespräch: frag danach.';
|
||
|
||
for (const b of r.bloecke) {
|
||
const fertige = b.punkte.filter((pt) => !pt.offen);
|
||
if (!fertige.length) continue;
|
||
const abschnitt = el('section', 'e-block');
|
||
abschnitt.append(el('h3', 'e-block__titel', b.name));
|
||
for (const pt of fertige) {
|
||
const zeile = el('article', 'e-punkt e-punkt--meine');
|
||
if (pt.einig) zeile.dataset.stufe = pt.antworten[0].stufe;
|
||
zeile.append(el('h4', 'e-punkt__titel', pt.titel));
|
||
const antw = el('div', 'e-meine__antworten');
|
||
for (const x of pt.antworten) {
|
||
const chip = el('span', 'e-meine__antwort', `${x.anzahl} × ${x.name}`);
|
||
chip.dataset.stufe = x.stufe;
|
||
antw.append(chip);
|
||
}
|
||
if (!pt.einig) {
|
||
const hin = el('span', 'e-meine__uneinig', 'darüber seid ihr euch nicht einig');
|
||
hin.title = 'Zwei Leute haben dasselbe verschieden gesehen. Das ist normal – '
|
||
+ 'und ein guter Anlass, danach zu fragen.';
|
||
antw.append(hin);
|
||
}
|
||
zeile.append(antw);
|
||
abschnitt.append(zeile);
|
||
}
|
||
ziel.append(abschnitt);
|
||
}
|
||
}
|
||
|
||
/* ---- Start ------------------------------------------------------------ */
|
||
(async () => {
|
||
try {
|
||
const a = await hole('/workspace/api/entwicklung/lage');
|
||
if (!a.ok) { melde('Ging nicht.'); return; }
|
||
const lage = await a.json();
|
||
stufen = lage.stufen;
|
||
|
||
if (lage.leitung) {
|
||
/* Das Verteil-Band gehoert zur Leitungssicht -- ein Modi sieht
|
||
hier nur sich selbst und verteilt nichts. */
|
||
verteilBandZeigen(null, null);
|
||
$('personen-block').hidden = false;
|
||
const ziel = $('personen');
|
||
ziel.textContent = '';
|
||
ziel.setAttribute('aria-busy', 'false');
|
||
if (!lage.personen.length) {
|
||
ziel.append(el('p', 'leise',
|
||
'Noch niemand im Team. Zugänge legst du in „Personen & Zugänge" an.'));
|
||
}
|
||
gesucht = null;
|
||
for (const p of lage.personen) ziel.append(personKarte(p, lage));
|
||
/* ERST JETZT SPRINGEN. Die Kachel entsteht in der Schleife
|
||
darueber; waehrenddessen haengt sie noch nicht im Dokument
|
||
und hat keine Position. Ein Sprung dorthin waere ein Sprung
|
||
an den Seitenanfang -- lautlos, und man haelt den Link fuer
|
||
kaputt.
|
||
|
||
Die Karte wird MIT geoeffnet: Wer von der Talentseite kommt,
|
||
will die Karte sehen und nicht die Kachel dazu. Genau der
|
||
Schritt, den der Link ersparen soll. */
|
||
if (gesucht) {
|
||
const wen = Number(gesucht.dataset.person);
|
||
window.zielMarkieren?.([gesucht], 'diese eine Karte');
|
||
if (wen) await karte(wen, true);
|
||
}
|
||
await ampel();
|
||
} else {
|
||
/* Für die Beurteilten ist DIESE Seite die eigene Karte — das,
|
||
was die Leitung über ihn notiert hat, und was er selbst
|
||
dazu sagt. Nicht „Entwicklung" als Überschrift: Das liest
|
||
sich wie eine Beurteilung, und darum geht es hier nicht.
|
||
|
||
Bis zum 15.09.2026 stand hier „Wie geht's dir?" — damals
|
||
bestand die Seite für ihn aus den sechs Fragen. Die haben
|
||
jetzt ihre eigene Seite, also stimmte der Titel nicht mehr.
|
||
Ein Titel, der etwas anderes verspricht als die Seite zeigt,
|
||
ist derselbe Fehler wie der an der Kachel. */
|
||
/* NICHT 'Deine Entwicklung' (geaendert 19.09.2026): So hiess bis
|
||
heute AUCH werdegang.html fuer denselben Menschen. Wer aus der
|
||
Glocke oder einem Link kam, konnte nicht sagen, auf welcher der
|
||
beiden Seiten er stand. Jetzt traegt jede den Namen ihrer
|
||
Kachel: hier 'Deine Aufgaben', dort 'Deine Entwicklung'. */
|
||
$('titel').textContent = 'Deine Aufgaben';
|
||
$('unterzeile').textContent =
|
||
'Was im Team über deine Arbeit notiert ist – und was du selbst dazu sagst. '
|
||
+ 'Keine Noten, keine Punktzahl.';
|
||
}
|
||
|
||
await meineKarte();
|
||
/* Die sechs Fragen stehen seit dem 15.09.2026 auf einer eigenen
|
||
Seite. Hier bleibt nur der Verweis -- er wird fuer alle
|
||
gezeigt, die dort ueberhaupt etwas zu beantworten haben. */
|
||
if ($('meins-block')) $('meins-block').hidden = false;
|
||
} catch {
|
||
/* NICHT MEHR STUMM (20.09.2026). Scheitert hier etwas am Netz,
|
||
blieben die Ladeplatzhalter fuer immer stehen -- gemessen auf
|
||
13 von 21 Seiten. Umgeleitet wird nur bei 401; alles andere
|
||
ist ein Ladefehler und gehoert gesagt. */
|
||
window.ladefehler?.();
|
||
}
|
||
})();
|
||
})();
|