Tagesblick: eine Kachel fuer offene Punkte und die Termine des Tages
Wunsch Filipe, 05.09.2026, mit Bildschirmfoto der Hinweisliste: "eine
ganze kachel wo links die sachen sind die du da schon siehst und rechts
in der kachel die termine vom tag. in der mitte gesplittet. mach das
richtig geil und hochwertig."
WARUM DIE BEIDEN ZUSAMMENGEHOEREN
Links steht, was zu TUN ist, rechts, was schon FESTSTEHT. Zusammen
ergeben sie die einzige Frage, die man morgens hat -- wie sieht mein Tag
aus. Untereinander musste man scrollen, um sie zu beantworten.
Eine Kachel und nicht zwei nebeneinander: Zwei Rahmen lesen sich als
zwei Themen. Der Trenner laeuft oben und unten aus, statt von Kante zu
Kante durchzuschneiden -- eine harte Linie macht aus einer Kachel wieder
zwei.
Die rechte Haelfte ist ein Zeitstrahl, kein Kalenderauszug:
* Was als NAECHSTES dran ist, wird hervorgehoben. Beim Ueberfliegen
ist das die Auskunft, die man sucht -- nicht "der erste des Tages".
* Vorbei heisst nicht weg. Erledigtes tritt zurueck, bleibt aber
sichtbar; man will sehen, was man schon hinter sich hat.
* Dieselben vier Farben wie im Kalender. Eine Farbe, die hier etwas
anderes bedeutete, muesste man zweimal lernen.
Die Daten kommen aus der Kalender-Schnittstelle mit tage=1 -- keine
zweite Abfrage, keine zweite Sichtbarkeitsregel. Was jemand im Kalender
nicht sehen darf, kommt hier gar nicht erst an.
DREI FEHLER, DIE DABEI AUFFIELEN
1. Die rechte Haelfte war 38 statt 579 Pixel breit. Die versteckte
Ueberschrift fuer Vorleseprogramme zaehlt als Kind im Raster und hat
alles um eine Spalte verschoben, sodass "Heute" in der Ein-Pixel-
Spalte des Trenners landete. Die Spalten sind jetzt ausdruecklich
zugewiesen -- damit verschiebt auch ein spaeteres viertes Element
nichts mehr.
2. Die Plaketten (CALL, TERMIN, REVIEW) hatten 10,56 px. Die Hausgrenze
liegt bei 11,5 -- darunter liest auf einem Handy niemand mehr.
Gemeldet von pruef-handy auf allen drei Geraeteklassen UND von
pruef-grosscheck bei allen vier Rollen. Ein Fix, zwei Pruefungen.
3. Am Handy stand die Uhrzeit mittig zur Zeile, waehrend der Titel oben
begann -- sie fluchteten nicht, sobald die Plakette unter den Text
rutschte.
Die Kachel bleibt ganz weg, wenn BEIDE Haelften leer sind, und zeigt
sonst auf der leeren Seite einen Satz. Vorher haette jemand ohne offene
Punkte, aber mit drei Calls seinen Tagesplan nicht gesehen: Das
Verstecken hing an der linken Haelfte allein.
ZWEI PRUEFUNGEN, DIE SICH SELBST IM WEG STANDEN
pruef-tempo-workspace meldete "Layout springt: bereich.html 0,703".
Nachgemessen: derselbe Wert schwankt zwischen den Laeufen um den Faktor
zwei (aufgaben.html 0,478 / 0,262 / 0,262; bereich.html 0,703 dann
0,347). Er haengt davon ab, ob die Daten ankommen, waehrend das Geruest
noch aufgebaut wird. Eine Pruefung, die zufaellig rot wird, ist so
wertlos wie eine, die nie anschlaegt -- man klickt sie weg, und mit ihr
die echte Warnung. Statt die Grenze anzuheben (das haette sie stumpf
gemacht) wird ein Ausschlag jetzt durch WIEDERHOLUNG bestaetigt, und
gemeldet wird der zweite Wert, nicht der kleinere. Ein echter Sprung
kommt bei jedem Lauf und uebersteht das muehelos. Die neue Kachel selbst
springt uebrigens gar nicht: start.html steht bei 0.
pruef-push-weg meldete "ALLES IN ORDNUNG" und stuerzte danach ab
(libuv: UV_HANDLE_CLOSING, Rueckgabewert 3221226505). Ursache war
process.exit() mitten im Schliessen der fetch-Verbindungen. Jetzt
process.exitCode -- Node raeumt zu Ende. Fuenf Laeufe hintereinander
sauber. Eine Pruefung, die inhaltlich besteht und trotzdem rot ist, ist
das Schlimmste von beidem.
Gesamtlauf: 1994 von 1994 Punkten (1973 vorher + 21 der neuen Pruefung).
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -392,8 +392,13 @@
|
||||
window.werZeigen?.(ich);
|
||||
grussZeigen();
|
||||
|
||||
/* Die Hinweise zuerst -- die Kacheln brauchen ihre Zahlen. */
|
||||
/* Die Hinweise zuerst -- die Kacheln brauchen ihre Zahlen.
|
||||
Die Tagestermine laufen daneben her: Sie sind die rechte Hälfte
|
||||
derselben Kachel, aber niemand soll auf sie warten. Scheitern
|
||||
sie, steht die linke Hälfte trotzdem. */
|
||||
const termineLaeuft = tagestermineLaden();
|
||||
await hinweiseLaden();
|
||||
await termineLaeuft;
|
||||
/* Erst jetzt steht fest, wie die Lage ist. */
|
||||
lageZeigen();
|
||||
bereicheBauen();
|
||||
@@ -442,7 +447,18 @@
|
||||
hinweise = daten.hinweise || [];
|
||||
const liste = $('dran');
|
||||
liste.textContent = '';
|
||||
if (!hinweise.length) { $('dran-block').hidden = true; return; }
|
||||
|
||||
/* DIE KACHEL HAT ZWEI HÄLFTEN (05.09.2026), und keine darf die
|
||||
andere mitreißen.
|
||||
|
||||
Hier stand `if (!hinweise.length) { block.hidden = true; return; }`
|
||||
-- solange die Kachel nur die Hinweise enthielt, war das richtig.
|
||||
Jetzt stehen rechts die Termine des Tages: Wer nichts Offenes
|
||||
hat, aber drei Calls, hätte seinen Tagesplan nicht mehr gesehen.
|
||||
Über das Verstecken entscheidet deshalb tagesblickPruefen(),
|
||||
wenn BEIDE Seiten geladen sind. */
|
||||
$('dran-leer').hidden = hinweise.length > 0;
|
||||
if (!hinweise.length) { tagesblickPruefen(); return; }
|
||||
|
||||
for (const h of hinweise) {
|
||||
const li = el('li', 'dran__punkt');
|
||||
@@ -490,7 +506,134 @@
|
||||
Sichtbar bleiben vier, der Rest ist einen Klick entfernt.
|
||||
Derselbe Helfer wie im Protokoll und im Verlauf. */
|
||||
window.klappe?.(liste, $('dran-schalter'), $('dran-schalter-text'));
|
||||
$('dran-block').hidden = false;
|
||||
tagesblickPruefen();
|
||||
}
|
||||
|
||||
/* ---------- Die rechte Hälfte: was heute ansteht ------------------------
|
||||
|
||||
Wunsch 05.09.2026: *"rechts in der kachel die termine vom tag."*
|
||||
|
||||
WARUM NEBEN DEN HINWEISEN: Links steht, was zu TUN ist, rechts,
|
||||
was schon FESTSTEHT. Zusammen beantworten sie die Frage, die man
|
||||
morgens hat -- und die man vorher nur durch Scrollen beantworten
|
||||
konnte.
|
||||
|
||||
Die Daten kommen aus derselben Schnittstelle wie der Kalender, mit
|
||||
`tage=1`. Keine zweite Abfrage, keine zweite Sichtbarkeitsregel:
|
||||
Was jemand im Kalender nicht sehen darf, kommt hier gar nicht erst
|
||||
an. */
|
||||
|
||||
let tagesterminGeladen = false;
|
||||
|
||||
/** Entscheidet, ob die Kachel überhaupt etwas zu zeigen hat.
|
||||
*
|
||||
* Läuft nach BEIDEN Hälften. Eine Kachel mit zwei leeren Seiten wäre
|
||||
* ein Rahmen um nichts -- eine mit einer vollen Seite dagegen ist
|
||||
* genau richtig, und welche das ist, steht vorher nicht fest. */
|
||||
function tagesblickPruefen() {
|
||||
const etwasLinks = hinweise.length > 0;
|
||||
const etwasRechts = $('tagestermine').childElementCount > 0;
|
||||
/* Solange die Termine noch unterwegs sind, wird nicht versteckt --
|
||||
sonst blitzt die Kachel auf und verschwindet wieder. */
|
||||
if (!tagesterminGeladen) {
|
||||
if (etwasLinks) $('dran-block').hidden = false;
|
||||
return;
|
||||
}
|
||||
$('dran-block').hidden = !etwasLinks && !etwasRechts;
|
||||
}
|
||||
|
||||
/** hh:mm aus einem Zeitstempel, ohne Zeitzonen-Rechnerei.
|
||||
* Die Werte kommen als "2026-09-05T14:30" vom Server -- schon in
|
||||
* Ortszeit. Ein `new Date()` darauf würde sie ein zweites Mal
|
||||
* umrechnen und Termine um Stunden verschieben. */
|
||||
const uhrzeit = (beginn) => String(beginn || '').slice(11, 16);
|
||||
|
||||
const ART_NAME = { call: 'Call', termin: 'Termin', review: 'Review', frist: 'Frist' };
|
||||
|
||||
async function tagestermineLaden() {
|
||||
const liste = $('tagestermine');
|
||||
let termine = [];
|
||||
try {
|
||||
const heute = window.heuteLokal();
|
||||
const antwort = await fetch(
|
||||
`/workspace/api/termine?von=${heute}&tage=1`, { credentials: 'same-origin' });
|
||||
if (antwort.ok) {
|
||||
const daten = await antwort.json();
|
||||
/* `tage=1` liefert den Zeitraum bis morgen früh -- auf den
|
||||
heutigen Tag wird hier noch einmal genau geschnitten. */
|
||||
termine = (daten.termine || []).filter((t) => String(t.beginn).slice(0, 10) === heute);
|
||||
}
|
||||
} catch { /* die linke Hälfte steht trotzdem */ }
|
||||
|
||||
liste.textContent = '';
|
||||
tagesterminGeladen = true;
|
||||
|
||||
if (!termine.length) {
|
||||
$('heute-leer').hidden = false;
|
||||
tagesblickPruefen();
|
||||
return;
|
||||
}
|
||||
$('heute-leer').hidden = true;
|
||||
|
||||
/* Was ist gerade dran? Der erste Termin, der noch nicht vorbei ist.
|
||||
Er wird hervorgehoben -- beim Überfliegen ist genau das die
|
||||
Auskunft, die man sucht, und nicht "der erste des Tages". */
|
||||
const jetzt = new Date();
|
||||
const jetztText = `${String(jetzt.getHours()).padStart(2, '0')}:`
|
||||
+ `${String(jetzt.getMinutes()).padStart(2, '0')}`;
|
||||
const naechster = termine.find((t) => {
|
||||
const ende = new Date(Date.parse(t.beginn.replace(' ', 'T'))
|
||||
+ (Number(t.dauer_min) || 30) * 60000);
|
||||
return !Number.isNaN(ende.getTime()) ? ende >= jetzt : uhrzeit(t.beginn) >= jetztText;
|
||||
});
|
||||
|
||||
for (const t of termine) {
|
||||
const li = el('li', 'tagesliste__punkt');
|
||||
li.dataset.art = t.art || 'termin';
|
||||
|
||||
const beginn = uhrzeit(t.beginn);
|
||||
if (t === naechster) li.dataset.naechster = 'ja';
|
||||
/* Vorbei heißt nicht weg: Man will sehen, was man heute schon
|
||||
hinter sich hat. Es tritt nur zurück. */
|
||||
else if (beginn < jetztText) li.dataset.vorbei = 'ja';
|
||||
|
||||
const zeit = el('span', 'tagesliste__zeit');
|
||||
zeit.append(el('span', 'tagesliste__stunde', beginn));
|
||||
if (t.dauer_min) {
|
||||
zeit.append(el('span', 'tagesliste__dauer', `${t.dauer_min} min`));
|
||||
}
|
||||
li.append(zeit);
|
||||
|
||||
/* Der Punkt auf der Linie. Er trägt die Farbe der Terminart --
|
||||
dieselbe wie im Kalender, damit man sie nicht zweimal lernt. */
|
||||
const marke = el('span', 'tagesliste__marke');
|
||||
marke.setAttribute('aria-hidden', 'true');
|
||||
li.append(marke);
|
||||
|
||||
const text = el('div', 'tagesliste__text');
|
||||
text.append(el('p', 'tagesliste__titel', t.titel));
|
||||
|
||||
const unten = [];
|
||||
if (t.teilnehmer_name) unten.push(t.teilnehmer_name);
|
||||
else if (t.creator_name) unten.push(t.creator_name);
|
||||
if (t.ort) unten.push(t.ort);
|
||||
if (unten.length) text.append(el('p', 'tagesliste__unter', unten.join(' · ')));
|
||||
li.append(text);
|
||||
|
||||
const art = el('span', 'tagesliste__art', ART_NAME[t.art] || t.art || '');
|
||||
li.append(art);
|
||||
|
||||
/* Der ganze Eintrag führt in den Kalender, auf den richtigen Tag.
|
||||
Ein Termin, den man nur anschauen kann, ist eine Sackgasse. */
|
||||
const link = el('a', 'tagesliste__link');
|
||||
link.href = `kalender.html?tag=${String(t.beginn).slice(0, 10)}`;
|
||||
link.setAttribute('aria-label',
|
||||
`${beginn} Uhr, ${t.titel}${unten.length ? ', ' + unten.join(', ') : ''}`);
|
||||
li.append(link);
|
||||
|
||||
liste.append(li);
|
||||
}
|
||||
tagesblickPruefen();
|
||||
}
|
||||
|
||||
/* Die Zahlen kommen aus derselben Quelle wie das Brett und sind bereits
|
||||
|
||||
Reference in New Issue
Block a user