Adds localization support across application views

Implements localization for dashboard, cash register, account, and profile sections

Adds localization keys for various UI elements, improving internationalization support
Refactors view components to use ILocalizationService for dynamic text rendering
Prepares ground for multi-language support with translation-ready markup
This commit is contained in:
Janus C. H. Knudsen 2026-01-12 15:42:18 +01:00
parent 1f400dcc6e
commit ef174af0e1
36 changed files with 821 additions and 263 deletions

View file

@ -1,20 +1,20 @@
<swp-card>
<swp-card-header>
<swp-card-title>Kontanter i kassen</swp-card-title>
<swp-card-title localize="cash.balance.title">Kontanter i kassen</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-calc-row>
<swp-calc-label>
<span>Startbeholdning</span>
<small>Overført fra sidste afstemning</small>
<span localize="cash.balance.startBalance">Startbeholdning</span>
<small localize="cash.balance.startHint">Overført fra sidste afstemning</small>
</swp-calc-label>
<swp-calc-value class="muted">2.000,00</swp-calc-value>
</swp-calc-row>
<swp-calc-row>
<swp-calc-label>
<span>Udbetalinger / Bilag</span>
<small>Sammentæl bilag betalt kontant</small>
<span localize="cash.balance.payouts">Udbetalinger / Bilag</span>
<small localize="cash.balance.payoutsHint">Sammentæl bilag betalt kontant</small>
</swp-calc-label>
<swp-calc-input>
<input type="text" id="payouts" placeholder="0,00" />
@ -23,8 +23,8 @@
<swp-calc-row>
<swp-calc-label>
<span>Udtaget til bank</span>
<small>Kontanter lagt til side</small>
<span localize="cash.balance.toBank">Udtaget til bank</span>
<small localize="cash.balance.toBankHint">Kontanter lagt til side</small>
</swp-calc-label>
<swp-calc-input>
<input type="text" id="toBank" placeholder="0,00" />
@ -33,15 +33,15 @@
<swp-calc-row>
<swp-calc-label>
<span>Forventet kontantbeholdning</span>
<span localize="cash.balance.expected">Forventet kontantbeholdning</span>
</swp-calc-label>
<swp-calc-value id="expectedCash">5.220,00</swp-calc-value>
</swp-calc-row>
<swp-calc-row class="input-row">
<swp-calc-label>
<span>Optalt kontantbeholdning <span style="color: var(--color-red)">*</span></span>
<small>Hvad ligger der faktisk i kassen?</small>
<span><span localize="cash.balance.counted">Optalt kontantbeholdning</span> <span style="color: var(--color-red)">*</span></span>
<small localize="cash.balance.countedHint">Hvad ligger der faktisk i kassen?</small>
</swp-calc-label>
<swp-calc-input>
<input type="text" id="actualCash" placeholder="0,00" />