PlanTempusApp/PlanTempus.Application/Features/CashRegister/Pages/Index.cshtml
Janus C. H. Knudsen 15579acba8 Various CSS work
2026-01-12 22:10:57 +01:00

93 lines
4 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.

@page "/kasse"
@using PlanTempus.Application.Features.CashRegister.Pages
@model PlanTempus.Application.Features.CashRegister.Pages.IndexModel
@{
ViewData["Title"] = "Kasse";
}
<!-- Sticky Header (Stats + Tabs) -->
<swp-sticky-header>
<!-- Context Stats (changes based on active tab) -->
<swp-header-content>
<!-- Stats for Oversigt tab -->
<swp-cash-stats data-for-tab="oversigt" class="active">
<swp-cash-stat>
<swp-cash-stat-value>12</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.reconciliationsInPeriod">Afstemninger i periode</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat class="highlight">
<swp-cash-stat-value>186.450 kr</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.totalRevenue">Total omsætning</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat>
<swp-cash-stat-value>42.340 kr</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.cashSales">Kontantsalg</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat class="warning">
<swp-cash-stat-value>-75 kr</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.totalDifference">Samlet difference</swp-cash-stat-label>
</swp-cash-stat>
</swp-cash-stats>
<!-- Stats for Kasseafstemning tab -->
<swp-cash-stats data-for-tab="afstemning">
<swp-cash-stat>
<swp-cash-stat-value>47</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.transactionsToday">Transaktioner i dag</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat class="highlight">
<swp-cash-stat-value>18.865 kr</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.revenueToday">Omsætning i dag</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat>
<swp-cash-stat-value>29. dec 17:45</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.lastReconciliation">Sidste afstemning</swp-cash-stat-label>
</swp-cash-stat>
<swp-cash-stat>
<swp-cash-stat-value>Anna J.</swp-cash-stat-value>
<swp-cash-stat-label localize="cash.stats.openedRegister">Åbnede kassen 29. dec 09:05</swp-cash-stat-label>
</swp-cash-stat>
</swp-cash-stats>
</swp-header-content>
<!-- Tab Bar -->
<swp-tab-bar>
<swp-tab class="active" data-tab="oversigt">
<i class="ph ph-list-checks"></i>
<span localize="cash.tabs.overview">Oversigt</span>
</swp-tab>
<swp-tab data-tab="afstemning">
<i class="ph ph-cash-register"></i>
<span localize="cash.tabs.reconciliation">Kasseafstemning</span>
</swp-tab>
</swp-tab-bar>
</swp-sticky-header>
<!-- Tab Content: Oversigt -->
<swp-tab-content data-tab="oversigt" class="active">
<swp-page-container>
@await Component.InvokeAsync("RegisterFilterBar")
@await Component.InvokeAsync("ReconciliationTable")
</swp-page-container>
</swp-tab-content>
<!-- Tab Content: Kasseafstemning -->
<swp-tab-content data-tab="afstemning">
<swp-page-container>
<swp-cash-grid>
<swp-cash-column>
@await Component.InvokeAsync("PeriodRevenue")
@await Component.InvokeAsync("CashBalance")
@await Component.InvokeAsync("CashDifference")
</swp-cash-column>
<swp-cash-column>
@await Component.InvokeAsync("PeriodInfo")
@await Component.InvokeAsync("ReconciliationNote")
@await Component.InvokeAsync("CashApproval")
</swp-cash-column>
</swp-cash-grid>
<swp-system-note localize="cash.systemNote">Systemet gemmer hvornår og af hvem der er godkendt enkelt kontrolspor.</swp-system-note>
</swp-page-container>
</swp-tab-content>