Startseite sagt einmalig Bescheid, wenn jemand nichts bekommt

Am 03.10.2026 nachgemessen: 20 aktive Personen, 8 mit einer
Anmeldung. Zwoelf bekamen keine einzige Benachrichtigung -- darunter
die linke Hand und ein Modi. Die heute frueh behobene Dringlichkeit
hilft diesen zwoelf nichts: Ohne Anmeldung geht gar nichts hinaus.

Belegt im neuen Sendeprotokoll, seit dem Deploy heute Mittag:
10 Chat-Meldungen zugestellt, 26 Versuche an "keine_geraete"
gescheitert. Genau diese 26 sind der Grund.

Keiner der zwoelf wusste es. Die Glocke sagt es nur dem, der sie
anschaut -- und genau das hatten sie nie getan. Jetzt steht auf der
Startseite eine ruhige Zeile mit zwei Knoepfen: Anschalten oder
nicht jetzt.

ABGELEITET AUS `lage()`, der Stelle, die es ohnehin weiss. Eine
zweite Ableitung daneben waere die, die beim naechsten Umbau etwas
anderes behauptet als die Glocke zwei Zentimeter weiter oben.

NUR DORT, WO ES ETWAS ZU AENDERN GIBT. Bei "verboten" hilft kein
Knopf (das muss man im Browser zuruecknehmen), bei "geht-nicht"
erst recht nicht. Auf dem iPhone erklaert er stattdessen den Weg
ueber den Home-Bildschirm -- ohne den gibt es dort gar kein
Web-Push, und das weiss sonst niemand.

NUR AUF DER STARTSEITE, obwohl glocke.js auf 39 Seiten laeuft: Die
Seite stellt den Platz, das Skript fuellt ihn -- dasselbe Muster wie
`#glocke-platz`. Auf jeder Seite waere er nach dem zweiten Mal
Tapete.

Ruhig, nicht alarmierend: Es ist kein Fehler, sondern eine
Einstellung, die noch niemand getroffen hat. Rot waere hier falsch.

pruef-push-hinweis.mjs (neu, 16 Pruefungen). Sie misst VIER
Abwesenheiten und nur eine Anwesenheit, weil die Gefahr auf der
anderen Seite liegt: weg nach "Nicht jetzt", weg geblieben nach dem
Neuladen, nicht da auf anderen Seiten (mit der Gegenprobe, dass die
Glocke dort sehr wohl steht -- sonst waere nur gemessen, dass das
Skript gar nicht laeuft), und nicht da, wenn die Benachrichtigungen
AN sind. Die letzte mit echter Anmeldung, die nachweislich in der
Datenbank landet.

Dabei gelernt, und es stand nicht im Code: `browser.newContext()`
gibt ein Inkognito-Fenster, und Chrome unterstuetzt dort die Push-API
nicht -- "deliberately no way to feature-detect this". Die Pruefung
meldete zuerst den dritten Ausgang statt gruen, und weil sie die
Browsermeldungen mitschreibt, stand die Ursache sofort da. Jetzt
laeuft sie mit einem echten Profil.

Gegengemessen, dass die zusaetzliche Zeile nichts verschiebt:
pruef-glocke 36, pruef-start-ansicht 160, pruef-tagesblick 23,
pruef-kachelraster 24, pruef-handy 189, pruef-breiten 23,
pruef-lesbarkeit 14, pruef-ueberlappung (20 Breitenpaare) -- alle
0 Fehler.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-10-03 13:36:51 +02:00
co-authored by Claude Opus 5
parent 628b99943e
commit cc716a9c1c
49 changed files with 1159 additions and 684 deletions
+68
View File
@@ -4783,6 +4783,74 @@ body[data-fremde-sicht="ja"]::after {
.glocke[data-lage="verboten"] .glocke__strich,
.glocke[data-lage="geht-nicht"] .glocke__strich { opacity: .7; }
/* ==== "Du bekommst gerade nichts" (03.10.2026) =====================
Am 03.10. nachgemessen: 20 aktive Personen, 8 mit einer Anmeldung.
Zwoelf bekamen keine einzige Benachrichtigung.
RUHIG, NICHT ALARMIEREND. Es ist kein Fehler, sondern eine
Einstellung, die noch niemand getroffen hat -- also sieht er aus
wie eine Kachel und nicht wie eine Warnung. Rot waere hier falsch:
Wer jeden Tag etwas Rotes sieht, sieht bald gar nichts mehr.
Der Hinweis verschwindet von selbst, sobald jemand die Glocke
anschaltet -- `lage()` steht dann auf "an". Es gibt dafuer nichts
zu merken und nichts aufzuraeumen. */
.push-hinweis {
display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
margin: 0 0 24px;
padding: 15px 20px;
background: rgba(255, 255, 255, .04);
border: 1px solid var(--rand);
/* Die Kante nimmt die Hausfarbe auf -- in beiden Haeusern die
jeweils eigene, weil es `--akzent` ist und keine feste Farbe. */
border-left: 3px solid color-mix(in srgb, var(--akzent) 55%, transparent);
border-radius: 14px;
}
/* `--text`, nicht `--text-leise`: Das ist der eine Satz, der gelesen
werden MUSS. Eine Zeile, die man wegen ihrer Farbe ueberfliegt,
haette den Hinweis gar nicht erst gebraucht. Zeilenlaenge gekappt,
damit er auf breiten Schirmen nicht quer ueber die Seite laeuft. */
.push-hinweis__text {
flex: 1 1 280px; min-width: 0; max-width: 64ch;
color: var(--text);
font-size: 1rem; line-height: 1.55;
}
.push-hinweis__text b { font-weight: 600; }
.push-hinweis__knoepfe { display: flex; gap: 9px; flex: none; flex-wrap: wrap; }
/* Beide Knoepfe sind echte Knoepfe und mindestens 44 px hoch -- ein
Ziel, das man auf dem Handy mit dem Daumen trifft. */
.push-hinweis__knopf {
min-height: 44px; padding: 10px 18px;
border-radius: 999px; border: 1px solid transparent;
font: inherit; font-size: .92rem; cursor: pointer;
transition: background var(--tempo), border-color var(--tempo), color var(--tempo);
}
.push-hinweis__knopf--ja {
background: color-mix(in srgb, var(--akzent) 16%, transparent);
border-color: color-mix(in srgb, var(--akzent) 48%, transparent);
color: var(--akzent);
}
.push-hinweis__knopf--ja:hover {
background: color-mix(in srgb, var(--akzent) 24%, transparent);
border-color: color-mix(in srgb, var(--akzent) 68%, transparent);
}
.push-hinweis__knopf--spaeter {
background: transparent; border-color: var(--rand); color: var(--text-leise);
}
.push-hinweis__knopf--spaeter:hover { border-color: var(--rand-hell); color: var(--text); }
/* Auf dem Handy untereinander, und die Knoepfe nebeneinander in voller
Breite -- nicht zwei Schaltflaechen, die sich 150 px teilen. */
@media (max-width: 560px) {
.push-hinweis { gap: 13px; padding: 14px 16px; }
.push-hinweis__knoepfe { width: 100%; }
.push-hinweis__knopf { flex: 1 1 0; }
}
/* Schmale Schirme: nur die Glocke. Der Text steht weiterhin im
aria-label, Vorleseprogramme verlieren also nichts.
+92
View File
@@ -104,7 +104,99 @@
an: { text: 'Benachrichtigungen an', titel: 'Antippen, um sie auf diesem Gerät wieder abzuschalten.' },
};
/* ==== "Du bekommst gerade nichts" ================================
Am 03.10.2026 nachgemessen: 20 aktive Personen, 8 mit einer
Anmeldung. Zwoelf bekamen keine einzige Benachrichtigung --
darunter die linke Hand und ein Modi. Keiner von ihnen wusste es:
Die Glocke sagt es nur dem, der sie anschaut.
WARUM DAS HIER STEHT UND NICHT IN start.js: `lage()` ist die eine
Stelle, die weiss, woran man ist. Eine zweite Ableitung daneben
waere die, die beim naechsten Umbau etwas anderes behauptet als
die Glocke zwei Zentimeter weiter oben.
NUR WO ES ETWAS ZU AENDERN GIBT. Bei "verboten" hilft kein Knopf
(das muss man im Browser zuruecknehmen) und bei "geht-nicht"
erst recht nicht -- dort waere der Hinweis nur eine Mitteilung
ueber etwas, das man nicht tun kann. Die Glocke selbst erklaert
beide Faelle, wenn man sie antippt. */
const HINWEIS_WEG = 'dfw_push_hinweis_weg';
/* localStorage kann werfen (privater Modus, abgeschaltete Cookies).
Dann lieber den Hinweis zeigen als die Seite zerlegen -- und beim
Wegklicken nichts merken, statt beim Lesen abzustuerzen. */
const weggeklickt = () => {
try { return localStorage.getItem(HINWEIS_WEG) === 'ja'; } catch { return false; }
};
const wegMerken = () => {
try { localStorage.setItem(HINWEIS_WEG, 'ja'); } catch { /* dann eben nur diesmal */ }
};
function hinweisZeichnen() {
const platz = document.getElementById('push-hinweis');
if (!platz) return; /* die Seite will keinen -- Schluss */
const l = lage();
platz.textContent = '';
if ((l !== 'aus' && l !== 'iphone') || weggeklickt()) return;
const kasten = document.createElement('div');
kasten.className = 'push-hinweis';
const text = document.createElement('p');
text.className = 'push-hinweis__text';
const fett = document.createElement('b');
fett.textContent = 'Du bekommst gerade keine Benachrichtigungen.';
text.append(fett, ' ');
text.append(l === 'iphone'
? 'Auf dem iPhone geht das nur, wenn die Seite auf dem Home-Bildschirm liegt: '
+ 'Teilen-Knopf → „Zum Home-Bildschirm“. Danach hier noch einmal anschalten.'
: 'Neue Nachrichten, Anrufe und Antworten im Support erreichen dich auf diesem '
+ 'Gerät nur, wenn du sie anschaltest.');
const knoepfe = document.createElement('div');
knoepfe.className = 'push-hinweis__knoepfe';
const ja = document.createElement('button');
ja.type = 'button';
ja.className = 'push-hinweis__knopf push-hinweis__knopf--ja';
ja.textContent = l === 'iphone' ? 'Alles klar' : 'Anschalten';
ja.addEventListener('click', async () => {
/* Auf dem iPhone kann der Knopf nichts schalten -- dort ist er
ein Verstanden-Knopf und raeumt den Hinweis weg. */
if (l === 'iphone') { wegMerken(); hinweisZeichnen(); return; }
ja.disabled = true;
try { await anmelden(); } catch (f) { console.warn('[glocke]', f); }
ja.disabled = false;
/* `anmelden` ruft `zeichnen`, das wiederum hier landet: Klappt
es, steht `lage()` auf "an" und der Hinweis ist weg. Klappt es
nicht, bleibt er stehen -- richtig so, es hat ja nicht
geklappt. */
hinweisZeichnen();
});
const spaeter = document.createElement('button');
spaeter.type = 'button';
spaeter.className = 'push-hinweis__knopf push-hinweis__knopf--spaeter';
spaeter.textContent = 'Nicht jetzt';
spaeter.title = 'Der Hinweis kommt nicht wieder. Über die Glocke oben geht es jederzeit.';
spaeter.addEventListener('click', () => { wegMerken(); hinweisZeichnen(); });
knoepfe.append(ja, spaeter);
kasten.append(text, knoepfe);
platz.append(kasten);
}
function zeichnen() {
/* VOR der Schranke unten: Der Hinweis haengt an der LAGE, nicht
daran, ob der Knopf schon steht. Dahinter wuerde er still
ausfallen, sobald die Glocke einmal woanders sitzt.
(Ganz ohne Glocke laeuft er trotzdem nicht -- `bauen()` steigt
dann schon vorher aus. Das ist heute kein Fall: Die Startseite
hat beides. Wer den Hinweis je auf eine Seite ohne Glocke
setzt, muss ihn dort eigens anstossen.) */
hinweisZeichnen();
if (!knopf) return;
const l = lage();
const t = TEXTE[l];