Nichts verschwindet mehr ohne eine Nachfrage, die sagt was passiert
Filipe: "Es darf vor allem keine Stellen geben, an denen ein Benutzer
etwas falsch machen kann, nur weil die Seite es nicht verstaendlich
genug erklaert."
Gemessen: 30 Stellen in 16 Dateien benutzten confirm() oder prompt().
Das Haus hatte die richtige Bauweise laengst -- einen <dialog>, in
aufgaben.html sogar ausfuehrlich begruendet -- aber sie stand IN EINER
SEITE. Wer anderswo etwas loeschen liess, hatte sie nicht.
confirm('Wirklich loeschen?') stellt die falsche Frage: Es fragt, ob
man sicher ist, und nennt nicht, WAS passiert, was BLEIBT und ob es
ZURUECK geht. Jetzt beantwortet jeder der 41 Dialoge alle drei.
Neu: workspace/assets/js/nachfrage.js -- window.frageNach() mit
Pflichtgrund, Zahlenfeld, einzeiliger Eingabe und Abtippsicherung.
Drei Ausgaenge: <dialog> / confirm()-Notnagel fuer Safari vor 15.4 /
Abbruch (Esc, Klick daneben, "Doch nicht" -- immer false).
DREIMAL DERSELBE FALLSTRICK, dreimal nachgemessen statt vermutet:
.dialog stand in aufgaben.css und leistung.css -> auf dateien.html
waere der Dialog ein weisser Systemkasten gewesen. 14 Regeln
klammergenau nach module.css verschoben (Klammern gezaehlt, nicht
per Muster geschnitten -- heute frueh hat ein nicht-gieriges
Muster schon einmal CSS zerrissen).
Das Formular trug .neu neu--blank -- und .neu gibt seine Abstaende
nur in aufgaben.css. Gemessen: padding 0px, und die Felder
verloren ihre height:44px. Jetzt steht alles unter
.nachfrage__form in module.css; der Dialog borgt nichts mehr.
Die erste Fassung der Pruefung zaehlte nachfrage.js SELBST als
Nutzer -- damit war jede Seite trivialerweise "Nutzer" und die
Pruefung gruen ohne Inhalt. Jetzt ausdruecklich ausgenommen.
ZWEI FUNDE NEBENBEI:
hilfeAufraeumen() wird im Betrieb NIE aufgerufen. Der Kommentar
behauptete "wird beim Start aufgerufen (siehe index.js)" -- das
war nie wahr; einziger Aufrufer ist die eigene Pruefung. Folge:
geschlossene vertrauliche Faelle bleiben unbegrenzt stehen. NICHT
eingeschaltet (das loescht echte Daten und ist Filipes
Entscheidung), sondern der Kommentar richtiggestellt.
Einen Hilfe-Fall zu schliessen ist endgueltig -- es gibt keine
Route, die ihn wieder oeffnet. Vorher stand darueber nur die
Frage nach einem Schlusswort. Jetzt sagt der Dialog es.
pruef-struktur hat meine eigene Pruefung von heute Nachmittag
erwischt: Sie bildete ihr Datum aus UTC. Beim Beheben erst
heuteLokal(datum) genommen -- die Funktion nimmt gar kein Argument
und haette still "heute" statt "+3 Tage" geliefert. Jetzt tagLokal(3),
nachgerechnet: Abstand 3 Tage.
Am Bildschirm angesehen (Rechner 1280, Handy 390): passt rein, Esc
ergibt false, Fokus liegt auf dem harmlosen Knopf, Knoepfe 44px auf
Touch. Der Platzhalter im Abtippfeld zeigte den erwarteten Namen --
das sah aus wie ein schon ausgefuelltes Feld, entfernt.
Neu: server/pruef-nachfrage.mjs -- 17/0, mit sechs Gegenproben und
beiden Richtungen (wer fragt, laedt die Datei; wer nie fragt, laedt
sie nicht -- sonst truege die Anmeldewand 4,8 KB fuer nichts).
pruef-meldungen 8/0, pruef-css-klassen gruen, pruef-struktur gruen,
pruef-leistung gruen.
This commit is contained in:
+131
-131
@@ -1,131 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de" data-haus="crew">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||||
<title>Anruf-Probe · Team Dogi</title>
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<!-- KORRIGIERT AM 19.09.2026. Hier standen `basis.css` und `kopf.css` --
|
||||
zwei Dateien, die es im Haus gar nicht gibt. Die Seite lud sie bei
|
||||
jedem Aufruf ins Leere und stand damit OHNE die Hausfarben da; die
|
||||
Angaben darunter (var(--text-leise) usw.) liefen ins Nichts.
|
||||
|
||||
Ausgerechnet auf dieser Seite faellt das nicht auf: Sie hat ihre
|
||||
eigene Stilangabe im Kopf, damit sie auch dann noch etwas anzeigt,
|
||||
wenn die Stilvorlagen klemmen -- und genau die hat den Mangel
|
||||
verdeckt. Gefunden hat es pruef-struktur.
|
||||
|
||||
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609191915" />
|
||||
<link rel="stylesheet" href="assets/css/haus.css?v=202609191915" />
|
||||
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
|
||||
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
|
||||
ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
|
||||
WARUM das Telefon nicht klingelt, ist das besonders unpassend. -->
|
||||
<link rel="manifest" href="/workspace/crew.webmanifest?v=202609191018" />
|
||||
<meta name="theme-color" content="#06090f" />
|
||||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609191915" />
|
||||
<style>
|
||||
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
|
||||
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
|
||||
was sie untersucht -- eine Stilvorlage, die aus dem
|
||||
Zwischenspeicher kommt. */
|
||||
/* DIE KOPFLEISTE WAR NIE GESTALTET (nachgetragen 19.09.2026).
|
||||
|
||||
Gefunden von pruef-css-klassen: `.kopfleiste`, `.kopfleiste__zurueck`,
|
||||
`.kopfleiste__mitte` und `.kopfleiste__titel` stehen in KEINER
|
||||
Stilvorlage des Hauses -- sie leben in start.css bzw. crew-haus.css,
|
||||
und genau die lädt diese Seite absichtlich nicht.
|
||||
|
||||
Ergebnis war eine Leiste aus nacktem Text: der Zurück-Weg ein
|
||||
blasser Link irgendwo links oben, der Titel daneben in Fließtext.
|
||||
Ausgerechnet auf der Seite, die man aufruft, WEIL schon etwas nicht
|
||||
funktioniert -- da sieht unfertig aus wie kaputt.
|
||||
|
||||
Sie stehen hier und nicht in einer Datei, aus demselben Grund wie
|
||||
alles andere auf dieser Seite: Sie soll auch dann noch etwas
|
||||
anzeigen, wenn genau das schiefgeht, was sie untersucht. */
|
||||
.kopfleiste {
|
||||
display: flex; align-items: center; gap: .6rem;
|
||||
padding: .55rem .9rem;
|
||||
border-bottom: 1px solid var(--rand);
|
||||
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
|
||||
}
|
||||
.kopfleiste__zurueck {
|
||||
/* 44 px hoch: Das ist die Größe, die ein Daumen sicher trifft.
|
||||
Auf einem Handy ist dieser Knopf der einzige Weg zurück. */
|
||||
display: inline-flex; align-items: center;
|
||||
min-height: 44px; padding: 0 .7rem 0 .2rem;
|
||||
color: var(--text-leise); text-decoration: none;
|
||||
font-size: .92rem; border-radius: .5rem;
|
||||
}
|
||||
.kopfleiste__zurueck:hover,
|
||||
.kopfleiste__zurueck:focus-visible { color: var(--text); }
|
||||
.kopfleiste__mitte { flex: 1; min-width: 0; text-align: center; }
|
||||
.kopfleiste__titel {
|
||||
font-size: .92rem; font-weight: 600; color: var(--text);
|
||||
letter-spacing: .01em;
|
||||
}
|
||||
/* Gleich breit wie der Zurück-Weg, damit der Titel wirklich mittig
|
||||
steht statt nur ungefähr. */
|
||||
.kopfleiste__rechts { flex: 0 0 4.5rem; }
|
||||
@media (max-width: 420px) {
|
||||
.kopfleiste__rechts { flex-basis: 0; }
|
||||
.kopfleiste__mitte { text-align: right; }
|
||||
}
|
||||
|
||||
.probe { max-width: 46rem; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
|
||||
.probe h1 { margin: .2rem 0 .3rem; }
|
||||
.probe__unter { color: var(--text-leise); margin: 0 0 1.4rem; }
|
||||
.punkt {
|
||||
display: flex; gap: .8rem; align-items: flex-start;
|
||||
padding: .85rem 1rem; margin-bottom: .6rem;
|
||||
border: 1px solid var(--rand); border-radius: .7rem;
|
||||
background: rgba(255,255,255,.02);
|
||||
}
|
||||
.punkt__zeichen { font-size: 1.1rem; line-height: 1.4; flex: 0 0 1.4rem; }
|
||||
.punkt__text { flex: 1; min-width: 0; }
|
||||
.punkt__titel { font-weight: 600; margin: 0 0 .15rem; }
|
||||
.punkt__satz { margin: 0; color: var(--text-leise); font-size: .9rem; }
|
||||
.punkt[data-stand="gut"] { border-color: rgba(120, 200, 150, .4); }
|
||||
.punkt[data-stand="warn"] { border-color: rgba(220, 180, 110, .45); }
|
||||
.punkt[data-stand="schlecht"] { border-color: rgba(230, 140, 140, .5); }
|
||||
/* 44 px auf Geraeten, die mit dem Finger bedient werden
|
||||
(19.09.2026). Diese Seite laedt module.css bewusst nicht --
|
||||
sie soll auch dann noch stehen, wenn Stilvorlagen klemmen.
|
||||
Also gilt die Regel hier eigens. */
|
||||
.probe__knopf { margin: 1.2rem 0 .4rem; }
|
||||
@media (pointer: coarse) { .probe__knopf { min-height: 44px; } }
|
||||
.probe__ende {
|
||||
margin-top: 1.6rem; padding: 1rem;
|
||||
border-radius: .7rem; border: 1px dashed var(--rand-hell);
|
||||
color: var(--text-leise); font-size: .92rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="haus">
|
||||
<header class="kopfleiste">
|
||||
<a class="kopfleiste__zurueck" id="zurueck-weg" href="start.html">‹ Zurück</a>
|
||||
<div class="kopfleiste__mitte"><span class="kopfleiste__titel">Anruf-Probe</span></div>
|
||||
<div class="kopfleiste__rechts"></div>
|
||||
</header>
|
||||
|
||||
<main class="probe">
|
||||
<h1>Warum klingelt es nicht?</h1>
|
||||
<p class="probe__unter">
|
||||
Diese Seite geht der Reihe nach durch, was ein Anruf braucht – und sagt,
|
||||
an welcher Stelle es hakt. Sie ruft niemanden an.
|
||||
</p>
|
||||
|
||||
<div id="ergebnis"></div>
|
||||
|
||||
<button type="button" class="knopf probe__knopf" id="ton-probe">Klingelton anhören</button>
|
||||
|
||||
<p class="probe__ende" id="rat"></p>
|
||||
</main>
|
||||
|
||||
<script src="assets/js/meldung.js?v=202609191915" defer></script>
|
||||
|
||||
<script src="assets/js/anruf-probe.js?v=202609191915" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de" data-haus="crew">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||||
<title>Anruf-Probe · Team Dogi</title>
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<!-- KORRIGIERT AM 19.09.2026. Hier standen `basis.css` und `kopf.css` --
|
||||
zwei Dateien, die es im Haus gar nicht gibt. Die Seite lud sie bei
|
||||
jedem Aufruf ins Leere und stand damit OHNE die Hausfarben da; die
|
||||
Angaben darunter (var(--text-leise) usw.) liefen ins Nichts.
|
||||
|
||||
Ausgerechnet auf dieser Seite faellt das nicht auf: Sie hat ihre
|
||||
eigene Stilangabe im Kopf, damit sie auch dann noch etwas anzeigt,
|
||||
wenn die Stilvorlagen klemmen -- und genau die hat den Mangel
|
||||
verdeckt. Gefunden hat es pruef-struktur.
|
||||
|
||||
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609191956" />
|
||||
<link rel="stylesheet" href="assets/css/haus.css?v=202609191956" />
|
||||
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
|
||||
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
|
||||
ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
|
||||
WARUM das Telefon nicht klingelt, ist das besonders unpassend. -->
|
||||
<link rel="manifest" href="/workspace/crew.webmanifest?v=202609191018" />
|
||||
<meta name="theme-color" content="#06090f" />
|
||||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609191956" />
|
||||
<style>
|
||||
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
|
||||
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
|
||||
was sie untersucht -- eine Stilvorlage, die aus dem
|
||||
Zwischenspeicher kommt. */
|
||||
/* DIE KOPFLEISTE WAR NIE GESTALTET (nachgetragen 19.09.2026).
|
||||
|
||||
Gefunden von pruef-css-klassen: `.kopfleiste`, `.kopfleiste__zurueck`,
|
||||
`.kopfleiste__mitte` und `.kopfleiste__titel` stehen in KEINER
|
||||
Stilvorlage des Hauses -- sie leben in start.css bzw. crew-haus.css,
|
||||
und genau die lädt diese Seite absichtlich nicht.
|
||||
|
||||
Ergebnis war eine Leiste aus nacktem Text: der Zurück-Weg ein
|
||||
blasser Link irgendwo links oben, der Titel daneben in Fließtext.
|
||||
Ausgerechnet auf der Seite, die man aufruft, WEIL schon etwas nicht
|
||||
funktioniert -- da sieht unfertig aus wie kaputt.
|
||||
|
||||
Sie stehen hier und nicht in einer Datei, aus demselben Grund wie
|
||||
alles andere auf dieser Seite: Sie soll auch dann noch etwas
|
||||
anzeigen, wenn genau das schiefgeht, was sie untersucht. */
|
||||
.kopfleiste {
|
||||
display: flex; align-items: center; gap: .6rem;
|
||||
padding: .55rem .9rem;
|
||||
border-bottom: 1px solid var(--rand);
|
||||
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
|
||||
}
|
||||
.kopfleiste__zurueck {
|
||||
/* 44 px hoch: Das ist die Größe, die ein Daumen sicher trifft.
|
||||
Auf einem Handy ist dieser Knopf der einzige Weg zurück. */
|
||||
display: inline-flex; align-items: center;
|
||||
min-height: 44px; padding: 0 .7rem 0 .2rem;
|
||||
color: var(--text-leise); text-decoration: none;
|
||||
font-size: .92rem; border-radius: .5rem;
|
||||
}
|
||||
.kopfleiste__zurueck:hover,
|
||||
.kopfleiste__zurueck:focus-visible { color: var(--text); }
|
||||
.kopfleiste__mitte { flex: 1; min-width: 0; text-align: center; }
|
||||
.kopfleiste__titel {
|
||||
font-size: .92rem; font-weight: 600; color: var(--text);
|
||||
letter-spacing: .01em;
|
||||
}
|
||||
/* Gleich breit wie der Zurück-Weg, damit der Titel wirklich mittig
|
||||
steht statt nur ungefähr. */
|
||||
.kopfleiste__rechts { flex: 0 0 4.5rem; }
|
||||
@media (max-width: 420px) {
|
||||
.kopfleiste__rechts { flex-basis: 0; }
|
||||
.kopfleiste__mitte { text-align: right; }
|
||||
}
|
||||
|
||||
.probe { max-width: 46rem; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
|
||||
.probe h1 { margin: .2rem 0 .3rem; }
|
||||
.probe__unter { color: var(--text-leise); margin: 0 0 1.4rem; }
|
||||
.punkt {
|
||||
display: flex; gap: .8rem; align-items: flex-start;
|
||||
padding: .85rem 1rem; margin-bottom: .6rem;
|
||||
border: 1px solid var(--rand); border-radius: .7rem;
|
||||
background: rgba(255,255,255,.02);
|
||||
}
|
||||
.punkt__zeichen { font-size: 1.1rem; line-height: 1.4; flex: 0 0 1.4rem; }
|
||||
.punkt__text { flex: 1; min-width: 0; }
|
||||
.punkt__titel { font-weight: 600; margin: 0 0 .15rem; }
|
||||
.punkt__satz { margin: 0; color: var(--text-leise); font-size: .9rem; }
|
||||
.punkt[data-stand="gut"] { border-color: rgba(120, 200, 150, .4); }
|
||||
.punkt[data-stand="warn"] { border-color: rgba(220, 180, 110, .45); }
|
||||
.punkt[data-stand="schlecht"] { border-color: rgba(230, 140, 140, .5); }
|
||||
/* 44 px auf Geraeten, die mit dem Finger bedient werden
|
||||
(19.09.2026). Diese Seite laedt module.css bewusst nicht --
|
||||
sie soll auch dann noch stehen, wenn Stilvorlagen klemmen.
|
||||
Also gilt die Regel hier eigens. */
|
||||
.probe__knopf { margin: 1.2rem 0 .4rem; }
|
||||
@media (pointer: coarse) { .probe__knopf { min-height: 44px; } }
|
||||
.probe__ende {
|
||||
margin-top: 1.6rem; padding: 1rem;
|
||||
border-radius: .7rem; border: 1px dashed var(--rand-hell);
|
||||
color: var(--text-leise); font-size: .92rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="haus">
|
||||
<header class="kopfleiste">
|
||||
<a class="kopfleiste__zurueck" id="zurueck-weg" href="start.html">‹ Zurück</a>
|
||||
<div class="kopfleiste__mitte"><span class="kopfleiste__titel">Anruf-Probe</span></div>
|
||||
<div class="kopfleiste__rechts"></div>
|
||||
</header>
|
||||
|
||||
<main class="probe">
|
||||
<h1>Warum klingelt es nicht?</h1>
|
||||
<p class="probe__unter">
|
||||
Diese Seite geht der Reihe nach durch, was ein Anruf braucht – und sagt,
|
||||
an welcher Stelle es hakt. Sie ruft niemanden an.
|
||||
</p>
|
||||
|
||||
<div id="ergebnis"></div>
|
||||
|
||||
<button type="button" class="knopf probe__knopf" id="ton-probe">Klingelton anhören</button>
|
||||
|
||||
<p class="probe__ende" id="rat"></p>
|
||||
</main>
|
||||
|
||||
<script src="assets/js/meldung.js?v=202609191956" defer></script>␍
|
||||
|
||||
<script src="assets/js/anruf-probe.js?v=202609191956" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user