PlanTempusApp/PlanTempus.Application/Features/CashRegister/Components/ReconciliationTable/Default.cshtml
Janus C. H. Knudsen c1d2df9327 Refactors UI components with new card header structure
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
2026-01-19 14:23:41 +01:00

191 lines
9.6 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- Action Bar -->
<swp-action-bar class="grid-top">
<swp-selection-info>
<span id="selectionCount" localize="cash.table.noneSelected">0 valgt</span>
</swp-selection-info>
<swp-btn class="primary" id="exportBtn" disabled>
<i class="ph ph-download"></i>
<span localize="cash.table.exportSaft">Eksporter SAF-T</span>
</swp-btn>
</swp-action-bar>
<!-- Table -->
<swp-cash-table>
<swp-cash-table-header>
<swp-cash-th class="checkbox"><input type="checkbox" id="selectAll" /></swp-cash-th>
<swp-cash-th localize="cash.table.date">Dato</swp-cash-th>
<swp-cash-th localize="cash.table.id">ID</swp-cash-th>
<swp-cash-th localize="cash.table.period">Periode</swp-cash-th>
<swp-cash-th localize="cash.table.register">Kassepunkt</swp-cash-th>
<swp-cash-th localize="cash.table.closedBy">Afsluttet af</swp-cash-th>
<swp-cash-th class="right" localize="cash.table.revenue">Omsætning</swp-cash-th>
<swp-cash-th class="right" localize="cash.table.difference">Difference</swp-cash-th>
<swp-cash-th localize="common.status">Status</swp-cash-th>
<swp-cash-th></swp-cash-th>
</swp-cash-table-header>
<swp-cash-table-body>
<!-- Draft row (current day) -->
<swp-cash-table-row data-id="draft" class="draft-row">
<swp-cash-td class="checkbox"></swp-cash-td>
<swp-cash-td class="muted">I dag</swp-cash-td>
<swp-cash-td class="id muted"></swp-cash-td>
<swp-cash-td>
<swp-period-cell>
<span class="dates">29. dec 17:45 → ...</span>
</swp-period-cell>
</swp-cash-td>
<swp-cash-td>Kasse 1</swp-cash-td>
<swp-cash-td class="muted"></swp-cash-td>
<swp-cash-td class="right mono muted">4.250 kr</swp-cash-td>
<swp-cash-td class="right mono muted"></swp-cash-td>
<swp-cash-td><swp-status-badge class="draft" localize="cash.status.draft">Kladde</swp-status-badge></swp-cash-td>
<swp-cash-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-cash-td>
</swp-cash-table-row>
<swp-cash-table-row data-id="043">
<swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
<swp-cash-td>29. dec</swp-cash-td>
<swp-cash-td class="id">Z-043</swp-cash-td>
<swp-cash-td>
<swp-period-cell>
<span class="dates">28. dec 18:00 → 29. dec 17:45</span>
</swp-period-cell>
</swp-cash-td>
<swp-cash-td>Kasse 1</swp-cash-td>
<swp-cash-td>Anna Jensen</swp-cash-td>
<swp-cash-td class="right mono">18.865 kr</swp-cash-td>
<swp-cash-td class="right mono">0 kr</swp-cash-td>
<swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
<swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
</swp-cash-table-row>
<swp-cash-row-detail data-for="043">
<swp-row-detail-content>
<swp-row-detail-actions>
<swp-btn class="secondary">
<i class="ph ph-file-csv"></i>
<span localize="cash.table.downloadCsv">Download CSV</span>
</swp-btn>
<swp-btn class="secondary">
<i class="ph ph-file-pdf"></i>
<span localize="cash.table.downloadPdf">Download PDF</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-list-bullets"></i>
<span localize="cash.table.viewTransactions">Se transaktioner</span>
</swp-btn>
</swp-row-detail-actions>
</swp-row-detail-content>
</swp-cash-row-detail>
<swp-cash-table-row data-id="042">
<swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
<swp-cash-td>28. dec</swp-cash-td>
<swp-cash-td class="id">Z-042</swp-cash-td>
<swp-cash-td>
<swp-period-cell>
<span class="dates">27. dec 18:30 → 28. dec 18:00</span>
</swp-period-cell>
</swp-cash-td>
<swp-cash-td>Kasse 1</swp-cash-td>
<swp-cash-td>Karina Knudsen</swp-cash-td>
<swp-cash-td class="right mono">12.450 kr</swp-cash-td>
<swp-cash-td class="right mono negative">-25 kr</swp-cash-td>
<swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
<swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
</swp-cash-table-row>
<swp-cash-row-detail data-for="042">
<swp-row-detail-content>
<swp-row-detail-actions>
<swp-btn class="secondary">
<i class="ph ph-file-csv"></i>
<span localize="cash.table.downloadCsv">Download CSV</span>
</swp-btn>
<swp-btn class="secondary">
<i class="ph ph-file-pdf"></i>
<span localize="cash.table.downloadPdf">Download PDF</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-list-bullets"></i>
<span localize="cash.table.viewTransactions">Se transaktioner</span>
</swp-btn>
</swp-row-detail-actions>
</swp-row-detail-content>
</swp-cash-row-detail>
<swp-cash-table-row data-id="041">
<swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
<swp-cash-td>27. dec</swp-cash-td>
<swp-cash-td class="id">Z-041</swp-cash-td>
<swp-cash-td>
<swp-period-cell>
<span class="dates">26. dec 18:00 → 27. dec 18:30</span>
</swp-period-cell>
</swp-cash-td>
<swp-cash-td>Kasse 1</swp-cash-td>
<swp-cash-td>Martin Nielsen</swp-cash-td>
<swp-cash-td class="right mono">21.340 kr</swp-cash-td>
<swp-cash-td class="right mono">0 kr</swp-cash-td>
<swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
<swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
</swp-cash-table-row>
<swp-cash-row-detail data-for="041">
<swp-row-detail-content>
<swp-row-detail-actions>
<swp-btn class="secondary">
<i class="ph ph-file-csv"></i>
<span localize="cash.table.downloadCsv">Download CSV</span>
</swp-btn>
<swp-btn class="secondary">
<i class="ph ph-file-pdf"></i>
<span localize="cash.table.downloadPdf">Download PDF</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-list-bullets"></i>
<span localize="cash.table.viewTransactions">Se transaktioner</span>
</swp-btn>
</swp-row-detail-actions>
</swp-row-detail-content>
</swp-cash-row-detail>
<swp-cash-table-row data-id="040">
<swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
<swp-cash-td>23. dec</swp-cash-td>
<swp-cash-td class="id">Z-040</swp-cash-td>
<swp-cash-td>
<swp-period-cell>
<span class="dates">22. dec 18:00 → 23. dec 17:30</span>
</swp-period-cell>
</swp-cash-td>
<swp-cash-td>Kasse 1</swp-cash-td>
<swp-cash-td>Anna Jensen</swp-cash-td>
<swp-cash-td class="right mono">28.750 kr</swp-cash-td>
<swp-cash-td class="right mono negative">-50 kr</swp-cash-td>
<swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
<swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
</swp-cash-table-row>
<swp-cash-row-detail data-for="040">
<swp-row-detail-content>
<swp-row-detail-actions>
<swp-btn class="secondary">
<i class="ph ph-file-csv"></i>
<span localize="cash.table.downloadCsv">Download CSV</span>
</swp-btn>
<swp-btn class="secondary">
<i class="ph ph-file-pdf"></i>
<span localize="cash.table.downloadPdf">Download PDF</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-list-bullets"></i>
<span localize="cash.table.viewTransactions">Se transaktioner</span>
</swp-btn>
</swp-row-detail-actions>
</swp-row-detail-content>
</swp-cash-row-detail>
</swp-cash-table-body>
<swp-cash-table-footer>
<span>Viser 5 afstemninger</span>
<span>Z-040 → Z-043</span>
</swp-cash-table-footer>
</swp-cash-table>