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

Enhances service details with employees and addon sections

Browse source 
Adds new components for service employees and addons
Introduces detailed views with selectable employees and add-ons
Updates localization translations for new sections
Implements time range slider functionality for availability
This commit is contained in:
Janus C. H. Knudsen 2026-01-17 15:36:15 +01:00
parent 5e3811347c
commit 7643a6ab82
20 changed files with 830 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

66
PlanTempus.Application/wwwroot/css/cash.css
View file

@ -1,9 +1,11 @@
/**
* Cash Register - Page Styling
*
* Filter bar, stats, table, forms, and difference box
* Reuses: swp-sticky-header, swp-header-content (page.css)
* Reuses: swp-btn, swp-status-badge, swp-card-footer (components.css)
* Filter bar, table, forms, and difference box
* Reuses:
* - swp-sticky-header, swp-header-content (page.css)
* - swp-stats-row, swp-stat-card (stats.css)
* - swp-btn, swp-status-badge, swp-card-footer (components.css)
*/
/* ===========================================
@ -17,6 +19,7 @@ swp-filter-bar {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
margin-top: var(--spacing-10);
margin-bottom: var(--spacing-10);
flex-wrap: wrap;
@ -51,58 +54,6 @@ swp-filter-spacer {
flex: 1;
}
/* ===========================================
KASSE STATS BAR
=========================================== */
swp-cash-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--spacing-8);
max-width: var(--page-max-width);
margin: 0 auto;
&:not(.active) {
display: none;
}
}
swp-cash-stat {
background: var(--color-background-alt);
border-radius: var(--radius-lg);
padding: var(--spacing-6) var(--spacing-8);
swp-cash-stat-value {
display: block;
font-size: var(--font-size-2xl);
font-weight: var(--font-weight-semibold);
font-family: var(--font-mono);
color: var(--color-text);
}
swp-cash-stat-label {
display: block;
font-size: var(--font-size-sm);
color: var(--color-text-secondary);
margin-top: var(--spacing-2);
}
&.highlight swp-cash-stat-value {
color: var(--color-teal);
}
&.warning swp-cash-stat-value {
color: var(--color-amber);
}
&.negative swp-cash-stat-value {
color: var(--color-red);
}
&.user swp-cash-stat-value {
color: var(--color-blue);
}
}
/* ===========================================
ACTION BAR (Table Header)
=========================================== */
@ -340,7 +291,6 @@ swp-cash-grid {
swp-cash-column {
display: grid;
gap: var(--spacing-10);
align-content: start;
}
@ -729,10 +679,6 @@ swp-system-note {
RESPONSIVE
=========================================== */
@media (max-width: 1000px) {
swp-cash-stats {
grid-template-columns: repeat(2, 1fr);
}
swp-cash-table {
grid-template-columns: 50px 80px 1fr 100px 110px 120px 40px;
}