De tweede indeling gebouwd, en er ging meer weg dan erbij kwam

Vijf widgets op de bovenste rij, de certificaatkeuze in een dialoog achter een
puntjesmenu, het activiteitenlog vol breed, en het instelkader dichtgeklapt met
twee kopieerknoppen. Uitgeleverd als 0.0.17. De zelfcontrole uit 0.0.16 heeft
daarmee eindelijk een plek om te verschijnen.

Wat opvalt is wat er verdween. Twee mechanismen bestonden alleen omdat er kaders
naast elkaar stonden: het meerekken van de tegels met de hoogte van hun buur, en
het samen groeien en krimpen van log en certificaatkader. Dat tweede was de hele
inhoud van 0.0.13. Vijf gelijke widgets en een vol breed log hebben geen buur,
dus beide zijn weg, samen met .col-5 en .col-7.

De harde eis staat in de code en niet alleen in het plan: de foutmelding "geen
certificaat in gebruik" heeft de knop die de dialoog opent. Een verse installatie
heeft geen certificaat en de pagina is de enige plek waar je er een kiest; dat
achter een menu verstoppen zou de klem van 0.0.3 in een andere vorm zijn.

Twee dingen onderweg bijgestuurd. Het menu werd drie punten in plaats van een
hamburger, op aanwijzing van de gebruiker, want dat is wat umbrelOS bij zijn
eigen apps toont. En het ontwerp beweerde dat de certificaatlijst een lijst was,
terwijl die op 20-08 al een dropdown geworden is; dat is rechtgezet in 4a2 en de
dropdown is ongewijzigd meeverhuisd.

Niet geverifieerd: niets hiervan is in een browser gezien, op geen enkele
schermbreedte. Dat staat als taak met de gebruiker als eigenaar.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harmen
2026-08-27 15:49:38 +02:00
co-authored by Claude Opus 5
parent c8d9765cb3
commit be91125cce
7 changed files with 642 additions and 259 deletions
+28 -25
View File
@@ -52,9 +52,9 @@
alleen tegen tijdelijke bestanden getoetst, niet tegen een echte wallet. **Loopt sinds 27-08-2026 bij
de gebruiker; hij kijkt er na een etmaal naar. Eigenaar: gebruiker**
- [ ] **Fase 6, de tweede indeling.** Opgegeven door de gebruiker op 27-08-2026 en het grootste blok werk
dat er in dit plan nog ligt. Begint met de zelfcontrole, want dat is het enige echte nieuwe werk en
het levert de vijfde widget van de bovenste rij
- [x] **Fase 6, de tweede indeling, gebouwd in 0.0.17 (27-08-2026).** Alles uit de opdracht zit erin; wat
er nog staat is het nakijken in een browser, en dat is de helft van de verificatie bij een
verbouwing van deze omvang. Zie de fase zelf voor wat er per punt gedaan is
Daarna, en niet eerder:
@@ -245,28 +245,31 @@ de vijfde widget; de rest is de pagina verbouwen om wat er dan staat.
Getest in `tests/test_agent_zelfcontrole.py`, 22 toetsen, met de nadruk op de niet-gelukkige paden:
geen certificaat, dichte poort, iets dat luistert maar geen TLS spreekt, en een ander certificaat aan
de lijn. Alle vier de beslissende regels zijn mutatie-getest
- [ ] Rij 1 wordt vijf gelijke widgets: Electrum-server, blokhoogte, reactietijd, certificaat, zelfcontrole
- [ ] Een eigen raster van vijf kolommen voor die rij, en beslissen wat er tussen "vijf naast elkaar" en
"gestapeld op mobiel" gebeurt. Vijf valt niet netjes in twaalf kolommen; dit is nieuw werk
- [ ] De Electrum-serverwidget kleiner, met minder onderteksten
- [ ] De certificaatwidget toont het gekozen certificaat: naam en dagen tot vernieuwing. Niet de keuze
- [ ] Kiezen, uploaden en afhandelen naar een dialoog achter een hamburger- of puntjesmenu rechtsboven.
Met het `dialog`-element, want focus en Escape zitten erin. De lijst blijft een lijst, zie §4a2
- [ ] **De licht/donker-schakelaar het menu in** (27-08-2026). Staat nu als losse knop rechtsboven. Let op
de vorm: in een menu hoort de huidige stand te staan en niet de handeling, dus niet het label "Light"
overnemen terwijl de pagina licht is. Zie §4a2
- [ ] **De foutmelding "geen certificaat actief" blijft bovenaan staan en krijgt de knop die de dialoog
opent.** Dit is de harde eis van deze indeling: een verse installatie heeft geen certificaat, en de
pagina is de enige plek waar je er een kiest. Zie §4a2 en de klem van 0.0.3
- [ ] Het activiteitenlog over de volle breedte
- [ ] "Setting up your wallet" dichtgeklapt met `details`/`summary`, en compacter
- [ ] Twee kopieerknoppen in plaats van één per clientregel, **met de wallets gegroepeerd onder de vorm die
ze willen.** Niet één platte lijst naast twee losse knoppen: dan is het adres er nog wel, maar niet
meer bij welke wallet welk adres hoort. Bron blijft `Referenties/Clients.md` §4
- [ ] Opruimen wat vervalt: de statustegels hoeven niet meer mee te rekken met hun buur, en het logblok en
de certificaatlijst hoeven niet meer samen te groeien. Dat laatste was de hele inhoud van 0.0.13
- [ ] Na afloop op mobiel nakijken, net als bij 0.0.10. De leesvolgorde in de HTML blijft de bedoelde
volgorde, zonder `order` in de CSS
- [x] Rij 1 is vijf gelijke widgets: Electrum-server, blokhoogte, reactietijd, certificaat, zelfcontrole
- [x] **Een eigen raster van vijf kolommen, met expliciete stappen** (5 → 3 → 2 → 1). Niet aan `auto-fit`
overgelaten: met vijf items levert elke stap een ongelijke laatste rij op, en dan wil je zelf bepalen
wélke widget alleen komt te staan. Dat is steeds de laatste, de zelfcontrole, want die is als enige
te begrijpen zonder buur
- [x] De Electrum-serverwidget kleiner: de naam als waarde, het adres als onderregel. "Last checked" is
eruit, want dat stond al onder de blokhoogte als "as of ... ago"
- [x] De certificaatwidget toont de dagen tot vernieuwing, met de naam als onderregel. Bij een verlopen
certificaat staat er `expired` in het rood, en zonder keuze `none` en niet `unknown`: er is niets
onbekends aan
- [x] Kiezen, uploaden en de details naar een dialoog achter het menu, met het `dialog`-element
- [x] **De licht/donker-schakelaar het menu in, met de huidige stand als waarde.** Het menu toont drie
punten en geen hamburger, op aanwijzing van de gebruiker: dat is wat umbrelOS bij zijn eigen apps
doet. Als tekst en niet als SVG, zodat hij meeschaalt met de lettergrootte
- [x] **De foutmelding "geen certificaat actief" heeft de knop die de dialoog opent.** De harde eis van
deze indeling, en hij staat als zodanig in de code
- [x] Het activiteitenlog over de volle breedte
- [x] "Setting up your wallet" dichtgeklapt met `details`/`summary`, en compacter
- [x] Twee kopieerknoppen, met de wallets gegroepeerd onder de vorm die ze vragen
- [x] Opgeruimd wat vervalt: de hoogtekoppeling van log en certificaatkader, het meerekken van de tegels,
en `.col-5` en `.col-7` uit de CSS
- [ ] **Na afloop op mobiel nakijken, net als bij 0.0.10.** Niets van deze indeling is in een browser
gezien, en dat is bij een verbouwing van deze omvang de helft van de verificatie. Let vooral op de
stap van vijf naar drie naar twee kolommen, en op de dialoog op een smal scherm.
**Eigenaar: gebruiker**
## Geblokkeerd / wacht op