Support: der Melder hat das letzte Wort -- und die Kachel bekommt ihren eigenen Stil

Filipe: "ich will dass die leute die mir was geschickt haben im support,
auch meine notiz bekommen wenn ich fertig bin. damit die bescheid wissen
und dan anklicken koennen, es funktioniert, oder noch nicht. und erst
wenn es funktioniert gedrueckt wird, will ich dass alles richtig fertig
ist. perfektionier den ganzen weg und mit dem gedanken das manchmal
sachen mehrmal nicht sofort perfekt sein werden."

DER GANZE WEG, nicht nur der Schlusspunkt:

1. Die Leitung drueckt "Behoben - nachfragen ...". Der Knopf hiess
   vorher "Erledigt ..." und tat auch das; jetzt stellt er eine Frage,
   also heisst er auch so. Eine Beschriftung, die etwas anderes sagt
   als der Knopf tut, glaubt man genau einmal.

2. Die Meldung steht auf "wartet" -- ein vierter Stand zwischen "wird
   bearbeitet" und "erledigt". Beim Melder heisst er "geht es wieder?",
   weil er aus SEINER Sicht keine Wartezeit ist, sondern eine Frage.

3. Er sieht die Notiz und zwei Knoepfe. "Geht wieder" ohne Rueckfrage
   (der haeufige, harmlose Fall). "Noch nicht" verlangt ein Wort --
   sonst faengt die Suche von vorn an und die naechste Runde waere
   dieselbe wie die letzte.

4. "Noch nicht" ist keine Beschwerde, sondern Runde 2: zurueck in
   Arbeit, Rundenzahl plus eins, Leitung bekommt eine Nachricht, und
   der Verlauf behaelt, was beim letzten Mal versucht wurde. Niemand
   faengt von vorn an -- genau der Fall, den Filipe genannt hat.

5. Erst sein "Geht wieder" schliesst die Meldung. Danach kann weder er
   noch die Leitung sie wieder aufmachen (409).

NUR DER MELDER darf bestaetigen, ausdruecklich nicht die Leitung
(`person_id !== req.person.id`, nicht "ist Leitung") -- sonst nickt sie
ihre eigene Arbeit ab und der ganze Umweg waere Zierde. Eine fremde
Meldung gibt 404, nicht 403: Wer sie nicht sehen darf, soll auch nicht
erfahren, dass es sie gibt.

DER VERLAUF STEHT UNTEREINANDER statt nur der letzten Antwort. Bei
Runde drei war sonst nicht mehr zu sehen, was beim ersten Mal versucht
wurde, und genau das loest einen wiederkehrenden Fehler. Meldungen von
vor diesem Umbau haben keinen Verlauf -- die zeigen wie bisher ihre
blosse Antwort, ein leerer Kasten waere schlechter als der alte Satz.

DIE KACHEL SIEHT ANDERS AUS (zweiter Wunsch: "viel geiler viel
profissioneller ... die hauptfarbe soll babyblau sein mit bissl lila").
`support-seite` traegt den Stil; alle Regeln haengen daran und gelten
damit nur hier. Zwei weiche Lichter, Pillen statt Kaesten als Filter,
eine leuchtende Naht ueber dem Meldefeld. Augenschonend: gedeckt, kein
Neon, Kontrast geprueft.

GEMESSEN:
- pruef-support: 45 -> 58 Pruefungen, 0 Fehler. Der ganze Weg einmal
  durch, MIT einer Runde, die schiefgeht. Dazu drei Gegenproben: die
  Leitung kann nicht fuer den Melder bestaetigen (404), "noch nicht"
  ohne Wort wird abgelehnt (400), eine geschlossene Meldung bleibt zu
  (409, aus beiden Richtungen).
- Die Schemaaenderung auf einer KOPIE der echten Datenbank
  durchgespielt: 72 Tabellen, keine Zeile und keine Spalte verloren,
  support_runden und `runde` da, 'wartet' in der CHECK-Regel.
- pruef-css-klassen, pruef-deutsche-texte, pruef-code, pruef-glocke:
  alle gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-25 04:55:14 +02:00
co-authored by Claude Opus 5
parent 939aa6371b
commit cebdd88e8d
47 changed files with 1377 additions and 661 deletions
+134 -9
View File
@@ -40,6 +40,15 @@
const STAND_WORT = {
neu: 'neu',
in_arbeit: 'wird bearbeitet',
/* ==== DER VIERTE STAND (25.09.2026) ==========================
Filipe: „damit die bescheid wissen und dan anklicken koennen,
es funktioniert, oder noch nicht."
Das Wort sagt, WER DRAN IST -- nicht, was passiert ist. „Wartet
auf Antwort" waere aus Sicht der Leitung richtig und aus Sicht
des Melders falsch: Er wartet nicht, er ist gefragt. */
wartet: 'geht es wieder?',
erledigt: 'erledigt',
};
@@ -244,17 +253,119 @@
k.append(wo);
}
if (m.antwort) {
/* ==== DER VERLAUF STATT NUR DER LETZTEN ANTWORT (25.09.2026) ==
Filipe: „mit dem gedanken das manchmal sachen mehrmal nicht
sofort perfekt sein werden."
Hier stand nur `m.antwort` -- die LETZTE. Bei Runde drei war
damit nicht mehr zu sehen, was beim ersten Mal versucht wurde,
und genau das loest einen wiederkehrenden Fehler.
DIE RUNDEN STEHEN UNTEREINANDER, jede mit dem, was die Leitung
gesagt hat, und dem, was der Melder daraufhin geantwortet hat.
Gibt es noch keine Runde (die Meldung ist frisch), steht wie
bisher die blosse Antwort da -- Meldungen von vor diesem Umbau
haben keinen Verlauf, und ein leerer Kasten waere schlechter
als der alte Satz. */
const verlauf = Array.isArray(m.verlauf) ? m.verlauf : [];
if (verlauf.length) {
const liste = el('div', 's-verlauf');
for (const r of verlauf) {
const runde = el('div', 's-runde');
const kopfR = el('div', 's-runde__kopf');
kopfR.append(el('span', 's-runde__nr', 'Runde ' + r.nr));
if (r.von) kopfR.append(el('span', 's-runde__von', r.von));
runde.append(kopfR);
runde.append(el('p', 's-runde__antwort', r.antwort));
if (r.urteil) {
const u = el('p', 's-runde__urteil');
u.dataset.urteil = r.urteil;
u.append(el('span', 's-runde__urteil-wort',
r.urteil === 'geht' ? 'Geht wieder' : 'Ging noch nicht'));
if (r.urteil_text) u.append(document.createTextNode(' · ' + r.urteil_text));
runde.append(u);
}
liste.append(runde);
}
k.append(liste);
} else if (m.antwort) {
const ant = el('div', 's-antwort');
ant.append(el('span', 's-antwort__schild', 'Antwort'));
ant.append(el('p', 's-antwort__text', m.antwort));
k.append(ant);
}
if (leitung && m.stand !== 'erledigt') k.append(knoepfeFuerLeitung(m));
/* ==== DER MELDER IST GEFRAGT (25.09.2026) ====================
Filipe: „und erst wenn es funktioniert gedrueckt wird, will ich
dass alles richtig fertig ist."
`darf_bestaetigen` KOMMT VOM SERVER -- er weiss, wessen Meldung
es ist, und diese Datei bekommt jeder, der die Seite oeffnet.
Ein Rollenvergleich im Browser waere die zweite Wahrheit, die in
diesem Haus diese Woche viermal veraltet ist. */
if (m.darf_bestaetigen) k.append(knoepfeFuerMelder(m));
else if (leitung && m.stand !== 'erledigt') k.append(knoepfeFuerLeitung(m));
return k;
}
/** Die zwei Knoepfe des Melders.
*
* „GEHT WIEDER" ZUERST und ohne Rueckfrage: Es ist der haeufige und
* der harmlose Fall -- wer bestaetigt, dass etwas geht, soll dafuer
* kein Fenster wegklicken muessen.
*
* „NOCH NICHT" FRAGT NACH. Ohne ein Wort dazu faengt die Suche von
* vorn an, und die naechste Runde waere dieselbe wie die letzte.
* Der Server verlangt es ohnehin; hier wird es gefragt, statt eine
* Absage zu kassieren.
*/
function knoepfeFuerMelder(m) {
const reihe = el('div', 's-karte__tun');
const geht = el('button', 'schritt s-tun--geht', 'Geht wieder ✓');
geht.type = 'button';
geht.addEventListener('click', () => rueckmelden(m, true, ''));
reihe.append(geht);
const nicht = el('button', 'schritt', 'Noch nicht …');
nicht.type = 'button';
nicht.addEventListener('click', async () => {
const antwort = await window.frageNach?.({
titel: 'Geht es noch nicht?',
was: 'Die Meldung geht zurück an DogFather und die rechte Hand.',
bleibt: 'Alles bisher Geschriebene bleibt stehen – ihr fangt nicht von vorn an.',
ja: 'Zurückgeben',
grund: 'Was geht noch nicht?',
grundPflicht: true,
grundMin: 3,
platzhalter: 'z. B. Der Knopf geht jetzt, aber das Datum stimmt immer noch nicht.',
});
if (!antwort) return;
await rueckmelden(m, false, antwort.grund || '');
});
reihe.append(nicht);
return reihe;
}
async function rueckmelden(m, geht, text) {
melde('eingang-fehler', '');
try {
const a = await hole(`/workspace/api/support/${m.id}/rueckmeldung`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ geht, text }),
});
if (!a.ok) {
const f = await a.json().catch(() => ({}));
melde('eingang-fehler', f.fehler || 'Das ging gerade nicht.');
return;
}
await laden();
} catch { /* hole() hat schon gemeldet */ }
}
/** Die zwei Handgriffe der Leitung.
*
* ZWEI, NICHT FÜNF. „Ich kümmere mich" und „erledigt". Eine
@@ -271,7 +382,14 @@
reihe.append(dran);
}
const fertig = el('button', 'schritt', 'Erledigt …');
/* DER KNOPF HEISST ANDERS, WEIL ER ETWAS ANDERES TUT (25.09.2026).
„Erledigt" hiess: zu. Jetzt geht die Meldung damit zuerst an den
MELDER, und erst sein Druck schliesst sie. Ein Knopf, der
„Erledigt" sagt und in Wahrheit eine Frage stellt, waere genau
die Sorte Beschriftung, die man einmal glaubt und danach nie
wieder. */
const fertig = el('button', 'schritt', 'Behoben – nachfragen …');
fertig.type = 'button';
fertig.addEventListener('click', async () => {
/* WER ZUMACHT, SAGT WARUM. Der Melder sieht nur diesen Satz —
@@ -279,11 +397,11 @@
niemand Zeit hatte. Der Server verlangt ihn ohnehin; hier
wird er gefragt, statt eine Absage zu kassieren. */
const antwort = await window.frageNach?.({
titel: 'Meldung erledigen?',
was: 'Sie verschwindet aus dem offenen Eingang.',
bleibt: 'Der Melder bekommt eine Nachricht mit deinem Satz – '
+ 'das ist alles, was er davon sieht.',
ja: 'Erledigt',
titel: 'Behoben – beim Melder nachfragen?',
was: 'Er bekommt deinen Satz und zwei Knöpfe: „Geht wieder" oder „Noch nicht".',
bleibt: 'Erledigt ist sie erst, wenn ER bestätigt. Sagt er „noch nicht", '
+ 'kommt sie zurück – mit allem, was ihr bisher geschrieben habt.',
ja: 'Nachfragen',
grund: 'Was ist daraus geworden?',
grundPflicht: true,
grundMin: 3,
@@ -321,7 +439,14 @@
ziel.textContent = '';
const zahl = (stand) => meldungen.filter((m) => m.stand === stand).length;
for (const [stand, wort] of [
['neu', 'neu'], ['in_arbeit', 'in Arbeit'], ['erledigt', 'erledigt'],
/* DER VIERTE STAND BEKOMMT SEINE EIGENE ZAHL (25.09.2026).
Ohne sie zaehlte „wartet" nirgends mit -- die drei Kaesten
oben ergaeben nicht mehr die Gesamtzahl, und Meldungen, die
auf eine Bestaetigung warten, waeren unsichtbar. Genau die
Sorte Zustand, die man beim Zaehlen vergisst. */
['neu', 'neu'], ['in_arbeit', 'in Arbeit'],
['wartet', 'wartet auf Melder'], ['erledigt', 'erledigt'],
]) {
const kasten = el('div', 's-bilanz__feld');
kasten.dataset.stand = stand;