Die Scout-Pipeline: 13 Felder statt 5, und getrennt von Team Dogi

Filipe: "perfektionnier diese kategorien wie die aussehen und was man
da noch alles immer in jeder kategorie eintragen kann. weil man kan da
nichts machen ... und das soll getrennt von der team dogi seite sein."

"MAN KANN DA NICHTS MACHEN" -- MAN KONNTE, UND DAS WAR DAS PROBLEM.
Der ganze Editor lag hinter einem stillen Textknopf namens "Details".
Ein Wort, das Lesen verspricht, an der einzigen Stelle, an der man
aendert. Er heisst jetzt "Bearbeiten", hat eine Kante und ein
aria-expanded. Aktivitaet und Potenzial waren dort ausserdem nur
ANZEIGE -- eintragen liessen sie sich ausschliesslich beim Anlegen.
Jetzt sind es Felder wie alle anderen.

SIEBEN NEUE FELDER, und keines davon ist Schmuck:
  netzwerk      schon bei einer Agentur? Die teuerste Frage der ganzen
                Pipeline -- wer unter Vertrag steht, kann nicht
                uebernommen werden. Steht auf der Karte VOR der
                Prioritaet, rot. "unbekannt" ist eine eigene Antwort und
                nicht dasselbe wie "nein".
  land          DE/AT/CH/LU/andere -- die vier Laender, in denen betreut
                wird, und die Schweiz liegt rechtlich anders als die
                drei EU-Laender (TikTok-Recherche vom 10.09.).
  follower      Reichweite. "12,4k" aus der Zwischenablage wird zu
                12400 -- sonst stuende da eine 12, und das faellt
                niemandem auf.
  woher         wie gefunden
  kontaktweg    wo angeschrieben
  live_zeiten   wann die Person ueblicherweise live ist
  absage_grund  erscheint NUR bei "Abgelehnt" -- ein "warum nicht" an
                einem Kontakt, der gut laeuft, ist eine Frage, die
                niemand gestellt hat.

Gemessen: 13 Felder im Editor statt 5.

DIE STUFEN ERKLAEREN SICH SELBST. Was "Interessiert" von "Gespraech"
unterscheidet, stand bisher nur im leeren Zustand der Seite -- also
genau so lange, bis der erste Kontakt da war. Der Satz steht jetzt an
der Stufe, und beide lesen aus derselben Liste (STUFE_WAS). Dazu eine
Kante im Ton der Stufe; die Farben gab es laengst, benutzt wurde nur
die Zahl.

GETRENNT VON TEAM DOGI -- und das war keine Formsache. `sichtbar()`
gibt fuer jeden mit `siehtAlles` schlicht `1=1` zurueck, und DogFather
hat `siehtAlles` auch auf der crew-Adresse. Die komplette Pipeline des
Workspace waere dort mitgekommen. Jetzt 404 fuer das ganze Modul,
sobald `haus === "crew"` -- nicht gefiltert, sondern nicht vorhanden.
Die Absperrung haengt an der gemeinsamen Schranke und gilt damit auch
fuer jeden Weg, der spaeter dazukommt.

NEUE PRUEFUNG (pruef-scouting-felder, 28 Pruefungen)
Sie misst alle drei Behauptungen: dass die Felder ankommen und
zurueckkommen, dass der Server Unsinn ablehnt (Land ausserhalb der
Liste, erfundene Netzwerk-Angabe, negative Follower) -- mit Gegenprobe,
dass das Richtige durchgeht -- und dass es die Pipeline auf crew. nicht
gibt. Dazu die Oberflaeche: Knopfname, Stufentext, die Fakten auf der
Karte, die Warnung, und die Zahl der Felder im Editor.

ZWEI EIGENE FEHLER AUF DEM WEG, beide von der Pruefung gefunden:
  * `notbremse(240)` -- der Wert ist in MILLISEKUNDEN. Die Pruefung
    brach nach einer Viertelsekunde mit "HING" ab, bevor sie anfing.
  * Der crew-Test meldete 200 und sah wie ein Befund aus. Tatsaechlich
    verwirft `fetch` einen selbst gesetzten `Host`-Kopf (verbotener
    Header) -- die Anfrage war nie auf der crew-Adresse. Jetzt ueber
    node:http, mit Gegenprobe, dass derselbe Weg ohne crew-Kopf
    weiterhin 200 liefert.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-11 11:17:37 +02:00
co-authored by Claude Opus 5
parent 0ffb9e8781
commit a9dcb8f59a
29 changed files with 977 additions and 297 deletions
+163 -9
View File
@@ -25,8 +25,29 @@
gespraech: 'interessiert', interessiert: 'uebergeben',
};
/* WAS JEDE STUFE BEDEUTET -- an EINER Stelle.
Diese Saetze standen bis zum 11.09.2026 nur im leeren Zustand der
Seite, ausgeschrieben in einer eigenen Liste. Jetzt lesen beide
daraus: die Erklaerung fuer den leeren Zustand und der Kopf jeder
Stufe. Zwei Fassungen derselben Erklaerung waeren zwei
Gelegenheiten, dass eine von beiden veraltet -- und eine veraltete
Erklaerung ist schlimmer als keine. */
const STUFE_WAS = {
neu: 'Entdeckt. Noch nicht angeschrieben.',
angesprochen: 'Erste Nachricht ist raus. Jetzt läuft die Uhr.',
gespraech: 'Ihr seid im Austausch – Fragen, Bedingungen, Termine.',
interessiert: 'Grundsätzlich dabei. Jetzt zählt, dass es nicht liegen bleibt.',
uebergeben: 'Ein Manager übernimmt. Ab hier ist es Betreuung, kein Scouting mehr.',
abgelehnt: 'Passt nicht – festgehalten, damit niemand zweimal fragt.',
};
let ich = null;
let stufen = {};
/* Die Auswahllisten kommen vom Server (siehe /api/leads) -- die
Oberflaeche fuehrt keine eigenen. Leere Vorgabe, damit ein
Ausfall der Abfrage kein kaputtes Formular ergibt. */
let laenderListe = [], landName = {}, netzwerkListe = [], netzwerkName = {};
let heute = '';
let daten = [];
let offen = new Set();
@@ -71,6 +92,15 @@
return p;
}
/* 12.400 -> "12,4k". Auf einer Karte zaehlt die Groessenordnung, nicht
die letzte Stelle -- und die genaue Zahl steht im Titel. */
function zahlKurz(n) {
if (!Number.isFinite(n)) return '';
if (n >= 1000000) return (n / 1000000).toFixed(n >= 10000000 ? 0 : 1).replace('.', ',') + 'M';
if (n >= 1000) return (n / 1000).toFixed(n >= 10000 ? 0 : 1).replace('.', ',') + 'k';
return String(n);
}
function karte(l) {
const k = el('article', 'kk');
k.dataset.prio = l.prioritaet;
@@ -87,6 +117,23 @@
kopf.append(links);
const marken = el('div', 'kk__marken');
/* SCHON IM NETZWERK? ZUERST UND IN ROT (11.09.2026).
Das ist die einzige Angabe, die die ganze weitere Arbeit
erledigt: Wer unter Vertrag steht, kann nicht uebernommen
werden. Sie steht deshalb VOR der Prioritaet -- eine hohe
Prioritaet bei jemandem, der gar nicht kann, ist eine
Verabredung mit sich selbst. */
if (l.netzwerk === 'ja') {
const n = el('span', 'marke-punkt', 'Schon im Netzwerk');
n.dataset.warn = 'ja';
n.title = 'Steht bei einer anderen Agentur unter Vertrag – eine Übernahme geht nicht.';
marken.append(n);
} else if (l.netzwerk === 'unbekannt') {
const n = el('span', 'marke-still', 'Netzwerk ungefragt');
n.title = 'Noch nicht geklärt, ob die Person schon bei einer Agentur ist.';
marken.append(n);
}
const prio = el('span', 'marke-punkt', l.prioritaet === 'hoch' ? 'Hoch'
: l.prioritaet === 'niedrig' ? 'Niedrig' : 'Mittel');
prio.dataset.prio = l.prioritaet;
@@ -98,6 +145,22 @@
/* Kurzinfo */
const info = el('div', 'kk__info');
/* DIE HARTEN ZAHLEN ZUERST (11.09.2026). Land, Reichweite und
LIVE-Zeiten beantworten "lohnt sich das ueberhaupt" -- und zwar
ohne dass man die Karte aufklappen muss. Fehlt eine Angabe,
steht sie nicht da; ein leeres Schild ist schlechter als keins. */
if (l.land) {
const s = el('span', 'kk__fakt', landName[l.land] || l.land);
s.dataset.art = 'land';
info.append(s);
}
if (l.follower) {
const f = el('span', 'kk__fakt', zahlKurz(l.follower) + ' Follower');
f.dataset.art = 'follower';
f.title = l.follower.toLocaleString('de-DE') + ' Follower beim Fund';
info.append(f);
}
if (l.live_zeiten) info.append(el('span', 'kk__still', 'LIVE: ' + l.live_zeiten));
if (l.naechster_followup) {
const f = el('span', 'kk__followup', 'Follow-up ' + datum(l.naechster_followup));
if (fällig) f.dataset.faellig = 'ja';
@@ -122,8 +185,17 @@
o.addEventListener('click', () => onboarding(l, o));
knöpfe.append(o);
}
const mehr = el('button', 'knopf-still', offen.has(l.id) ? 'Weniger' : 'Details');
/* „BEARBEITEN" STATT „DETAILS" (11.09.2026).
Filipe: "weil man kan da nichts machen." Man konnte -- der ganze
Editor lag hinter diesem Knopf. Nur verspricht "Details" das
Lesen und nicht das Aendern, und er stand als stiller Textknopf
neben einem auffaelligen. Wer ihn nicht drueckt, haelt die Karte
fuer eine Anzeige. Der Name sagt jetzt, was passiert. */
const mehr = el('button', 'knopf-still knopf-still--bearbeiten',
offen.has(l.id) ? 'Fertig' : 'Bearbeiten');
mehr.type = 'button';
mehr.setAttribute('aria-expanded', offen.has(l.id) ? 'true' : 'false');
mehr.addEventListener('click', () => {
if (offen.has(l.id)) offen.delete(l.id); else offen.add(l.id);
zeichne();
@@ -136,9 +208,12 @@
/* ---------- Aufgeklappt: Qualifizierung und Pflege ---------- */
const d = el('div', 'kk__detail');
if (l.aktivitaet) d.append(zeile('Aktivität & LIVE-Fokus', l.aktivitaet));
if (l.potenzial) d.append(zeile('Potenzial & Stil', l.potenzial));
/* AKTIVITAET UND POTENZIAL WAREN NUR ZU LESEN (11.09.2026).
Sie liessen sich ausschliesslich beim ANLEGEN eintragen -- danach
standen sie da und waren nicht mehr zu aendern. Genau das meinte
Filipes "man kan da nichts machen": Es sah nach Anzeige aus, weil
es Anzeige war. Jetzt sind es Felder wie alle anderen. */
const notiz = el('textarea', 'kk__notiz');
notiz.rows = 3;
notiz.maxLength = 3000;
@@ -170,8 +245,63 @@
const o = document.createElement('option'); o.value = w; o.textContent = t; f.append(o);
}
});
/* ---- DIE SIEBEN NEUEN FELDER ------------------------------------
Die Auswahllisten kommen vom Server (laender, netzwerk) -- hier
steht keine eigene. */
const leer = (f, text) => {
const o = document.createElement('option'); o.value = ''; o.textContent = text; f.append(o);
};
const fNetz = mach('Schon im Netzwerk?', 'select', l.netzwerk, (f) => {
leer(f, '– nicht angegeben –');
for (const w of netzwerkListe) {
const o = document.createElement('option');
o.value = w; o.textContent = netzwerkName[w] || w; f.append(o);
}
});
const fLand = mach('Land', 'select', l.land, (f) => {
leer(f, '– nicht angegeben –');
for (const w of laenderListe) {
const o = document.createElement('option');
o.value = w; o.textContent = landName[w] || w; f.append(o);
}
});
const fFollower = mach('Follower', 'text', l.follower ? String(l.follower) : '', (f) => {
f.placeholder = 'z. B. 12400 oder 12,4k';
f.inputMode = 'numeric';
});
const fWoher = mach('Wie gefunden', 'text', l.woher, (f) => {
f.maxLength = 80; f.placeholder = 'LIVE entdeckt, Empfehlung, Kommentar …';
});
const fWeg = mach('Angeschrieben über', 'text', l.kontaktweg, (f) => {
f.maxLength = 80; f.placeholder = 'TikTok-DM, Instagram, WhatsApp …';
});
const fZeiten = mach('LIVE-Zeiten', 'text', l.live_zeiten, (f) => {
f.maxLength = 200; f.placeholder = 'z. B. Mo–Fr ab 21 Uhr';
});
d.append(raster);
/* Die beiden langen Texte stehen UNTER dem Raster, nicht darin:
Sie brauchen Zeilen, keine Spalte. */
const lang = (schild, wert, platzhalter) => {
const t = el('textarea', 'kk__notiz');
t.rows = 2; t.maxLength = 3000; t.placeholder = platzhalter; t.value = wert || '';
d.append(el('label', 'feld-schild', schild), t);
return t;
};
const fAktiv = lang('Aktivität & LIVE-Fokus', l.aktivitaet,
'Wie oft LIVE? Welche Zeiten? Welches Format?');
const fPot = lang('Potenzial & Stil', l.potenzial,
'Was macht die Person besonders?');
/* Der Absagegrund erscheint nur, wo er hingehoert. Ein Feld
"warum nicht" an einem Kontakt, der gerade gut laeuft, ist eine
Frage, die niemand gestellt hat. */
const fAbsage = l.status === 'abgelehnt'
? lang('Warum es nicht gepasst hat', l.absage_grund,
'Kein Interesse, schon vergeben, passt nicht zur Agentur …')
: null;
const unten = el('div', 'kk__knoepfe');
const sp = el('button', 'knopf knopf--klein', 'Speichern');
sp.type = 'button';
@@ -180,6 +310,10 @@
const r = await schicke('/workspace/api/leads/' + l.id, 'PATCH', {
notizen: notiz.value, letzte_nachricht: fNachricht.value,
naechster_followup: fFollowup.value, prioritaet: fPrio.value, status: fStufe.value,
netzwerk: fNetz.value, land: fLand.value, follower: fFollower.value,
woher: fWoher.value, kontaktweg: fWeg.value, live_zeiten: fZeiten.value,
aktivitaet: fAktiv.value, potenzial: fPot.value,
...(fAbsage ? { absage_grund: fAbsage.value } : {}),
});
sp.disabled = false;
if (r) await laden();
@@ -276,13 +410,16 @@
+ 'wem seit drei Wochen nichts passiert ist. Genau die gehen '
+ 'verloren – nicht die, die Nein sagen.'));
/* Aus derselben Liste wie die Stufenkoepfe -- siehe STUFE_WAS.
"Abgelehnt" bleibt hier weg: Die Einfuehrung beschreibt den
Weg nach vorn, und eine Absage ist keine Stufe darauf. */
const stufenListe = el('ol', 'erklaerung__stufen');
for (const [nr, name, was] of [
['1', 'Neu', 'Entdeckt. Noch nicht angeschrieben.'],
['2', 'Angesprochen', 'Erste Nachricht ist raus. Jetzt läuft die Uhr.'],
['3', 'Gespräch', 'Ihr seid im Austausch – Fragen, Bedingungen, Termine.'],
['4', 'Interessiert', 'Grundsätzlich dabei. Jetzt zählt, dass es nicht liegen bleibt.'],
['5', 'Übergeben', 'Ein Manager übernimmt. Ab hier ist es Betreuung, kein Scouting mehr.'],
['1', 'Neu', STUFE_WAS.neu],
['2', 'Angesprochen', STUFE_WAS.angesprochen],
['3', 'Gespräch', STUFE_WAS.gespraech],
['4', 'Interessiert', STUFE_WAS.interessiert],
['5', 'Übergeben', STUFE_WAS.uebergeben],
]) {
const z = el('li', 'erklaerung__stufe');
z.append(el('span', 'erklaerung__nr', nr));
@@ -311,8 +448,21 @@
if (!drin.length) continue;
const gruppe = el('section', 'stufe');
gruppe.dataset.stufe = wert;
/* JEDE STUFE SAGT, WAS SIE BEDEUTET (11.09.2026).
Die Erklaerung stand bisher nur im leeren Zustand -- also
genau einmal, bevor der erste Kontakt da war, und danach nie
wieder. Wer im Januar dazukommt, sieht sechs Ueberschriften und
muss raten, was "Interessiert" von "Gespraech" unterscheidet.
Der Satz steht deshalb an der Stufe selbst und wird aus
derselben Liste gelesen wie der leere Zustand -- nicht aus
einer zweiten. */
const kopf = el('div', 'stufe__kopf');
kopf.append(el('h2', 'stufe__titel', name), el('span', 'stufe__zahl', String(drin.length)));
const kt = el('div', 'stufe__text');
kt.append(el('h2', 'stufe__titel', name));
if (STUFE_WAS[wert]) kt.append(el('p', 'stufe__was', STUFE_WAS[wert]));
kopf.append(kt, el('span', 'stufe__zahl', String(drin.length)));
gruppe.append(kopf);
const box = el('div', 'stufe__karten');
for (const l of drin) {
@@ -331,6 +481,8 @@
if (!a.ok) { melde('Pipeline konnte nicht geladen werden.'); return; }
const d = await a.json();
stufen = d.stufen; heute = d.heute; daten = d.leads;
laenderListe = d.laender || []; landName = d.land_name || {};
netzwerkListe = d.netzwerk || []; netzwerkName = d.netzwerk_name || {};
zeichne();
} catch { /* umgeleitet */ }
}
@@ -363,6 +515,8 @@
aktivitaet: $('n-aktivitaet').value, potenzial: $('n-potenzial').value,
naechster_followup: $('n-followup').value,
scout_id: $('n-scout').value || null,
netzwerk: $('n-netzwerk').value, land: $('n-land').value,
follower: $('n-follower').value,
}),
}).catch(() => null);
knopf.disabled = false;