Files
dogfather-universe/server/workspace-willkommen.js
T
DogFatherGitandClaude Opus 5 9f5dbb42e3 Support: melden mit Bild, und für die Leitung ein Eingang
Filipe: „da fehlt auch eine support kachel. die jeder sieht. jeder
benutzen kann. jeder kann da probleme von der seite melden und
hinweisen. fotos mit schicken mit einem text. … so einfach wie
möglich, will nichts kompliziertes oder zu viel. kurz und knapp …
bei dogfather und der rechten hand soll die kachel anders gebaut sein
weil die sind die die sich um die probleme kümmern."

WARUM DAS NICHT DER VORHANDENE MELDEWEG IST. Es gibt ihn schon
(hilfe.html) und er sieht aehnlich aus. Drei Unterschiede machen ihn
zu etwas anderem:
  1. Er ist NICHT fuer alle -- in rechte.js steht
     `["gast","hand","admin"]`. Modis, Creator, Scouts, Manager und
     die linke Hand hatten gar keinen Weg, einen kaputten Knopf zu
     melden.
  2. Er kann keine Bilder. Bei „der Knopf tut nichts" ist ein
     Bildschirmfoto die halbe Antwort.
  3. Er ist bewusst schwer: strikter Wechsel, hoechstens drei offene
     Faelle, ein Betreff. Richtig bei einem Vorfall zwischen
     Menschen, zu viel fuer „das Datum steht falsch da".

Deshalb eigen und sehr kurz: EIN Feld, EIN Bild, fertig. Kein
Betreff, keine Kategorie, keine Dringlichkeitsstufe -- wer ein
Formular mit fuenf Feldern sieht, meldet den kleinen Fehler nicht,
und genau die kleinen erfaehrt sonst niemand.

DIE LEITUNG SIEHT ETWAS ANDERES: einen Eingang mit Zahlenband
(neu / in Arbeit / erledigt), drei Filtern und zwei Handgriffen --
„Ich kuemmere mich" und „Erledigt …". Zwei, nicht fuenf; eine
Zuweisung an eine Person und Prioritaeten waeren ein Ticketsystem
fuer zwei Menschen, die nebeneinander sitzen. Das Melde-Feld bleibt
auch fuer sie da, rutscht aber unter den Eingang.

Wer zumacht, schreibt einen Satz dazu -- der Melder sieht nur diesen
Satz, und ohne ihn weiss er nicht, ob etwas behoben wurde oder ob
niemand Zeit hatte. Beide Seiten bekommen eine Benachrichtigung.

UEBERNOMMEN STATT NEU ERFUNDEN:
  * `dateiErkennen` aus workspace-chat.js -- EXPORTIERT, nicht
    abgeschrieben. An ihr haengt die ganze Sicherheit der Uploads
    (der Typ kommt aus den ersten Bytes, nicht aus Name oder
    Content-Type), und eine zweite Fassung waere die, die beim
    naechsten Dateiformat vergessen wird.
  * Die zweigeteilte Sicht und `meldungFuer()` (gibt den Datensatz
    oder null zurueck, nie true/false) aus dem vertraulichen
    Meldeweg.
  * Der Upload-Weg (express.raw, Text im Kopf, Ordner unter
    DATEN_ORDNER, damit die Sicherungspruefung ihn findet).

DIE KACHEL BEKOMMT JEDER -- an EINER Stelle angehaengt: `bereicheFuer`
haengt sie an jede Rollenliste, statt sie in fuenf Listen
einzutragen. Genau so ist heute der Benachrichtigungs-Knopf auf 14
Seiten verschwunden. Dazu der Eintrag in rechte.js (ohne ihn
verschwindet die Kachel lautlos, `nurOffeneKacheln` filtert dagegen)
und in der Browser-Kachelliste fuer die Agentur-Rollen.

TON 44 GERECHNET, NICHT GEWAEHLT -- und dabei zweimal danebengelegen:
  * Ich habe erst einen eigenen Modus in kachel-farben.mjs gebaut.
    `tools/kachel-farbe-einzeln.mjs` gibt es aber seit dem 22.09. fuer
    genau diesen Zweck. Meine Dopplung ist wieder weg.
  * Von Hand hatte ich #bcdbff eingetragen. pruef-kachelfarben lehnte
    es ab (Buntheit 0,060, verlangt sind 0,12) -- und das vorhandene
    Werkzeug verteidigte es trotzdem, weil sein Abstand gut war. Ein
    Werkzeug, das einen regelwidrigen Zustand haelt, weil er zufaellig
    gut misst, behebt genau den Fehler nicht, fuer den es da ist.
    Behoben: Zuerst die Regeln, dann der Abstand. Ergebnis #fd6401,
    Abstand 0,0914 (engstes vorhandenes Paar: 0,0154).

DREI MESSFEHLER VON MIR, die wie schwere Befunde aussahen: `fetch`
verwirft den Host-Kopf (die Community kommt nur auf crew. herein),
die Community bestaetigt ihr Alter (`alter_ok`), und die Startroute
heisst /api/ich. Alle drei stehen in pruef-treff.mjs richtig.

Ein ECHTER Fehler kam dazu: support.html lud bereiche.js nicht, und
kopf.js stuerzte mit „Cannot read properties of undefined (reading
'LEITUNG')" ab -- sichtbar nur in der Browserkonsole. Und
pruef-css-klassen fand sofort, dass auch wahl.js fehlte.

Gemessen: pruef-support 45 Pruefungen, 0 Fehler (alle neun Rollen
kommen herein, jede sieht die Kachel, als Bild getarntes HTML wird
abgelehnt, eine fremde Meldung bleibt fremd, erledigt bleibt
erledigt). Dazu 24 Messungen am Bild in drei Groessen. Gruen:
pruef-kachelfarben (22), pruef-css-klassen.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-24 01:32:55 +02:00

291 lines
12 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* =====================================================================
WILLKOMMEN — die Seite, die erklärt, was es hier gibt
=====================================================================
Auftrag vom 21.09.2026, Abschnitte 7 und 8:
*"Beim Öffnen soll die Person persönlich begrüßt werden ...
Willkommen, [Name]! – danach folgt eine verständliche Einführung
in die Website ... Die Willkommensseite darf nicht für alle Nutzer
identisch sein. Sie muss vollständig rollenbasiert und individuell
aufgebaut werden ... Die Erklärung soll sich automatisch an die
tatsächlich vorhandenen Rechte des jeweiligen Nutzers anpassen."*
DAS LETZTE IST DER GANZE BAU. Eine Erklärung, die aufzählt, was es
gibt, ist am Tag danach falsch — jemand baut eine Kachel dazu, und
die Seite verschweigt sie. Deshalb erklärt sie GENAU DIE KACHELN,
die diese Person wirklich hat: dieselbe Liste, aus der die
Startseite gebaut wird (`bereicheFuer`), durch denselben Filter
(`darfSeite`). Wer morgen eine Kachel bekommt, bekommt automatisch
auch ihre Erklärung.
DREI EBENEN, und jede hat einen Grund:
Der Untertitel steht schon an der Kachel. Er ist die kürzeste
wahre Auskunft und wird deshalb nicht neu
erfunden.
Der lange Satz nur bei den Seiten, wo eine Zeile zu wenig ist.
NACH ZIEL abgelegt, nicht nach Name: Namen
ändern sich (am 21.09. gleich zweimal), das
Ziel bleibt.
Die Einleitung je Rolle ein eigener Absatz. Das ist die eine
Stelle, an der wirklich nach Rolle unterschieden
wird — und es sind vier Sätze, keine vier
Seitenlisten.
WAS NICHT ERKLÄRT WIRD, STEHT AUCH NICHT DA. Der Auftrag lässt die
Wahl zwischen "gar nicht erklären" und "deutlich als nicht relevant
behandeln". Gar nicht ist richtig: Eine Liste von Dingen, die man
nicht darf, ist keine Orientierung, sondern eine Kränkung.
===================================================================== */
import express from "express";
import {
sitzungLesen, bereicheFuer, zusatzBereicheFuer, rollentextFuer,
ROLLEN_NAME, istDogFather, darfAufgabenVerteilen,
} from "./workspace.js";
import { darfSeite } from "./rechte.js";
export const willkommenRouter = express.Router();
/* ---------------------------------------------------------------------
DIE EINLEITUNG JE ROLLE
---------------------------------------------------------------------
Sie sagt in zwei, drei Sätzen, WOZU jemand hier ist. Die Kacheln
darunter sagen, WOMIT. Beides zu mischen ergäbe einen Text, den
niemand liest.
Der Ton ist bewusst derselbe wie im ganzen Haus: auf Augenhöhe,
ohne jemanden über jemanden zu stellen. */
const EINLEITUNG = {
admin: {
was: "Das hier ist deine Seite — von hier aus läuft alles.",
dazu: "Du siehst jede Kachel, die es gibt, und entscheidest am Ende, "
+ "was passiert. Wenn dir etwas Vorgeschlagenes nicht passt, lehnst "
+ "du es ab; nichts geschieht ohne dich.",
},
hand: {
was: "Du vertrittst DogFather im Alltag und hältst das Team zusammen.",
dazu: "Du siehst dieselben Aufgaben, Ideen und Auswertungen wie er, "
+ "verteilst Aufgaben an die Modis und legst neue Leute an — samt "
+ "ihrem Zugangscode.",
},
linke: {
was: "Du führst das Team durch den Tag — mit denselben Werkzeugen wie "
+ "die rechte Hand.",
/* NUR, WAS DA IST (22.09.2026).
----------------------------------------------------------------
Hier stand: "Was du NICHT hast: Personen anlegen, Rollen ändern
und den vertraulichen Meldeweg."
Filipe: "keiner soll wissen was er nicht sieht das geht keinen
was an. sie sehen die sachen ja nicht weil es sie nichts angeht
und das muss auch nicht erwaehnt werden."
Er hat recht, und es passt zur Hausregel, die ueberall sonst
schon gilt: Der Server antwortet mit 404 statt 403, damit ein
"das darfst du nicht" nicht verraet, dass es etwas gibt. Ein
Satz, der dasselbe aufzaehlt, hebt diese Sorgfalt wieder auf. */
dazu: "Aufgaben verteilen, Stände verfolgen, Rückmeldung geben — und "
+ "dabei sehen, wie es bei jedem gerade läuft. Alles dafür findest "
+ "du unten.",
},
modi: {
was: "Schön, dass du da bist. Hier findest du alles für deinen Tag.",
dazu: "Unter „Aufgaben\" steht, was gerade für dich dran ist — du "
+ "nimmst an, was du schaffst, und sagst ab, was nicht geht. Eine "
+ "Absage ist völlig in Ordnung, schreib einfach kurz warum.",
},
gast: {
was: "Schön, dass du da bist.",
dazu: "Hier triffst du die anderen aus der Community. Schau dich um, "
+ "schreib etwas, oder lies erst mal mit — beides ist richtig.",
},
};
/* ---------------------------------------------------------------------
DIE LANGEN SÄTZE — nach ZIEL, nicht nach Name
---------------------------------------------------------------------
Nur dort, wo eine Zeile zu wenig ist. Wer zu jeder Kachel einen
Absatz schreibt, schreibt eine Seite, die niemand zu Ende liest.
Der Schlüssel ist der Dateiname ohne Parameter. Am 21.09. sind in
diesem Haus zwei Kachelnamen gewandert; ein Text, der am Namen
hängt, wäre dabei stumm geworden, ohne dass es jemand merkt. */
const LANG = {
"aufgaben.html":
"Oben steht, wie es bei dir gerade aussieht — was offen ist, was läuft, "
+ "was erledigt ist. Darunter die Karten. Bekommst du eine Aufgabe, "
+ "kannst du sie annehmen oder ablehnen; wenn du ablehnst, schreib "
+ "kurz warum, dann muss niemand nachfragen.",
"chat.html":
"Einzelgespräche und Gruppen. Mit @ und dem Namen sprichst du jemanden "
+ "direkt an — er bekommt dann eine eigene Meldung, auch wenn er den "
+ "Chat gerade nicht offen hat.",
"kalender.html":
"Alles mit Datum an einer Stelle. Termine über mehrere Tage sind "
+ "durchgehend markiert, am Handy tippst du einen Tag an und siehst, "
+ "was dort ansteht.",
"bereich.html":
"Ein Brett zum Sammeln. Schreib hinein, was dir einfällt — es geht "
+ "nichts verloren, und niemand muss es sofort beantworten.",
"befinden.html":
"Ein paar Fragen über dich, nur für dich. Niemand aus dem Team sieht "
+ "deine Antworten — am Ende bekommst du eine kurze Zusammenfassung.",
"steckbrief.html":
"Deine Seite: Foto, ein paar Worte über dich. Du entscheidest, was "
+ "darauf steht.",
"hilfe.html":
"Wenn etwas vorgefallen ist, das niemand mitlesen soll. Nur DogFather "
+ "und die rechte Hand sehen diese Meldungen.",
"support.html":
"Etwas an der Seite funktioniert nicht oder sieht falsch aus? Schreib "
+ "einen Satz dazu und häng ein Bildschirmfoto an — DogFather und die "
+ "rechte Hand bekommen es sofort und melden sich, wenn es erledigt ist.",
"treff-regeln.html":
"Wie wir hier miteinander umgehen. Kurz, und es lohnt sich einmal.",
"unsere-seiten.html":
"Ob gerade gestreamt wird, wann es losgeht, und wo du die Kanäle "
+ "findest.",
"personen.html":
"Zugänge anlegen, sperren und Rollen ändern. Der Code wird genau "
+ "einmal angezeigt — danach nie wieder.",
"teamlage.html":
"Wer gerade wie unterwegs ist. Gedacht zum Hinsehen, nicht zum "
+ "Vergleichen.",
"werdegang.html":
"Wie sich jemand über die Zeit entwickelt hat. Keine Note, kein "
+ "Ranking — nur die Bewegung.",
"willkommen.html": null, /* sich selbst erklärt sie nicht */
};
/* ---------------------------------------------------------------------
DIE ROUTE
--------------------------------------------------------------------- */
willkommenRouter.get("/workspace/api/willkommen", (req, res) => {
try {
const person = sitzungLesen(req);
if (!person) return res.status(401).json({ fehler: "nicht_angemeldet" });
/* DIESELBE LISTE WIE DIE STARTSEITE, durch denselben Filter. Eine
eigene Aufzählung wäre die, die beim nächsten Umbau veraltet. */
const roh = [
...(bereicheFuer(person) || []),
...(zusatzBereicheFuer(person) || []),
];
const offen = roh.filter((k) => {
if (k?.aussen) return true;
const ziel = String(k?.ziel || "");
if (!ziel) return false;
return darfSeite(person, "/workspace/" + ziel.split("?")[0]);
});
/* NACH GRUPPEN, in der Reihenfolge, in der sie auf der Startseite
stehen -- wer dort von oben liest, findet hier dasselbe wieder. */
const gruppen = [];
for (const k of offen) {
const name = k.gruppe || "Sonst";
let g = gruppen.find((x) => x.name === name);
if (!g) { g = { name, kacheln: [] }; gruppen.push(g); }
const datei = String(k.ziel || "").split("?")[0];
g.kacheln.push({
name: k.name,
unter: k.unter || "",
ziel: k.ziel,
zeichen: k.zeichen || null,
/* DERSELBE FARBTON WIE AUF DER STARTSEITE (22.09.2026).
Filipe: "die kacheln in der willkommens seite sollen die
selben farben haben wie in der startseite."
Durchgereicht, nicht neu vergeben: `[data-ton="N"]` in
start.css setzt `--ton`, und start.css laedt diese Seite
ohnehin. Eine eigene Farbtabelle waere die, die beim
naechsten Farbwechsel auseinanderlaeuft -- und genau das ist
am 19.09. schon einmal passiert, als elf Seiten die neue
Kachelfarbe nie bekamen. */
ton: Number.isFinite(k.ton) ? k.ton : null,
gross: !!k.gross,
/* Der lange Satz nur, wenn es einen gibt -- `null` heißt
ausdrücklich "hier reicht die Zeile". */
lang: Object.prototype.hasOwnProperty.call(LANG, datei) ? LANG[datei] : null,
});
}
const ein = EINLEITUNG[person.rolle] || {
was: "Schön, dass du da bist.",
dazu: "Hier findest du alles, was für dich freigeschaltet ist.",
};
res.json({
name: person.name,
rolle: person.rolle,
rollenname: ROLLEN_NAME[person.rolle] || null,
rollentext: rollentextFuer(person),
gruss: `Willkommen, ${person.name}!`,
einleitung: ein,
gruppen,
/* Ein paar Sätze, die nur für bestimmte Rollen gelten und zu
keiner einzelnen Kachel gehören. */
hinweise: hinweiseFuer(person),
/* Damit die Seite die Zahl nennen kann, ohne sie zu zählen. */
kachelzahl: offen.length,
});
} catch (f) {
console.error("[willkommen]:", f?.message);
res.status(503).json({ fehler: "nicht_verfuegbar" });
}
});
/** Sätze, die zu keiner Kachel gehören, aber zur Rolle. */
function hinweiseFuer(person) {
const aus = [];
if (darfAufgabenVerteilen(person)) {
aus.push({
titel: "Aufgaben verteilen",
text: "Beim Anlegen einer Aufgabe kannst du eine Person aussuchen — "
+ "oder mehrere. Bei mehreren fragst du noch, ob jede ihren Teil "
+ "macht oder ob die Erste, die Zeit hat, übernimmt. Ist jemand "
+ "fertig, kannst du kurz Rückmeldung geben.",
});
}
if (person.rolle === "modi") {
aus.push({
titel: "Du musst nicht alles annehmen",
text: "Wenn eine Aufgabe gerade nicht geht, lehn sie ab und schreib "
+ "einen Satz dazu. Das ist ausdrücklich vorgesehen und niemandem "
+ "unangenehm.",
});
}
/* HIER STAND "Was du nicht siehst" (entfernt 22.09.2026).
------------------------------------------------------------------
Der Hinweis zaehlte auf, was der linken Hand fehlt. Filipe: "das
geht keinen was an. sie sehen die sachen ja nicht weil es sie
nichts angeht und das muss auch nicht erwaehnt werden."
Die Zeile bleibt als Kommentar stehen, damit niemand den Hinweis
spaeter "nachtraegt", weil er ihn fuer vergessen haelt. Er ist
entfernt worden, nicht uebersehen.
Dieselbe Ueberlegung steht im Kopf dieser Datei schon: "Eine Liste
von Dingen, die man nicht darf, ist keine Orientierung, sondern
eine Kraenkung." Genau das galt fuer diesen Hinweis. */
if (istDogFather(person)) {
aus.push({
titel: "Du entscheidest am Ende",
text: "Überall, wo dir etwas vorgeschlagen wird, kannst du annehmen "
+ "oder ablehnen. Ein Vorschlag ist ein Vorschlag.",
});
}
if (person.rolle === "gast") {
aus.push({
titel: "Nachts ist Ruhe",
text: "Zwischen 0 und 6 Uhr schläft der Chat — gelesen werden kann "
+ "weiter, geschrieben ab 6 Uhr wieder. Das gilt für alle, auch "
+ "für DogFather.",
});
}
return aus;
}