Aus dem Talent wird ein Mensch mit Aufgaben

Filipe: "wie talente bewertet werden, aufgaben bekommen, analysiert
werden von vanvan und mir, alles moegliche."

GEMESSEN VOR DEM BAU, und der Befund war groesser als erwartet: Der
letzte Schritt des Trichters legt einen Zugang an -- und die
Verknuepfung wurde NIRGENDS gespeichert. `zugangAnlegen()` gab die
Person zurueck, der Code wurde einmal gezeigt, und danach wusste die
Karte nicht mehr, wer aus ihr geworden ist.

Was dadurch nicht ging:
  - von der Karte zur Person springen
  - dem Neuen aus der Karte heraus seine ersten Aufgaben geben
  - in einem halben Jahr nachsehen, aus welchem Kandidaten eigentlich
    welches Teammitglied wurde

DREI SPALTEN WAEREN ZU VIEL GEWESEN, eine reicht: `talent_stufe.person_id`.
Kein Fremdschluessel auf `personen` -- wird ein Zugang geloescht, soll
die Karte stehen bleiben. Sie erzaehlt, wie jemand gekommen ist, und
das bleibt wahr, auch wenn er wieder geht. Ein CASCADE haette genau
diesen Verlauf mitgeloescht.

NUR SETZEN, NIE LOESCHEN (COALESCE): Sonst verloere die Karte ihren
Menschen, sobald jemand sie auf eine fruehere Stufe zuruecksetzt.

WOMIT ER ANFAENGT. Der Katalog mit 101 Aufgaben in 14 Bereichen gab es
laengst -- nur fuehrte der Weg dorthin ueber eine andere Seite, wo man
die Person heraussuchen und Bereich plus Stufe waehlen musste. Vier
Schritte, die niemand macht, waehrend er gerade jemanden aufnimmt;
dasselbe Muster hat heute schon zu einer Karte auf "Im Team" ohne
Menschen darin gefuehrt. Jetzt steht der Kasten an der Karte, ein Klick
legt einen Bereich an.

ES BLEIBT EIN ANGEBOT, KEINE AUTOMATIK -- Filipes Entscheidung bei der
Live-Checkliste gilt hier genauso: "was ungefragt Dinge anlegt, ist
schwer wieder loszuwerden". Und der Kasten ist ZU, wenn schon Aufgaben
da sind; offen wuerde er zum Nachlegen einladen, und das ist selten
gemeint. Daneben steht, wie viele schon offen sind -- ohne diese Zahl
legt man beim zweiten Hinsehen dasselbe noch einmal an.

pruef-nachwuchs 200 -> 236, davon 14 im Browser (Abschnitt 17 mit
eigenem Browser: der aus Abschnitt 15 lief, bevor es den Kandidaten
ueberhaupt gab -- ein Stand von zwei Abschnitten vorher ist keine
Messung, sondern eine Annahme).

VIER EIGENE FEHLER DABEI GEFUNDEN, drei davon durch die Gegenproben:

 1. `d.angelegt?.length` -- die Antwort ist eine ZAHL, kein Feld. Der
    Knopf haette "6 Aufgaben stehen bereit" gemeldet, auch wenn null
    entstanden sind.
 2. Der "Schritt zurueck" ging auf `probe` -- und der verlangt Buddy
    und Datum. Die Route antwortete 400, die Stufe blieb stehen, und
    die Zeile darunter bestaetigte, dass sich nichts geaendert hat:
    eine Pruefung, die immer gruen ist. Aufgefallen erst an der
    Gegenprobe (COALESCE ausgebaut -> blieb gruen). Eine Gegenprobe
    ist keine Kuer, sie prueft die Pruefung.
 3. Feldnamen `buddy`/`datum` statt `buddy_id`/`erste_schicht` --
    Fehler in der Pruefung, nicht im Code.
 4. Die Rollennamen-Zeile war ZU SCHARF und meldete prompt einen
    Treffer: "Die Modis, die mit ihm gearbeitet haben" aus dem
    Probeplan -- ein Satz, der ueber eine Schnittstelle kommt, die nur
    die Leitung erreicht, und genau dorthin gehoert. Geprueft wird
    jetzt, was hier neu ist; ueber die ausgelieferten DATEIEN wacht
    pruef-modi-wortleck (101 Dateien, mit eigener Gegenprobe).

Gegenproben, jede zielgenau:
  Nummer ungeprueft     -> "erfundene Zugangsnummer wird abgewiesen"
  COALESCE weg          -> "Schritt zurueck nimmt ihr den Menschen weg"
  Person nicht geliefert-> 4 rot

pruef-nachruesten fuehrt die neue Spalte mit -- jede neue Spalte gehoert
in diese Liste, sonst prueft die Datei den Weg von gestern.

Gruen: nachwuchs, nachruesten, modi-wortleck, namen, css-klassen,
struktur.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-18 00:12:14 +02:00
co-authored by Claude Opus 5
parent 5e628e0078
commit a435e734c9
38 changed files with 1064 additions and 409 deletions
+101
View File
@@ -1248,3 +1248,104 @@
.t-beendet__wieder:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
.t-beendet__wieder[disabled] { opacity: .5; cursor: default; }
/* =====================================================================
WER AUS DEM TALENT GEWORDEN IST (17.09.2026)
Der letzte Schritt des Trichters legt einen Zugang an. Bis heute war
das eine Einbahnstrasse -- die Karte wusste hinterher nicht, wer
daraus wurde. Jetzt steht es da, mit dem Weg zu den Zugaengen.
===================================================================== */
.t-person {
display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px;
margin-top: 12px;
padding: 9px 13px;
border: 1px solid color-mix(in srgb, var(--gut, #79d1a2) 30%, var(--rand));
border-radius: 10px;
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
}
.t-person__schild {
font-size: .72rem; font-weight: 700; letter-spacing: .03em;
text-transform: uppercase;
color: var(--text-still);
}
.t-person__name {
font-size: .95rem; font-weight: 700;
color: color-mix(in srgb, var(--gut, #79d1a2) 32%, #ffffff);
text-decoration: none;
border-bottom: 1px solid transparent;
}
.t-person__name:hover { border-bottom-color: currentColor; }
.t-person__name:focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; }
.t-person__schon { font-size: .78rem; color: var(--text-leise); margin-inline-start: auto; }
/* Ein abgeschalteter Zugang sieht anders aus als ein laufender -- die
Karte bleibt trotzdem stehen, sie erzaehlt ja, wie jemand gekommen
ist. Gedaempft wird ueber die FARBE, nicht ueber `opacity`: Das
macht den Kasten durchsichtig, und das Wasserzeichen der Seite
scheint hindurch. */
.t-person[data-still="ja"] { border-color: var(--rand); }
.t-person[data-still="ja"] .t-person__name { color: var(--text-still); }
.t-person__still {
font-size: .74rem;
padding: 1px 7px; border-radius: 999px;
border: 1px solid var(--rand);
color: var(--text-still);
}
/* =====================================================================
WOMIT ER ANFAENGT
Ein Angebot, keine Automatik: Was ungefragt Dinge anlegt, ist schwer
wieder loszuwerden (Filipes Entscheidung bei der Live-Checkliste,
und sie gilt hier genauso).
===================================================================== */
.t-start { margin-top: 10px; }
.t-start__auf {
background: none; border: 0; padding: 2px 0;
color: var(--text-leise);
font: inherit; font-size: .84rem; font-weight: 600;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--text-leise) 45%, transparent);
}
.t-start__auf:hover { color: var(--text); }
.t-start__auf:focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; border-radius: 4px; }
.t-start__satz {
margin: 8px 0 10px; font-size: .84rem; line-height: 1.55;
color: var(--text-leise);
}
.t-start__reihe { display: flex; flex-wrap: wrap; gap: 8px; }
.t-start__kat {
display: flex; flex-direction: column; gap: 2px;
min-height: 44px;
padding: 7px 13px;
border: 1px solid var(--rand-hell);
border-radius: 10px;
background: color-mix(in srgb, var(--tinte) 94%, #ffffff 6%);
color: var(--text);
font: inherit;
text-align: start;
cursor: pointer;
transition: border-color .16s ease;
}
.t-start__kat:hover { border-color: var(--akzent); }
.t-start__kat:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
.t-start__kat[disabled] { opacity: .5; cursor: default; }
.t-start__kat-name { font-size: .86rem; font-weight: 600; }
.t-start__kat-zahl { font-size: .74rem; color: var(--text-still); }
.t-start__fertig {
display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
margin: 0 0 14px;
padding: 11px 15px;
border: 1px solid color-mix(in srgb, var(--gut, #79d1a2) 40%, var(--rand));
border-radius: 10px;
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
font-size: .88rem;
}
+149 -1
View File
@@ -64,6 +64,7 @@
const darfAnlegen = () => Array.isArray(darfListe)
&& !!lage?.zugang?.rolle && darfListe.includes(lage.zugang.rolle);
const offen = new Set(); // welche Karten aufgeklappt sind
const offenStart = new Set(); // wo der Kasten mit den ersten Aufgaben offen ist
/* ---- Der Trichter oben ---------------------------------------------- */
function trichter() {
@@ -148,7 +149,18 @@
const r = await hole(`/workspace/api/talente/${k.id}/stufe`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ stufe: k.naechste, ...uebergang }),
/* DIE NUMMER DES NEUEN ZUGANGS WANDERT MIT (17.09.2026).
Bis heute entstand hier ein Mensch, sein Code wurde einmal
gezeigt -- und danach wusste die Karte nicht mehr, wer aus
ihr geworden ist. Damit ging weder der Sprung zur Person
noch die Frage, aus welchem Kandidaten eigentlich welches
Teammitglied wurde.
`zugang?.id` und nicht `zugang.id`: Bei jedem anderen
Schritt ist `zugang` null, und der Server laesst ein
fehlendes Feld ausdruecklich stehen, statt zu loeschen. */
body: JSON.stringify({ stufe: k.naechste, ...uebergang, person_id: zugang?.id }),
});
b.disabled = false;
if (!r.ok) {
@@ -247,6 +259,37 @@
a.append(u);
}
/* ---- WER DARAUS GEWORDEN IST (17.09.2026) -------------------------
Steht die Karte auf „Im Team", gehoert der Mensch dazu, der
daraus entstanden ist -- mit dem Weg zu seinen Zugaengen. Ohne
ihn ist die Karte ein Verlauf, der genau an der Stelle aufhoert,
an der es interessant wird.
IST DER ZUGANG ABGESCHALTET, steht das dabei. Eine Karte auf „Im
Team" mit einem stillgelegten Zugang daneben ist die ehrliche
Auskunft; eine, die so tut, als liefe alles, ist es nicht. */
if (k.person) {
const wer = el('div', 't-person');
if (!k.person.aktiv) wer.dataset.still = 'ja';
wer.append(el('span', 't-person__schild', 'Daraus wurde'));
const name = el('a', 't-person__name', k.person.name);
name.href = 'personen.html';
wer.append(name);
if (!k.person.aktiv) {
wer.append(el('span', 't-person__still', 'Zugang abgeschaltet'));
}
/* WAS SIE SCHON HAT. Ohne diese Zahl legt man beim zweiten
Hinsehen dasselbe noch einmal an. */
const schon = lage.schon_vergeben?.[k.person.id] || 0;
if (schon) {
wer.append(el('span', 't-person__schon',
`${schon} ${schon === 1 ? 'offene Aufgabe' : 'offene Aufgaben'}`));
}
a.append(wer);
if (k.person.aktiv) startAufgaben(a, k, schon);
}
/* ---- Die Probezeit --------------------------------------------------
Sie steht direkt unter dem Uebergang: waehrend einer Probe ist sie
@@ -415,6 +458,111 @@
return kasten;
}
/* ---- WOMIT FAENGT ER AN? (17.09.2026) -------------------------------
Filipe: „wie talente bewertet werden, aufgaben bekommen, analysiert
werden von vanvan und mir, alles moegliche."
Bis heute endete der Trichter beim Zugang: ein Code und keine
einzige Aufgabe. Um ihm welche zu geben, musste man auf eine andere
Seite, die Person heraussuchen, Kategorie und Stufe waehlen. Vier
Schritte, die niemand macht, waehrend er gerade jemanden aufnimmt.
EIN ANGEBOT, KEINE AUTOMATIK -- dieselbe Entscheidung wie bei der
Live-Checkliste: Was ungefragt Dinge anlegt, ist schwer wieder
loszuwerden. Deshalb steht hier, WAS es gaebe; angelegt wird auf
Klick, eine Kategorie auf einmal.
ZUGEKLAPPT, WENN SCHON ETWAS DA IST. Wer bereits Aufgaben hat,
braucht den Kasten nicht offen -- er wuerde dann zum Nachlegen
einladen, und das ist selten gemeint. */
function startAufgaben(ziel, k, schon) {
const kategorien = lage.start_kategorien;
if (!Array.isArray(kategorien) || !kategorien.length) return;
const kasten = el('section', 't-start');
const auf = offenStart.has(k.id) || !schon;
const schalter = el('button', 't-start__auf',
auf ? 'Aufgaben zuklappen' : 'Aufgaben für den Anfang geben');
schalter.type = 'button';
schalter.setAttribute('aria-expanded', String(auf));
schalter.addEventListener('click', () => {
if (offenStart.has(k.id)) offenStart.delete(k.id); else offenStart.add(k.id);
zeichne();
});
kasten.append(schalter);
if (!auf) { ziel.append(kasten); return; }
kasten.append(el('p', 't-start__satz',
'Such aus, womit er anfangen soll. Ein Klick legt die Aufgaben '
+ 'dieses Bereichs an – mit Frist, und änderbar wie jede andere.'));
const reihe = el('div', 't-start__reihe');
for (const g of kategorien) {
const knopf = el('button', 't-start__kat');
knopf.type = 'button';
knopf.title = g.text || '';
knopf.append(el('span', 't-start__kat-name', g.name));
knopf.append(el('span', 't-start__kat-zahl',
`${g.anzahl} ${g.anzahl === 1 ? 'Aufgabe' : 'Aufgaben'}`));
knopf.addEventListener('click', async () => {
melde('');
knopf.disabled = true;
try {
const r = await hole('/workspace/api/vorlagen/uebernehmen', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
art: 'katalog_alle', gruppe: g.wert, stufe: 'neu',
person_id: k.person.id,
}),
});
if (!r.ok) {
melde(absage(await r.json().catch(() => ({}))));
knopf.disabled = false;
return;
}
const d = await r.json().catch(() => ({}));
/* DIE ZAHL AUS DER ANTWORT, nicht die erwartete. Legt der
Server weniger an, als der Knopf versprach, soll das
dastehen und nicht verschwiegen werden.
`d.angelegt` ist eine ZAHL (workspace-vorlagen.js:
`res.json({ angelegt: angelegt.length, titel: angelegt })`).
Der erste Anlauf stand auf `d.angelegt?.length` -- das ist
bei einer Zahl `undefined` und waere still auf die
erwartete Menge zurueckgefallen. Der Knopf haette dann „6
Aufgaben stehen bereit" gemeldet, auch wenn null entstanden
sind. */
const n = Number.isFinite(d.angelegt) ? d.angelegt : g.anzahl;
melde('');
offenStart.delete(k.id);
await laden();
if (!n) {
melde('Dabei ist nichts Neues entstanden – vermutlich steht es schon da.');
return;
}
const hin = el('p', 't-start__fertig');
hin.append(document.createTextNode(
`${n} ${n === 1 ? 'Aufgabe steht' : 'Aufgaben stehen'} für `
+ `${k.person.name} bereit. `));
/* DER WEG DORTHIN GEHOERT DAZU. Eine Meldung „sechs Aufgaben
stehen bereit" ohne Link laesst einen raten, wo. */
const zu = el('a', 'schritt', 'Aufgaben ansehen');
zu.href = 'aufgaben.html';
hin.append(zu);
$('liste').prepend(hin);
} catch {
melde('Ging nicht.');
knopf.disabled = false;
}
});
reihe.append(knopf);
}
kasten.append(reihe);
ziel.append(kasten);
}
/* ---- Aus der Probe wird ein Zugang ---------------------------------
DERSELBE WEG WIE IN "PERSONEN & ZUGAENGE", nicht ein zweiter.