c1d2df9327
Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title` Improves component consistency across multiple features: - Adds structured card headers - Introduces more semantic HTML elements - Enhances layout and readability of card components Updates CSS and component styles to support new structure
51 lines
2.1 KiB
Text
51 lines
2.1 KiB
Text
<swp-card>
|
|
<swp-card-header>
|
|
<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 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 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" />
|
|
</swp-calc-input>
|
|
</swp-calc-row>
|
|
|
|
<swp-calc-row>
|
|
<swp-calc-label>
|
|
<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" />
|
|
</swp-calc-input>
|
|
</swp-calc-row>
|
|
|
|
<swp-calc-row>
|
|
<swp-calc-label>
|
|
<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><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" />
|
|
</swp-calc-input>
|
|
</swp-calc-row>
|
|
</swp-card-content>
|
|
</swp-card>
|