News-Einträge: feste Struktur Datum → „News“ → Titel #15

Open
opened 2026-08-19 15:35:48 +02:00 by Simon · 1 comment
Owner

Wunsch (langfristig, gilt für alle News)

Jeder News-Eintrag auf der Seite soll mit dem Datum in der Form Jahr-Monat-Tag beginnen (ISO, z. B. 2026-07-19), dann das Wort „News“ und dann den Titel des Eintrags:

2026-07-19  News  Titel des Eintrags

Das ist die verbindliche Anordnung für alle neuen und bestehenden Einträge — auch für die in Issue #14 neu angelegten Einträge.


Umgesetzt (Commit 301e188)

  • app.js renderNewsEntries(): Datumsanzeige gibt direkt entry.date (ISO JJJJ-MM-TT) aus statt toLocaleDateString. dateTime-Attribut bleibt entry.date.
  • Zwischen Datum und Titel fester span.news-label mit „News“ → liest JJJJ-MM-TT News Titel.
  • styles.css: .news-label als dezentes Brand-Label (Badge-Optik, klein, konsistent mit Timeline-Design).
  • Alle Einträge erhalten automatisch das neue Format (Rendering-Änderung, keine Datenänderung in news.js nötig).
  • Sortierung (neueste zuerst), news.js-Daten und „mehr…“-Button unverändert.

Verifikation (20.08.2026)

  • Ad-hoc DOM-Check mit jsdom über das echte index.html + app.js + news.js + news.json (27 Assertions, alle PASS): für alle 3 initial sichtbaren Einträge ist .news-date im ISO-Format JJJJ-MM-TT gesetzt, datetime-Attribut konsistent, .news-label = „News“, .news-title vorhanden, DOM-Reihenfolge Datum < Label < Titel korrekt.
  • Live-Abgleich http://10.20.10.10/dev/: app.js + styles.css enthalten die Umsetzung; news.json liefert ISO-Daten.
  • Hinweis: Playwright-Infrastruktur existiert im Repo nicht (kein package.json/Playwright-Konfig); DOM-Check erfolgt daher über jsdom gegen die echten Artefakte. Viewport-Checks (393/768/1024 px) sind nicht automatisiert vorhanden — Layout-Prüfung bleibt manuell unter /dev/.

Abgrenzung

  • Keine Änderung an der Sortierung, an news.js-Daten oder am „mehr…“-Button.

Status

  • Issue aufgesetzt (19.08.2026)
  • Umsetzung in dev (Commit 301e188)
  • Verifikation per jsdom-DOM-Check (20.08.2026, 27/27 Assertions)
  • Review unter /dev/ (manuell, Viewports 393/768/1024) → Release auf Aufforderung
## Wunsch (langfristig, gilt für alle News) Jeder News-Eintrag auf der Seite soll mit dem Datum in der Form **Jahr-Monat-Tag** beginnen (ISO, z. B. `2026-07-19`), dann das Wort **„News“** und dann den Titel des Eintrags: ``` 2026-07-19 News Titel des Eintrags ``` Das ist die verbindliche Anordnung für alle neuen und bestehenden Einträge — auch für die in Issue #14 neu angelegten Einträge. --- ## Umgesetzt (Commit 301e188) - **`app.js` `renderNewsEntries()`:** Datumsanzeige gibt direkt `entry.date` (ISO `JJJJ-MM-TT`) aus statt `toLocaleDateString`. `dateTime`-Attribut bleibt `entry.date`. - **Zwischen Datum und Titel** fester `span.news-label` mit „News“ → liest `JJJJ-MM-TT News Titel`. - **`styles.css`:** `.news-label` als dezentes Brand-Label (Badge-Optik, klein, konsistent mit Timeline-Design). - **Alle Einträge** erhalten automatisch das neue Format (Rendering-Änderung, keine Datenänderung in `news.js` nötig). - Sortierung (neueste zuerst), `news.js`-Daten und „mehr…“-Button unverändert. --- ## Verifikation (20.08.2026) - Ad-hoc DOM-Check mit jsdom über das **echte** `index.html + app.js + news.js + news.json` (27 Assertions, alle PASS): für alle 3 initial sichtbaren Einträge ist `.news-date` im ISO-Format `JJJJ-MM-TT` gesetzt, `datetime`-Attribut konsistent, `.news-label` = „News“, `.news-title` vorhanden, DOM-Reihenfolge Datum < Label < Titel korrekt. - Live-Abgleich `http://10.20.10.10/dev/`: `app.js` + `styles.css` enthalten die Umsetzung; `news.json` liefert ISO-Daten. - Hinweis: Playwright-Infrastruktur existiert im Repo nicht (kein `package.json`/Playwright-Konfig); DOM-Check erfolgt daher über jsdom gegen die echten Artefakte. Viewport-Checks (393/768/1024 px) sind nicht automatisiert vorhanden — Layout-Prüfung bleibt manuell unter `/dev/`. --- ## Abgrenzung - Keine Änderung an der Sortierung, an `news.js`-Daten oder am „mehr…“-Button. --- ## Status - [x] Issue aufgesetzt (19.08.2026) - [x] Umsetzung in `dev` (Commit 301e188) - [x] Verifikation per jsdom-DOM-Check (20.08.2026, 27/27 Assertions) - [ ] Review unter `/dev/` (manuell, Viewports 393/768/1024) → Release auf Aufforderung
Simon changed title from News-Einträge: feste Struktur Datum → „News to News-Einträge: feste Struktur Datum → „News“ → Titel 2026-08-19 15:36:21 +02:00
Author
Owner

Verifikation (20.08.2026)

Ad-hoc DOM-Check mit jsdom über das echte index.html + app.js + news.js + news.json aus dem Repo — 27/27 Assertions PASS:

  • .news-date gibt ISO JJJJ-MM-TT aus (alle 3 initial sichtbaren Einträge: 2026-08-15, 2026-08-13, 2026-08-10)
  • datetime-Attribum konsistent mit entry.date
  • .news-label = „News“ zwischen Datum und Titel
  • .news-title vorhanden, DOM-Reihenfolge Datum < Label < Titel korrekt

Live-Abgleich http://10.20.10.10/dev/: app.js (Zeilen 223–229) + styles.css (Zeilen 331–341) enthalten die Umsetzung; news.json liefert ISO-Daten.

Hinweis: Playwright-Infrastruktur existiert im Repo nicht (kein package.json/Playwright-Konfig), daher DOM-Check via jsdom gegen die echten Artefakte. Viewport-Checks (393/768/1024 px) sind nicht automatisiert — Layout-Prüfung bleibt manuell unter /dev/.

→ Umsetzung steht bereits in dev (Commit 301e188), Issue kann geschlossen werden.

## Verifikation (20.08.2026) Ad-hoc DOM-Check mit jsdom über das **echte** `index.html + app.js + news.js + news.json` aus dem Repo — **27/27 Assertions PASS**: - `.news-date` gibt ISO `JJJJ-MM-TT` aus (alle 3 initial sichtbaren Einträge: `2026-08-15`, `2026-08-13`, `2026-08-10`) - `datetime`-Attribum konsistent mit `entry.date` - `.news-label` = „News“ zwischen Datum und Titel - `.news-title` vorhanden, DOM-Reihenfolge **Datum < Label < Titel** korrekt Live-Abgleich `http://10.20.10.10/dev/`: `app.js` (Zeilen 223–229) + `styles.css` (Zeilen 331–341) enthalten die Umsetzung; `news.json` liefert ISO-Daten. Hinweis: Playwright-Infrastruktur existiert im Repo nicht (kein `package.json`/Playwright-Konfig), daher DOM-Check via jsdom gegen die echten Artefakte. Viewport-Checks (393/768/1024 px) sind nicht automatisiert — Layout-Prüfung bleibt manuell unter `/dev/`. → Umsetzung steht bereits in `dev` (Commit `301e188`), Issue kann geschlossen werden.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Simon/ejun-page#15
No description provided.