8b2a630861
Standardizes markup structure for invoice history, employee table, and salary history components Simplifies HTML markup by removing unnecessary wrapper elements Applies consistent CSS class naming and styling approach Improves component readability and maintainability
101 lines
4.7 KiB
Text
101 lines
4.7 KiB
Text
<swp-card class="invoice-history">
|
|
<swp-section-label localize="account.invoices.title">Faktura-historik</swp-section-label>
|
|
<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>
|