Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhances employee statistics page with rich dashboard

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

34
PlanTempus.Application/wwwroot/css/employees.css
View file

@ -564,6 +564,40 @@ swp-data-row.focus-highlight {
}
}
/* ===========================================
CHART SUBTITLE (for employee stats)
=========================================== */
swp-chart-subtitle {
display: block;
font-size: var(--font-size-sm);
color: var(--color-text-muted);
margin-top: var(--spacing-1);
}
/* ===========================================
RECENT BOOKINGS TABLE
=========================================== */
swp-card.recent-bookings swp-data-table {
grid-template-columns: minmax(100px, 1fr) minmax(80px, 1fr) 90px 80px;
}
swp-card.recent-bookings swp-data-table-row swp-data-table-cell {
&:first-child {
font-weight: var(--font-weight-medium);
}
&:nth-child(3) {
font-size: var(--font-size-sm);
color: var(--color-text-secondary);
}
&:last-child {
font-family: var(--font-mono);
font-size: var(--font-size-sm);
text-align: right;
}
}
/* ===========================================
STATS BOOKINGS TABLE
=========================================== */

2
PlanTempus.Application/wwwroot/css/reports.css
View file

@ -55,7 +55,7 @@ swp-chart-hint {
swp-chart-container {
display: block;
height: 240px;
height: 270px;
position: relative;
}

8
PlanTempus.Application/wwwroot/css/stats.css
View file

@ -20,17 +20,11 @@ swp-stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--card-gap);
margin-bottom: var(--section-gap);
&.cols-4 {
grid-template-columns: repeat(4, 1fr);
}
/* Reset margin when stat-card is inside stats-row */
& swp-stat-card {
margin-top: 0;
}
/* Tab-based visibility for multi-stat rows */
&[data-for-tab]:not(.active) {
display: none;
@ -46,7 +40,6 @@ swp-stat-card {
background: var(--color-surface);
border-radius: var(--border-radius-lg);
padding: var(--card-padding);
margin-top: var(--section-gap);
border: 1px solid var(--color-border);
}
@ -239,7 +232,6 @@ swp-quick-stat {
padding: var(--card-padding);
background: var(--color-background-alt);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
}
swp-quick-stat swp-stat-value {