janpeter/Scrum4Me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: voeg flow-per-scherm toe aan Mobile shell sectie (ST-cmolqa8ma001xq517ree6u5v5)

Browse source 
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 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-04 11:28:11 +02:00
parent 9ffd0f06f2
commit b79510f5c6
2 changed files with 27 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/INDEX.md
View file

@ -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

27
docs/specs/functional.md
View file

@ -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 (`<LandscapeGuard>`) 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)