medium complexity extracted Expense Approval Confidence: 100%
2
Components
18
Shared
0
User Stories
Yes
Analyzed

Description

The Reimbursement Overview provides organization administrators with an aggregated dashboard of all expense activity across their organization, showing totals by period, expense type, and peer mentor. Summary statistics include approved amount, pending claim count, and auto-approved versus manual approval ratios. Administrators can drill down from any summary cell into the approval queue pre-filtered to the matching subset of claims. An export function produces a CSV of all filtered claims with full detail, supporting financial reconciliation and Bufdir reporting preparation. The view is read-only and organization-scoped, with no cross-organization data accessible.

Sources & reasoning

Section 2.1 (lines 64-73) describes high-volume reimbursement needs for HLF and Blindeforbundet, implying an administrative overview is needed to monitor totals and detect anomalies at scale. Phase 2 placement (line 342) maps to v1.0. The overview is the standard operational complement to an approval queue and a prerequisite for efficient Bufdir report preparation.

  • Begge organisasjoner har behov for registrering av kilometergodtgjørelse, bompenger, parkering og kollektivt. Behovene er like, men HLF har mest detaljert krav
  • Reiserefusjonshåndtering (faste valg, terskelbasert godkjenning)

Analysis

Business Value

Organizations like HLF and Blindeforbundet process high volumes of expense claims from large networks of peer mentors. Without a consolidated view, administrators must manually aggregate data from individual claim records to answer basic budget and compliance questions. A real-time overview eliminates that aggregation work, enabling proactive identification of budget overruns or anomalous spending patterns before they escalate. This directly supports financial governance obligations tied to Bufdir funding. The overview also reduces the effort required when running the Bufdir export from the admin-reporting area by pre-aggregating the expense data that must be included in official submissions. This integration makes the feature a multiplier on the core value proposition of simplifying government compliance reporting.

Implementation Notes

The overview page is a Next.js server component that fetches aggregated expense data from a dedicated summary endpoint on the REST API. Server-side aggregation avoids transferring large row sets to the client. Filtering controls (date range, expense type, peer mentor) are client components that trigger refetch on change. Trend chart rendering uses a lightweight client-side library to avoid SSR complexity with canvas APIs. Drill-down navigation passes filter state to the expense approval queue via URL query parameters. The CSV export endpoint streams results using the Node.js response stream API to handle large datasets without memory pressure. All queries are enforced with organization-scoped WHERE clauses at the database layer.

Quality Assurance

Organization Administrator (primary)
1
Scenarios
6
UAT Steps
17
A11y Annotations
2
Role Boundaries
Organization Administrator

Organization Administrator

Quick UAT

  1. Logg inn i Admin-portalen som organisasjonsadministrator. Naviger til Utgiftsgodkjenning → Refusjonsoversikt.
  2. Bekreft at dashbordet viser sammendragsstatistikk: totalt godkjent beløp, antall ventende krav, og forholdet mellom automatisk og manuell godkjenning.
  3. Velg en periode fra periodefilteren (f.eks. inneværende måned) og bekreft at alle tallkort oppdateres tilsvarende.
  4. Klikk på en rad i tabellen gruppert etter utgiftstype. Bekreft at du sendes til godkjenningskøen forhåndsfiltrert på den valgte utgiftstypen.
  5. Gå tilbake til Refusjonsoversikt. Klikk på en rad gruppert etter likeperson og bekreft at godkjenningskøen filtreres på den aktuelle likepersonen.
  6. Klikk på Eksporter CSV. Bekreft at en CSV-fil lastes ned med alle filtrerte krav og fullstendige detaljer.

Quick UAT — Accessibility

  1. Logg inn i Admin-portalen som organisasjonsadministrator. Naviger til Utgiftsgodkjenning → Refusjonsoversikt.
    • Screen reader Sideoverskrift 'Refusjonsoversikt' annonseres ved sideopplasting; navigasjonslenker har lesbare etiketter.
    • Keyboard / focus Tab-rekkefølge: sidetittel → periodefilter → sammendragskort → tabell → eksportknapp.
  2. Bekreft at dashbordet viser sammendragsstatistikk: totalt godkjent beløp, antall ventende krav, og forholdet mellom automatisk og manuell godkjenning.
    • Screen reader Hvert statistikkort annonseres med etikett og verdi, f.eks. 'Godkjent totalt: 14 250 kr'.
    • Contrast Statusverdier formidles ikke utelukkende gjennom farge; tekstetikett er alltid synlig. Kontrast minimum 4,5:1.
  3. Velg en periode fra periodefilteren (f.eks. inneværende måned) og bekreft at alle tallkort oppdateres tilsvarende.
    • Keyboard / focus Periodefilter nås med Tab; alternativer velges med piltaster eller Enter.
    • Focus visibility Synlig fokusring på nedtrekksmenyen for periode; etiketten 'Velg periode' er programmatisk tilknyttet.
    • Live region 'Oversikt oppdatert for valgt periode.' annonseres som politt live region etter filtrering.
  4. Klikk på en rad i tabellen gruppert etter utgiftstype. Bekreft at du sendes til godkjenningskøen forhåndsfiltrert på den valgte utgiftstypen.
    • Screen reader Rad annonseres med kolonneoverskrift og verdi, f.eks. 'Utgiftstype: Kilometer, Antall krav: 12'.
    • Keyboard / focus Tabellrader nås med Tab og piltaster; Enter aktiverer drill-down-navigasjonen.
    • Touch target Klikkbart radområde er minimum 44×44 CSS px for god trykkflate.
  5. Gå tilbake til Refusjonsoversikt. Klikk på en rad gruppert etter likeperson og bekreft at godkjenningskøen filtreres på den aktuelle likepersonen.
    • Screen reader 'Tilbake til Refusjonsoversikt' annonseres for skjermleser ved bruk av tilbakelenke.
    • Keyboard / focus Tilbakeknapp i nettleseren eller en eksplisitt 'Tilbake'-lenke nås med Tab og aktiveres med Enter.
    • Focus visibility Fokus returneres til den raden i tabellen som utløste navigasjonen, eller til tabelltoppen.
  6. Klikk på Eksporter CSV. Bekreft at en CSV-fil lastes ned med alle filtrerte krav og fullstendige detaljer.
    • Screen reader Knapp annonseres som 'Eksporter CSV, knapp'. Ved nedlasting annonseres 'Fil lastet ned'.
    • Keyboard / focus Eksporter CSV-knapp nås med Tab og aktiveres med mellomrom eller Enter.
    • Focus visibility Synlig fokusring på eksportknappen; knapp er merket med tilgjengelig navn som inkluderer handlingen.
    • Live region 'CSV-eksport fullført.' annonseres som politt live region ved vellykket nedlasting.

Role Boundaries

2 role(s) must NOT access this feature
  • Peer Mentor

    Skjermen finnes ikke i mobilappen; et forsøk på å deep-linke til admin-portalens Refusjonsoversikt returnerer 403.

  • Coordinator

    Koordinatorer logger ikke inn i admin-portalen; Refusjonsoversikt er ikke tilgjengelig fra mobilappen og et direkte URL-forsøk returnerer 403.

Expected End State

Dashbordet viser oppdaterte refusjonssammendrag for valgt periode, drill-down åpner forhåndsfiltrert godkjenningskø, og CSV-eksporten er lastet ned med fullstendige kravdetaljer.

User Stories

No user stories have been generated for this feature yet.