Schermprofiel: Taken in context
Deze pagina maakt het schermprofiel visueel: de snapshot komt uit Storybook, de callouts komen uit de annotaties in het profiel. Zo kunnen we sneller zien of de interacties op de juiste plek zitten voordat we de YAML verder verfijnen.
Snapshot uit Storybook. De pinnen gebruiken de percentages uit het schermprofiel.
Zichtbare interacties
| Annotatie | Element | Interactie | API-koppeling | Resultaat |
|---|---|---|---|---|
| C.2 | Taak in lijst | Klik op rij | interactieservicesApi.retrieveTaak | Het detailpaneel toont de geselecteerde taak. |
| C.5 | Actie afronden | Klik met bevestiging | taak.uitvoering.canonicalUrl | De gebruiker navigeert naar de uitvoerlocatie van de provider. |
Nog te positioneren
Deze interacties staan al in het schermprofiel, maar hebben nog geen positie in deze snapshot of zijn niet zichtbaar in dit scenario.
| Annotatie | Element | Status |
|---|---|---|
| C.4 | Terug naar context | Heeft nog geen positie. |
| C.8 | Uitvoeren | Niet zichtbaar in deze snapshot. |
| C.9 | Betalen | Niet zichtbaar in deze snapshot. |
Technische koppeling
| Trigger | Operatie | Gebruik in scherm |
|---|---|---|
| Pagina laden | POST /context/zoek | Vult de context met relevante taken. |
| Taak selecteren of deeplink openen | GET /taken/{uuid} | Vult het detailpaneel en bepaalt de uitvoeractie. |
Bron voor rendering: Storybook - Taak in context schermvoorbeeld.