B4 + B5: Loeschen heisst Loeschen, die Schrift wechselt mit, und Blau wird Babyblau
Die beiden Auftraege gehoeren zusammen, und zwar in dieser Reihenfolge:
Eine babyblaue Kachel ist HELL. Ohne mitwechselnde Schrift waere sie
unlesbar (1,63:1 gemessen). Erst B4 macht B5 moeglich.
B4a -- LOESCHEN HEISST LOESCHEN
"Geloeschte Nachrichten verschwinden vollstaendig - keine Spur, kein
'wurde geloescht'-Hinweis, bei niemandem, auch nicht bei DogFather."
Bis heute blieb die Zeile stehen: Text geleert, weg_am gesetzt, und im
Chat stand "Nachricht zurueckgenommen". Das war ausdruecklich so
begruendet ("ein Loch im Verlauf wirft mehr Fragen auf"). Das Argument
beantwortet aber eine andere Frage: Ein Hinweis "hier stand etwas"
MARKIERT die Stelle. Wer etwas aus Versehen schreibt, will es weg
haben und nicht unterstrichen.
Jetzt ein echtes DELETE. Vier Raender, an denen eine Spur bleiben
koennte, alle gemessen:
1. die Zeile selbst
2. chat_reaktionen (ON DELETE CASCADE - nachgesehen, nicht angenommen)
3. chat_erwaehnungen (ebenso)
4. letzte_am am Raum - wird neu gerechnet, sonst stuende er oben in
der Liste mit einem Zeitpunkt, zu dem es
nichts mehr gibt
Dazu: ein Zitat auf eine geloeschte Nachricht wird weggelassen; in der
Gespraechsliste steht kein Hinweis mehr; der Knopf heisst "loeschen".
Die 5 alten zurueckgenommenen Zeilen (Text bereits leer) raeumt eine
einmalige, wiederholbare Umstellung ab - mit Sicherung davor, und nur
wenn es wirklich etwas zu tun gibt.
B4b -- WER DARF WAS
"jeder nur seine eigenen - ausser DogFather und rechte Hand"
`darfJedeNachrichtLoeschen` = admin oder hand. NICHT fuehrtTeamDogi
(das schloesse die linke Hand ein) und nicht istLeitung (das schloesse
Spicy Media ein, die private Chats nicht einmal sehen darf). Das Recht
kommt vom Server ins Skript, nicht aus einer Rolle im Browser: chat.js
bekommt jeder, der die Seite oeffnet.
B4c -- DIE SCHRIFT WECHSELT MIT
"am besten schwarz auf hellen Kacheln - und weiss, wenn jemand eine
schwarze Kachel waehlt"
`schriftFuer(farbe)` waehlt zwischen zwei Paaren, gerechnet aus der
Leuchtdichte, mit denselben Schwellen wie das Rechenwerkzeug (7:1 fuer
den Text, 4,5:1 fuer die Fusszeile). Keine dritte Spalte in
CHAT_KACHELN, die jemand pflegen muesste. Flaeche und Schrift werden
im Browser in EINEM Griff gesetzt (blaseFaerben) - zwei Stellen waeren
irgendwann eine helle Kachel mit heller Schrift.
B4d -- DIE NAMEN
Der Name ist jetzt ein eigener Streifen mit Kante darunter, .84rem,
und der Rollenpunkt wird ein 3x14-Balken. Vorher stand er als erste
ZEILE in der Blase und las sich wie der Anfang des Satzes.
B5 -- BABYBLAU
"jedes normales blaues herz durch babyblaues herz ersetzen ... jeder
normale blaue farbe, sei es die kachel im chat oder emojis, nur
babyblau bitte."
* Herz: U+1F499 -> U+1FA75. Nicht geglaubt, sondern gemessen: 43,9 px
breit wie die anderen Herzen, ein Ersatzkaestchen waere 20,7. Die
vier vorhandenen blauen Herzen in der Datenbank wandern mit - sonst
waeren es vier Reaktionen, die ERLAUBT nicht mehr kennt: still weg.
* Kachel: neue, HELLE Kachel "Babyblau" mit dem Wert von --akzent.
Gemessen: Text 10,78:1, Fusszeile 4,87:1. Sie steht bewusst nicht in
der Rechnung des Werkzeugs (das rechnet elf Toene auf EINE
Leuchtdichte) - sie hat eine andere Leuchtdichte und dafuer ihre
eigene Schrift. Dasselbe Versprechen, anderer Weg.
PRUEFUNGEN
pruef-loeschen.mjs (NEU, 20/0): alle vier Raender, die vier Faelle
der Rechtegrenze (auch: die linke Hand darf NICHT), das babyblaue
Herz am laufenden Server, und dass der Satz "Nachricht
zurueckgenommen" nur noch in Kommentaren steht - mit Gegenprobe,
dass die Suche diesen Unterschied wirklich macht.
pruef-chatkachel.mjs (33/0): misst jede Kachel mit IHRER Schrift und
fragt dafuer dieselbe Funktion wie der Server. Neu: dass die
Schrift ueberhaupt wechselt. Die Leuchtdichte-Regel gilt jetzt fuer
die gerechneten Toene - das Versprechen dahinter loest die
Kontrastzeile darueber direkt ein.
Vier alte Pruefungen umgedreht, die den alten Zustand festgeschrieben
hatten: pruef-chat, pruef-chat-ausbau, pruef-chat-aufloesen,
pruef-chat-optik. Alle mit scharferer Messung als vorher (Zahl
davor/danach statt "ein Hinweis ist da").
Mitgelaufen und gruen: pruef-alle-sehen-es, pruef-treffchat (110/0).
Gesichert: workspace-vor-loeschumbau-20260922-233313.db
(946 KB, integrity_check ok, 111 Nachrichten, 49 Reaktionen).
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+124
-26
@@ -48,6 +48,11 @@
|
||||
und ein vertippter oder boeswilliger Eintrag koennte faerben, was
|
||||
er will. So kommt nur durch, was in der Tabelle steht. */
|
||||
const KACHEL_FARBE = Object.create(null);
|
||||
/* WELCHE SCHRIFT AUF WELCHER KACHEL -- vom Server gerechnet
|
||||
(schriftFuer in workspace-chat.js). Hier wird sie nur
|
||||
nachgeschlagen: Eine zweite Rechnung im Browser waere die
|
||||
Fassung, die beim naechsten Ton aelter ist als die andere. */
|
||||
const KACHEL_SCHRIFT = Object.create(null);
|
||||
let kachelListe = [];
|
||||
let meineKachel = null;
|
||||
let autoKachel = null;
|
||||
@@ -64,7 +69,10 @@
|
||||
Zwei Rechnungen fuer dieselbe Farbe waeren zwei Stellen, an
|
||||
denen sie stimmen muss. */
|
||||
autoKachel = d.automatisch || null;
|
||||
for (const k of kachelListe) KACHEL_FARBE[k.wert] = k.farbe;
|
||||
for (const k of kachelListe) {
|
||||
KACHEL_FARBE[k.wert] = k.farbe;
|
||||
if (k.schrift) KACHEL_SCHRIFT[k.wert] = k.schrift;
|
||||
}
|
||||
kachelKnopfZeigen();
|
||||
} catch { /* ohne die Liste bleibt alles beim Standard -- kein Grund
|
||||
zu scheitern, der Chat funktioniert weiter */ }
|
||||
@@ -107,7 +115,13 @@
|
||||
/* EINE VORSCHAU MIT ECHTEM TEXT, nicht nur ein Farbfleck: Gewaehlt
|
||||
wird ja nicht die Farbe, sondern wie die eigene Nachricht
|
||||
aussieht. */
|
||||
b.append(el('span', 'chat-kachelwahl__wort', 'Aa'));
|
||||
/* DAS „Aa" TRAEGT DIE SCHRIFT DIESER KACHEL (22.09.2026).
|
||||
Sonst stuende in der Auswahl ein helles Aa auf Babyblau --
|
||||
also genau das Bild, das es zu vermeiden gilt, und zwar an der
|
||||
Stelle, an der man sich entscheidet. */
|
||||
const wort = el('span', 'chat-kachelwahl__wort', 'Aa');
|
||||
if (k.schrift) wort.style.color = k.schrift.text;
|
||||
b.append(wort);
|
||||
b.addEventListener('click', () => kachelSetzen(k.wert, b));
|
||||
gitter.append(b);
|
||||
}
|
||||
@@ -144,11 +158,30 @@
|
||||
* OHNE NEU ZU LADEN: Der Verlauf neu zu holen hiesse, beim Faerben
|
||||
* nach unten zu springen und die Stelle zu verlieren, an der man
|
||||
* gerade liest. Die Farbe steht ohnehin nur an der Kachel. */
|
||||
/** Flaeche UND Schrift in einem Griff.
|
||||
*
|
||||
* ZUSAMMEN UND NICHT NACHEINANDER (22.09.2026): Wer die Farbe an
|
||||
* einer Stelle setzt und die Schrift an einer anderen, hat
|
||||
* irgendwann eine helle Kachel mit heller Schrift -- und merkt es
|
||||
* erst, wenn jemand nichts mehr lesen kann. Es gibt deshalb genau
|
||||
* diesen einen Weg, eine Blase einzufaerben. */
|
||||
function blaseFaerben(blase, wert) {
|
||||
const farbe = KACHEL_FARBE[wert] || null;
|
||||
const schrift = KACHEL_SCHRIFT[wert] || null;
|
||||
if (farbe) blase.style.setProperty('--kachel', farbe);
|
||||
else blase.style.removeProperty('--kachel');
|
||||
if (schrift) {
|
||||
blase.style.setProperty('--blase-text', schrift.text);
|
||||
blase.style.setProperty('--blase-leise', schrift.leise);
|
||||
} else {
|
||||
blase.style.removeProperty('--blase-text');
|
||||
blase.style.removeProperty('--blase-leise');
|
||||
}
|
||||
}
|
||||
|
||||
function eigeneKachelnFaerben() {
|
||||
const farbe = KACHEL_FARBE[meineKachel] || null;
|
||||
for (const z of document.querySelectorAll('.chat-nachricht[data-selbst="ja"] .chat-nachricht__blase')) {
|
||||
if (farbe) z.style.setProperty('--kachel', farbe);
|
||||
else z.style.removeProperty('--kachel');
|
||||
blaseFaerben(z, meineKachel);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -185,6 +218,7 @@
|
||||
ueber den Aufbau des Hauses an alle. Ein Ja/Nein ist keine. */
|
||||
let angeheftet = [];
|
||||
let darfAnheftenHier = false;
|
||||
let darfAllesLoeschen = false;
|
||||
let darfKanal = false;
|
||||
/* Was der Server ueber die Nachtruhe sagt. `null` heisst: Diese
|
||||
Person hat mit dem Treff nichts zu tun -- dann gibt es auch
|
||||
@@ -603,8 +637,15 @@
|
||||
die einzige Stelle ohne Absender in der Vorschau gewesen. */
|
||||
const wer = r.letzte.von === ich.name ? 'Du: '
|
||||
: (r.art !== 'direkt' ? `${r.letzte.von}: ` : '');
|
||||
/* KEIN „Nachricht zurueckgenommen" MEHR (22.09.2026). Hier
|
||||
stand genau dieser Satz -- und die Gespraechsliste ist die
|
||||
auffaelligste Stelle der ganzen Seite. Geloescht heisst
|
||||
geloescht: Der Server liefert eine geloeschte Nachricht gar
|
||||
nicht mehr als letzte, weil es die Zeile nicht mehr gibt.
|
||||
Sollte doch einmal eine alte, zurueckgenommene durchkommen,
|
||||
steht hier lieber nichts als ein Hinweis auf sie. */
|
||||
vorschau.textContent = r.letzte.zurueckgenommen
|
||||
? `${wer}Nachricht zurückgenommen`
|
||||
? 'Noch nichts geschrieben'
|
||||
: wer + r.letzte.text;
|
||||
if (r.letzte.zurueckgenommen) vorschau.dataset.weg = 'ja';
|
||||
} else {
|
||||
@@ -729,6 +770,7 @@
|
||||
nachrichten = daten.nachrichten;
|
||||
angeheftet = daten.angeheftet || [];
|
||||
darfAnheftenHier = !!daten.darf_anheften;
|
||||
darfAllesLoeschen = !!daten.darf_alles_loeschen;
|
||||
/* DER STAND VON VORHIN, nicht der von jetzt. `gelesenMelden()`
|
||||
weiter unten setzt ihn gleich auf die letzte Nachricht -- die
|
||||
Linie muss also aus dem Wert gezogen werden, der beim OEFFNEN
|
||||
@@ -1242,8 +1284,7 @@
|
||||
der Rueckfall liegt im Stilblatt (`var(--kachel, …)`). Eine
|
||||
Zeile, die die Standardfarbe noch einmal hinschreibt, waere
|
||||
eine zweite Stelle, an der sie stimmen muss. */
|
||||
const kFarbe = KACHEL_FARBE[n.von_kachel];
|
||||
if (kFarbe) blase.style.setProperty('--kachel', kFarbe);
|
||||
blaseFaerben(blase, n.von_kachel);
|
||||
if (!gleicheFolge && !n.selbst && offen.art !== 'direkt') {
|
||||
/* DER NAME TRAEGT SEINE ROLLE MIT (22.09.2026).
|
||||
Filipe: „die namen so dass man sie gut erkennt."
|
||||
@@ -1259,13 +1300,18 @@
|
||||
/* DAS ZITAT STEHT IN DER BLASE, NICHT DARUEBER. So wandert es beim
|
||||
Rollen mit und gehoert sichtbar zur Antwort -- eine Zeile
|
||||
darueber liest sich als eigene Nachricht. */
|
||||
if (n.antwort) {
|
||||
/* EIN ZITAT AUF ETWAS, DAS ES NICHT MEHR GIBT, WIRD WEGGELASSEN
|
||||
(22.09.2026). Vorher stand darin „Nachricht zurueckgenommen"
|
||||
-- und damit die Spur an der einen Stelle, an der sie am
|
||||
meisten auffaellt: mitten in einer fremden Nachricht. Der
|
||||
Server liefert `antwort` gar nicht mehr, wenn die zitierte
|
||||
Zeile geloescht wurde; diese Bedingung faengt den Rest. */
|
||||
if (n.antwort && !n.antwort.zurueckgenommen) {
|
||||
const z = el('button', 'chat-zitat');
|
||||
z.type = 'button';
|
||||
z.append(el('span', 'chat-zitat__von', n.antwort.von));
|
||||
z.append(el('span', 'chat-zitat__text', n.antwort.zurueckgenommen
|
||||
? 'Nachricht zurückgenommen'
|
||||
: (window.Textform ? window.Textform.nurText(n.antwort.text) : n.antwort.text)));
|
||||
z.append(el('span', 'chat-zitat__text',
|
||||
window.Textform ? window.Textform.nurText(n.antwort.text) : n.antwort.text));
|
||||
z.title = 'Zur zitierten Nachricht springen';
|
||||
/* Ein Zitat, das nicht zur Stelle fuehrt, ist ein Bild von
|
||||
einer Nachricht. Der Klick springt hin und hebt sie kurz
|
||||
@@ -1274,9 +1320,19 @@
|
||||
blase.append(z);
|
||||
}
|
||||
|
||||
/* HIER STAND „Nachricht zurückgenommen" (bis 22.09.2026).
|
||||
|
||||
Filipe: „Gelöschte Nachrichten verschwinden vollständig –
|
||||
keine Spur, kein ‚wurde gelöscht'-Hinweis, bei niemandem,
|
||||
auch nicht bei DogFather."
|
||||
|
||||
Eine gelöschte Nachricht kommt gar nicht mehr hier an -- die
|
||||
Zeile gibt es nicht mehr. Der Zweig bleibt trotzdem stehen,
|
||||
aber ohne Text: Sollte aus einer alten Fassung noch eine
|
||||
zurückgenommene Zeile durchkommen, zeigt die Blase nichts
|
||||
statt eines Hinweises darauf, dass hier etwas stand. */
|
||||
if (n.zurueckgenommen) {
|
||||
blase.append(el('p', 'chat-nachricht__text chat-nachricht__weg',
|
||||
'Nachricht zurückgenommen'));
|
||||
zeile.hidden = true;
|
||||
} else {
|
||||
/* DER ANHANG STEHT ÜBER DEM TEXT. Ein Begleitsatz gehört unter
|
||||
das Bild, nicht darüber -- man sieht zuerst, worum es geht. */
|
||||
@@ -1321,10 +1377,29 @@
|
||||
reag.addEventListener('click', () => auswahlZeigen(reag, n.id));
|
||||
fuss.append(reag);
|
||||
}
|
||||
if (n.selbst && !n.zurueckgenommen) {
|
||||
const weg = el('button', 'chat-nachricht__weg-knopf', 'zurücknehmen');
|
||||
/* LÖSCHEN HEISST LÖSCHEN (22.09.2026).
|
||||
|
||||
Filipe: „Löschen darf weiterhin jeder nur seine eigenen –
|
||||
außer DogFather und rechte Hand: die dürfen jede Nachricht
|
||||
löschen, für den Notfall."
|
||||
|
||||
Der Knopf heisst deshalb auch „löschen" und nicht mehr
|
||||
„zurücknehmen". Zurücknehmen klingt nach „ich nehme mein Wort
|
||||
zurück" -- es passte, solange ein Hinweis stehen blieb. Jetzt
|
||||
ist es weg, und das Wort soll das sagen.
|
||||
|
||||
AN FREMDEN NACHRICHTEN STEHT ES ANDERS DA: „löschen (Notfall)".
|
||||
Wer fremde Worte entfernt, soll im selben Moment sehen, dass
|
||||
das kein gewöhnlicher Handgriff ist. Die Schranke steht
|
||||
ohnehin im Server; hier geht es darum, sie nicht aus Versehen
|
||||
zu benutzen. */
|
||||
if (n.id > 0 && (n.selbst || darfAllesLoeschen)) {
|
||||
const fremd = !n.selbst;
|
||||
const weg = el('button', 'chat-nachricht__weg-knopf',
|
||||
fremd ? 'löschen (Notfall)' : 'löschen');
|
||||
weg.type = 'button';
|
||||
weg.addEventListener('click', () => zuruecknehmen(n.id));
|
||||
if (fremd) weg.dataset.notfall = 'ja';
|
||||
weg.addEventListener('click', () => zuruecknehmen(n.id, fremd));
|
||||
fuss.append(weg);
|
||||
}
|
||||
/* ANHEFTEN steht an derselben Stelle wie "antworten" -- dieselbe
|
||||
@@ -1987,18 +2062,27 @@
|
||||
+ `mit „Nochmal senden" kannst du es gleich wiederholen.`);
|
||||
}
|
||||
|
||||
async function zuruecknehmen(id) {
|
||||
async function zuruecknehmen(id, fremd = false) {
|
||||
if (!await frageNach({
|
||||
titel: 'Nachricht zurücknehmen?',
|
||||
was: 'Der Text ist danach weg – auch bei allen anderen.',
|
||||
bleibt: 'Im Verlauf bleibt ein Hinweis stehen, dass hier etwas stand.',
|
||||
endgueltig: true, ja: 'Zurücknehmen',
|
||||
titel: fremd ? 'Diese Nachricht löschen?' : 'Nachricht löschen?',
|
||||
was: fremd
|
||||
? 'Sie ist danach bei allen weg – auch bei dem, der sie geschrieben hat.'
|
||||
: 'Sie ist danach bei allen weg.',
|
||||
/* KEIN „ein Hinweis bleibt stehen" MEHR -- es bleibt keiner.
|
||||
Ein Rückfragetext, der etwas anderes verspricht als das, was
|
||||
passiert, ist schlimmer als keiner: Man entscheidet auf
|
||||
falscher Grundlage. */
|
||||
bleibt: fremd
|
||||
? 'Dass DU sie gelöscht hast, steht im Protokoll – der Text nirgends.'
|
||||
: 'Es bleibt keine Spur im Verlauf.',
|
||||
endgueltig: true, ja: 'Löschen',
|
||||
})) return;
|
||||
try {
|
||||
const a = await hole(`/workspace/api/chat/nachrichten/${id}`, { method: 'DELETE' });
|
||||
if (!a.ok) { melde('Ging nicht.'); return; }
|
||||
const i = nachrichten.findIndex((n) => n.id === id);
|
||||
if (i >= 0) { nachrichten[i].zurueckgenommen = true; nachrichten[i].text = null; }
|
||||
if (i >= 0) nachrichten.splice(i, 1);
|
||||
for (const x of nachrichten) if (x.antwort?.id === id) x.antwort = null;
|
||||
verlaufZeichnen();
|
||||
raeumeLaden();
|
||||
} catch { /* umgeleitet */ }
|
||||
@@ -2176,10 +2260,24 @@
|
||||
strom.addEventListener('weg', (e) => {
|
||||
let n;
|
||||
try { n = JSON.parse(e.data); } catch { return; }
|
||||
/* SIE VERSCHWINDET, sie wird nicht durchgestrichen (22.09.2026).
|
||||
|
||||
Filipe: „Gelöschte Nachrichten verschwinden vollständig –
|
||||
keine Spur, kein ‚wurde gelöscht'-Hinweis, bei niemandem,
|
||||
auch nicht bei DogFather."
|
||||
|
||||
Hier stand `zurueckgenommen = true` -- die Zeile blieb und
|
||||
trug den Hinweis. Ein Hinweis „hier stand etwas" markiert die
|
||||
Stelle; wer etwas aus Versehen schreibt, will es weg haben
|
||||
und nicht unterstrichen. */
|
||||
const i = nachrichten.findIndex((x) => x.id === n.id);
|
||||
if (i >= 0) {
|
||||
nachrichten[i].zurueckgenommen = true;
|
||||
nachrichten[i].text = null;
|
||||
nachrichten.splice(i, 1);
|
||||
/* Auch ein Zitat darauf: Die zitierte Nachricht gibt es nicht
|
||||
mehr, also gibt es auch nichts zu zeigen. Der Server liefert
|
||||
beim nächsten Laden ohnehin nichts; hier passt sich nur das
|
||||
Bild sofort an. */
|
||||
for (const x of nachrichten) if (x.antwort?.id === n.id) x.antwort = null;
|
||||
verlaufZeichnen();
|
||||
}
|
||||
raeumeLaden();
|
||||
@@ -2598,7 +2696,7 @@
|
||||
Satz eines setzen will, soll nicht erst umsortieren. */
|
||||
const EMOJIS = ['😀','😂','🥹','😍','😎','🤔','😅','🙃','😴','🤝',
|
||||
'👍','👏','🙌','💪','🙏','🔥','✨','⭐','💯','🎉',
|
||||
'❤️','💙','💚','🖤','👀','🎮','🎧','📈','⏰','✅'];
|
||||
'❤️','🩵','💚','🖤','👀','🎮','🎧','📈','⏰','✅'];
|
||||
function emojiTafelBauen() {
|
||||
const tafel = $('emoji-tafel');
|
||||
if (!tafel || tafel.childElementCount) return;
|
||||
|
||||
Reference in New Issue
Block a user