DogFatherGitandClaude Opus 5
f6d2437985
Filipe: „perfektioniere alles jetzt sofort, es muss ready sein."
Die Vorlage Punkt fuer Punkt gegen das Gebaute gehalten, nicht gegen
meine eigene Liste von heute Mittag. Vier Punkte standen noch offen,
und auf dem Weg dorthin sind zwei Fehler aufgefallen, nach denen
niemand gesucht hat.
DIE ZWEI FEHLER ZUERST -- beide gefunden durch Messen, nicht Denken
1. EINE GELOESCHTE PERSON HAETTE IHRE ZAHLEN MITGENOMMEN.
`mz_eintrag.person_id` stand auf ON DELETE CASCADE. Die Vorlage
sagt aber: „Wer die Rolle verliert, sieht die Kachel nicht mehr;
die Daten bleiben fuer den DogFather erhalten." Mit CASCADE waere
genau das nicht wahr gewesen -- `DELETE FROM personen` haette den
Monatsverlauf eines Menschen lautlos mitgenommen.
Jetzt SET NULL, und Name und Rolle stehen zusaetzlich als Text am
Eintrag (dieselbe Bauweise wie bei support_meldungen). Die Rolle
ist nicht Zierde: Ohne sie wuerde ein abgeschlossener Monat
rueckwirkend an den Zielzahlen einer anderen Rolle gemessen.
Der Umbau laeuft auf dem Bestand von heute Mittag -- Spaltenliste
AUS PRAGMA abgeleitet, nicht gepflegt, und geprueft werden Zeilen
UND Spalten. Am 11.09.2026 hat genau so ein Umbau drei Spalten mit
Inhalt verloren, ohne Fehlermeldung, bei unveraenderter Zeilenzahl.
2. MEIN EIGENER SPERR-TRIGGER HAETTE DAS LOESCHEN BLOCKIERT.
ON DELETE SET NULL ist kein Loeschen, sondern ein UPDATE auf
person_id. Der Trigger sah eine Aenderung an einem abgeschlossenen
Monat und brach ab -- `DELETE FROM personen` waere damit
gescheitert, an einer Stelle, die mit Monatszielen nichts zu tun
hat. Erlaubt ist jetzt genau eine Aenderung an einem alten Monat:
dem Eintrag seinen Besitzer zu nehmen. Als BEDINGUNG und nicht als
`UPDATE OF <spaltenliste>` -- eine Liste muesste jemand pflegen.
Weil `CREATE TRIGGER IF NOT EXISTS` eine geaenderte Fassung nicht
erneuert, wird die alte am INHALT erkannt und ersetzt. Eine
Fassungsnummer muesste jemand hochzaehlen, und das wird vergessen.
DIE VIER OFFENEN PUNKTE DER VORLAGE
04 Jede Aufgabenzeile hat ihr eigenes Zeichen -- aus dem Haus
(`window.Bereiche`), nicht neu gezeichnet: Trichter, Bildschirm,
Buch, Rahmen. Das Statuszeichen bleibt daneben; ein eingefaerbtes
Aufgabenzeichen allein traegt die Stufe nicht.
05 „Farbiger Rand + Badge": Eine Kachel, an der eine Warnung haengt,
traegt jetzt einen feinen Saum -- JEDE Kachel, nicht nur diese.
Eine Regel, die nur an einer Stelle gilt, wird beim naechsten Mal
vergessen.
08 Die Team-Tabelle ist sortierbar: jede Spalte ein Knopf (kein
anklickbares <th> -- das erreicht die Tastatur nicht), mit
aria-sort, und sortiert wird nach ANTEIL statt nach nackter Zahl.
Dazu eine Ampel-Spalte mit Wort. Auf dem Handy verschwindet die
Kopfzeile im Kartenmodus, deshalb steht das Sortieren zusaetzlich
in der Leiste -- sonst waere es auf einem Telefon nicht
vorhanden.
09 Wer die Rolle verliert, steht weiter in der Uebersicht, als
„nicht mehr dabei" und mit der Rolle von damals. Wer geloescht
wurde, erscheint als zusammengefasste Zeile unter dem
mitgeschriebenen Namen.
WAS DER SAUM MICH GELEHRT HAT
Er stand zuerst in start.css und war wirkungslos -- der Browser
lieferte weiter den Faseschatten. Der Grund steht seit dem 25.09.2026
in module.css: `:is()` uebernimmt die Spezifitaet seines staerksten
Arguments, und `.gruppe[data-gruppe]` macht die ganze Modulliste
(0,2,0) -- genau so stark wie `.kachel[data-warn="ja"]`, bei
Gleichstand gewinnt die zuletzt geladene Datei. Dieselbe Falle wie
damals bei den Fokusringen, dieselbe Antwort: Was gegen die Modulform
gewinnen muss, gehoert in die Datei mit der Modulform. Gemerkt habe
ich es nur, weil die Bildmessung den errechneten Schatten AUSGIBT
statt ein Bild zu machen.
Beim Herausschneiden blieb eine Klammer zu viel in start.css stehen --
gefunden von pruef-css-klassen („eine schliessende Klammer ohne
oeffnende"), bevor sie still CSS verschluckt hat.
AUSSERDEM BEHOBEN
* Spicy Media sah an einer FREMDEN Liste „Bearbeiten" und „Loeschen",
und der Server antwortete mit 403. Ein Knopf, der nichts tut, ist
schlimmer als kein Knopf.
* Klick auf eine Person klappt jetzt alle vier Zeilen auf. Die
Vorlage verspricht „zeigt deren Eintraege" -- zugeklappt zeigte
der Klick nur Zahlen.
* Der CSV-Export kennt drei Staende statt zwei: „pflichtig", „neu,
noch ohne Pflicht", „nicht mehr dabei". Vorher hiess beides „nein".
* Das Aufklappen baute die ganze Liste neu und riss den
angeklickten Knopf weg (Fokus sprang nach oben).
GEPRUEFT: 168 Pruefungen, 0 Fehler (vorher 141)
Neu darunter: der Umbau auf einem echten Alt-Bestand (Zeilen, Spalten,
Inhalt, Indizes, Trigger, und ein zweiter Lauf, der nichts mehr tut),
das Loeschen einer Person mit Eintraegen aus einem abgeschlossenen
Monat -- mit Gegenprobe, dass dieselbe Sperre den INHALT weiterhin
nicht aendern laesst.
Zwei meiner neuen Pruefungen haben zuerst sich selbst gemessen statt
den Code: Eine verglich gegen einen Eintrag, den sie vorher geloescht
hatte (404 sah aus wie ein haltender Riegel), die andere meldete eine
fehlende Spalte, die nur ihr eigener Handeinsatz verursacht hatte.
Beide berichtigt.
Am Bildschirm nachgemessen bei 412 px und 1280 px: kein waagerechtes
Schieben, kein eigenes Beruehrziel unter 40 px, genau EINE Kachel mit
Saum und zwanzig ohne.
Co-Authored-By: Claude Opus 5 <[email protected]>
183 lines
7.9 KiB
HTML
183 lines
7.9 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Automationen · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<!-- Die Farbe der Fensterleiste, wenn der Workspace als App laeuft.
|
||
Stand auf #0674b9 (kraeftiges Blau) und stach damit als einziger
|
||
heller Balken ueber einer durchweg dunklen Seite. Jetzt derselbe
|
||
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
|
||
eine Flaeche sind statt zweier. -->
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021734" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021734" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610021734" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202610021734" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021734" />
|
||
<link rel="stylesheet" href="assets/css/automation.css?v=202610021734" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202610021734" />
|
||
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
|
||
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
|
||
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
|
||
genau diesen Dateinamen auf crew-haus.css um, und die Seite
|
||
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
|
||
ohne Umfaerben im Browser, ohne Flackern. -->
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610021734" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
|
||
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
|
||
Pseudo-Elements -- body hat nur ::before und ::after. -->
|
||
<div class="schleier" aria-hidden="true"></div>
|
||
|
||
<header class="kopfleiste">
|
||
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
|
||
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M14.5 5.5 8 12l6.5 6.5" />
|
||
</svg>
|
||
<span class="zurueck-knopf__text">Zurück</span>
|
||
</button>
|
||
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Creator Workspace</a> · Automationen</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Was von allein passiert</p>
|
||
<h1 class="titel">Automationen</h1>
|
||
<p class="unterzeile">
|
||
Alles hier läuft ohne Zutun. Diese Seite zeigt, was gerade greift –
|
||
und wo du es abschalten kannst.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<!-- Die KI ist die einzige Automation mit Schalter: Sie kostet
|
||
Rechenzeit, die der Website gehört. -->
|
||
<section class="ki-kasten" id="ki-kasten">
|
||
<div class="ki-kasten__kopf">
|
||
<div>
|
||
<p class="marke">Lokale KI</p>
|
||
<h2 class="ki-kasten__titel">Vorschläge in Calls, Start-Check und Report</h2>
|
||
<p class="ki-kasten__text" id="ki-text">Zustand wird geprüft …</p>
|
||
</div>
|
||
<label class="schalter" id="ki-schalter-block" hidden>
|
||
<input type="checkbox" id="ki-schalter" />
|
||
<span class="schalter__gleis"><span class="schalter__punkt"></span></span>
|
||
<span class="schalter__text"><strong id="ki-schalter-text">Angeschaltet</strong></span>
|
||
</label>
|
||
</div>
|
||
<ul class="ki-kasten__daten" id="ki-daten"></ul>
|
||
</section>
|
||
|
||
<!-- Was gerade tatsächlich anliegt: dieselbe Quelle wie auf dem
|
||
Dashboard, hier aber vollständig statt gekürzt. -->
|
||
<section class="block">
|
||
<div class="block__kopf">
|
||
<h2 class="block__titel">Was gerade anliegt</h2>
|
||
<span class="block__zahl" id="hinweis-zahl">–</span>
|
||
</div>
|
||
<p class="block__frage">
|
||
Dieselben Hinweise wie auf der Übersicht, hier vollständig. Sie führen keine
|
||
eigene Liste – jeder verschwindet, sobald die Sache erledigt ist.
|
||
</p>
|
||
<div id="hinweise"><p class="leise">Wird geprüft …</p></div>
|
||
</section>
|
||
|
||
<!-- Sicherung und Zustand. Steht bewusst weit oben: Es ist die einzige
|
||
Automation, deren Ausfall alles auf einmal kosten würde. -->
|
||
<section class="zustand" id="zustand-kasten">
|
||
<div class="zustand__kopf">
|
||
<div>
|
||
<p class="marke">Sicherung & Zustand</p>
|
||
<h2 class="zustand__titel" id="zustand-titel">Wird geprüft …</h2>
|
||
<p class="zustand__text" id="zustand-text"></p>
|
||
</div>
|
||
<button type="button" class="knopf knopf--klein" id="jetzt-sichern">Jetzt sichern</button>
|
||
</div>
|
||
<ul class="zustand__daten" id="zustand-daten"></ul>
|
||
<div class="klapp-kopf zustand__listenkopf">
|
||
<p class="feldschild">Vorhandene Sicherungen</p>
|
||
<button type="button" class="knopf-still" id="sicherungen-schalter"
|
||
aria-expanded="false" aria-controls="sicherungen" hidden>
|
||
<span id="sicherungen-schalter-text">Alle zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div id="sicherungen" data-klapp="zu"></div>
|
||
</section>
|
||
|
||
<section class="block">
|
||
<div class="block__kopf">
|
||
<h2 class="block__titel">Läuft dauerhaft im Hintergrund</h2>
|
||
</div>
|
||
<div class="regeln" id="regeln"></div>
|
||
</section>
|
||
|
||
<!-- ==== DAS LÖSCHKONZEPT (15.09.2026) =========================
|
||
Stufe 8 aus dem Plan. Es steht auf DIESER Seite, weil hier
|
||
alles steht, was ohne Zutun läuft – und weil es genau das ist:
|
||
eine Automatik, die täglich Daten entfernt.
|
||
|
||
Sichtbar zu sein ist die halbe Sache. Ein Löschkonzept, von dem
|
||
niemand weiß, ob es greift, ist ein Dokument; eines mit Zahlen
|
||
daneben ist eine Zusicherung. Deshalb steht bei jeder Zeile,
|
||
wie viele Datensätze sie gerade betrifft. -->
|
||
<section class="block">
|
||
<div class="block__kopf">
|
||
<h2 class="block__titel">Was gelöscht wird – und was bleibt</h2>
|
||
<button type="button" class="knopf-still" id="aufb-jetzt">Jetzt aufräumen</button>
|
||
</div>
|
||
<p class="block__frage">
|
||
Personenbezogene Daten werden nicht aufgehoben, weil Platz da ist, sondern
|
||
solange es einen Grund gibt. Läuft täglich von selbst.
|
||
</p>
|
||
<div id="aufbewahrung"><p class="leise">Wird geladen …</p></div>
|
||
</section>
|
||
|
||
<section class="block">
|
||
<!-- Wie im Personen-Bereich: zugeklappt stehen nur die vier
|
||
neuesten Zeilen da, alles Weitere auf Knopfdruck. -->
|
||
<div class="block__kopf klapp-kopf">
|
||
<h2 class="block__titel">Zuletzt automatisch passiert</h2>
|
||
<button type="button" class="knopf-still" id="verlauf-schalter"
|
||
aria-expanded="false" aria-controls="verlauf" hidden>
|
||
<span id="verlauf-schalter-text">Alle zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<p class="block__frage">Aus dem Protokoll – damit nachvollziehbar bleibt, was ohne Zutun geschah.</p>
|
||
<div id="verlauf"><p class="leise">Wird geladen …</p></div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/meldung.js?v=202610021734" defer></script>
|
||
<script src="assets/js/nachfrage.js?v=202610021734" defer></script>
|
||
|
||
|
||
<script src="assets/js/wahl.js?v=202610021734" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202610021734" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610021734" defer></script>
|
||
<script src="assets/js/kopf.js?v=202610021734" defer></script>
|
||
<script src="assets/js/glocke.js?v=202610021734" defer></script>
|
||
<script src="assets/js/automation.js?v=202610021734" defer></script>
|
||
</body>
|
||
</html>
|