Enhances localization and UI for customer and employee views

Updates customer detail tab with localized activity log label
Refactors salary specification page with improved button styles and actions
Adds localization support for customer activity log in Danish and English translations

Improves print and interaction experience for salary specification page
This commit is contained in:
Janus C. H. Knudsen 2026-01-23 23:19:57 +01:00
parent 4d7e1ecbd5
commit 7aaa475a14
6 changed files with 50 additions and 18 deletions

View file

@ -72,7 +72,7 @@
<swp-tab data-tab="journal">Journal</swp-tab>
<swp-tab data-tab="appointments">Aftaler</swp-tab>
<swp-tab data-tab="giftcards">Gavekort</swp-tab>
<swp-tab data-tab="activity">Aktivitet</swp-tab>
<swp-tab data-tab="activity" localize="customers.detail.tabs.activitylog">Aktivitetslog</swp-tab>
</swp-tab-bar>
</swp-sticky-header>

View file

@ -144,10 +144,10 @@
</swp-data-table>
</swp-accordion-table>
<swp-accordion-footer>
<a href="/medarbejdere/loenspecifikation/@spec.PeriodKey" target="_blank" class="swp-btn secondary">
<swp-btn class="primary" onclick="window.open('/medarbejdere/loenspecifikation/@spec.PeriodKey', '_blank')">
<i class="ph ph-file-text"></i>
Se lønberegning
</a>
Se lønspecifikation
</swp-btn>
</swp-accordion-footer>
</swp-accordion-content>
</swp-accordion-item>

View file

@ -200,14 +200,17 @@
.avoid-break { break-inside: avoid; page-break-inside: avoid; }
/* Print button */
.print-btn {
/* Action buttons */
.actions {
position: fixed;
top: 20px;
right: 20px;
display: flex;
gap: 8px;
z-index: 100;
}
.btn {
padding: 10px 20px;
background: #0ea5e9;
color: white;
border: none;
border-radius: 8px;
font-size: 14px;
@ -216,16 +219,33 @@
display: flex;
align-items: center;
gap: 8px;
transition: all 0.15s ease;
}
.print-btn:hover { background: #0284c7; }
.btn.primary {
background: #00897b;
color: white;
}
.btn.primary:hover { background: #00796b; }
.btn.secondary {
background: #f1f5f9;
color: #334155;
border: 1px solid #e2e8f0;
}
.btn.secondary:hover { background: #e2e8f0; }
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@@2.1.2/src/regular/style.css" />
</head>
<body>
<button class="print-btn no-print" onclick="window.print()">
<div class="actions no-print">
<button class="btn primary" onclick="window.print()">
<i class="ph ph-printer"></i>
Udskriv
Print / Gem som PDF
</button>
<button class="btn secondary" onclick="window.close()">
<i class="ph ph-x"></i>
Luk
</button>
</div>
<div class="sheet">
<!-- Header -->

View file

@ -622,6 +622,11 @@
"noteType": "Note",
"colorFormula": "Farveformel",
"seeAllNotes": "Se alle noter →"
},
"detail": {
"tabs": {
"activitylog": "Aktivitetslog"
}
}
}
}

View file

@ -574,5 +574,12 @@
"dailysummary": "Email with daily summary"
}
}
},
"customers": {
"detail": {
"tabs": {
"activitylog": "Activity log"
}
}
}
}

View file

@ -33,12 +33,12 @@ swp-z-report {
PRINT ACTIONS (Screen only)
=========================================== */
swp-z-actions {
position: fixed;
top: 20px;
right: 20px;
display: flex;
gap: var(--spacing-6);
justify-content: center;
margin-bottom: var(--spacing-16);
padding-bottom: var(--spacing-12);
border-bottom: 1px dashed var(--color-border);
gap: var(--spacing-3);
z-index: 100;
}
swp-z-actions swp-btn {