From b79510f5c6fcc58a3a29a1f61722aaa127efc9bf Mon Sep 17 00:00:00 2001 From: Scrum4Me Agent <30029041+madhura68@users.noreply.github.com> Date: Mon, 4 May 2026 11:28:11 +0200 Subject: [PATCH] docs: voeg flow-per-scherm toe aan Mobile shell sectie (ST-cmolqa8ma001xq517ree6u5v5) Acceptatiecriteria vroeg om 'flow per scherm' beschrijving in de Mobile shell sectie. Toegevoegd: stap-voor-stap flow voor Settings, Backlog en Solo schermen. Co-Authored-By: Claude Sonnet 4.6 --- docs/INDEX.md | 2 +- docs/specs/functional.md | 27 ++++++++++++++++++++++++++- 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/docs/INDEX.md b/docs/INDEX.md index c33281c..bf5c415 100644 --- a/docs/INDEX.md +++ b/docs/INDEX.md @@ -31,7 +31,7 @@ Auto-generated on 2026-05-04 from front-matter and headings. | [StoryDialog Profiel](./specs/dialogs/story.md) | active | 2026-05-04 | | [TaskDetailDialog Profiel](./specs/dialogs/task-detail.md) | active | 2026-05-04 | | [TaskDialog Profiel](./specs/dialogs/task.md) | active | 2026-05-03 | -| [Scrum4Me — Functionele Specificatie](./specs/functional.md) | active | 2026-05-03 | +| [Scrum4Me — Functionele Specificatie](./specs/functional.md) | active | 2026-05-04 | | [DevPlanner — User Personas](./specs/personas.md) | active | 2026-05-03 | ## Plans diff --git a/docs/specs/functional.md b/docs/specs/functional.md index f405ce0..b8c3671 100644 --- a/docs/specs/functional.md +++ b/docs/specs/functional.md @@ -3,7 +3,7 @@ title: "Scrum4Me — Functionele Specificatie" status: active audience: [maintainer, contributor] language: nl -last_updated: 2026-05-03 +last_updated: 2026-05-04 --- # Scrum4Me — Functionele Specificatie @@ -570,6 +570,31 @@ Telefoon-gebruikers (UA met `Mobi`-substring) krijgen een minimale mobile-shell **Bekende limiet:** iOS Safari respecteert `manifest.orientation` niet altijd in PWA-modus — de CSS-overlay (``) is de feitelijke afdwinging. +**Flow per scherm:** + +*Settings (`/m/settings`)* +1. Lars opent de app op zijn telefoon → wordt via UA-redirect naar `/m/settings` gestuurd (geen actief product) of keert terug via de tab-bar Settings-icoon. +2. Hij ziet zijn accountnaam en rol (read-only). Geen avatar-upload op mobiel in v1. +3. Via de product-selector activeert hij een product — app redirect naar `/m/products/[id]/solo`. +4. Onderaan staat de QR-pairing-instructie: "Scan een QR-code op de desktop om in te loggen zonder wachtwoord." Knop *"Inloggen op desktop via QR"* opent `/m/pair`. +5. Logout-knop met bevestigingsstap; na bevestiging → `/login`. + +*Backlog (`/m/products/:id`)* +1. Lars tikt op het Backlog-icoon in de tab-bar. +2. Scherm toont drie tabs bovenaan: **PBI's** | **Stories** | **Taken**. +3. In de PBI's-tab selecteert hij een PBI → app wisselt automatisch naar de Stories-tab met de bijbehorende stories. +4. In de Stories-tab selecteert hij een story → app wisselt automatisch naar de Taken-tab. +5. Tikken op een taak opent de TaskDetailDialog full-screen (`<640px` via `entityDialogContentClasses`). +6. Terugnavigatie via ← in de tab-header of via de tab-bar. + +*Solo (`/m/products/:id/solo`)* +1. Lars tikt op het Solo-icoon in de tab-bar. +2. Scherm toont het 3-koloms kanban-bord (TO_DO / IN_PROGRESS / DONE) met horizontal scroll — geen 1-koloms-mode. +3. Hij scrollt horizontaal om DONE-kolom te bereiken. +4. Tikken op een taakkaart opent de TaskDetailDialog full-screen. +5. Drag-and-drop tussen kolommen werkt via PointerSensor (touch-events); status persisteert met optimistische UI en rollback bij fout. +6. Knop bovenaan toont ongeclaimde stories; tik op "Pak op" claimt een story direct. + --- ## Datamodel (schets)