🏠 Overview â€ș 🎯 Features â€ș🎯 Dashboard KPIs

Dashboard KPIs

Feature Detail

medium complexity extracted Admin Dashboard Confidence: 100%
4
Components
2
Shared
0
User Stories
Yes
Analyzed

Description

This feature provides organization administrators with a real-time KPI dashboard in the Admin Web Portal, surfacing the operational health of their organization at a glance. The dashboard aggregates key metrics such as active peer mentors, registered activities, pending approvals, reimbursement queue depth, and Bufdir-relevant counters into visual cards and charts. Admins land on this dashboard upon login and use it as the entry point for drill-down into specific oversight areas.

Sources & reasoning

Listed as a canonical feature under admin-dashboard in §8 vocabulary and as a core Admin Web Portal capability in §Product 2. MVP target_release: admin dashboard is part of the MVP admin scope per §5 Fase 1 (brukeradministrasjon, organisasjonsinnstillinger, aktivitetsoversikt - the operational landing surface).

Analysis

Business Value

Organization administrators are responsible for steering their organization's volunteer program and reporting outcomes to Bufdir, but today they rely on manual Excel aggregation across regional Word submissions. A unified KPI dashboard collapses this latency into a real-time view, letting admins spot underreporting, bottlenecks in approval queues, and trends in peer mentor activity without leaving the portal. This is the foundational surface that makes the Admin Web Portal feel like a control center rather than a forms tool, and it directly supports the workshop-validated need for admins to see organizational performance at a glance before drilling into reports or approvals.

Implementation Notes

The dashboard is built as a Next.js SSR page in the Admin Web Portal, composed of stat cards and lightweight charts driven by a KPI aggregation service that queries the shared relational database. Aggregations respect tenant isolation via organization scoping in every query, and the enabled module set determines which KPI cards render (e.g. expense cards only when expense-reimbursement is enabled). Caching at the aggregation layer (short TTL) prevents repeated heavy scans, and the page loads progressively so headline numbers appear before slower trend charts. All visuals meet WCAG 2.2 AA contrast and keyboard-navigation requirements consistent with the platform-wide accessibility baseline.

Quality Assurance

Organization Administrator (primary) · Global Administrator (same flow, with time-bounded support grant)
1
Scenarios
5
UAT Steps
11
A11y Annotations
3
Role Boundaries
Organization Administrator

Organization Administrator

Quick UAT

  1. Logg inn i Admin-portalen som Organisasjonsadministrator. Bekreft at du lander direkte pÄ Dashboard-siden uten ekstra navigering.
  2. Verifiser at KPI-flisene vises: Aktiviteter (totalt + trend), Aktive likepersoner, Koordinator-arbeidsmengde, Ventende godkjenninger og Refusjoner. Tallene skal samsvare med din egen organisasjon.
  3. Åpne mobilappen som en likeperson i samme organisasjon og registrer Ă©n ny aktivitet. GĂ„ tilbake til Dashboard og oppdater siden.
  4. Bekreft at flisen Aktiviteter har Ăžkt med Ă©n, og at trendindikatoren oppdateres tilsvarende.
  5. Klikk pĂ„ flisen Ventende godkjenninger og bekreft at du blir navigert til Aktiviteter → Til godkjenning med samme antall som flisen viste.

Quick UAT — Accessibility

  1. Logg inn i Admin-portalen som Organisasjonsadministrator. Bekreft at du lander direkte pÄ Dashboard-siden uten ekstra navigering.
    • Screen reader Sideoverskrift 'Dashboard' annonseres som h1; tab-rekkefĂžlge: hovednavigasjon → sideoverskrift → KPI-flis-region.
    • Focus visibility Synlig fokusring pĂ„ fĂžrste interaktive element etter pĂ„logging.
  2. Verifiser at KPI-flisene vises: Aktiviteter (totalt + trend), Aktive likepersoner, Koordinator-arbeidsmengde, Ventende godkjenninger og Refusjoner. Tallene skal samsvare med din egen organisasjon.
    • Screen reader Hver flis annonseres som lenke med etikett 'Aktiviteter: 142, trend opp 8 prosent siste uke'; tall leses som tall, ikke siffer for siffer.
    • Zoom Flis-rutenett brytes til Ă©n kolonne ved 200 % zoom uten horisontal scroll.
    • Contrast Trendpiler og -farger har tekstetikett i tillegg til farge; kontrast minst 4.5:1 mot bakgrunn.
  3. Åpne mobilappen som en likeperson i samme organisasjon og registrer Ă©n ny aktivitet. GĂ„ tilbake til Dashboard og oppdater siden.
    • Keyboard / focus Oppdatering via F5 eller dedikert 'Oppdater'-knapp nĂ„s med Tab; ingen mus pĂ„krevd.
  4. Bekreft at flisen Aktiviteter har Ăžkt med Ă©n, og at trendindikatoren oppdateres tilsvarende.
    • Live region 'Aktiviteter oppdatert: 143 totalt' annonseres i polite live region nĂ„r tallet endres.
    • Contrast Endret tall markeres ikke kun med farge; tekstetikett eller ikon supplerer.
  5. Klikk pĂ„ flisen Ventende godkjenninger og bekreft at du blir navigert til Aktiviteter → Til godkjenning med samme antall som flisen viste.
    • Keyboard / focus Flis aktiveres med Enter eller Mellomrom nĂ„r den har fokus.
    • Focus visibility Fokus flyttes til sideoverskriften 'Til godkjenning' pĂ„ destinasjonssiden.
    • Touch target Hele flisen er klikkbar og minst 24×24 CSS-piksler; ikke bare tallet.

Role Boundaries

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

    Har ingen tilgang til Admin Web Portal. ForsÞk pÄ pÄlogging avvises; deep-link til /admin/dashboard returnerer 403.

  • Coordinator (Koordinator)

    Har ingen tilgang til Admin Web Portal. Koordinatorer logger kun inn i mobilappen; deep-link til /admin/dashboard returnerer 403.

  • Prospective Buyer

    Ingen brukerkonto i Admin Web Portal. /admin/dashboard krever pÄlogging og omdirigerer til Sales Website.

Expected End State

  • Organization Administrator

    Dashboard viser oppdaterte KPI-fliser for egen organisasjon, og klikk pĂ„ Ventende godkjenninger-flisen navigerer korrekt til Aktiviteter → Til godkjenning med matchende antall.

  • Global Administrator

    Dashboard for valgt organisasjon vises med samme KPI-verdier som Org Admin ser, banner viser aktiv tidsbegrenset stĂžttetilgang, og visningen er logget i organisasjonens revisjonsspor.

Components (6)

User Interface (2)

ui KPI Dashboard medium ui Activity Feed Panel medium

Service Layer (2)

service KPI Aggregation Service medium service Activity Feed Service medium

Shared Components

These components are reused across multiple features

User Stories

No user stories have been generated for this feature yet.