Changeset 0202104 in Klonkt for src/assets/css

Timestamp:

07/28/2026 11:40:37 PM (6 weeks ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

439f095

Parents:

6eab7e9

Message:

De gebruikerskant van 3.6: de ward ziet zijn vangnet, de guardian handelt

Drie oppervlakken rondgemaakt op de beschikbaarheid die er sinds vanmorgen
server-side in zit.

Berichten (de ward): de guardians-balk toont per guardian de buddy-list-stip
met het label erbij: beschikbaar, afwezig tot een datum, offline. Het kind ziet
de echte omvang van zijn vangnet, niet alleen de namen. Owner-only omdat de
pagina dat is.

De Guardian-PWA (de guardian): in het paneel per kind staan de mede-guardians
met dezelfde stippen; op een slapende verschijnt de bewuste, zeldzame
vervolgstap "Voorstel: loslaten bij afwezigheid", die langs dezelfde
C2S-pijplijn loopt als de Shaer-apps (Offer van shaer:Lapse, lokaal ward opent
direct, remote ward krijgt het voorstel bezorgd). Lopende lapses staan als
kaart bij de aanvragen, met Eens/Oneens over de bestaande offer-draad en de zin
die het frame bewaakt. En "Even afwezig": een week of een maand, een directe
note met shaer:away naar alle wards, lokaal direct toegepast.

Shaer (beide apps): de lapse-kaart toont stemknoppen alleen aan leden van de
set. De ward kijkt mee naar wat zijn guardians beslissen; het is daar niet de
rechter, om precies de reden uit de editor's note van 3.6.3.

Onderweg gerepareerd: parseStamp kende alleen strings, waardoor een epoch-ms
endTime als lege datum rendde ("unavailable till" zonder datum).

Changed files:
src/routes/posts.js

• /messages geeft de guardians hun beschikbaarheid mee

src/views/pages/messages.ejs

• de stip en het label per guardian, met de opmaak erbij

src/routes/guardian.js

• dashboardState: mede-guardians met status per lokaal kind, plus lapses
• POST /guardian/api/away en /guardian/api/lapse
• de nieuwe labels in uiStrings

src/assets/js/guardian.js

• de guardians-sectie in het paneel, de lapse-kaart, de afwezig-knoppen

src/views/pages/guardian.ejs

• de "Even afwezig"-sectie

src/assets/css/guardian.css

• de stippen en de lapse-kaart

src/middleware/render.js

• parseStamp accepteert epoch ms

src/services/i18n.js

• de labels en teksten in nl, en, de

remarks: end-to-end in de browser nagelopen op de wegwerp-database: het kind
ziet oma afwezig-tot, opa offline en guard beschikbaar; de guardian opent het
paneel, stelt de lapse voor op de slapende opa (kaart verschijnt, eigen stem
geteld), drukt "A week", en bij het kind staat guard meteen op afwezig tot
5 augustus. 276 tests groen. Niet uitgerold.

-robo
Co-Authored-By: Claude Fable 5 <noreply@…>

File:

• src/assets/css/guardian.css (modified) (1 diff)

src/assets/css/guardian.css

@@ -145 +145 @@
 .g-warn .row { margin-top: 10px; gap: 8px; }
 button.danger { background: var(--danger); color: #fff; border-color: var(--danger); }
+
+/* ── Beschikbaarheid (FEP-633c 3.6) ────────────────────────────────────────
+   De buddy-list-stip op de verantwoordelijkheids-as: groen beschikbaar, geel
+   afwezig-verklaard met een einde, grijs slapend-geconstateerd (een antwoord
+   herstelt alles). Labels zijn UI; de draad houdt de spec-termen. */
+.g-avdot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: 0 0 auto; }
+.g-avdot.is-active { background: var(--ok); }
+.g-avdot.is-away { background: #e0a83a; }
+.g-avdot.is-dormant { background: #8a93a3; }
+.g-avlabel { color: var(--sub); font-size: .8rem; white-space: nowrap; }
+.row.g-guard { gap: 8px; margin-top: 6px; }
+.g-away-row { display: flex; gap: 8px; }
+.g-card.lapse { border-left: 3px solid #8a93a3; }
+.g-card.lapse .row { margin-top: 8px; gap: 8px; }