DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3e1e0810ba58da30816ae0588fa0673c6bc52e3f
dogfather-universe/workspace/assets/css/hilfe.css
T
DogFatherGit 285038f400 Der vertrauliche Meldeweg vergisst jetzt -- und sagt, bis wann 
Zwei Entscheidungen, die offenstanden. Beide getroffen, nachdem
gemessen war, was wirklich da ist.

1. WIE LANGE BLEIBEN ABGESCHLOSSENE FAELLE?  90 Tage.

Die Entscheidung war bereits getroffen: `AUFBEWAHRUNG_TAGE = 90` steht
seit dem 19.09. in hilfe-tabellen.js, mit Begruendung ("ein Fall kommt
manchmal wieder auf"). Nur hat sie NIEMAND durchgesetzt --
`hilfeAufraeumen()` gab es, und der einzige Aufrufer war ihre eigene
Pruefung. Der Kommentar darueber behauptete "Wird beim Start
aufgerufen (siehe index.js)"; das war nie wahr.

Jetzt steht die Regel in workspace-aufbewahrung.js, dem Loeschkonzept,
das sich selbst durchsetzt -- beim Start und danach taeglich. Die
zweite Fassung in workspace-hilfe.js ist WEG, nicht doppelt: Zwei
DELETEs auf dieselben Daten waeren morgen verschieden, und der
Unterschied fiele erst auf, wenn er zaehlt.

GEMESSEN VOR DEM EINSCHALTEN:
  In der echten Datenbank steht heute KEIN einziger Fall. Der erste
    Lauf loescht nichts, und der erste Fall kann fruehestens in drei
    Monaten 90 Tage alt werden. Jetzt einschalten ist frei -- spaeter
    waere es der riskante Moment gewesen.
  PRAGMA foreign_keys steht im Dienst auf 1, und hilfe_nachrichten
    traegt ON DELETE CASCADE. An einem echten Fall mit Nachricht
    nachgemessen: vorher 1/1, nachher 0/0. Ohne diese Messung waere
    der Fall verschwunden und der eigentliche Text liegengeblieben.

2. SOLL EIN GESCHLOSSENER FALL WIEDER ZU OEFFNEN SEIN?  Nein.

Im Kopf von workspace-hilfe.js steht: "EIN GESCHLOSSENER FALL IST
GESCHLOSSEN. Auch fuer die Leitung -- sonst ist 'zugemacht' eine
Meinung und keine Tatsache." Das ist eine gute Regel, und sie bleibt.

Nachgemessen, dass sie auch traegt: Ein Melder kann seinen
geschlossenen Fall weiter LESEN, und ein geschlossener Fall zaehlt
nicht gegen das Limit von drei offenen. Wer eine Wiederholung melden
will, kann das also jederzeit -- die Bauweise ist stimmig.

NUR WUSSTE DAS NIEMAND. Dort stand ein Satz: "Dieser Fall ist
abgeschlossen (Datum)." Jetzt stehen drei -- und sie beantworten die
drei Fragen, die man in dem Moment hat:
  Kann ich noch schreiben?   Nein, und er laesst sich nicht oeffnen.
  Bleibt das hier stehen?    Bis zum TT.MM.JJJJ, dann geloescht.
  Und wenn es wieder passiert? Neu melden, der alte zaehlt nicht mit.

Das Datum kommt vom Server (`lesbar_bis`), die Frist ebenso -- sie
steht nur an EINER Stelle. Und sie steht jetzt auch im Dialog BEIM
Schliessen: Wer eine Uhr startet, soll das vorher wissen, nicht
danach.

OHNE UHRZEIT, und das ist kein Schoenheitsgrund: Ein Fall, der am
20.09. um 14:04 (Sommerzeit) geschlossen wird, verfaellt 90 Tage
spaeter um 13:04 -- die Uhr wird dazwischen zurueckgestellt. Richtig
gerechnet, sieht aus wie ein Fehler. Wer eine Stunde sucht, die es
nicht gibt, hat Zeit verloren.

UND DIE URSACHE, DAMIT ES NICHT WIEDER PASSIERT:
hilfe_faelle kam am 19.09. dazu, das Loeschkonzept ist vom 15.09., und
nichts hat die beiden je verglichen. Neue Pruefung in
pruef-aufbewahrung: Jede Tabelle mit einer Spalte, die "hier ist etwas
zu Ende" sagt, MUSS im Konzept stehen.
  Kein "jede Tabelle muss drinstehen": 46 Tabellen, 41 mit
  Personenbezug -- das gaebe 38 Meldungen, von denen fast alle falsch
  waeren (sie sind ueber personen_geloescht gedeckt). Eine Pruefung,
  die 38-mal meldet, wo einmal richtig waere, wird abgeschaltet.
  Gesucht wird das schmale Merkmal: GENAU ZWEI Tabellen im Haus tragen
  so eine Spalte. Beide jetzt im Konzept -- hilfe_faelle mit Frist,
  aufgaben ausdruecklich OHNE (erledigte Aufgaben sind
  Arbeitsdokumentation, keine Meldung ueber einen Menschen).

pruef-hilfe 84/0 (war 59) -- darunter zehn neue am Bildschirm:
"drei Saetze statt einem", "sie stehen untereinander, nicht
nebeneinander" (ein <p> in einem <p> waere ungueltig, der Container
ist jetzt ein <div>), "und WANN, mit Datum".
pruef-aufbewahrung 45/0 (war 41), mit Gegenprobe.
2026-09-20 14:10:38 +02:00

245 lines
7.3 KiB
CSS
Raw Blame History

/* =====================================================================
VERTRAULICH MELDEN (19.09.2026)
Der Ton dieser Seite ist bewusst RUHIGER als der Rest des Hauses.
Wer hier schreibt, hat meist Ärger — eine Seite, die dabei glitzert,
wirkt unernst. Keine Verläufe über die ganze Fläche, keine Bewegung,
keine leuchtenden Kacheln. Die Farbe (Ton 39, #1acae2) kommt nur an
den Rändern vor.
===================================================================== */
:root { --hilfe-ton: #1acae2; }
/* ---- Der Hinweis, wer mitliest -------------------------------------- */
.vertrauen {
display: flex;
gap: .9rem;
align-items: flex-start;
margin: 1.2rem 0 0;
padding: 1rem 1.1rem;
border-radius: .8rem;
border: 1px solid color-mix(in srgb, var(--hilfe-ton) 32%, transparent);
background: color-mix(in srgb, var(--hilfe-ton) 7%, transparent);
}
.vertrauen__zeichen {
flex: 0 0 auto;
display: grid; place-items: center;
width: 2.2rem; height: 2.2rem;
}
.vertrauen__zeichen svg {
width: 100%; height: 100%;
fill: none;
stroke: color-mix(in srgb, var(--hilfe-ton) 75%, #dceaf8);
stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.vertrauen__text {
margin: 0;
font-size: .92rem;
line-height: 1.5;
color: var(--text-leise, #93a7bd);
}
.vertrauen__text strong { color: #e9f2fb; }
/* ---- Blöcke ---------------------------------------------------------- */
.hilfe-block { margin: 1.6rem 0 0; }
.hilfe-block__kopf {
display: flex; align-items: center; gap: .8rem;
margin: 0 0 .8rem;
}
.hilfe-block__titel { margin: 0; font-size: 1.1rem; }
.hilfe-block__zahl {
font-size: .8rem;
padding: .1rem .5rem;
border-radius: 1rem;
border: 1px solid var(--rand, #26374b);
color: var(--text-leise, #93a7bd);
}
.hilfe-block__kopf .knopf { margin-left: auto; }
.hilfe-leer {
margin: 0;
padding: 1.1rem;
border: 1px dashed var(--rand, #26374b);
border-radius: .7rem;
color: var(--text-leise, #93a7bd);
}
/* ---- Eine Zeile in der Liste ---------------------------------------- */
.fall-zeile {
padding: .9rem 1rem;
margin-bottom: .55rem;
border: 1px solid var(--rand, #26374b);
border-left: 3px solid var(--rand, #26374b);
border-radius: .6rem;
background: var(--flaeche, rgba(255,255,255,.02));
cursor: pointer;
transition: border-color .18s ease, transform .18s ease;
}
.fall-zeile:hover,
.fall-zeile:focus-visible {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--hilfe-ton) 35%, var(--rand, #26374b));
}
/* DIE FARBE SAGT, WER DRAN IST — nicht, wie schlimm es ist.
Ein rotes "dringend" wäre hier falsch: Jede Meldung ist für den,
der sie schreibt, dringend. */
.fall-zeile[data-stand="wartet_auf_antwort"] { border-left-color: #d9a441; }
.fall-zeile[data-stand="antwort_da"] { border-left-color: var(--hilfe-ton); }
.fall-zeile[data-stand="geschlossen"] { border-left-color: #4a5b70; opacity: .72; }
.fall-zeile__oben {
display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap;
}
.fall-zeile__titel { margin: 0; font-size: 1rem; line-height: 1.35; }
.fall-zeile__unten {
display: flex; gap: .75rem; flex-wrap: wrap;
margin: .45rem 0 0;
font-size: .8rem;
color: var(--text-leise, #93a7bd);
}
.fall-zeile__wer { color: #cfe0f0; }
.fall-marke {
flex: 0 0 auto;
font-size: .72rem;
letter-spacing: .04em;
padding: .12rem .5rem;
border-radius: 1rem;
border: 1px solid currentColor;
}
.fall-marke[data-stand="wartet_auf_antwort"] { color: #d9a441; }
.fall-marke[data-stand="antwort_da"] { color: var(--hilfe-ton); }
.fall-marke[data-stand="geschlossen"] { color: #7d90a6; }
/* ---- Der Verlauf ----------------------------------------------------- */
.fall-kopf {
display: flex; gap: .7rem; flex-wrap: wrap; align-items: center;
margin: 0 0 1rem;
font-size: .82rem;
color: var(--text-leise, #93a7bd);
}
.fall-kopf__wer { color: #cfe0f0; }
.blase {
max-width: 44rem;
padding: .8rem 1rem;
margin-bottom: .7rem;
border-radius: .7rem;
border: 1px solid var(--rand, #26374b);
}
/* Zwei Seiten, zwei Ausrichtungen. Auf dem Handy genügt der Versatz —
zwei Spalten wären dort zu eng. */
.blase[data-seite="melder"] {
background: rgba(255,255,255,.025);
}
.blase[data-seite="leitung"] {
margin-left: auto;
border-color: color-mix(in srgb, var(--hilfe-ton) 30%, transparent);
background: color-mix(in srgb, var(--hilfe-ton) 6%, transparent);
}
.blase__wer {
margin: 0 0 .3rem;
font-size: .76rem;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--text-leise, #93a7bd);
}
.blase__text {
margin: 0;
/* Zeilenumbrüche aus dem Text erhalten, ohne HTML zuzulassen. */
white-space: pre-wrap;
overflow-wrap: anywhere;
line-height: 1.55;
}
.blase__fuss {
margin: .45rem 0 0;
font-size: .74rem;
color: var(--text-leise, #93a7bd);
}
/* ---- Formulare ------------------------------------------------------- */
.hilfe-form { margin: .4rem 0 0; }
.hilfe-form--antwort { margin-top: 1.1rem; }
.hilfe-form .feld { display: block; margin-bottom: .9rem; }
.hilfe-form .feld__schild {
display: block;
margin-bottom: .35rem;
font-size: .86rem;
color: #cfe0f0;
}
.hilfe-form .feld__pflicht {
font-size: .76rem;
color: var(--text-leise, #93a7bd);
}
.hilfe-form input[type="text"],
.hilfe-form textarea {
width: 100%;
padding: .7rem .85rem;
border-radius: .55rem;
border: 1px solid var(--rand, #26374b);
background: rgba(0,0,0,.25);
color: #e9f2fb;
font: inherit;
line-height: 1.5;
}
.hilfe-form textarea { resize: vertical; min-height: 6rem; }
.hilfe-form input:focus-visible,
.hilfe-form textarea:focus-visible {
outline: 2px solid color-mix(in srgb, var(--hilfe-ton) 60%, transparent);
outline-offset: 1px;
border-color: color-mix(in srgb, var(--hilfe-ton) 45%, transparent);
}
.hilfe-form__hinweis {
margin: 0 0 .9rem;
font-size: .82rem;
line-height: 1.5;
color: var(--text-leise, #93a7bd);
}
.hilfe-form__fuss {
display: flex; align-items: center; gap: .7rem; flex-wrap: wrap;
}
.hilfe-form__stand {
font-size: .82rem;
color: var(--text-leise, #93a7bd);
}
.fall-warten {
margin: 1.1rem 0 0;
padding: .9rem 1rem;
border-radius: .6rem;
border: 1px dashed var(--rand-hell, #33465e);
color: var(--text-leise, #93a7bd);
font-size: .9rem;
line-height: 1.5;
}
@media (prefers-reduced-motion: reduce) {
.fall-zeile { transition: none; }
.fall-zeile:hover { transform: none; }
}
/* Der Grund, warum „Neue Meldung" gerade gesperrt ist — sichtbar,
nicht nur im Maus-Tooltip. Ruhig gesetzt: Es ist eine Auskunft,
keine Warnung. */
.h-gesperrt {
margin: 8px 0 0; max-width: 56ch;
font-size: .85rem; line-height: 1.55;
color: var(--text-still);
}
/* ---- Was nach dem Abschluss gilt -----------------------------------
Drei Sätze statt einem (20.09.2026). Vorher stand dort nur „Dieser
Fall ist abgeschlossen (Datum)." -- und keine der drei Fragen war
beantwortet, die man in dem Moment hat: Kann ich noch schreiben?
Bleibt das hier stehen? Und wenn es wieder passiert?
Der erste Satz ist die Auskunft, die beiden anderen sind Beiwerk --
deshalb leiser. Sie sollen gelesen werden, wenn man sie braucht,
und nicht mit dem ersten konkurrieren. */
.fall-schluss__zeile { margin: 0 0 6px; }
.fall-schluss__zeile:last-child { margin-bottom: 0; }
.fall-schluss__zeile--still {
font-size: .88rem;
color: var(--text-still);
}
Reference in New Issue View Git Blame Copy Permalink