feat: cashier denomination-wise opening & closing balance panels in all deposit/withdrawal forms

OVERVIEW -------- Added real-time cashier cash position display inside the denomination breakdown panel of all 4 transaction entry screens: Savings, Current Account, Recurring Deposit, and Fixed Deposit. Shows opening balance at the top and projected closing balance at the bottom after factoring in the current transaction. BACKEND INTEGRATION ------------------- - New CashierService (src/app/cashier/cashier.service.ts) getCashierPositionForMe(asOfDate?) calls GET /cashreports/cashier-position/me Returns denomination-wise opening cash position for the logged-in cashier user. Non-cashier users receive empty denominations array; UI hides panels silently. OPENING BALANCE CARD (top of denomination panel) ------------------------------------------------- - Loaded on ngOnInit() via loadOpeningPosition() in all 4 component .ts files - Notes and Coins displayed in separate labeled pill sections - Each pill shows: Rs{value} x{count} format - Card is hidden entirely if the logged-in user is not a cashier CLOSING BALANCE CARD (below tally / Apply button) -------------------------------------------------- - Computed getter closingDenoms() merges opening position with entered denominations deposit: closingCount = openCount + enteredCount withdrawal: closingCount = openCount - enteredCount - Notes and Coins in separate labeled pill sections (identical format to opening) - Entered/changed denominations (delta != 0): full opacity + bold font weight - Untouched denominations (delta = 0): 38% opacity, clearly dimmed, no borders - closingTotal = openingTotal +/- denominationTotal shown in card header - Card turns green for positive closing balance, red for negative COMPONENTS UPDATED ------------------ - savings-account-transactions (.ts / .html / .scss) - current-account-transactions (.ts / .html / .scss) - deposit-recurring-deposits-account (.ts / .html / .scss) - fixed-deposits-cash-transaction (.ts / .html / .scss) CASHIER MODULE (new - src/app/cashier/) ----------------------------------------- Full cashier workspace module added to the app: - cashier.service.ts API calls (position, transfers, settlement, etc.) - cashier.module.ts Angular module declaration - cashier-routing.module.ts Lazy-loaded routes - cashier-position/ Cashier cash position dashboard - cash-exchange-entry/ Cash exchange denomination entry - cash-history/ Transaction history per cashier - cash-settlement/ End-of-day cash settlement - cash-transfer/ Vault-to-cashier cash transfer - inter-cashier-transfer/ Transfer between cashier drawers - reconciliation/ Cash reconciliation with GL - closing-cash-report/ Closing balance report - currency-exchange-detail/ Currency exchange breakdown - excess-transaction-report/ Excess/short transaction report Module wired into app.module.ts and shell nav (shell.component.html). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-28 17:39:31 +05:30
parent 555d9fb4b7
commit 7ccaffa7f1
43 changed files with 5302 additions and 8 deletions
@@ -0,0 +1,89 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { Route } from '../core/route/route.service';
+import { CashExchangeEntryComponent } from './cash-exchange-entry/cash-exchange-entry.component';
+import { CurrencyExchangeDetailComponent } from './currency-exchange-detail/currency-exchange-detail.component';
+import { CashTransferComponent } from './cash-transfer/cash-transfer.component';
+import { CashSettlementComponent } from './cash-settlement/cash-settlement.component';
+import { InterCashierTransferComponent } from './inter-cashier-transfer/inter-cashier-transfer.component';
+import { CashierPositionComponent } from './cashier-position/cashier-position.component';
+import { ReconciliationComponent } from './reconciliation/reconciliation.component';
+import { CashHistoryComponent } from './cash-history/cash-history.component';
+import { ClosingCashReportComponent } from './closing-cash-report/closing-cash-report.component';
+import { ExcessTransactionReportComponent } from './excess-transaction-report/excess-transaction-report.component';
+
+const routes: Routes = [
+  Route.withShell([
+    {
+      path: 'cashier',
+      data: { title: 'Cashier', breadcrumb: 'Cashier' },
+      children: [
+        {
+          path: 'cash-exchange',
+          component: CashExchangeEntryComponent,
+          data: { title: 'Cash Exchange Entry', breadcrumb: 'Cash Exchange Entry' }
+        },
+        {
+          path: 'exchange-detail',
+          component: CurrencyExchangeDetailComponent,
+          data: { title: 'Currency Exchange Detail', breadcrumb: 'Currency Exchange Detail' }
+        },
+        {
+          path: 'cash-transfer',
+          component: CashTransferComponent,
+          data: { title: 'Cash Transfer', breadcrumb: 'Cash Transfer' }
+        },
+        {
+          path: 'cash-settlement',
+          component: CashSettlementComponent,
+          data: { title: 'Cash Settlement', breadcrumb: 'Cash Settlement' }
+        },
+        {
+          path: 'inter-cashier',
+          component: InterCashierTransferComponent,
+          data: { title: 'Inter-Cashier Transfer', breadcrumb: 'Inter-Cashier Transfer' }
+        },
+        {
+          path: 'cashier-position',
+          component: CashierPositionComponent,
+          data: { title: 'Cashier Position', breadcrumb: 'Cashier Position' }
+        },
+        {
+          path: 'reconciliation',
+          component: ReconciliationComponent,
+          data: { title: 'Reconciliation', breadcrumb: 'Reconciliation' }
+        },
+        {
+          path: 'cash-history',
+          component: CashHistoryComponent,
+          data: { title: 'Cash History', breadcrumb: 'Cash History' }
+        },
+        {
+          path: 'closing-report',
+          component: ClosingCashReportComponent,
+          data: { title: 'Closing Cash Report', breadcrumb: 'Closing Cash Report' }
+        },
+        {
+          path: 'excess-report',
+          component: ExcessTransactionReportComponent,
+          data: { title: 'Excess Transaction Report', breadcrumb: 'Excess Transaction Report' }
+        }
+      ]
+    }
+  ])
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CashierRoutingModule {}