Dashboard Components

Dashboard componenten voor het weergeven van statistieken, metrics en overzichten.

De dashboard architectuur bestaat uit vier hoofddashboards die elk een compositie zijn van verschillende sections en widgets:

• AdminDashboard (MAPtm only) - Voor administrators met twee presentaties (Prestatie & gebruik)
• OrganisationDashboard - Voor klantomgevingen/organisaties met hoogover statistieken over projecten, applicatie gebruik en projectprestaties
• ManagerDashboard - Voor verkeersmanagers met project-, afsluiting- en stakeholder-gerelateerde statistieken
• StakeholderDashboard - Voor stakeholders met overzicht van toegewezen afsluitingen en taken

Elk dashboard gebruikt sections om widgets te groeperen en biedt een consistente gebruikerservaring.

---

Dashboard Layouts

AdminDashboard

Hoofd dashboard voor administrator gebruikers met twee presentaties.

Features

• Systeemstatistieken - Totaal aantal gebruikers, projecten, afsluitingen
• Recente activiteit - Laatste acties in systeem
• Performance metrieken - System performance data
• Gebruikers analytics - Gebruikers statistieken
• Gebruiksgrafieken - Gebruiksgrafieken

Sections

• StatSection - Algemene statistieken
• UsageStatSection - Gebruikstatistieken
• PerformanceStatSection - Prestatiemetrieken
• Charts - Grafieken

Presentaties

Performance Presentatie

Performance metrics dashboard voor system monitoring.

Features:

• System performance - Server metrics
• API latency - Response tijden
• Database performance - Query stats
• Foutpercentages - Foutpercentages
• Uptime - Systeem uptime

Metrics:

Metric	Type	Beschrijving
Reactietijden	Line chart	API antwoordtijden
Verzoeken per endpoint	Bar chart	Requests per endpoint
Foutpercentage	Gauge	Fout percentage
Database query performance	Line chart	Database query performance
Geheugengebruik	Area chart	Memory consumption

Usage Presentatie

Usage analytics dashboard voor user behavior monitoring.

Features:

• Gebruikersactiviteit - Actieve gebruikers
• Feature gebruik - Welke features worden gebruikt
• Login statistieken - Login frequentie
• Actie tracking - Gebruikersacties

Analytics:

Metric	Visualization	Beschrijving
Actieve gebruikers	Line chart	Actieve gebruikers trend
Feature gebruik	Bar chart	Feature gebruik trend
Meest uitgevoerde acties	List	Meest uitgevoerde acties

---

ManagerDashboard

Dashboard voor verkeersmanager gebruikers.

Features

• Actieve afsluitingen - Actieve afsluitingen
• Deadlines - Aankomende deadlines
• Managerstatistieken - Relevante statistieken eigen projecten

---

OrganisationDashboard

Dashboard voor organisatie (client) gebruikers.

Features

• Klantinformatie - Organisatie informatie
• Notificaties - Relevante notificaties
• Documentenstatistieken - Belangrijke documentstatistieken

---

StakeholderDashboard

Dashboard voor stakeholder gebruikers.

Features

• Toegewezen afsluitingen - Overzicht van afsluitingen waar stakeholder aan gekoppeld is
• Openstaande taken - Lijst met taken die actie vereisen
• Recente activiteit - Laatste updates op gekoppelde afsluitingen

Dependencies

• lib/stores/metrics.store.js - Metrics state
• lib/alpine/views/dashboard.data.js - Dashboard logic
• Chart.js - Voor charts
• Alpine.js - Voor reactivity
• Tailwind CSS - Voor styling

---

Bestandenstructuur

• Directorycomponents/

  • Directorydashboards/

    • AdminDashboard.astro
    • ManagerDashboard.astro
    • OrganisationDashboard.astro
    • PerformanceDashboardAdmin.astro
    • StakeholderDashboard.astro
    • Directorysections/

      • ManagerStatSection.astro
      • OrganisationStatSection.astro
      • PerformanceStatSection.astro
      • StatSection.astro
      • UsageStatSection.astro
    • UsageDashboardAdmin.astro
    • Directorywidgets/

      • ChartContainer.astro
      • PeriodSelector.astro
      • StatCard.astro
      • TabsContainer.astro
  • Directoryfeatures/ - Feature componenten

    • …
  • Directoryui/ - UI componenten

    • …