Chat: das Buehnenbild scheint durch, jeder Account bekommt seine Kachel
Hinter jeder Seite steht ohnehin eine Buehne (neun Szenen, fuer den
Chat die Lounge). Sie lag bisher hinter einer deckenden Flaeche --
vorhanden, geladen, unsichtbar. Sie durchscheinen zu lassen kostet
keine einzige Datei mehr, und auf der Adresse von Team Dogi kommt
damit von selbst deren eigene Fassung.
Das geht aber NUR, wenn der Text auf einer deckenden Kachel steht.
Sonst liegt Schrift auf einem Foto: an der dunklen Stelle lesbar, an
der hellen nicht, und beim Scrollen wechselt es. Filipes zweiter Satz
("die texte sollen immer in einer kachel sein") ist deshalb kein
Zusatzwunsch, sondern die Bedingung fuer den ersten.
Und jeder Account waehlt seinen Ton. Zwoelf Stueck, alle gleich
dunkel und gleich gesaettigt -- sie unterscheiden sich im Farbton und
in sonst nichts. Ein freier Farbwaehler klingt grosszuegiger und ist
die schlechtere Loesung: Mit ihm laesst sich Schwarz auf Schwarz
einstellen oder Neongelb, das allen anderen in die Augen sticht. Die
Kachel gehoert einem selbst, GESEHEN wird sie von allen anderen.
Gemessen: der schlechteste Kontrast liegt bei 13,9:1 (noetig 7).
Drei eigene Fehler beim Bauen, alle von der Pruefung gefunden:
1. Es gibt ZWEI Regeln fuer dieselbe Kachel (Grundform und
Feinschliff). Ich hatte nur die erste umgestellt, die zweite gewann
-- die eigene Kachel waere durchsichtig geblieben.
2. Die Pruefung las backgroundColor und pruefte den Alphawert. Eine
Kachel mit einem VERLAUF hat dort rgba(0,0,0,0); sie meldete
"durchsichtig" bei einer Kachel, die voellig deckt. Jetzt werden
zwei Bildpunkte verglichen, einmal mit und einmal ohne Buehnenbild
-- das misst die Sache selbst, nicht ihren Stellvertreter.
3. Dieselbe Pruefung suchte nur die rgba-Schreibweise. Chrome gibt
das Ergebnis von color-mix als color(srgb r g b / a) zurueck; der
Rueckfall war "Alpha 1", und sie meldete "deckt" bei einer
Flaeche, die durchscheint. Genau das Gegenteil.
pruef-chatkachel.mjs: 27 Pruefungen, mit eingebauter Gegenprobe (auf
der freien Flaeche MUSS sich etwas aendern, sonst misst der Vergleich
nichts). pruef-chat-optik und pruef-erwaehnung unveraendert gruen.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+123
-1
@@ -174,6 +174,65 @@ function bildWegFuer(personId) {
|
||||
} catch { return null; }
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
JEDER ACCOUNT SEINE EIGENE KACHEL (20.09.2026)
|
||||
|
||||
Filipe: „jeder account soll seine kachel personalisieren koennen."
|
||||
|
||||
---------------------------------------------------------------------
|
||||
EINE AUSWAHL, KEIN FARBWAEHLER
|
||||
|
||||
Ein freier Farbwaehler klingt grosszuegiger und ist die schlechtere
|
||||
Loesung: Mit ihm laesst sich Schwarz auf Schwarz einstellen, oder
|
||||
Neongelb, das jedem anderen im Gespraech in die Augen sticht. Die
|
||||
Kachel gehoert einem selbst, GESEHEN wird sie von allen anderen --
|
||||
deshalb ist sie kein Platz fuer etwas, das man nicht abschalten kann.
|
||||
|
||||
Die zwoelf Toene hier sind alle gleich dunkel und gleich gesaettigt.
|
||||
Sie unterscheiden sich im Farbton und in sonst nichts. Damit ist der
|
||||
Kontrast zur Schrift bei jedem gleich -- er muss nicht bei jedem
|
||||
einzeln geprueft werden, und niemand kann sich unlesbar machen.
|
||||
Augenschonend ist hier keine Geschmacksfrage: Ein Chat ist die
|
||||
Seite, auf der am laengsten gelesen wird.
|
||||
|
||||
KEINE der zwoelf ist hell. Das ist Absicht und nicht Sparsamkeit --
|
||||
die Schrift ist hell, und eine helle Kachel waere fuer die Person,
|
||||
die sie waehlt, hübsch und fuer alle anderen unlesbar.
|
||||
===================================================================== */
|
||||
export const CHAT_KACHELN = [
|
||||
{ wert: "grund", name: "Standard", farbe: "#131a25" },
|
||||
{ wert: "tinte", name: "Tinte", farbe: "#141c2e" },
|
||||
{ wert: "veilchen", name: "Veilchen", farbe: "#1d1730" },
|
||||
{ wert: "pflaume", name: "Pflaume", farbe: "#251729" },
|
||||
{ wert: "wein", name: "Wein", farbe: "#2a1620" },
|
||||
{ wert: "ziegel", name: "Ziegel", farbe: "#2a1a17" },
|
||||
{ wert: "bernstein", name: "Bernstein", farbe: "#271f14" },
|
||||
{ wert: "moos", name: "Moos", farbe: "#16251b" },
|
||||
{ wert: "tanne", name: "Tanne", farbe: "#132622" },
|
||||
{ wert: "lagune", name: "Lagune", farbe: "#122429" },
|
||||
{ wert: "stahl", name: "Stahl", farbe: "#1b2128" },
|
||||
{ wert: "schiefer", name: "Schiefer", farbe: "#20201f" },
|
||||
];
|
||||
|
||||
/** Nur ein Ton aus der Liste kommt durch -- sonst nichts.
|
||||
*
|
||||
* DIE PRUEFUNG STEHT HIER UND NICHT NUR IM FORMULAR. Was aus der
|
||||
* Datenbank kommt, koennte aus einer aelteren Fassung stammen oder
|
||||
* von einem Aufruf an der Oberflaeche vorbei; ein unbekannter Wert
|
||||
* wanderte sonst als CSS-Farbe in die Seite. `null` heisst
|
||||
* „Standard", und das ist ein gueltiger Zustand. */
|
||||
export function kachelPruefen(wert) {
|
||||
if (!wert) return null;
|
||||
return CHAT_KACHELN.some((k) => k.wert === String(wert)) ? String(wert) : null;
|
||||
}
|
||||
|
||||
function kachelFuer(personId) {
|
||||
try {
|
||||
return kachelPruefen(db().prepare(
|
||||
"SELECT chat_kachel FROM personen WHERE id = ?").get(personId)?.chat_kachel);
|
||||
} catch { return null; }
|
||||
}
|
||||
|
||||
function teilnehmerVon(raumId) {
|
||||
return db().prepare(`
|
||||
SELECT t.person_id AS id, p.name, p.rolle, p.bild, t.leitung, t.gelesen_bis
|
||||
@@ -465,6 +524,54 @@ chatRouter.get("/workspace/api/chat/partner", (req, res) => {
|
||||
});
|
||||
|
||||
/** Meine Gespräche, das jüngste zuerst. */
|
||||
/* =====================================================================
|
||||
DIE EIGENE KACHEL EINSTELLEN (20.09.2026)
|
||||
|
||||
Filipe: „jeder account soll seine kachel personalisieren koennen."
|
||||
|
||||
ZWEI WEGE, WEIL ES ZWEI FRAGEN SIND: „welche gibt es" und „das will
|
||||
ich". Die Liste kommt vom Server, damit im Browser keine zweite
|
||||
Fassung der zwoelf Toene steht -- die waere beim dreizehnten die
|
||||
vergessene.
|
||||
|
||||
NUR FUER SICH SELBST. Es gibt keinen Weg, die Kachel eines anderen
|
||||
zu setzen, und das ist keine Luecke: Die Kachel ist das Einzige auf
|
||||
dieser Seite, das einem selbst gehoert. Ein Recht der Leitung darauf
|
||||
waere ein Recht, jemandem seine Farbe wegzunehmen.
|
||||
===================================================================== */
|
||||
chatRouter.get("/workspace/api/chat/kacheln", (req, res) => {
|
||||
try {
|
||||
res.json({
|
||||
kacheln: CHAT_KACHELN,
|
||||
meine: kachelFuer(req.person.id),
|
||||
});
|
||||
} catch (f) {
|
||||
console.error("[chat] Kacheln:", f?.message);
|
||||
res.status(503).json({ fehler: "nicht_verfuegbar" });
|
||||
}
|
||||
});
|
||||
|
||||
chatRouter.put("/workspace/api/chat/kachel", express.json({ limit: "2kb" }),
|
||||
gleicheHerkunft, (req, res) => {
|
||||
try {
|
||||
const roh = req.body?.kachel;
|
||||
/* LEER IST GUELTIG und heisst "Standard". Wer sich umentscheidet,
|
||||
braucht einen Weg zurueck -- eine Einstellung ohne Rueckweg ist
|
||||
eine Falle, keine Einstellung. */
|
||||
const wert = (roh === null || roh === "" || roh === "grund")
|
||||
? null : kachelPruefen(roh);
|
||||
if (roh && roh !== "grund" && wert === null) {
|
||||
return res.status(400).json({ fehler: "unbekannte_kachel" });
|
||||
}
|
||||
db().prepare("UPDATE personen SET chat_kachel = ? WHERE id = ?")
|
||||
.run(wert, req.person.id);
|
||||
res.json({ kachel: wert });
|
||||
} catch (f) {
|
||||
console.error("[chat] Kachel setzen:", f?.message);
|
||||
res.status(503).json({ fehler: "nicht_verfuegbar" });
|
||||
}
|
||||
});
|
||||
|
||||
chatRouter.get("/workspace/api/chat/raeume", (req, res) => {
|
||||
try {
|
||||
/* WEGGERÄUMTE GESPRÄCHE STEHEN NICHT IN DER LISTE.
|
||||
@@ -888,7 +995,7 @@ chatRouter.get("/workspace/api/chat/raeume/:id/nachrichten", (req, res) => {
|
||||
const weg = geloeschtBis(raumId, req.person.id);
|
||||
const reihen = db().prepare(`
|
||||
SELECT n.id, n.person_id, n.text, n.erstellt, n.weg_am, p.name AS von, p.rolle,
|
||||
p.bild AS von_bild,
|
||||
p.bild AS von_bild, p.chat_kachel AS von_kachel,
|
||||
n.antwort_auf, n.angeheftet_am,
|
||||
n.anhang_name, n.anhang_art, n.anhang_typ, n.anhang_groesse,
|
||||
n.anhang_breite, n.anhang_hoehe,
|
||||
@@ -974,6 +1081,17 @@ chatRouter.get("/workspace/api/chat/raeume/:id/nachrichten", (req, res) => {
|
||||
reaktionen: reakt.get(n.id) || [],
|
||||
id: n.id, von_id: n.person_id, von: n.von || "Gelöscht", rolle: n.rolle,
|
||||
von_bild: n.von_bild ? `/workspace/api/steckbrief/bild/${n.von_bild}` : null,
|
||||
/* DIE EIGENE KACHELFARBE (20.09.2026).
|
||||
|
||||
Filipe: "jeder account soll seine kachel personalisieren
|
||||
koennen."
|
||||
|
||||
Sie kommt aus `personen`, nicht aus der Nachricht: Wer seine
|
||||
Farbe aendert, aendert sie fuer ALLE seine Nachrichten,
|
||||
auch die von gestern. Die Farbe an jede Zeile zu schreiben
|
||||
waere eine zweite Wahrheit -- und nach der ersten Aenderung
|
||||
haette dieselbe Person zwei Farben im selben Gespraech. */
|
||||
von_kachel: kachelPruefen(n.von_kachel),
|
||||
text: n.weg_am ? null : n.text,
|
||||
zurueckgenommen: !!n.weg_am,
|
||||
erstellt: n.erstellt,
|
||||
@@ -1093,6 +1211,10 @@ chatRouter.post("/workspace/api/chat/raeume/:id/nachrichten", gleicheHerkunft,
|
||||
laedt, ein Gesicht. Derselbe Mensch, zwei Darstellungen, und
|
||||
der Unterschied haengt nur daran, wann man geschaut hat. */
|
||||
von_bild: bildWegFuer(req.person.id),
|
||||
/* Auch hier -- sonst kaeme die frisch gesendete Nachricht ohne
|
||||
Farbe bei den anderen an und faerbte sich erst beim naechsten
|
||||
Laden. Derselbe Fehler wie beim Bild eine Zeile darueber. */
|
||||
von_kachel: kachelFuer(req.person.id),
|
||||
rolle: req.person.rolle, text, erstellt: n, zurueckgenommen: false,
|
||||
antwort: zitat ? {
|
||||
id: antwortAuf, von: zitat.von || "Gelöscht",
|
||||
|
||||
Reference in New Issue
Block a user