Notes List
Feature Detail
Description
The Notes List feature provides peer mentors and coordinators with a dedicated screen to view all personal notes created within the application. Notes serve as an informal scratch-pad for observations, reminders, and follow-up cues that do not fit the structured activity registration form. The list is scoped to the authenticated user and supports basic search so users can locate older notes without scrolling through the full history. The screen is accessible from the bottom-navigation Work tab and respects WCAG 2.2 AA contrast and touch-target requirements from the first release.
Sources & reasoning
The priority matrix explicitly lists Notes as needed by all five organizations (all checkmarks), classified NICE, Phase 2. Phase 2 maps to v1.0 by the ordinal rule. The Notes List is the entry screen without which the Note Editor is unreachable, making it a prerequisite for the entire area.
-
docs/source/likeperson.md · line 163Notater | ✓ | ✓ | ✓ | ✓ | ✓ | NICE | 2
Analysis
Notes give peer mentors a lightweight, always-available way to capture context between structured activity registrations - reducing the risk that important observations are lost before they can be logged formally. For coordinators the feature provides a private space to track follow-up items across multiple peer mentors without polluting the shared activity feed. All four organizations acknowledged notes as a practical tool (matrix row "Notater", phase 2), reflecting demand that spans the full user base. The offline-first architecture means notes remain writable even without connectivity, which is critical for field workers doing home visits.
The list screen is built as a Flutter widget backed by a Riverpod AsyncNotifier that loads rows from the local Drift database and syncs them to the REST API on reconnect via the mutation outbox. Each note record stores user_id, plaintext body, created_at, and updated_at; no relational joins are required beyond the user foreign key. Search is implemented client-side with a simple WHERE body LIKE query on the local DB to avoid round-trips. Pagination uses a cursor-based approach (keyset on created_at) consistent with other list screens. Semantic labels on list items are required for VoiceOver/TalkBack compliance; each note card must expose a merged accessibility label combining the date and a truncated preview.
Quality Assurance
Peer Mentor (primary) · Coordinator (same flow)Peer Mentor
Quick UAT
- Logg inn i Meander-appen som Likeperson. Trykk på Arbeid-fanen i bunnnavigasjonen og velg Notater.
- Bekreft at notelisteskjermen vises med en scrollbar liste over personlige notatkort. Hvert kort viser tittel og dato.
- Trykk på søkefeltet øverst på skjermen og skriv inn et søkeord fra et kjent notat.
- Bekreft at listen filtreres i sanntid og kun viser notater som inneholder søkeordet.
- Slett søketeksten og bekreft at hele notatnlisten vises igjen uten filtrering.
- Trykk på et notattkort og bekreft at du navigeres til notatets detaljvisning.
Quick UAT — Accessibility
-
Logg inn i Meander-appen som Likeperson. Trykk på Arbeid-fanen i bunnnavigasjonen og velg Notater.
- Screen reader Bunnnavigasjon annonseres som navigasjonslandmerke; 'Arbeid'-fane annonseres med rolle 'tab' og valgt/ikke-valgt tilstand.
- Keyboard / focus Tab-rekkefølge: bunnnavigasjon → Notater-menypunkt; Enter aktiverer.
- Focus visibility Synlig fokusring på aktiv fane i bunnnavigasjonen.
-
Bekreft at notelisteskjermen vises med en scrollbar liste over personlige notatkort. Hvert kort viser tittel og dato.
- Screen reader Sideoverskrift 'Notater' annonseres; liste annonseres med antall elementer (f.eks. 'Liste, 12 elementer').
- Touch target Hvert notattkort er minst 44×44 pt touch-mål.
- Contrast Notatttitler og datoer oppfyller 4.5:1 kontrastkrav mot kortbakgrunnen.
-
Trykk på søkefeltet øverst på skjermen og skriv inn et søkeord fra et kjent notat.
- Screen reader Søkefelt annonseres med label 'Søk i notater' og rolle 'søkefelt'; inntasting kunngjøres tegn for tegn.
- Keyboard / focus Søkefelt nås med Tab fra listetoppen; skriving aktiverer filtrering direkte.
- Focus visibility Synlig fokusring på søkefeltet ved aktivering.
- Touch target Søkefelt er minst 44 pt høyt.
-
Bekreft at listen filtreres i sanntid og kun viser notater som inneholder søkeordet.
- Screen reader Filtrert listeantall kunngjøres automatisk uten at fokus flyttes.
- Live region Polite live-region kunngjør antall treff (f.eks. 'Viser 3 av 12 notater').
- Zoom Søkefelt og filtrert liste er brukbare ved 200 % zoom uten overlapp.
-
Slett søketeksten og bekreft at hele notatnlisten vises igjen uten filtrering.
- Screen reader Sletteknapp (×) i søkefeltet er merket 'Tøm søk' og kunngjøres korrekt.
- Focus visibility Fokus returnerer til søkefeltet etter tømming.
- Live region Polite live-region kunngjør at alle notater vises igjen (f.eks. 'Viser alle 12 notater').
-
Trykk på et notattkort og bekreft at du navigeres til notatets detaljvisning.
- Screen reader Notattkort annonseres som 'knapp' med notatttittel; aktivering kunngjør navigasjon til detaljvisning.
- Keyboard / focus Enter eller Mellomrom på fokusert notattkort åpner detaljvisningen.
- Focus visibility Synlig fokusring på notattkortet; fokus flyttes til toppen av detaljsiden ved navigasjon.
Role Boundaries
3 role(s) must NOT access this feature-
Organization Administrator
Rollen logger utelukkende inn i Admin Web Portal; Meander-mobilappen er ikke tilgjengelig for denne rollen. Deep-link til notatskjermen returnerer 401.
-
Global Administrator
Rollen logger utelukkende inn i Admin Web Portal; mobilappen viser en omdirigering til admin-portalen ved innloggingsforsøk. Notatskjermen er utilgjengelig.
-
Prospective Organization Representative
Ingen tilgang til mobilappen; kun salgsnettstedet er tilgjengelig for denne rollen.
Expected End State
Notatnlisten vises korrekt med alle brukerens personlige notater. Søk filtrerer listen i sanntid og live-region kunngjør antall treff. Tap på et notattkort åpner detaljvisningen.
Components (23)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.