Ein Klick, der nichts tat, und niemand sagte warum
Eine Serienkachel kannte der Server als Titel nicht: „als gesehen markieren" lief in eine 404, und weil das Kontextmenü die Ablehnung verschluckte, geschah sichtbar gar nichts. Dasselbe beim Favoriten. UserItemState bekommt eine Serienkennung, das Häkchen zieht alle Folgen mit, und was wirft, erscheint als Meldung statt in der Browserkonsole. Dazu eine Mehrfachauswahl in der Mediathek — gesehen, ungesehen, Metadaten neu holen für das Gewählte, in einer Anfrage statt in zweihundert. Ein neues Plakat steht sofort auf der Kachel, und ein Titel, den es nicht mehr gibt, endet nicht mehr in einer Sackgasse. Gemessen: ein POST auf /refresh ohne Rumpf antwortete nach der Erweiterung mit 404 — also genau der Aufruf „alles auffrischen", den es länger gibt als die Auswahl. Der Rumpf wird jetzt von Hand gelesen, und beide Formen stehen in einer Prüfung. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
c854c4a09a
commit
557708b769
@@ -110,3 +110,40 @@ export function meldung(fehler: unknown): string {
|
||||
|
||||
return text;
|
||||
}
|
||||
|
||||
/** Eine kurze Meldung am unteren Rand, die von selbst wieder geht.
|
||||
*
|
||||
* **Warum es das braucht.** Eine Aktion aus einem Kontextmenü hat keinen Ort,
|
||||
* an dem ein Fehler stehen könnte: das Menü ist in dem Augenblick schon zu.
|
||||
* Vorher verschwand eine abgelehnte Anfrage deshalb spurlos — der Klick tat
|
||||
* sichtbar nichts, und nichts sagte warum.
|
||||
*
|
||||
* **Sie nimmt den Fokus nicht.** `aria-live="polite"` liest sie vor, sobald
|
||||
* der Benutzer eine Pause macht; ihn mitten im Tun zu unterbrechen wäre für
|
||||
* eine Randnotiz zu viel.
|
||||
*/
|
||||
export function hinweisZeigen(text: string, art: 'gut' | 'fehler' = 'gut'): void {
|
||||
let bereich = document.querySelector<HTMLElement>('.hinweise');
|
||||
if (!bereich) {
|
||||
bereich = document.createElement('div');
|
||||
bereich.className = 'hinweise';
|
||||
bereich.setAttribute('aria-live', 'polite');
|
||||
document.body.appendChild(bereich);
|
||||
}
|
||||
|
||||
const zeile = document.createElement('div');
|
||||
zeile.className = `hinweiszeile ${art}`;
|
||||
zeile.textContent = text;
|
||||
bereich.appendChild(zeile);
|
||||
|
||||
// Vier Sekunden: lang genug zum Lesen, kurz genug, um nicht im Weg zu
|
||||
// stehen. Das Wegblenden darf nicht springen, deshalb erst die Klasse,
|
||||
// dann das Entfernen nach dem Übergang.
|
||||
window.setTimeout(() => {
|
||||
zeile.classList.add('geht');
|
||||
window.setTimeout(() => {
|
||||
zeile.remove();
|
||||
if (bereich && bereich.childElementCount === 0) bereich.remove();
|
||||
}, 200);
|
||||
}, 4000);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user