feat(cashier): morning opening balance panel across settlement, reconciliation, position & history

- Cash Settlement form: morning panel (denomination pills) + Morning column in denomination table
- Reconciliation form: morning panel (denomination pills) + Morning column in denomination table
- Cashier Position Report: Morning vs Current comparison bar + Morning column (single-cashier mode)
- Cash History – Settlement detail panel: Morning Received vs Settled comparison bar + Morning column
- Cash History – denomination Notes/Coins separation in detail panel for all transaction types
- CashierService: added getCashierMorningBalance() calling GET /cashreports/cashier-morning
- All morning data loaded via forkJoin alongside existing API calls (no extra loading states)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jaanu423
2026-05-31 08:54:27 +05:30
co-authored by Claude Sonnet 4.6
parent 6433ae068d
commit 51495f8eb8
14 changed files with 912 additions and 60 deletions
@@ -58,11 +58,43 @@
@for (pos of results; track pos.cashierId) {
<div class="pg-card" style="margin-bottom: 0">
<!-- Header: cashier name + current total -->
<div class="pos-header">
<span class="pos-cashier">{{ pos.cashierName || labelForCashier(pos.cashierId) }}</span>
<span class="pos-total">₹{{ pos.totalAmount | number: '1.2-2' }}</span>
</div>
<!-- Morning vs Current comparison bar (only when morning data available) -->
@if (pos.morningTotal > 0) {
<div class="pos-compare-bar">
<div class="pos-compare-item pos-compare-item--morning">
<mat-icon>wb_sunny</mat-icon>
<div>
<span class="pos-compare-label">Morning Opening</span>
<strong class="pos-compare-val">₹{{ pos.morningTotal | number: '1.2-2' }}</strong>
</div>
</div>
<mat-icon class="pos-compare-arrow">arrow_forward</mat-icon>
<div class="pos-compare-item pos-compare-item--current">
<mat-icon>account_balance_wallet</mat-icon>
<div>
<span class="pos-compare-label">Current Position</span>
<strong class="pos-compare-val">₹{{ pos.totalAmount | number: '1.2-2' }}</strong>
</div>
</div>
<div
class="pos-compare-delta"
[class.pos-compare-delta--pos]="pos.totalAmount > pos.morningTotal"
[class.pos-compare-delta--neg]="pos.totalAmount < pos.morningTotal"
>
<mat-icon>{{ pos.totalAmount >= pos.morningTotal ? 'trending_up' : 'trending_down' }}</mat-icon>
{{ pos.totalAmount - pos.morningTotal >= 0 ? '+' : '' }}₹{{
pos.totalAmount - pos.morningTotal | number: '1.2-2'
}}
</div>
</div>
}
@if (pos.denominations.length === 0) {
<div class="pg-empty">No balance.</div>
}
@@ -73,7 +105,10 @@
<thead>
<tr>
<th>Denomination</th>
<th style="text-align: center">Count</th>
@if (pos.morningTotal > 0) {
<th class="num pos-col-morning" title="Count received from vault this morning">Morning</th>
}
<th style="text-align: center">Current Count</th>
<th class="num">Amount</th>
</tr>
</thead>
@@ -83,6 +118,9 @@
<td>
<span class="pg-chip">₹{{ d.denominationValue }}</span>
</td>
@if (pos.morningTotal > 0) {
<td class="num pos-morning-val">{{ d.morningCount || '—' }}</td>
}
<td style="text-align: center; font-weight: 700">{{ d.count }}</td>
<td class="num">₹{{ d.amount | number: '1.2-2' }}</td>
</tr>
@@ -97,7 +135,10 @@
<thead>
<tr>
<th>Denomination</th>
<th style="text-align: center">Count</th>
@if (pos.morningTotal > 0) {
<th class="num pos-col-morning" title="Count received from vault this morning">Morning</th>
}
<th style="text-align: center">Current Count</th>
<th class="num">Amount</th>
</tr>
</thead>
@@ -107,6 +148,9 @@
<td>
<span class="pg-chip pg-chip--coin">₹{{ d.denominationValue }}</span>
</td>
@if (pos.morningTotal > 0) {
<td class="num pos-morning-val">{{ d.morningCount || '—' }}</td>
}
<td style="text-align: center; font-weight: 700">{{ d.count }}</td>
<td class="num">₹{{ d.amount | number: '1.2-2' }}</td>
</tr>