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

/* =====================================================================
   DER EINGANG FÜR DIE ANFRAGEN AUS DER COMMUNITY (17.09.2026)

   Filipe: „und dan soll ich annehmen ablehnen, in warteschlange stellen
   oder sofort kommunizieren können."

   VIER WEGE, EINE ANTWORT. Die Reihenfolge kommt vom Server und ist
   dort begründet: „Reden" steht vorne, weil die häufigste richtige
   Antwort auf eine Bewerbung eine Rückfrage ist und nicht eine
   Entscheidung. Stünde „Annehmen" oben, würde es geklickt.

   „SOFORT KOMMUNIZIEREN" HEISST HIER: EIN SATZ, DEN SIE LIEST.

   Nicht ein Chat -- ein Zugang aus der Community steht ausdrücklich
   nicht in den Chatlisten (AUSSEN_ROLLEN, 17.09.). Es gibt also genau
   einen Weg, dieser Person etwas zu sagen: den Satz, der zur
   Entscheidung gehört. Er erscheint auf ihrer eigenen Seite. Deshalb
   ist er bei „Reden" und „Ablehnen" Pflicht -- welche das sind, steht
   im Katalog und nicht hier.

   WAS DIESE SEITE NICHT TUT: sortieren lassen, filtern, suchen. Die
   Reihenfolge ist die Arbeitsanweisung (neu zuerst, dann was liegt),
   und wer sie umstellen kann, arbeitet irgendwann die bequemen zuerst
   ab. Bei zwanzig Anfragen im Jahr ist Suchen ohnehin keine Frage.
   ===================================================================== */
(() => {
  const $ = (id) => document.getElementById(id);

  const melde = (t) => {
    const f = $('fehler');
    if (f) { f.textContent = t || ''; f.hidden = !t; }
  };

  const el = (art, klasse, text) => {
    const k = document.createElement(art);
    if (klasse) k.className = klasse;
    if (text != null) k.textContent = text;
    return k;
  };

  const ZUSTAND_WORT = {
    neu: 'Neu', gespraech: 'Im Gespräch', warteschlange: 'Warteliste',
    angenommen: 'Angenommen', abgelehnt: 'Abgelehnt',
  };

  /* WIE LANGE SIE SCHON LIEGT, in Worten. Eine Zahl allein sagt
     nichts -- „seit 23 Tagen" sagt, dass etwas schiefläuft. */
  const liegtSeit = (tage) => {
    if (tage <= 0) return 'heute gekommen';
    if (tage === 1) return 'seit gestern';
    return 'liegt seit ' + tage + ' Tagen';
  };

  let daten = null;

  const zeichnen = () => {
    /* ---------- Die Zahlen oben ---------- */
    const z = $('zahlen');
    z.textContent = '';
    z.hidden = false;
    const offen = (daten.zahlen.neu || 0) + (daten.zahlen.gespraech || 0)
      + (daten.zahlen.warteschlange || 0);
    const paare = [
      ['neu', 'Neu', daten.zahlen.neu || 0],
      ['offen', 'Offen insgesamt', offen],
      ['dabei', 'Angenommen', daten.zahlen.angenommen || 0],
    ];
    for (const [art, schild, wert] of paare) {
      const kasten = el('div', 'bilanz-zahl');
      kasten.dataset.art = art;
      kasten.append(el('strong', 'bilanz-zahl__wert', String(wert)));
      kasten.append(el('span', 'bilanz-zahl__schild', schild));
      z.append(kasten);
    }

    /* ---------- Die Anfragen ---------- */
    const liste = $('liste');
    liste.textContent = '';

    if (!daten.bewerbungen.length) {
      const leer = el('div', 'bw-leer');
      leer.append(el('p', 'bw-leer__wort', 'Noch hat sich niemand gemeldet.'));
      leer.append(el('p', 'leise',
        'Der Weg dorthin steht im Treff unter „Mitmachen“. Wenn dort '
        + 'nichts ankommt, liegt es fast nie an den Leuten, sondern '
        + 'daran, dass niemand weiß, dass es geht – sag es im Stream.'));
      liste.append(leer);
      return;
    }

    for (const b of daten.bewerbungen) {
      const karte = el('article', 'bw-karte');
      karte.dataset.zustand = b.zustand;

      /* ---- Kopf ---- */
      const kopf = el('header', 'bw-karte__kopf');
      const links = el('div', 'bw-karte__wer');
      links.append(el('h2', 'bw-karte__name', b.nenn_name || 'ohne Namen'));
      const unter = el('p', 'bw-karte__unter');
      unter.append(document.createTextNode(liegtSeit(b.tage)));
      /* DER KONTONAME STEHT DABEI, aber klein und dahinter. Er ist
         nötig, um die Person wiederzufinden -- gemeint ist sie aber
         mit dem Namen, den sie selbst genannt hat. */
      if (b.konto_name && b.konto_name !== b.nenn_name) {
        unter.append(document.createTextNode(' · Zugang: ' + b.konto_name));
      }
      links.append(unter);
      kopf.append(links);
      kopf.append(el('span', 'bw-marke', ZUSTAND_WORT[b.zustand] || b.zustand));
      karte.append(kopf);

      /* ---- Was schon entschieden wurde ---- */
      if (b.zustand !== 'neu' && (b.grund || b.von_name)) {
        const alt = el('div', 'bw-karte__frueher');
        if (b.grund) alt.append(el('p', 'bw-karte__grund', b.grund));
        if (b.von_name) {
          alt.append(el('p', 'leise', 'entschieden von ' + b.von_name));
        }
        karte.append(alt);
      }

      /* ---- Die Antworten, nach Gruppen ---- */
      const bogen = el('div', 'bw-karte__bogen');
      for (const g of daten.gruppen) {
        const fragen = daten.fragen.filter(
          (f) => f.gruppe === g.schluessel && b.antworten[f.schluessel]);
        if (!fragen.length) continue;
        bogen.append(el('h3', 'bw-karte__gruppe', g.name));
        for (const f of fragen) {
          const paar = el('div', 'bw-antwort');
          paar.append(el('p', 'bw-antwort__frage', f.titel));
          paar.append(el('p', 'bw-antwort__text', b.antworten[f.schluessel]));
          bogen.append(paar);
        }
      }
      /* WAS NICHT BEANTWORTET WURDE, WIRD GENANNT -- nicht verschwiegen.
         Eine freiwillige Frage, die jemand überspringt, ist selbst eine
         Auskunft; sie einfach wegzulassen versteckt sie. */
      const offenFragen = daten.fragen.filter((f) => !b.antworten[f.schluessel]);
      if (offenFragen.length) {
        bogen.append(el('p', 'bw-karte__ohne',
          'Ohne Antwort: ' + offenFragen.map((f) => f.titel).join(' · ')));
      }
      karte.append(bogen);

      /* ---- Die Entscheidung ---- */
      const wahl = el('div', 'bw-wahl');
      const schild = el('p', 'bw-wahl__schild', 'Was passiert damit?');
      wahl.append(schild);

      const feldkasten = el('div', 'bw-wahl__feld');
      feldkasten.hidden = true;
      const feldSchild = el('label', 'bw-wahl__feldschild');
      const feld = document.createElement('textarea');
      feld.className = 'bw-wahl__eingabe';
      feld.rows = 3;
      feld.maxLength = 600;
      feld.id = 'grund-' + b.id;
      feldSchild.htmlFor = feld.id;
      feldkasten.append(feldSchild, feld);

      const reihe = el('div', 'bw-wahl__knoepfe');
      let gewaehlt = null;

      const senden = el('button', 'knopf', 'Übernehmen');
      senden.type = 'button';
      senden.hidden = true;

      for (const w of daten.wege) {
        const k = el('button', 'bw-weg', w.name);
        k.type = 'button';
        k.dataset.weg = w.schluessel;
        k.setAttribute('aria-pressed', 'false');
        k.title = w.text || '';
        if (w.schluessel === b.zustand) k.disabled = true;
        k.addEventListener('click', () => {
          gewaehlt = w;
          for (const a of reihe.querySelectorAll('.bw-weg')) {
            a.setAttribute('aria-pressed', String(a === k));
          }
          /* OB EIN SATZ NÖTIG IST, sagt der Weg selbst -- die Regel
             kommt aus derselben Antwort, die der Server prüft. */
          feldkasten.hidden = false;
          feldSchild.textContent = w.nachrichtSchild || 'Ein Satz dazu';
          feld.placeholder = w.nachricht === 'pflicht' ? 'nötig' : 'kann leer bleiben';
          senden.hidden = false;
          senden.textContent = w.name + ' – übernehmen';
        });
        reihe.append(k);
      }

      senden.addEventListener('click', async () => {
        if (!gewaehlt) return;
        melde('');
        const grund = feld.value.trim();
        if (gewaehlt.nachricht === 'pflicht' && grund.length < (daten.nachricht_min || 10)) {
          melde('Dazu gehört ein Satz – er steht danach auf ihrer Seite.');
          feld.focus();
          return;
        }
        senden.disabled = true;
        senden.textContent = 'einen Moment …';
        try {
          const a = await fetch('/workspace/api/bewerbung/' + b.id + '/weg', {
            method: 'PUT',
            headers: { 'content-type': 'application/json' },
            credentials: 'same-origin',
            body: JSON.stringify({ weg: gewaehlt.schluessel, grund }),
          });
          const d = await a.json().catch(() => ({}));
          if (!a.ok) {
            melde(d.fehler || 'Das hat nicht geklappt.');
            senden.disabled = false;
            senden.textContent = gewaehlt.name + ' – übernehmen';
            return;
          }
          /* NACH EINER ANNAHME steht der Weg zum Talent da -- und zwar
             als Angebot, nicht als Sprung. Wer gerade fünf Anfragen
             durchgeht, will nicht nach der ersten auf einer anderen
             Seite landen. */
          await laden();
          if (d.weiter) {
            const hin = el('p', 'bw-hinweis');
            const a2 = el('a', 'schritt', 'Bei den Talenten ansehen');
            a2.href = d.weiter.replace('/workspace/', '');
            hin.append(document.createTextNode('Daraus wurde ein Talent. '));
            hin.append(a2);
            $('liste').prepend(hin);
          }
        } catch {
          melde('Das hat nicht geklappt.');
          senden.disabled = false;
          senden.textContent = gewaehlt.name + ' – übernehmen';
        }
      });

      wahl.append(reihe, feldkasten, senden);
      karte.append(wahl);
      liste.append(karte);
    }
  };

  const laden = async () => {
    let a;
    try {
      a = await fetch('/workspace/api/bewerbungen', { credentials: 'same-origin' });
    } catch {
      melde('Die Anfragen sind gerade nicht erreichbar.');
      return;
    }
    if (a.status === 401) { location.assign('/workspace/'); return; }
    if (a.status === 404 || a.status === 403) {
      $('ladezeile').hidden = true;
      melde('Diese Seite ist für DogFather und die rechte Hand.');
      return;
    }
    if (!a.ok) { melde('Die Anfragen sind gerade nicht erreichbar.'); return; }
    daten = await a.json();
    $('ladezeile').hidden = true;
    zeichnen();
  };

  laden();
})();