dogfather-universe/workspace/assets/js/team.js

/* ===================================================================
   Die Arbeitslage von Managern und Scouts.

   Wunsch Filipe, 09.09.2026: *"so eine kategorie wie über die creator
   will ich dass nur für die spicy und dogfather rolle auch über manager
   und scouts gibt ... mit daten über die arbeit von den manager und
   scout. keine geheimen sachen also termine, chats und geheime dateien
   soll auch so bleiben dass keiner."*

   DREI DINGE, DIE DIESE SEITE ANDERS MACHT ALS EINE TABELLE:

   1. DIE LÜCKEN STEHEN OBEN. Ein unbetreuter Creator ist ein Zustand,
      den man heute abstellen kann; eine Kennzahl ist eine Auskunft, die
      man zur Kenntnis nimmt. Deshalb kommt zuerst, was fehlt.

   2. AUSREISSER WERDEN MARKIERT, NICHT GEMITTELT. Wer die Zahlen
      mittelt, verliert genau die Person, um die es geht. Markiert wird
      gegen den MEDIAN der Gruppe und nicht gegen eine feste Zahl:
      Sieben Creator sind bei einem Team von drei Leuten viel und bei
      einem von zwanzig wenig.

   3. JEDE ZAHL SAGT, WORAUS SIE KOMMT. Eine Zahl ohne Bezug wird
      entweder geglaubt oder ignoriert -- beides ist falsch.
   =================================================================== */
(() => {
  'use strict';

  const $ = (id) => document.getElementById(id);
  const el = (tag, klasse, text) => {
    const k = document.createElement(tag);
    if (klasse) k.className = klasse;
    if (text !== undefined) k.textContent = text;
    return k;
  };
  const melde = (t) => { $('fehler').textContent = t || ''; };

  /* 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.
     Der Median bleibt stehen, wo die Gruppe steht. */
  function median(werte) {
    const w = werte.filter((x) => Number.isFinite(x)).sort((a, b) => a - b);
    if (!w.length) return 0;
    const m = Math.floor(w.length / 2);
    return w.length % 2 ? w[m] : (w[m - 1] + w[m]) / 2;
  }

  const datum = (iso) => {
    if (!iso) return null;
    const d = new Date(iso);
    if (Number.isNaN(d.getTime())) return null;
    return d.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: '2-digit' });
  };
  const tageHer = (iso) => {
    if (!iso) return null;
    const d = new Date(iso);
    if (Number.isNaN(d.getTime())) return null;
    return Math.floor((Date.now() - d) / 86400000);
  };

  /* ---------- Eine Zahl mit Beschriftung ---------------------------- */
  function kennzahl(wert, schild, art) {
    const k = el('div', 'tz');
    if (art) k.dataset.art = art;
    k.append(el('strong', 'tz__wert', wert));
    k.append(el('span', 'tz__schild', schild));
    return k;
  }

  /* ---------- Die Lücken -------------------------------------------- */
  function lueckenZeigen(l) {
    const ziel = $('luecken');
    ziel.textContent = '';
    const bloecke = [
      ['creator_ohne_betreuung', 'Creator ohne Betreuung',
       'Niemand ist zuständig. Das ist die Lücke, die am schnellsten weh tut.'],
      ['scouts_ohne_manager', 'Scouts ohne Manager',
       'Sie arbeiten, aber niemand schaut mit drauf.'],
      ['ohne_zuteilung', 'Ohne einen einzigen Creator',
       'Angelegt, aber ohne Arbeit – entweder neu oder vergessen.'],
    ];
    let etwas = false;
    for (const [schluessel, titel, satz] of bloecke) {
      const liste = l[schluessel] || [];
      if (!liste.length) continue;
      etwas = true;
      const k = el('article', 'tl');
      k.append(el('h3', 'tl__titel', `${titel} · ${liste.length}`));
      k.append(el('p', 'tl__satz', satz));
      const namen = el('p', 'tl__namen');
      /* Namen und nicht nur eine Zahl: Eine Zahl fordert eine zweite
         Frage, und die stellt niemand. */
      namen.textContent = liste.map((x) => x.name).join(' · ');
      k.append(namen);
      ziel.append(k);
    }
    if (!etwas) {
      const k = el('article', 'tl');
      k.dataset.gut = 'ja';
      k.append(el('h3', 'tl__titel', 'Keine Lücken'));
      k.append(el('p', 'tl__satz',
        'Jeder aktive Creator hat eine Betreuung, jeder Scout einen Manager.'));
      ziel.append(k);
    }
    ziel.hidden = false;
  }

  /* ---------- Die Lage in vier Zahlen -------------------------------- */
  function lageZeigen(leute, luecken) {
    const ziel = $('lage');
    ziel.textContent = '';
    const aktive = leute.filter((p) => p.aktiv);
    const betreute = new Set();
    for (const p of leute) for (const c of p.creator) betreute.add(c.id);
    const ueberfaellig = leute.reduce((s, p) => s + p.aufgaben.ueberfaellig, 0);
    const faellig = leute.reduce((s, p) => s + (p.pipeline?.faellig || 0), 0);

    ziel.append(kennzahl(String(aktive.length), 'im Team'));
    ziel.append(kennzahl(String(betreute.size), 'betreute Creator'));
    ziel.append(kennzahl(String(ueberfaellig), 'überfällige Aufgaben',
      ueberfaellig ? 'warn' : 'gut'));
    ziel.append(kennzahl(String(faellig), 'liegengebliebene Kontakte',
      faellig ? 'warn' : 'gut'));
    const l = (luecken.creator_ohne_betreuung || []).length;
    ziel.append(kennzahl(String(l), 'Creator ohne Betreuung', l ? 'warn' : 'gut'));
    ziel.hidden = false;
  }

  /* ---------- Eine Person ------------------------------------------- */
  function karte(p, vergleich) {
    const k = el('article', 'tperson');
    k.dataset.rolle = p.rolle;
    if (!p.aktiv) k.dataset.gesperrt = 'ja';

    /* Kopf: Bild, Name, was er trägt. */
    const kopf = el('div', 'tperson__kopf');
    if (p.bild) {
      const b = document.createElement('img');
      b.className = 'tperson__bild';
      b.src = p.bild; b.alt = ''; b.loading = 'lazy';
      kopf.append(b);
    } else {
      kopf.append(el('span', 'tperson__zeichen', (p.name || '?').slice(0, 1).toUpperCase()));
    }
    const kt = el('div', 'tperson__text');
    kt.append(el('h3', 'tperson__name', p.name + (p.aktiv ? '' : ' · gesperrt')));
    const unter = [];
    if (p.creator.length) unter.push(`${p.creator.length} Creator direkt`);
    if (p.creator_mittelbar) unter.push(`${p.creator_mittelbar} über Scouts`);
    /* Einzahl und Mehrzahl. "1 Scouts" ist eine Kleinigkeit und trotzdem
       das Erste, was auffaellt -- eine Seite, die ihre eigene Sprache
       nicht beherrscht, wird auch bei den Zahlen nicht geglaubt. */
    if (p.scouts.length) {
      unter.push(`${p.scouts.length} ${p.scouts.length === 1 ? 'Scout' : 'Scouts'}: `
        + p.scouts.join(', '));
    }
    kt.append(el('p', 'tperson__unter', unter.join(' · ') || 'Noch niemand zugeteilt'));
    kopf.append(kt);

    /* Zuletzt da. Bewusst grob und ohne Uhrzeit: Es geht um
       Erreichbarkeit, nicht um Arbeitszeit. */
    const tage = tageHer(p.letzter_login);
    const zuletzt = el('span', 'tperson__zuletzt',
      tage === null ? 'noch nie angemeldet'
        : tage === 0 ? 'heute da' : tage === 1 ? 'gestern da' : `vor ${tage} Tagen da`);
    if (tage === null || tage > 14) zuletzt.dataset.warn = 'ja';
    kopf.append(zuletzt);
    k.append(kopf);

    /* Die Zahlen. */
    const zahlen = el('div', 'tperson__zahlen');
    const last = p.creator.length + p.creator_mittelbar;
    zahlen.append(kennzahl(String(last), 'Creator',
      vergleich.viel && last > vergleich.viel ? 'warn' : null));
    zahlen.append(kennzahl(String(p.aufgaben.laufend), 'Aufgaben laufen'));
    zahlen.append(kennzahl(String(p.aufgaben.ueberfaellig), 'überfällig',
      p.aufgaben.ueberfaellig ? 'warn' : 'gut'));
    zahlen.append(kennzahl(String(p.aufgaben.erledigt30), 'erledigt (30 Tage)'));
    zahlen.append(kennzahl(
      p.aufgaben.durchlauf_tage === null ? '—' : `${p.aufgaben.durchlauf_tage} T`,
      'bis erledigt'));

    if (p.fortschritt.startcheck_gesamt) {
      const q = Math.round(100 * p.fortschritt.startcheck_fertig / p.fortschritt.startcheck_gesamt);
      zahlen.append(kennzahl(`${q} %`, 'Start-Check der Creator', q < 50 ? 'warn' : null));
    }
    if (p.fortschritt.punkte_gesamt) {
      zahlen.append(kennzahl(String(p.fortschritt.punkte_offen), 'offene Punkte'));
    }
    if (p.zahlen.livetage30) {
      zahlen.append(kennzahl(String(p.zahlen.livetage30), 'LIVE-Tage (30 T)'));
      zahlen.append(kennzahl(p.zahlen.diamanten30.toLocaleString('de-DE'), 'Diamanten (30 T)'));
    }
    k.append(zahlen);

    /* Die Pipeline -- nur bei Scouts, denn nur sie haben eine. */
    if (p.pipeline) {
      const pl = el('div', 'tpipe');
      pl.append(el('p', 'tpipe__schild', 'Pipeline'));
      const r = el('div', 'tpipe__reihe');
      r.append(kennzahl(String(p.pipeline.offen), 'in Arbeit'));
      r.append(kennzahl(String(p.pipeline.uebergeben), 'übergeben'));
      r.append(kennzahl(String(p.pipeline.abgelehnt), 'abgelehnt'));
      r.append(kennzahl(String(p.pipeline.faellig), 'Kontakt fällig',
        p.pipeline.faellig ? 'warn' : 'gut'));
      /* Die Quote sagt mehr als jede Einzelzahl: Viele Kontakte ohne
         Übergabe sind Arbeit ohne Ergebnis. */
      const entschieden = p.pipeline.uebergeben + p.pipeline.abgelehnt;
      if (entschieden) {
        const q = Math.round(100 * p.pipeline.uebergeben / entschieden);
        r.append(kennzahl(`${q} %`, 'davon übernommen', q < 20 ? 'warn' : null));
      }
      if (p.pipeline.uebergabe_tage !== null) {
        r.append(kennzahl(`${p.pipeline.uebergabe_tage} T`, 'bis zur Übergabe'));
      }
      pl.append(r);
      k.append(pl);
    }

    /* Wen genau. Zugeklappt, weil es bei zwanzig Creators die Karte
       sprengen würde -- aber vorhanden, weil "sieben Creator" ohne
       Namen keine Auskunft ist. */
    if (p.creator.length) {
      const auf = el('details', 'tperson__wer');
      const z = el('summary', null, `Wen ${p.name} betreut`);
      auf.append(z);
      const liste = el('p', 'tperson__namen',
        p.creator.map((c) => c.name + (c.aktiv ? '' : ' (gesperrt)')).join(' · '));
      auf.append(liste);
      k.append(auf);
    }
    return k;
  }

  /* ---------- Laden -------------------------------------------------- */
  async function laden() {
    let daten;
    try {
      const a = await hole('/workspace/api/team');
      if (!a.ok) { melde('Die Arbeitslage konnte nicht geladen werden.'); return; }
      daten = await a.json();
    } catch { return; }

    $('laedt').hidden = true;
    lueckenZeigen(daten.luecken || {});
    lageZeigen(daten.leute || [], daten.luecken || {});

    for (const [rolle, block, liste] of [
      ['manager', 'manager-block', 'manager-liste'],
      ['scout', 'scout-block', 'scout-liste'],
    ]) {
      const eigene = (daten.leute || []).filter((p) => p.rolle === rolle);
      if (!eigene.length) continue;
      /* Der Vergleichswert entsteht INNERHALB der Rolle: Ein Manager
         trägt naturgemäß mehr als ein Scout, und ihn daran zu messen
         wäre unfair und nutzlos. */
      const lasten = eigene.map((p) => p.creator.length + p.creator_mittelbar);
      const mitte = median(lasten);
      /* "Viel" heisst: die Hälfte über dem Median der eigenen Rolle --
         und mindestens zwei mehr, damit bei kleinen Zahlen nicht schon
         ein Creator Unterschied als Überlast gilt. */
      const vergleich = { viel: Math.max(mitte * 1.5, mitte + 2) };
      const ziel = $(liste);
      ziel.textContent = '';
      for (const p of eigene) ziel.append(karte(p, vergleich));
      $(block).hidden = false;
    }
    melde('');
  }

  (async () => {
    try {
      const a = await hole('/workspace/api/ich');
      if (!a.ok) { location.assign('/workspace/'); return; }
      const ich = await a.json();
      window.werZeigen?.(ich);
      /* Die Schranke steht im Server. Hier geht es nur darum, niemanden
         vor einer leeren Seite stehen zu lassen. */
      if (ich.rolle !== 'admin' && ich.rolle !== 'spicy') {
        location.assign('/workspace/start.html');
        return;
      }
    } catch { return; }
    await laden();
  })();
})();