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
38 lines
1.7 KiB
Text
38 lines
1.7 KiB
Text
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title localize="cash.approval.title">Afslut dagen</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-approval-grid>
|
|
<swp-form-field>
|
|
<swp-form-label localize="common.status">Status</swp-form-label>
|
|
<swp-status-row>
|
|
<swp-status-badge class="draft" localize="cash.status.draft">Kladde</swp-status-badge>
|
|
</swp-status-row>
|
|
</swp-form-field>
|
|
|
|
<swp-form-field>
|
|
<swp-form-label localize="cash.approval.approvedBy">Godkendt af (valgfrit)</swp-form-label>
|
|
<swp-form-input>
|
|
<select id="approver">
|
|
<option value="" localize="cash.approval.selectPlaceholder">Vælg...</option>
|
|
<option>Karina Knudsen</option>
|
|
<option>Butikschef</option>
|
|
</select>
|
|
</swp-form-input>
|
|
</swp-form-field>
|
|
|
|
<swp-checkbox-field>
|
|
<input type="checkbox" id="confirmCheckbox" />
|
|
<label for="confirmCheckbox" localize="cash.approval.confirmation">Jeg bekræfter, at kassen er talt op, og at tallene er indtastet efter bedste evne.</label>
|
|
</swp-checkbox-field>
|
|
</swp-approval-grid>
|
|
</swp-card-content>
|
|
<swp-card-footer>
|
|
<swp-btn class="secondary" localize="cash.approval.saveDraft">Gem som kladde</swp-btn>
|
|
<swp-actions-right>
|
|
<swp-btn class="ghost" localize="common.cancel">Fortryd</swp-btn>
|
|
<swp-btn class="primary" id="approveBtn" disabled localize="cash.approval.approve">Godkend & lås</swp-btn>
|
|
</swp-actions-right>
|
|
</swp-card-footer>
|
|
</swp-card>
|