Einen Aushang loest jeder fuer sich -- fuer alle nur DogFather und die rechte Hand
Filipe: "jeder soll das fixierte individuel für sich lösen können aber
niemals so dass es sich für alle löst. außer dogfather macht es oder die
rechte hand dan ist es bei jedem weg ansonsten sollen alle anderen
rollen es individuell für sich lösen können. dogfather und die rechte
hand sollen die option haben für sich selbst oder für alle zu lösen."
BIS HEUTE GAB ES NUR EIN LOESEN, UND DAS GALT FUER ALLE. Wer den Knopf
sah, nahm damit jedem im Raum den Aushang weg; wer ihn nicht sah, musste
die Ansage vom Montag bis Freitag ueber jedem Gespraech stehen lassen.
JETZT ZWEI KNOEPFE AM AUSHANG:
"lösen" nimmt ihn nur bei MIR weg -- jeder darf das, ohne
Rueckfrage. Umkehrbar: Das Menue an der Nachricht holt
ihn mit "wieder oben" zurueck. Eine Rueckfrage vor etwas
Umkehrbarem lernt man wegzuklicken, und danach klickt man
auch die weg, die zaehlt.
"bei allen" nimmt ihn jedem weg -- nur fuer DogFather und die rechte
Hand, und MIT Rueckfrage. Er traegt die Warnfarbe des
Hauses: Zwei gleich aussehende Knoepfe nebeneinander
waeren die schlechteste Loesung, man traefe den falschen
und merkte es erst, wenn jemand fragt, wo die Ansage
hin ist.
EIN EINZIGER KNOPF MIT AUSWAHLFENSTER waere kuerzer und schlechter: Der
haeufige Fall ("weg damit, kenne ich") braeuchte dann zwei Klicks, und
der seltene, folgenreiche waere genauso weit entfernt wie der harmlose.
WAS NICHT IN FILIPES SATZ STEHT UND TROTZDEM NOETIG IST: Wer einen
Aushang SELBST angeheftet hat, darf ihn auch selbst wieder fuer alle
loesen. Sonst entsteht eine Sackgasse -- es haengen hoechstens drei,
und eine Gruppenleitung, die drei angeheftet hat und keinen abnehmen
darf, koennte nie wieder etwas anheften. Sie nimmt damit nur zurueck,
was sie selbst getan hat; das ist die Kehrseite derselben Erlaubnis,
keine neue.
TECHNISCH: eine Tabelle `chat_pin_aus` (Nachricht, Person). Kein
Eintrag heisst sichtbar -- nicht umgekehrt, sonst muesste beim Anheften
fuer jeden Teilnehmer eine Zeile entstehen und wer spaeter dazukommt,
saehe den Aushang nie. Der Verbund steht in der Abfrage und nicht im
Browser: Eine Liste, die alles schickt und im Browser gefiltert wird,
ist eine Liste, die alles schickt.
GEMESSEN -- server/pruef-pin-fuer-mich.mjs (neu), 37 Pruefungen, 0 Fehler:
- Der Modi nimmt sie bei sich weg. BEI DOGFATHER UND BEIM ZWEITEN
MODI HAENGT SIE WEITER -- das ist der Kern des Auftrags, und er
laesst sich nur mit mehreren Anmeldungen messen.
- Er holt sie zurueck; zweimal wegnehmen ist kein Fehler.
- Er kann NICHT fuer alle loesen (403), und die Absage sagt, was
stattdessen geht.
- Die rechte Hand loest fuer alle -- danach ist sie bei jedem weg.
- Wer selbst angeheftet hat, loest seinen eigenen (200) und den von
DogFather nicht (403).
- Das Nachruecken stimmt: Wer einen von dreien weggenommen hat, sieht
zwei, waehrend DogFather drei sieht.
- Drei Gegenproben: fremder Raum 404, ohne Anmeldung 401, erfundene
Nummer 404.
DIE PRUEFUNG MUSSTE AUF node:http UMGEBAUT WERDEN. Sie braucht
Team-Dogi-Rollen, die es nur auf der Crew-Adresse gibt -- und den
`Host`-Kopf laesst `fetch` nicht setzen (verbotener Kopf, undici
verwirft ihn stumm). Die Anfrage kam auf 127.0.0.1 an, waehrend
`Origin` die Crew-Adresse nannte; jede schreibende Anfrage bekam 403
"fremde_herkunft". Im ersten Lauf sah das aus, als sei die neue Route
kaputt.
AUSSERDEM IN DIESER RUNDE: Die drei Faecher im Chat (Personen, Gruppen,
Kanaele) waren 38 px hoch statt 44. Gefunden vom Handy-Rundgang bei
jeder Rolle -- aber erst, seit der Sammellauf auch die Zeile UNTER dem
Befund mitschreibt. Vorher stand dort nur "1 Befund".
Die Schemaaenderung auf einer Kopie der echten Datenbank durchgespielt:
72 Tabellen, keine Zeile und keine Spalte verloren, chat_pin_aus da.
pruef-chat 63/0, pruef-chat-optik 62/0, pruef-chat-kanaele 81/0,
pruef-treffchat 110/0, pruef-chat-neu 36/0, pruef-handy-teamdogi
0 Befunde, pruef-css-klassen gruen.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -1036,6 +1036,214 @@
|
||||
|
||||
const kopfRechts = document.querySelector('.kopfleiste__rechts');
|
||||
if (kopfRechts) aufbauSuche(kopfRechts);
|
||||
/* ===================================================================
|
||||
DIE KOPFLEISTE BLEIBT IN EINER REIHE (25.09.2026)
|
||||
===================================================================
|
||||
|
||||
Filipe am 09.09.2026, mit Bildschirmfoto: „es soll alles in einer
|
||||
reihe sein." Auf seinem Bild stand „Abmelden" allein in einer
|
||||
zweiten Zeile.
|
||||
|
||||
SEITHER IST DIE LEISTE GEWACHSEN: Sicht, Teilen, Installieren,
|
||||
Chat, Suchen, Name, Glocke, Abmelden -- acht Dinge. Gemessen auf
|
||||
412 px stehen rechts 330 px zur Verfuegung; acht Beruehrziele zu
|
||||
44 px brauchen mit Abstaenden 350. Die Leiste brach also wieder um,
|
||||
auf 360, 390 UND 412 px, bei jeder Rolle.
|
||||
|
||||
ZWEI WEGE WAEREN FALSCH GEWESEN:
|
||||
- Die Knoepfe kleiner machen. Unter 44 px trifft man sie nicht
|
||||
mehr; das ist die Hausgrenze, und sie ist gemessen.
|
||||
- Eine Schwelle setzen („unter 480 px kommen drei ins Menue").
|
||||
Das ist eine Rechnung von gestern -- sie stimmt, bis jemand
|
||||
den neunten Knopf hinzufuegt. Genau dieser Fehler steht in
|
||||
start.css dreimal als Warnung.
|
||||
|
||||
DESHALB WIRD GEMESSEN, NICHT GERECHNET: Nach dem Aufbau wird
|
||||
nachgesehen, ob alle Teile dieselbe Oberkante haben. Tun sie es
|
||||
nicht, wandert der naechste Kandidat ins Menue -- und dann wird
|
||||
wieder gemessen. Das gilt fuer jede Breite, jede Rolle und jede
|
||||
Anzahl von Knoepfen, auch fuer die, die es noch nicht gibt.
|
||||
|
||||
WER ZUERST GEHT: Teilen, Installieren, Abmelden, Suchen. Das ist
|
||||
die Reihenfolge nach Haeufigkeit von hinten -- Installieren
|
||||
braucht man einmal, Teilen selten, Abmelden selten und mit Bedacht.
|
||||
Glocke, Chat und der Sicht-Umschalter bleiben draussen: Sie tragen
|
||||
Zahlen, die man SEHEN muss, ohne ein Menue aufzumachen.
|
||||
|
||||
UND ES GEHT ZURUECK: Dreht man das Handy ins Querformat, ist wieder
|
||||
Platz, und die Knoepfe kommen an ihre Stelle. Deshalb wird bei
|
||||
jeder Groessenaenderung neu geordnet (entprellt, damit das Drehen
|
||||
nicht hundert Messungen ausloest).
|
||||
=================================================================== */
|
||||
|
||||
function kopfMenue(leiste) {
|
||||
if (!leiste || leiste.dataset.mehrBereit === 'ja') return;
|
||||
leiste.dataset.mehrBereit = 'ja';
|
||||
|
||||
/* Die Reihenfolge, in der die Leiste gebaut wurde, wird EINMAL
|
||||
festgehalten. Ohne sie kaeme ein zurueckgeholter Knopf ans Ende
|
||||
statt an seinen Platz -- und die Leiste saehe nach jedem Drehen
|
||||
anders aus. */
|
||||
[...leiste.children].forEach((k, i) => {
|
||||
if (!k.dataset.kopfPlatz) k.dataset.kopfPlatz = String(i);
|
||||
});
|
||||
|
||||
const knopf = document.createElement('button');
|
||||
knopf.type = 'button';
|
||||
knopf.className = 'kopf-mehr';
|
||||
knopf.id = 'kopf-mehr';
|
||||
knopf.hidden = true;
|
||||
knopf.setAttribute('aria-expanded', 'false');
|
||||
knopf.setAttribute('aria-haspopup', 'true');
|
||||
knopf.setAttribute('aria-label', 'Mehr');
|
||||
knopf.title = 'Mehr';
|
||||
const punkte = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||||
punkte.setAttribute('viewBox', '0 0 24 24');
|
||||
punkte.setAttribute('aria-hidden', 'true');
|
||||
punkte.setAttribute('class', 'kopf-mehr__zeichen');
|
||||
for (const x of [6, 12, 18]) {
|
||||
const c = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
|
||||
c.setAttribute('cx', String(x)); c.setAttribute('cy', '12'); c.setAttribute('r', '2');
|
||||
punkte.append(c);
|
||||
}
|
||||
knopf.append(punkte);
|
||||
|
||||
const fach = document.createElement('div');
|
||||
fach.className = 'kopf-mehr__fach';
|
||||
fach.id = 'kopf-mehr-fach';
|
||||
fach.hidden = true;
|
||||
knopf.setAttribute('aria-controls', fach.id);
|
||||
|
||||
leiste.append(knopf);
|
||||
leiste.append(fach);
|
||||
|
||||
const zu = () => {
|
||||
fach.hidden = true;
|
||||
knopf.setAttribute('aria-expanded', 'false');
|
||||
};
|
||||
const auf = () => {
|
||||
fach.hidden = false;
|
||||
knopf.setAttribute('aria-expanded', 'true');
|
||||
fach.querySelector('button, a')?.focus();
|
||||
};
|
||||
knopf.addEventListener('click', (e) => {
|
||||
e.stopPropagation();
|
||||
if (fach.hidden) auf(); else zu();
|
||||
});
|
||||
/* Ein Menue, das offen bleibt, wenn man daneben tippt, ist eine
|
||||
Falle -- man kommt nicht mehr an das heran, was darunter liegt.
|
||||
|
||||
`knopf.contains(e.target)` UND NICHT `e.target !== knopf`:
|
||||
Im Knopf steckt das SVG mit den drei Punkten, und bei einem Klick
|
||||
darauf ist ZIEL das <svg>, nicht der Knopf. Mit dem Vergleich auf
|
||||
Gleichheit hat dieser Zuhoerer das Fach in derselben Millisekunde
|
||||
wieder zugemacht, in der es aufging -- die Messung meldete „FACH
|
||||
GEHT NICHT AUF", und im Quelltext sah alles richtig aus. */
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!fach.hidden && !fach.contains(e.target) && !knopf.contains(e.target)) zu();
|
||||
});
|
||||
document.addEventListener('keydown', (e) => { if (e.key === 'Escape') zu(); });
|
||||
/* Wer im Menue etwas anklickt, will das Menue nicht mehr sehen. */
|
||||
fach.addEventListener('click', (e) => { if (e.target !== fach) zu(); });
|
||||
|
||||
/* Welche Teile duerfen wandern -- und in welcher Reihenfolge.
|
||||
Gesucht wird ueber Klassen, nicht ueber die Stelle in der Liste:
|
||||
Wer morgen einen Knopf dazwischenschiebt, soll nichts anfassen
|
||||
muessen. */
|
||||
const KANDIDATEN = ['.teilen', '.install-knopf', '.abmelden', '.suche-knopf'];
|
||||
|
||||
const einreihig = () => {
|
||||
const teile = [...leiste.children]
|
||||
.filter((k) => k !== fach && !k.hidden && k.getBoundingClientRect().height > 0);
|
||||
if (teile.length < 2) return true;
|
||||
const oben = teile.map((k) => k.getBoundingClientRect().top);
|
||||
/* 12 px Nachsicht: Ein Knopf von 44 px und ein Bild von 28 px
|
||||
sind mittig ausgerichtet und haben verschiedene Oberkanten --
|
||||
das ist dieselbe Zeile. Eine zweite liegt 40 px tiefer.
|
||||
Dieselbe Zahl benutzt pruef-handy. */
|
||||
return Math.max(...oben) - Math.min(...oben) <= 12;
|
||||
};
|
||||
|
||||
const zurueck = () => {
|
||||
for (const k of [...fach.children]) {
|
||||
const platz = Number(k.dataset.kopfPlatz);
|
||||
const nach = [...leiste.children].find(
|
||||
(x) => x !== fach && x !== knopf && Number(x.dataset.kopfPlatz) > platz);
|
||||
if (nach) leiste.insertBefore(k, nach); else leiste.insertBefore(k, knopf);
|
||||
}
|
||||
};
|
||||
|
||||
let amOrdnen = false;
|
||||
let beobachter = null;
|
||||
const ordnen = () => {
|
||||
if (amOrdnen) return;
|
||||
amOrdnen = true;
|
||||
/* ==== DER BEOBACHTER DARF SICH NICHT SELBST SEHEN ============
|
||||
|
||||
`ordnen()` raeumt die Leiste um -- es haengt Knoepfe aus und
|
||||
ein. Genau darauf horcht der MutationObserver unten, und seine
|
||||
Meldungen kommen ASYNCHRON, also oft erst, wenn `amOrdnen`
|
||||
schon wieder false ist. Ergebnis war eine Schleife: ordnen ->
|
||||
Aenderung -> ordnen -> Aenderung. Man sah davon nichts, ausser
|
||||
dass das Menue sich nicht oeffnen liess -- jeder Durchlauf
|
||||
beginnt mit `zu()`.
|
||||
|
||||
Deshalb wird er fuer die Dauer des Umraeumens abgemeldet.
|
||||
Nicht „ignoriert": Ein Beobachter, der laeuft und dessen
|
||||
Meldungen man wegwirft, ist eine Zeitbombe mit Zufallszuendung. */
|
||||
if (beobachter) beobachter.disconnect();
|
||||
try {
|
||||
zu();
|
||||
zurueck();
|
||||
knopf.hidden = true;
|
||||
if (einreihig()) return;
|
||||
|
||||
knopf.hidden = false;
|
||||
for (const wahl of KANDIDATEN) {
|
||||
if (einreihig()) break;
|
||||
const k = leiste.querySelector(':scope > ' + wahl);
|
||||
if (!k || k.hidden) continue;
|
||||
fach.append(k);
|
||||
}
|
||||
/* Hat das Verschieben nichts gebracht (etwa weil die Leiste
|
||||
auch mit einem Knopf nicht passt), bleibt das Menue
|
||||
trotzdem stehen -- die Teile darin sind dann wenigstens
|
||||
erreichbar. Ein leeres Menue verschwindet. */
|
||||
if (!fach.children.length) knopf.hidden = true;
|
||||
} finally {
|
||||
amOrdnen = false;
|
||||
if (beobachter) beobachter.observe(leiste, { childList: true });
|
||||
}
|
||||
};
|
||||
|
||||
/* Zweimal ordnen: einmal jetzt, einmal nach dem Laden der
|
||||
Schriften und der spaet eingehaengten Knoepfe (Installieren
|
||||
kommt ueber ein `load`-Ereignis). Ohne den zweiten Lauf stuende
|
||||
die Leiste richtig da, bis der letzte Knopf dazukommt. */
|
||||
ordnen();
|
||||
window.addEventListener('load', ordnen, { once: true });
|
||||
|
||||
let wecker = null;
|
||||
window.addEventListener('resize', () => {
|
||||
clearTimeout(wecker);
|
||||
wecker = setTimeout(ordnen, 150);
|
||||
});
|
||||
/* Auch wenn spaeter etwas dazukommt (die Glocke meldet sich erst,
|
||||
wenn der Browser geantwortet hat). Ein Beobachter ist hier
|
||||
richtig und eine Zeitschaltung waere geraten. */
|
||||
if (window.MutationObserver) {
|
||||
let ruht = false;
|
||||
beobachter = new MutationObserver(() => {
|
||||
if (amOrdnen || ruht) return;
|
||||
ruht = true;
|
||||
setTimeout(() => { ruht = false; ordnen(); }, 60);
|
||||
});
|
||||
beobachter.observe(leiste, { childList: true });
|
||||
}
|
||||
}
|
||||
|
||||
if (kopfRechts) kopfMenue(kopfRechts);
|
||||
|
||||
if (kopfRechts) aufbauChat(kopfRechts);
|
||||
/* DER AUFRUF DARF NICHT VON DER REIHENFOLGE DER SKRIPTZEILEN
|
||||
ABHAENGEN. Auf chat.html und leistung.html steht `kopf.js` OHNE
|
||||
|
||||
Reference in New Issue
Block a user