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

Adds salary specifications with detailed accordion view

Browse source 
Introduces new salary specification feature with interactive accordion component

Implements detailed salary breakdown including:
- Salary specification JSON data model
- Salary specification page with printable view
- Accordion component for expanding/collapsing salary details
- Localization support for new salary labels

Enhances employee salary transparency and detail presentation
This commit is contained in:
Janus C. H. Knudsen 2026-01-23 20:03:24 +01:00
parent f3c54dde35
commit a1059adf06
14 changed files with 1613 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -954,3 +954,59 @@ swp-employee-display {
}
}
}
/* ===========================================
SALARY SPECIFICATIONS ACCORDION
Reuses: swp-accordion (accordion.css), swp-data-table (components.css)
=========================================== */
swp-card.salary-specifications {
margin-top: var(--spacing-8);
}
swp-card.salary-specifications swp-accordion {
padding: 0 var(--spacing-6) var(--spacing-6);
}
/* Table columns for weeks data (9 columns) */
swp-card.salary-specifications swp-data-table.specification-weeks {
grid-template-columns: 70px repeat(8, 1fr);
}
/* Cell styling */
swp-card.salary-specifications swp-data-table-cell {
padding: var(--spacing-3) var(--spacing-2);
font-size: var(--font-size-sm);
}
swp-card.salary-specifications swp-data-table-cell.mono {
font-family: var(--font-mono);
}
swp-card.salary-specifications swp-data-table-cell.warning {
color: var(--color-amber);
}
swp-card.salary-specifications swp-data-table-cell.highlight {
color: var(--color-teal);
font-weight: var(--font-weight-medium);
}
/* Footer row styling */
swp-card.salary-specifications swp-data-table-footer {
display: grid;
grid-column: 1 / -1;
grid-template-columns: subgrid;
background: var(--color-background-alt);
border-top: 1px solid var(--color-border);
}
swp-card.salary-specifications swp-data-table-footer swp-data-table-cell {
font-weight: var(--font-weight-semibold);
padding: var(--spacing-4) var(--spacing-2);
}
swp-card.salary-specifications swp-data-table-footer swp-data-table-cell:first-child {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: 0.5px;
}