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:
parent
4d7e1ecbd5
commit
7aaa475a14
6 changed files with 50 additions and 18 deletions
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 -->
|
||||
|
|
|
|||
|
|
@ -622,6 +622,11 @@
|
|||
"noteType": "Note",
|
||||
"colorFormula": "Farveformel",
|
||||
"seeAllNotes": "Se alle noter →"
|
||||
},
|
||||
"detail": {
|
||||
"tabs": {
|
||||
"activitylog": "Aktivitetslog"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -574,5 +574,12 @@
|
|||
"dailysummary": "Email with daily summary"
|
||||
}
|
||||
}
|
||||
},
|
||||
"customers": {
|
||||
"detail": {
|
||||
"tabs": {
|
||||
"activitylog": "Activity log"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue