Enhances employee statistics page with rich dashboard

Refactors employee statistics view with comprehensive charts and tables
Adds detailed revenue, utilization, and booking tracking components
Introduces dynamic data loading and chart visualization for employee performance
This commit is contained in:
Janus C. H. Knudsen 2026-01-22 23:28:33 +01:00
parent b921e26e48
commit eaae745c42
8 changed files with 543 additions and 70 deletions

View file

@ -79,20 +79,20 @@
<swp-page-container>
<!-- Charts Grid -->
<swp-charts-grid>
<swp-chart-card>
<swp-chart-header>
<swp-chart-title>Omsætning pr. måned</swp-chart-title>
<swp-chart-hint>Sidste 12 måneder</swp-chart-hint>
</swp-chart-header>
<swp-card>
<swp-card-header>
<swp-card-title>Omsætning pr. måned</swp-card-title>
<span class="chart-hint">Sidste 12 måneder</span>
</swp-card-header>
<swp-chart-container id="revenueChart"></swp-chart-container>
</swp-chart-card>
<swp-chart-card>
<swp-chart-header>
<swp-chart-title>Betalingsmetoder</swp-chart-title>
<swp-chart-hint>Fordeling</swp-chart-hint>
</swp-chart-header>
</swp-card>
<swp-card>
<swp-card-header>
<swp-card-title>Betalingsmetoder</swp-card-title>
<span class="chart-hint">Fordeling</span>
</swp-card-header>
<swp-chart-container id="paymentChart"></swp-chart-container>
</swp-chart-card>
</swp-card>
</swp-charts-grid>
<!-- Filter Bar -->
@ -415,20 +415,20 @@
<!-- Charts Grid -->
<swp-charts-grid>
<swp-chart-card>
<swp-chart-header>
<swp-chart-title>Timer pr. uge</swp-chart-title>
<swp-chart-hint>Sidste 5 uger</swp-chart-hint>
</swp-chart-header>
<swp-card>
<swp-card-header>
<swp-card-title>Timer pr. uge</swp-card-title>
<span class="chart-hint">Sidste 5 uger</span>
</swp-card-header>
<swp-chart-container id="hoursChart"></swp-chart-container>
</swp-chart-card>
<swp-chart-card>
<swp-chart-header>
<swp-chart-title>Fraværsfordeling</swp-chart-title>
<swp-chart-hint>Efter type</swp-chart-hint>
</swp-chart-header>
</swp-card>
<swp-card>
<swp-card-header>
<swp-card-title>Fraværsfordeling</swp-card-title>
<span class="chart-hint">Efter type</span>
</swp-card-header>
<swp-chart-container id="absenceChart"></swp-chart-container>
</swp-chart-card>
</swp-card>
</swp-charts-grid>
<!-- Hours Table -->