Enhance employee stats view with completed bookings

Adds a new data table to employee detail stats showing completed bookings

Includes:
- Expanded EmployeeDetailStatsViewComponent with booking data
- Updated localization translations for new table labels
- Created mock booking data for demonstration
- Updated .gitignore to simplify temporary file handling
This commit is contained in:
Janus C. H. Knudsen 2026-01-13 23:46:38 +01:00
parent f71f00099a
commit e739ce2ac7
11 changed files with 895 additions and 62 deletions

View file

@ -953,3 +953,36 @@ swp-simple-item-text {
justify-content: center;
}
}
/* ===========================================
STATS BOOKINGS TABLE (columns for swp-data-table)
=========================================== */
.stats-bookings swp-data-table {
grid-template-columns: 90px 60px minmax(120px, 1fr) minmax(150px, 1fr) 80px 100px 100px;
}
/* Dato, Tid, Varighed: mono + muted */
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(1),
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(2),
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(5) {
font-family: var(--font-mono);
font-size: 12px;
color: var(--color-text-secondary);
}
/* Kunde: medium */
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(3) {
font-weight: var(--font-weight-medium);
}
/* Beløb: mono + bold + right */
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(6),
.stats-bookings swp-data-table-header swp-data-table-cell:nth-child(6) {
text-align: right;
}
.stats-bookings swp-data-table-row swp-data-table-cell:nth-child(6) {
font-family: var(--font-mono);
font-size: 12px;
font-weight: var(--font-weight-semibold);
}