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
103 lines
4.7 KiB
Text
103 lines
4.7 KiB
Text
<swp-card class="invoice-history">
|
|
<swp-card-header>
|
|
<swp-card-title localize="account.invoices.title">Faktura-historik</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-data-table>
|
|
<swp-data-table-header>
|
|
<swp-data-table-cell localize="account.invoices.date">Dato</swp-data-table-cell>
|
|
<swp-data-table-cell localize="account.invoices.invoiceNumber">Fakturanr.</swp-data-table-cell>
|
|
<swp-data-table-cell localize="account.invoices.amount">Beløb</swp-data-table-cell>
|
|
<swp-data-table-cell localize="common.status">Status</swp-data-table-cell>
|
|
<swp-data-table-cell></swp-data-table-cell>
|
|
</swp-data-table-header>
|
|
<swp-data-table-row>
|
|
<swp-data-table-cell>1. jan 2026</swp-data-table-cell>
|
|
<swp-data-table-cell class="mono">INV-2026-0001</swp-data-table-cell>
|
|
<swp-data-table-cell>599,00 kr</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-invoice-status class="paid">
|
|
<i class="ph ph-check-circle"></i>
|
|
<span localize="account.invoices.paid">Betalt</span>
|
|
</swp-invoice-status>
|
|
</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-download-btn>
|
|
<i class="ph ph-download"></i>
|
|
<span localize="account.invoices.download">PDF</span>
|
|
</swp-download-btn>
|
|
</swp-data-table-cell>
|
|
</swp-data-table-row>
|
|
|
|
<swp-data-table-row>
|
|
<swp-data-table-cell>1. dec 2025</swp-data-table-cell>
|
|
<swp-data-table-cell class="mono">INV-2025-0012</swp-data-table-cell>
|
|
<swp-data-table-cell>599,00 kr</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-invoice-status class="paid">
|
|
<i class="ph ph-check-circle"></i>
|
|
<span localize="account.invoices.paid">Betalt</span>
|
|
</swp-invoice-status>
|
|
</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-download-btn>
|
|
<i class="ph ph-download"></i>
|
|
<span localize="account.invoices.download">PDF</span>
|
|
</swp-download-btn>
|
|
</swp-data-table-cell>
|
|
</swp-data-table-row>
|
|
|
|
<swp-data-table-row>
|
|
<swp-data-table-cell>1. nov 2025</swp-data-table-cell>
|
|
<swp-data-table-cell class="mono">INV-2025-0011</swp-data-table-cell>
|
|
<swp-data-table-cell>599,00 kr</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-invoice-status class="paid">
|
|
<i class="ph ph-check-circle"></i>
|
|
<span localize="account.invoices.paid">Betalt</span>
|
|
</swp-invoice-status>
|
|
</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-download-btn>
|
|
<i class="ph ph-download"></i>
|
|
<span localize="account.invoices.download">PDF</span>
|
|
</swp-download-btn>
|
|
</swp-data-table-cell>
|
|
</swp-data-table-row>
|
|
|
|
<swp-data-table-row>
|
|
<swp-data-table-cell>1. okt 2025</swp-data-table-cell>
|
|
<swp-data-table-cell class="mono">INV-2025-0010</swp-data-table-cell>
|
|
<swp-data-table-cell>599,00 kr</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-invoice-status class="paid">
|
|
<i class="ph ph-check-circle"></i>
|
|
<span localize="account.invoices.paid">Betalt</span>
|
|
</swp-invoice-status>
|
|
</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-download-btn>
|
|
<i class="ph ph-download"></i>
|
|
<span localize="account.invoices.download">PDF</span>
|
|
</swp-download-btn>
|
|
</swp-data-table-cell>
|
|
</swp-data-table-row>
|
|
|
|
<swp-data-table-row>
|
|
<swp-data-table-cell>1. sep 2025</swp-data-table-cell>
|
|
<swp-data-table-cell class="mono">INV-2025-0009</swp-data-table-cell>
|
|
<swp-data-table-cell>599,00 kr</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-invoice-status class="paid">
|
|
<i class="ph ph-check-circle"></i>
|
|
<span localize="account.invoices.paid">Betalt</span>
|
|
</swp-invoice-status>
|
|
</swp-data-table-cell>
|
|
<swp-data-table-cell>
|
|
<swp-download-btn>
|
|
<i class="ph ph-download"></i>
|
|
<span localize="account.invoices.download">PDF</span>
|
|
</swp-download-btn>
|
|
</swp-data-table-cell>
|
|
</swp-data-table-row>
|
|
</swp-data-table>
|
|
</swp-card>
|