DogFatherGitandClaude Opus 5
fabb1f94a8
Filipe, zu einer Clip-Karte: "ich will dass die auch in einer kalender
drin sind, aber ich will dass es richtig geil ist und perfektionier das
bitte."
Gemessen vor dem Bau: /workspace/api/termine lieferte `termine` und
`fristen`. Die Zettel von den achtzehn Brettern kamen nirgends vor --
obwohl `eintraege` seit langem VIER Zeitfelder hat: datum, uhrzeit,
geplant, event_ende.
WELCHE HINEINGEHOEREN, IST DIE GANZE FRAGE -- und sie laesst sich
messen statt raten. `datum` ist ein Pflichtfeld und faellt auf HEUTE
zurueck, wenn niemand eins waehlt. Alle Eintraege hineinzukippen hiesse
also: jeder je getippte Zettel steht an dem Tag, an dem ihn jemand
getippt hat. Nach einem Monat waere der Kalender ein Protokoll und kein
Plan -- und ein Kalender, in dem alles steht, sagt nichts mehr.
GEZEIGT WIRD NUR, WOFUER JEMAND EINE ZEIT BESTIMMT HAT:
geplant eine Zusage ("Wird gemacht -- am 24.09.")
event_ende ein Zeitraum
uhrzeit niemand tippt aus Versehen 20:00
datum > heute der Rueckfall ist IMMER heute oder frueher
Erledigtes bleibt draussen. Der vierte Fall ist der wichtigste und der
unauffaelligste: kein neues Feld, keine Umgewoehnung.
RECHTE: dieselbe Funktion wie die Bretter selbst (`sichtbarEintrag`),
nicht eine zweite Meinung. Im Kalender steht nur eine kleine Pille mit
einem Titel -- dass darin ein vertrauliches Vorhaben steckt, faellt
niemandem auf, der nicht danach sucht. Genau so kam am 03.09. eine
Managerin an fremde Aufgabenfristen.
DREI FEHLER AM BILDSCHIRMFOTO GEFUNDEN, nicht an einer Zahl:
1. Der Brettname stand VOR dem Titel -- aus "Clip am Wochenende"
wurde "Cli...". Das Etikett verdraengte, was es einordnen sollte.
Jetzt zweite Zeile: Hoehe ist im Monatsraster der billigere Platz.
2. Am Handy (45px Zellbreite) wurde daraus ein "Co..." -- Hoehe ohne
Information. Jetzt eine CONTAINER-Abfrage: entschieden wird nach
der Breite der ZELLE, nicht des Fensters. Eine Fensterschwelle
waere wieder die Rechnung von gestern (September, Kopfleiste,
zweimal).
3. .64rem = 10,24px -- unter der Hausgrenze 11,5px, gefunden von
pruef-css-klassen. Gedaempft wird jetzt ueber Farbe und Gewicht,
nicht ueber Groesse.
EIN ECHTER FEHLER VERHINDERT: In der Listenansicht waeren die Zettel im
Termin-Zweig gelandet -- mit Wecker, "erledigt" und "loeschen". Der
Knopf haette PATCH /api/termine/b12 geschickt: eine Nummer, die es dort
nicht gibt, an eine Schnittstelle, die davon nichts weiss. Still, ohne
Wirkung, ohne Meldung.
DER WEG FUEHRT AUF DEN ZETTEL, nicht nur auf das Brett -- ueber
`?zeigen=` (kopf.js), den Weg, den das Haus dafuer schon hat. Zwischen
zwanzig Eintraegen waere der gesuchte sonst von Hand zu suchen.
pruef-kalender: +25 Pruefungen. Sieben Gegenproben, jede zielgenau:
Schnitt weg -> 6 rot Erledigtes rein -> 6 rot
Rechteregel ausgehebelt-> 1 rot COALESCE weg -> 1 rot
Termin-Knoepfe an -> 2 rot Container-Regel weg -> 1 rot
Sprung-Zweig weg -> 3 rot
UND SIEBEN FESTE ZAHLEN ABGELEITET. Die alten Pruefungen zaehlten
"alle fünf Einträge", "vier Arten", "vier Filter" -- mit den neuen
Testdaten wurden daraus zehn, und sieben Pruefungen je Bildschirmgroesse
wurden rot, ohne dass am Kalender etwas kaputt war. Mit `git stash`
nachgemessen (ohne meine Aenderung: 0 Fehler), also nicht angepasst,
sondern gerechnet: jede Zahl kommt jetzt aus den Testdaten darueber.
Zwei eigene Pruefungsfehler dabei behoben: ein falscher Umschalter-
Selektor liess `every()` auf einem leeren Feld laufen (gruen ohne
Daten), und die Sichtbarkeit der zweiten Zeile wurde ueber
`textContent` gemessen -- das liefert auch, was `display: none`
ausblendet.
Gruen: kalender, sprung, namen, css-klassen, struktur.
Co-Authored-By: Claude Opus 5 <[email protected]>
121 lines
4.9 KiB
HTML
121 lines
4.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>Video übernehmen · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609172248" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609172248" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609172248" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609172248" />
|
||
<link rel="stylesheet" href="assets/css/bereich.css?v=202609172248" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609172248" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609172248" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<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">Team Dogi</a> · Video übernehmen</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">
|
||
|
||
<!-- ==================================================================
|
||
AUS „TEILEN" WIRD EIN TIPP (17.09.2026)
|
||
Schritt 4 aus dem Video-Plan.
|
||
|
||
Filipe postet ein Video auf dem Handy. Bisher hätte er den Link
|
||
kopieren, die App öffnen, den richtigen Bereich suchen und das
|
||
Feld finden müssen – fünf Schritte, von denen jeder einzelne der
|
||
Grund sein kann, es später zu machen. Und später heißt nie.
|
||
|
||
Jetzt: in TikTok auf „Teilen", „DogFather" wählen, fertig. Diese
|
||
Seite ist das Ziel dieses Tipps.
|
||
|
||
WARUM SIE NICHT SOFORT EINTRÄGT: Weil sie nicht wissen kann, ob
|
||
der Griff in die Tasche gemeint war. Ein Video, das ungefragt in
|
||
den Highlights landet, muss jemand wieder löschen – und das ist
|
||
mehr Arbeit als ein Tipp auf „Übernehmen". Sie zeigt also, was
|
||
sie verstanden hat, und wartet auf eine Bestätigung.
|
||
|
||
WOHIN, IST EINE FRAGE UND KEINE ANNAHME: Highlights sind
|
||
vorausgewählt, weil dort die Videos hingehören. Aber ein Clip
|
||
kann auch eine Antwort auf einen Wunsch sein.
|
||
============================================================== -->
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Geteilt</p>
|
||
<h1 class="titel">Video übernehmen</h1>
|
||
<p class="unterzeile">
|
||
Titel und Coverbild werden von TikTok geholt – du musst nichts abtippen.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<section class="tl-seite" id="teilen" aria-busy="true">
|
||
<p class="leise" id="ladezeile">einen Moment …</p>
|
||
|
||
<!-- Was angekommen ist. Steht ganz oben, weil es die erste Frage
|
||
beantwortet: „hat er den richtigen Link erwischt?" -->
|
||
<div class="tl-fund" id="fund" hidden>
|
||
<p class="tl-label">Dieser Link ist angekommen:</p>
|
||
<p class="tl-url" id="url-text"></p>
|
||
</div>
|
||
|
||
<!-- Wohin. -->
|
||
<div class="tl-wahl" id="wahl" hidden>
|
||
<p class="tl-label" id="wohin-label">Wohin soll es?</p>
|
||
<div class="tl-bretter" role="group" aria-labelledby="wohin-label" id="bretter"></div>
|
||
</div>
|
||
|
||
<div class="tl-knoepfe" id="knoepfe" hidden>
|
||
<button type="button" class="knopf" id="uebernehmen">Übernehmen</button>
|
||
<a class="schritt" href="start.html" id="abbrechen">Doch nicht</a>
|
||
</div>
|
||
|
||
<!-- Wenn gar kein Link dabei war. Kein Formular als Strafe, sondern
|
||
ein Feld zum Einfügen – man ist ja schon hier. -->
|
||
<div class="tl-haendisch" id="haendisch" hidden>
|
||
<label class="tl-label" for="eingabe">Link zum Video</label>
|
||
<input type="url" id="eingabe" inputmode="url" autocomplete="off"
|
||
placeholder="https://www.tiktok.com/@dogfather0804/video/…" />
|
||
</div>
|
||
|
||
<!-- Das Ergebnis. -->
|
||
<div class="tl-fertig" id="fertig" hidden>
|
||
<p class="tl-fertig-satz" id="fertig-satz"></p>
|
||
<div class="tl-knoepfe">
|
||
<a class="knopf" id="hin" href="start.html">Ansehen</a>
|
||
<a class="schritt" href="start.html">Fertig</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/wahl.js?v=202609172248" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609172248" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609172248" defer></script>
|
||
<script src="assets/js/teilen.js?v=202609172248" defer></script>
|
||
</body>
|
||
</html>
|