feat: add 11 banking compliance & accounting report modules
Adds dialog components and feature modules for RBI/banking compliance, KYC, and accounting reports. Wires them into the shell menu (RBI, General Ledger, CKYC Mgmt, Others, Insurance) and dashboard cards. Dialog components (lazy-loaded MatDialog): - PSL Returns (Form III) — dashboard card + RBI menu - ALM Statement of Structural Liquidity (Form ALM-1) — RBI menu - CIMS / XBRL Returns (OSS-2 / PSA / RAL / RCP-UCB) — RBI menu, shared dialog with form-pill switcher - CIC DQR (CIBIL / Experian / Equifax / CRIF, 72-col TUDF) — Others menu + dashboard card - CKYC Compliance Reports (Re-KYC / Risk Review / CERSAI) — CKYC Mgmt - Accounting Reports (P&L / Balance Sheet / Comparative B/S / GL DR/CR / Misc Expense Ledger) — General Ledger menu Feature modules (Route.withShell): - DEAF (/deaf): Form I, Form II, Annex 4, accounts register - DICGC (/dicgc): Slab Report, SAHAY Depositor List - FIU-IND (/fiu): FINnet 2.0 Statement of Financial Transactions - SFT (/sft): Income Tax Section 285BA SFT - CKYC Reports (/ckyc/ckyc-reports): standalone dashboard UI: - Theme-colored icons on 22 wired menu links across 5 menus — visually distinguishes wired (colored) from placeholder (gray) links. - Backdrop classes per dialog in main.scss. All using dummy data (Bharat Urban Bank Ltd, Karthik Kamath as Principal Officer, dummy customer names) — no real bank or customer references. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Aditya
co-authored by
Claude Opus 4.7
Claude Opus 4.7
parent
634003a75c
commit
12bfc81219
+646
@@ -0,0 +1,646 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="acr-dlg">
|
||||
<!-- HEADER -->
|
||||
<div class="acr-head">
|
||||
<div class="acr-head-left">
|
||||
<div class="acr-head-ic"><fa-icon icon="book-open"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="acr-title">Accounting Reports — {{ currentReport.name }}</h2>
|
||||
<p class="acr-sub">{{ currentReport.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="acr-head-actions">
|
||||
<span class="acr-meta"> <fa-icon icon="university"></fa-icon> {{ bank.name }} </span>
|
||||
<span class="acr-meta">
|
||||
<fa-icon icon="calendar"></fa-icon> FY <strong>{{ bank.fiscalYear }}</strong>
|
||||
</span>
|
||||
<button class="acr-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- REPORT SELECTOR -->
|
||||
<div class="acr-sel-bar">
|
||||
<span class="acr-sel-l">Report:</span>
|
||||
<button
|
||||
*ngFor="let r of reports"
|
||||
class="acr-sel-pill"
|
||||
[class.active]="activeReport === r.code"
|
||||
(click)="setReport(r.code)"
|
||||
>
|
||||
<fa-icon [icon]="r.icon"></fa-icon> {{ r.name }}
|
||||
</button>
|
||||
<span class="acr-sel-group-tag">{{ currentReport.group }}</span>
|
||||
</div>
|
||||
|
||||
<div class="acr-body">
|
||||
<!-- ════════════ PROFIT & LOSS ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'PNL'">
|
||||
<div class="acr-stats">
|
||||
<div class="acr-stat-card good">
|
||||
<div class="acr-stat-l">Total Income</div>
|
||||
<div class="acr-stat-v">₹ {{ totalIncome / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ totalIncome | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card alert">
|
||||
<div class="acr-stat-l">Total Expenditure</div>
|
||||
<div class="acr-stat-v">₹ {{ totalExpenditure / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ totalExpenditure | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card" [ngClass]="netProfit >= 0 ? 'good' : 'alert'">
|
||||
<div class="acr-stat-l">Net Profit / (Loss)</div>
|
||||
<div class="acr-stat-v">
|
||||
{{ netProfit >= 0 ? '+' : '' }}₹ {{ netProfit / 100 | number: '1.2-2' }} Cr
|
||||
</div>
|
||||
<div class="acr-stat-meta">Margin: {{ netProfitPct.toFixed(2) }}%</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Reporting Period</div>
|
||||
<div class="acr-stat-v" style="font-size: 14px">{{ bank.period }}</div>
|
||||
<div class="acr-stat-meta">{{ bank.branchCount }} branches consolidated</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acr-section">
|
||||
<div class="acr-sec-h">
|
||||
<h3 class="acr-sec-t">Profit & Loss A/c — FY {{ bank.fiscalYear }} (₹ in Lakhs)</h3>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportPnlCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-pnl-grid">
|
||||
<!-- INCOME side -->
|
||||
<div class="acr-pnl-side">
|
||||
<h4 class="acr-pnl-side-t income">Income</h4>
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<ng-container *ngFor="let sub of pnlIncomeSubgroups">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2" class="acr-sub-h">{{ sub }}</th>
|
||||
<th class="ta-r">₹ Lakh</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let l of pnlLinesIn('INCOME', sub)">
|
||||
<td class="mono">{{ l.code }}</td>
|
||||
<td>{{ l.label }}</td>
|
||||
<td class="ta-r">{{ l.amount | number: '1.2-2' }}</td>
|
||||
</tr>
|
||||
<tr class="row-sub-total">
|
||||
<td colspan="2">
|
||||
<strong>Sub-total — {{ sub }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ subTotal('INCOME', sub) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</ng-container>
|
||||
<tfoot>
|
||||
<tr class="row-total income">
|
||||
<td colspan="2"><strong>Total Income</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalIncome | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EXPENDITURE side -->
|
||||
<div class="acr-pnl-side">
|
||||
<h4 class="acr-pnl-side-t expense">Expenditure</h4>
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<ng-container *ngFor="let sub of pnlExpSubgroups">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2" class="acr-sub-h">{{ sub }}</th>
|
||||
<th class="ta-r">₹ Lakh</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let l of pnlLinesIn('EXPENDITURE', sub)">
|
||||
<td class="mono">{{ l.code }}</td>
|
||||
<td>{{ l.label }}</td>
|
||||
<td class="ta-r">{{ l.amount | number: '1.2-2' }}</td>
|
||||
</tr>
|
||||
<tr class="row-sub-total">
|
||||
<td colspan="2">
|
||||
<strong>Sub-total — {{ sub }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ subTotal('EXPENDITURE', sub) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</ng-container>
|
||||
<tfoot>
|
||||
<tr class="row-total expense">
|
||||
<td colspan="2"><strong>Total Expenditure</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalExpenditure | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Net profit row -->
|
||||
<div class="acr-pnl-net" [ngClass]="netProfit >= 0 ? 'good' : 'alert'">
|
||||
<span class="acr-pnl-net-l">
|
||||
<fa-icon [icon]="netProfit >= 0 ? 'arrow-up' : 'arrow-down'"></fa-icon>
|
||||
<strong>Net {{ netProfit >= 0 ? 'Profit' : 'Loss' }} for the Year</strong>
|
||||
</span>
|
||||
<span class="acr-pnl-net-v">
|
||||
₹ {{ netProfit | number: '1.2-2' }} Lakh
|
||||
<span class="acr-pnl-net-pct">({{ netProfitPct.toFixed(2) }}% of Income)</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ BALANCE SHEET (single period) ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'BALANCE-SHEET'">
|
||||
<div class="acr-stats">
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Total Capital & Liabilities</div>
|
||||
<div class="acr-stat-v">₹ {{ totalLiabilities / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ totalLiabilities | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Total Assets</div>
|
||||
<div class="acr-stat-v">₹ {{ totalAssets / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ totalAssets | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card" [ngClass]="totalLiabilities === totalAssets ? 'good' : 'alert'">
|
||||
<div class="acr-stat-l">B/S Tally</div>
|
||||
<div class="acr-stat-v">
|
||||
{{ totalLiabilities === totalAssets ? 'BALANCED' : 'MISMATCH' }}
|
||||
</div>
|
||||
<div class="acr-stat-meta">Diff: {{ totalAssets - totalLiabilities | number: '1.2-2' }}</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">As On Date</div>
|
||||
<div class="acr-stat-v" style="font-size: 16px">{{ bank.asOnDate }}</div>
|
||||
<div class="acr-stat-meta">{{ bank.quarter }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acr-section">
|
||||
<div class="acr-sec-h">
|
||||
<h3 class="acr-sec-t">Balance Sheet — As on {{ bank.asOnDate }} (₹ in Lakhs)</h3>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportBsCsv(false)">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-bs-grid">
|
||||
<!-- Liabilities -->
|
||||
<div class="acr-pnl-side">
|
||||
<h4 class="acr-pnl-side-t expense">Capital & Liabilities</h4>
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<ng-container *ngFor="let g of bsGroupsBySide('CAPITAL-LIAB')">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2" class="acr-sub-h">{{ g }}</th>
|
||||
<th class="ta-r">₹ Lakh</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let l of bsLinesInGroup('CAPITAL-LIAB', g)">
|
||||
<td class="mono">{{ l.code }}</td>
|
||||
<td>{{ l.label }}</td>
|
||||
<td class="ta-r">{{ l.amount | number: '1.2-2' }}</td>
|
||||
</tr>
|
||||
<tr class="row-sub-total">
|
||||
<td colspan="2"><strong>Sub-total</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ bsSubTotal('CAPITAL-LIAB', g) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</ng-container>
|
||||
<tfoot>
|
||||
<tr class="row-total expense">
|
||||
<td colspan="2"><strong>Total Capital & Liabilities</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalLiabilities | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Assets -->
|
||||
<div class="acr-pnl-side">
|
||||
<h4 class="acr-pnl-side-t income">Assets</h4>
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<ng-container *ngFor="let g of bsGroupsBySide('ASSETS')">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2" class="acr-sub-h">{{ g }}</th>
|
||||
<th class="ta-r">₹ Lakh</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let l of bsLinesInGroup('ASSETS', g)">
|
||||
<td class="mono">{{ l.code }}</td>
|
||||
<td>{{ l.label }}</td>
|
||||
<td class="ta-r">{{ l.amount | number: '1.2-2' }}</td>
|
||||
</tr>
|
||||
<tr class="row-sub-total">
|
||||
<td colspan="2"><strong>Sub-total</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ bsSubTotal('ASSETS', g) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</ng-container>
|
||||
<tfoot>
|
||||
<tr class="row-total income">
|
||||
<td colspan="2"><strong>Total Assets</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalAssets | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ COMPARATIVE B/S ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'COMPARATIVE-BS'">
|
||||
<div class="acr-stats">
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Total Liab — {{ bank.fiscalYear }}</div>
|
||||
<div class="acr-stat-v">₹ {{ totalLiabilities / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">vs {{ totalLiabilitiesPrev / 100 | number: '1.2-2' }} Cr (PY)</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Total Assets — {{ bank.fiscalYear }}</div>
|
||||
<div class="acr-stat-v">₹ {{ totalAssets / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">vs {{ totalAssetsPrev / 100 | number: '1.2-2' }} Cr (PY)</div>
|
||||
</div>
|
||||
<div class="acr-stat-card good">
|
||||
<div class="acr-stat-l">Asset Growth %</div>
|
||||
<div class="acr-stat-v">+{{ variationPct(totalAssets, totalAssetsPrev).toFixed(2) }}%</div>
|
||||
<div class="acr-stat-meta">{{ variation(totalAssets, totalAssetsPrev) | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card good">
|
||||
<div class="acr-stat-l">Deposit Growth %</div>
|
||||
<div class="acr-stat-v">
|
||||
+{{
|
||||
variationPct(
|
||||
bsSubTotal('CAPITAL-LIAB', 'Deposits'),
|
||||
bsSubTotal('CAPITAL-LIAB', 'Deposits', true)
|
||||
).toFixed(2)
|
||||
}}%
|
||||
</div>
|
||||
<div class="acr-stat-meta">All deposit categories</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acr-section">
|
||||
<div class="acr-sec-h">
|
||||
<h3 class="acr-sec-t">
|
||||
Comparative Balance Sheet — FY {{ bank.fiscalYear }} vs FY {{ bank.prevFiscalYear }}
|
||||
</h3>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportBsCsv(true)">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl acr-comp-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Code</th>
|
||||
<th>Particulars</th>
|
||||
<th class="ta-c">Side / Group</th>
|
||||
<th class="ta-r">FY {{ bank.fiscalYear }}</th>
|
||||
<th class="ta-r">FY {{ bank.prevFiscalYear }}</th>
|
||||
<th class="ta-r">Variation</th>
|
||||
<th class="ta-r">Variation %</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<ng-container *ngFor="let l of bs">
|
||||
<tr>
|
||||
<td class="mono">{{ l.code }}</td>
|
||||
<td>{{ l.label }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="side-pill" [ngClass]="l.side === 'CAPITAL-LIAB' ? 'side-liab' : 'side-asset'">{{
|
||||
l.group
|
||||
}}</span>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ l.amount | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">{{ l.prevAmount | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [ngClass]="variation(l.amount, l.prevAmount) >= 0 ? 'pos' : 'neg'">
|
||||
{{ variation(l.amount, l.prevAmount) >= 0 ? '+' : ''
|
||||
}}{{ variation(l.amount, l.prevAmount) | number: '1.2-2' }}
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="variation(l.amount, l.prevAmount) >= 0 ? 'pos' : 'neg'">
|
||||
<strong>
|
||||
{{ variationPct(l.amount, l.prevAmount) >= 0 ? '+' : ''
|
||||
}}{{ variationPct(l.amount, l.prevAmount).toFixed(2) }}%
|
||||
</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</ng-container>
|
||||
<tr class="row-total">
|
||||
<td colspan="3"><strong>TOTAL CAPITAL & LIABILITIES</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalLiabilities | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">{{ totalLiabilitiesPrev | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [ngClass]="variation(totalLiabilities, totalLiabilitiesPrev) >= 0 ? 'pos' : 'neg'">
|
||||
{{ variation(totalLiabilities, totalLiabilitiesPrev) | number: '1.2-2' }}
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="variation(totalLiabilities, totalLiabilitiesPrev) >= 0 ? 'pos' : 'neg'">
|
||||
<strong>+{{ variationPct(totalLiabilities, totalLiabilitiesPrev).toFixed(2) }}%</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td colspan="3"><strong>TOTAL ASSETS</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalAssets | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">{{ totalAssetsPrev | number: '1.2-2' }}</td>
|
||||
<td class="ta-r pos">{{ variation(totalAssets, totalAssetsPrev) | number: '1.2-2' }}</td>
|
||||
<td class="ta-r pos">
|
||||
<strong>+{{ variationPct(totalAssets, totalAssetsPrev).toFixed(2) }}%</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ GL DR/CR ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'GL-DR-CR'">
|
||||
<div class="acr-stats">
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">GL Accounts</div>
|
||||
<div class="acr-stat-v">{{ glReport.length }}</div>
|
||||
<div class="acr-stat-meta">Filtered: {{ filteredGl.length }}</div>
|
||||
</div>
|
||||
<div class="acr-stat-card good">
|
||||
<div class="acr-stat-l">Total Credits</div>
|
||||
<div class="acr-stat-v">₹ {{ glTotalCredit / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ glTotalCredit | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card alert">
|
||||
<div class="acr-stat-l">Total Debits</div>
|
||||
<div class="acr-stat-v">₹ {{ glTotalDebit / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="acr-stat-meta">{{ glTotalDebit | number: '1.2-2' }} Lakh</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Period</div>
|
||||
<div class="acr-stat-v" style="font-size: 14px">
|
||||
{{ bank.quarterFrom }}
|
||||
<fa-icon icon="long-arrow-alt-right"></fa-icon>
|
||||
{{ bank.quarterTo }}
|
||||
</div>
|
||||
<div class="acr-stat-meta">Consolidated across {{ bank.branchCount }} branches</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acr-section">
|
||||
<div class="acr-sec-h">
|
||||
<h3 class="acr-sec-t">GL Wise Debit / Credit Report</h3>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportGlCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-filters">
|
||||
<div class="acr-f">
|
||||
<label>Group</label>
|
||||
<select [(ngModel)]="glFilterGroup">
|
||||
<option value="">All Groups</option>
|
||||
<option value="ASSET">Asset</option>
|
||||
<option value="LIABILITY">Liability</option>
|
||||
<option value="INCOME">Income</option>
|
||||
<option value="EXPENSE">Expense</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="acr-f">
|
||||
<label>Search (Code or Description)</label>
|
||||
<input type="text" placeholder="e.g. 110001 or Capital…" [(ngModel)]="glFilterSearch" />
|
||||
</div>
|
||||
<button class="acr-f-reset" (click)="resetGlFilters()" matTooltip="Reset">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>A/C Code</th>
|
||||
<th>Description</th>
|
||||
<th class="ta-c">Group</th>
|
||||
<th class="ta-r">Opening</th>
|
||||
<th class="ta-r">Debit</th>
|
||||
<th class="ta-r">Credit</th>
|
||||
<th class="ta-r">Closing</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let g of filteredGl">
|
||||
<td class="mono cell-acc">{{ g.acCode }}</td>
|
||||
<td>{{ g.description }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="grp-pill" [ngClass]="glGroupClass(g.group)">{{ g.group }}</span>
|
||||
</td>
|
||||
<td class="ta-r">{{ g.opening | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [class.neg]="g.debit > 0">{{ g.debit | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [class.pos]="g.credit > 0">{{ g.credit | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ g.closing | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td colspan="3"><strong>TOTAL</strong></td>
|
||||
<td class="ta-r">—</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ glTotalDebit | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ glTotalCredit | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">—</td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredGl.length === 0">
|
||||
<td colspan="7" class="empty">No GL accounts match the current filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ MISC EXPENSE LEDGER ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'MISC-EXP'">
|
||||
<div class="acr-stats">
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Total Vouchers</div>
|
||||
<div class="acr-stat-v">{{ miscExp.length }}</div>
|
||||
<div class="acr-stat-meta">Filtered: {{ filteredMisc.length }}</div>
|
||||
</div>
|
||||
<div class="acr-stat-card alert">
|
||||
<div class="acr-stat-l">Total Withdrawal</div>
|
||||
<div class="acr-stat-v">₹ {{ miscTotalWithdrawal | number }}</div>
|
||||
<div class="acr-stat-meta">Filtered subset</div>
|
||||
</div>
|
||||
<div class="acr-stat-card good">
|
||||
<div class="acr-stat-l">Total Deposit (Reversals)</div>
|
||||
<div class="acr-stat-v">₹ {{ miscTotalDeposit | number }}</div>
|
||||
<div class="acr-stat-meta">Cancelled / refunded</div>
|
||||
</div>
|
||||
<div class="acr-stat-card">
|
||||
<div class="acr-stat-l">Period</div>
|
||||
<div class="acr-stat-v" style="font-size: 14px">
|
||||
{{ bank.quarterFrom }}
|
||||
<fa-icon icon="long-arrow-alt-right"></fa-icon>
|
||||
{{ bank.quarterTo }}
|
||||
</div>
|
||||
<div class="acr-stat-meta">Report Ref {{ bank.reportRefNo }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acr-section">
|
||||
<div class="acr-sec-h">
|
||||
<h3 class="acr-sec-t">Misc Expense Ledger — {{ bank.quarterFrom }} TO {{ bank.quarterTo }}</h3>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportMiscCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-filters">
|
||||
<div class="acr-f">
|
||||
<label>Branch</label>
|
||||
<input type="text" placeholder="Search branch…" [(ngModel)]="miscFilterBranch" />
|
||||
</div>
|
||||
<div class="acr-f">
|
||||
<label>Mode</label>
|
||||
<select [(ngModel)]="miscFilterMode">
|
||||
<option value="">All</option>
|
||||
<option value="CASH">Cash</option>
|
||||
<option value="CHEQUE">Cheque</option>
|
||||
<option value="TRF">Transfer</option>
|
||||
<option value="NEFT">NEFT</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="acr-f-reset" (click)="resetMiscFilters()" matTooltip="Reset">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Branch</th>
|
||||
<th>Voucher</th>
|
||||
<th>CHQ_NO</th>
|
||||
<th>Description</th>
|
||||
<th class="ta-c">Mode</th>
|
||||
<th class="ta-r">Withdrawal</th>
|
||||
<th class="ta-r">Deposit</th>
|
||||
<th class="ta-r">Balance</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let r of filteredMisc">
|
||||
<td class="mono">{{ r.txnDate }}</td>
|
||||
<td>
|
||||
{{ r.branch }} <span class="muted">({{ r.branchCode }})</span>
|
||||
</td>
|
||||
<td class="mono">{{ r.voucherNo }}</td>
|
||||
<td class="mono">{{ r.chequeNo }}</td>
|
||||
<td>{{ r.description }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="mode-pill" [ngClass]="'mode-' + r.mode.toLowerCase()">{{ r.mode }}</span>
|
||||
</td>
|
||||
<td class="ta-r" [class.neg]="r.withdrawal > 0">
|
||||
{{ r.withdrawal > 0 ? (r.withdrawal | number) : '—' }}
|
||||
</td>
|
||||
<td class="ta-r" [class.pos]="r.deposit > 0">
|
||||
{{ r.deposit > 0 ? (r.deposit | number) : '—' }}
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ r.balance | number }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td colspan="6"><strong>GRAND TOTAL</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ miscTotalWithdrawal | number }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ miscTotalDeposit | number }}</strong>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredMisc.length === 0">
|
||||
<td colspan="9" class="empty">No vouchers match the current filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4 class="acr-sub-tt">Branch-wise Net Total</h4>
|
||||
<div class="acr-tbl-wrap">
|
||||
<table class="acr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Branch</th>
|
||||
<th class="ta-r">Net Withdrawal (₹)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let bt of miscBranchTotals">
|
||||
<td>{{ bt.branch }}</td>
|
||||
<td class="ta-r">{{ bt.total | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<div class="acr-footer">
|
||||
<div class="acr-footer-l">
|
||||
<fa-icon icon="check-double"></fa-icon> Certified by <strong>{{ bank.principalOfficer }}</strong> —
|
||||
{{ bank.poDesignation }} · Auditor: {{ bank.auditor }}
|
||||
</div>
|
||||
<button mat-stroked-button class="acr-btn-xls" (click)="exportCurrentCsv()">
|
||||
<fa-icon icon="file-export"></fa-icon> Export {{ currentReport.name }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
+706
@@ -0,0 +1,706 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--acr-good: #15803d;
|
||||
--acr-good-l: #dcfce7;
|
||||
--acr-mid: #d97706;
|
||||
--acr-mid-l: #fef3c7;
|
||||
--acr-low: #c0392b;
|
||||
--acr-low-l: #fdecea;
|
||||
--acr-amber: #b45309;
|
||||
--acr-amber-l: #fef3c7;
|
||||
--acr-emerald: #059669;
|
||||
--acr-emerald-l: #d1fae5;
|
||||
--acr-blue: #2563eb;
|
||||
--acr-blue-l: #dbeafe;
|
||||
--acr-purple: #6d28d9;
|
||||
--acr-purple-l: #ede9fe;
|
||||
--acr-pink: #be185d;
|
||||
--acr-pink-l: #fce7f3;
|
||||
--acr-g50: #f8fafc;
|
||||
--acr-g100: #f1f5f9;
|
||||
--acr-g200: #e2e8f0;
|
||||
--acr-g300: #cbd5e1;
|
||||
--acr-g500: #64748b;
|
||||
--acr-g700: #334155;
|
||||
--acr-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--acr-g900);
|
||||
}
|
||||
|
||||
.acr-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 92vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.acr-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--acr-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #fffbeb 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.acr-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.acr-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--acr-amber-l);
|
||||
color: var(--acr-amber);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.acr-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g900);
|
||||
}
|
||||
|
||||
.acr-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--acr-g500);
|
||||
}
|
||||
|
||||
.acr-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.acr-meta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
color: var(--acr-g500);
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 6px;
|
||||
|
||||
fa-icon {
|
||||
color: var(--acr-amber);
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.acr-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--acr-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--acr-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--acr-g100);
|
||||
color: var(--acr-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* SELECTOR */
|
||||
.acr-sel-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 22px;
|
||||
background: var(--acr-g50);
|
||||
border-bottom: 1px solid var(--acr-g200);
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.acr-sel-l {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.acr-sel-pill {
|
||||
padding: 7px 16px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--acr-g200);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--acr-g700);
|
||||
transition: all 0.15s;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
fa-icon {
|
||||
color: var(--acr-g500);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--acr-amber-l);
|
||||
border-color: var(--acr-amber);
|
||||
color: var(--acr-amber);
|
||||
|
||||
fa-icon {
|
||||
color: var(--acr-amber);
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: var(--acr-amber);
|
||||
border-color: var(--acr-amber);
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 6px rgb(180 83 9 / 25%);
|
||||
|
||||
fa-icon {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.acr-sel-group-tag {
|
||||
margin-left: auto;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g500);
|
||||
padding: 4px 10px;
|
||||
background: #fff;
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 6px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.acr-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
background: var(--acr-g50);
|
||||
}
|
||||
|
||||
/* STATS */
|
||||
.acr-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.acr-stat-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
|
||||
&.alert {
|
||||
background: var(--acr-low-l);
|
||||
border-color: var(--acr-low);
|
||||
|
||||
.acr-stat-v {
|
||||
color: var(--acr-low);
|
||||
}
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background: var(--acr-mid-l);
|
||||
border-color: var(--acr-mid);
|
||||
|
||||
.acr-stat-v {
|
||||
color: var(--acr-mid);
|
||||
}
|
||||
}
|
||||
|
||||
&.good {
|
||||
background: var(--acr-good-l);
|
||||
border-color: var(--acr-good);
|
||||
|
||||
.acr-stat-v {
|
||||
color: var(--acr-good);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.acr-stat-l {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--acr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.acr-stat-v {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g900);
|
||||
line-height: 1.2;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.acr-stat-meta {
|
||||
font-size: 11px;
|
||||
color: var(--acr-g500);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* SECTION */
|
||||
.acr-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.acr-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.acr-sec-t {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g700);
|
||||
}
|
||||
|
||||
.acr-sub-tt {
|
||||
margin: 18px 0 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: var(--acr-g700);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px dashed var(--acr-g200);
|
||||
}
|
||||
|
||||
.acr-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: var(--acr-amber) !important;
|
||||
}
|
||||
|
||||
/* P&L / B/S TWO-COLUMN GRID */
|
||||
.acr-pnl-grid,
|
||||
.acr-bs-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.acr-pnl-side {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.acr-pnl-side-t {
|
||||
margin: 0;
|
||||
padding: 8px 12px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
border-radius: 6px;
|
||||
|
||||
&.income {
|
||||
background: var(--acr-good-l);
|
||||
color: var(--acr-good);
|
||||
}
|
||||
|
||||
&.expense {
|
||||
background: var(--acr-low-l);
|
||||
color: var(--acr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.acr-pnl-net {
|
||||
margin-top: 14px;
|
||||
padding: 14px 18px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
|
||||
&.good {
|
||||
background: var(--acr-good-l);
|
||||
color: var(--acr-good);
|
||||
}
|
||||
|
||||
&.alert {
|
||||
background: var(--acr-low-l);
|
||||
color: var(--acr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.acr-pnl-net-l {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.acr-pnl-net-v {
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
|
||||
.acr-pnl-net-pct {
|
||||
margin-left: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
/* FILTERS */
|
||||
.acr-filters {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
padding: 12px 14px;
|
||||
background: var(--acr-g50);
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.acr-f {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 160px;
|
||||
|
||||
label {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--acr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
select,
|
||||
input {
|
||||
height: 32px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
color: var(--acr-g900);
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: var(--acr-amber);
|
||||
box-shadow: 0 0 0 3px rgb(180 83 9 / 12%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.acr-f-reset {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--acr-g200);
|
||||
background: #fff;
|
||||
color: var(--acr-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--acr-low-l);
|
||||
color: var(--acr-low);
|
||||
border-color: var(--acr-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.acr-tbl-wrap {
|
||||
border: 1px solid var(--acr-g200);
|
||||
border-radius: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.acr-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--acr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--acr-g50);
|
||||
border-bottom: 1px solid var(--acr-g200);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 8px 14px;
|
||||
border-bottom: 1px solid var(--acr-g100);
|
||||
font-size: 13px;
|
||||
color: var(--acr-g700);
|
||||
vertical-align: middle;
|
||||
|
||||
&.pos {
|
||||
color: var(--acr-good);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.neg {
|
||||
color: var(--acr-low);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--acr-g50);
|
||||
}
|
||||
|
||||
.row-sub-total td {
|
||||
background: var(--acr-g100);
|
||||
color: var(--acr-g900);
|
||||
}
|
||||
|
||||
.row-total td {
|
||||
background: var(--acr-amber-l);
|
||||
color: var(--acr-g900);
|
||||
font-weight: 700;
|
||||
border-top: 2px solid var(--acr-amber);
|
||||
}
|
||||
|
||||
.row-total.income td {
|
||||
background: var(--acr-good-l);
|
||||
border-top-color: var(--acr-good);
|
||||
color: var(--acr-good);
|
||||
}
|
||||
|
||||
.row-total.expense td {
|
||||
background: var(--acr-low-l);
|
||||
border-top-color: var(--acr-low);
|
||||
color: var(--acr-low);
|
||||
}
|
||||
|
||||
.acr-sub-h {
|
||||
font-size: 11px;
|
||||
color: var(--acr-amber);
|
||||
font-weight: 700;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--acr-g200);
|
||||
}
|
||||
}
|
||||
|
||||
.cell-acc {
|
||||
color: var(--acr-amber);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* GROUP PILLS */
|
||||
.grp-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
border-radius: 6px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
|
||||
&.gl-group-asset {
|
||||
background: var(--acr-blue-l);
|
||||
color: var(--acr-blue);
|
||||
}
|
||||
|
||||
&.gl-group-liability {
|
||||
background: var(--acr-purple-l);
|
||||
color: var(--acr-purple);
|
||||
}
|
||||
|
||||
&.gl-group-income {
|
||||
background: var(--acr-good-l);
|
||||
color: var(--acr-good);
|
||||
}
|
||||
|
||||
&.gl-group-expense {
|
||||
background: var(--acr-low-l);
|
||||
color: var(--acr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.side-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
|
||||
&.side-liab {
|
||||
background: var(--acr-low-l);
|
||||
color: var(--acr-low);
|
||||
}
|
||||
|
||||
&.side-asset {
|
||||
background: var(--acr-good-l);
|
||||
color: var(--acr-good);
|
||||
}
|
||||
}
|
||||
|
||||
.mode-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
|
||||
&.mode-cash {
|
||||
background: var(--acr-mid-l);
|
||||
color: var(--acr-mid);
|
||||
}
|
||||
|
||||
&.mode-cheque {
|
||||
background: var(--acr-blue-l);
|
||||
color: var(--acr-blue);
|
||||
}
|
||||
|
||||
&.mode-trf {
|
||||
background: var(--acr-purple-l);
|
||||
color: var(--acr-purple);
|
||||
}
|
||||
|
||||
&.mode-neft {
|
||||
background: var(--acr-emerald-l);
|
||||
color: var(--acr-emerald);
|
||||
}
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--acr-g300);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.empty {
|
||||
text-align: center;
|
||||
color: var(--acr-g500);
|
||||
padding: 24px !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.pos {
|
||||
color: var(--acr-good);
|
||||
}
|
||||
|
||||
.neg {
|
||||
color: var(--acr-low);
|
||||
}
|
||||
|
||||
/* DIALOG FOOTER */
|
||||
.acr-footer {
|
||||
padding: 12px 22px;
|
||||
border-top: 1px solid var(--acr-g200);
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.acr-footer-l {
|
||||
font-size: 12px;
|
||||
color: var(--acr-g500);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
fa-icon {
|
||||
color: var(--acr-amber);
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.acr-stats {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.acr-pnl-grid,
|
||||
.acr-bs-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 720px) {
|
||||
.acr-stats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.acr-head,
|
||||
.acr-sel-bar,
|
||||
.acr-footer {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
+1292
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,478 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="alm-dlg">
|
||||
<!-- HEADER -->
|
||||
<div class="alm-head">
|
||||
<div class="alm-head-left">
|
||||
<div class="alm-head-ic"><fa-icon icon="balance-scale"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="alm-title">Asset Liability Management — Structural Liquidity</h2>
|
||||
<p class="alm-sub">
|
||||
{{ bank.name }} · <strong>{{ bank.formCode }}</strong> · {{ bank.quarter }} · As on
|
||||
<strong>{{ bank.asOnDate }}</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alm-head-actions">
|
||||
<span class="alm-overall" [ngClass]="gap14dWithinTolerance && gap28dWithinTolerance ? 'on-target' : 'below'">
|
||||
<span class="alm-overall-l">14d Tolerance</span>
|
||||
<span class="alm-overall-v">{{ gap14dPct.toFixed(2) }}%</span>
|
||||
<span class="alm-overall-t">/ -{{ bank.tolerance14d }}%</span>
|
||||
</span>
|
||||
<button class="alm-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TABS -->
|
||||
<div class="alm-tabs">
|
||||
<button class="alm-tab" [class.active]="activeTab === 'dashboard'" (click)="setTab('dashboard')">
|
||||
<fa-icon icon="chart-pie"></fa-icon> Dashboard
|
||||
</button>
|
||||
<button class="alm-tab" [class.active]="activeTab === 'ladder'" (click)="setTab('ladder')">
|
||||
<fa-icon icon="layer-group"></fa-icon> Maturity Ladder
|
||||
</button>
|
||||
<button class="alm-tab" [class.active]="activeTab === 'monthly'" (click)="setTab('monthly')">
|
||||
<fa-icon icon="calendar-alt"></fa-icon> Monthly Snapshot
|
||||
</button>
|
||||
<button class="alm-tab" [class.active]="activeTab === 'returns'" (click)="setTab('returns')">
|
||||
<fa-icon icon="file-invoice"></fa-icon> Form ALM-1
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="alm-body">
|
||||
<!-- ════════════ DASHBOARD ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'dashboard'">
|
||||
<div class="alm-stats">
|
||||
<div class="alm-stat-card alm-stat-gauge">
|
||||
<div
|
||||
class="gauge"
|
||||
[style.--pct.%]="totalGapPct > 0 ? (totalGapPct > 100 ? 100 : totalGapPct) : 0"
|
||||
[ngClass]="totalGap >= 0 ? 'on-target' : 'below'"
|
||||
>
|
||||
<div class="gauge-inner">
|
||||
<div class="gauge-pct">{{ totalGapPct.toFixed(1) }}%</div>
|
||||
<div class="gauge-label">Net Gap / Outflow</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alm-stat-card">
|
||||
<div class="alm-stat-l">NDTL</div>
|
||||
<div class="alm-stat-v">₹ {{ bank.ndtl / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="alm-stat-meta">Net Demand & Time Liabilities</div>
|
||||
</div>
|
||||
<div class="alm-stat-card">
|
||||
<div class="alm-stat-l">Total Outflows</div>
|
||||
<div class="alm-stat-v">₹ {{ totalOutflow / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="alm-stat-meta">All maturity buckets</div>
|
||||
</div>
|
||||
<div class="alm-stat-card">
|
||||
<div class="alm-stat-l">Total Inflows</div>
|
||||
<div class="alm-stat-v">₹ {{ totalInflow / 100 | number: '1.2-2' }} Cr</div>
|
||||
<div class="alm-stat-meta" [ngClass]="totalGap >= 0 ? 'pos' : 'neg'">
|
||||
Net: {{ totalGap >= 0 ? '+' : '' }}{{ totalGap / 100 | number: '1.2-2' }} Cr
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TOLERANCE BARS -->
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">RBI Tolerance Limits — Cumulative Gap</h3>
|
||||
<span class="alm-circular">RBI MD: {{ bank.rbiCircular }}</span>
|
||||
</div>
|
||||
<div class="alm-tolerance">
|
||||
<div class="alm-tol-row" [ngClass]="gap14dWithinTolerance ? 'good' : 'bad'">
|
||||
<div class="alm-tol-h">
|
||||
<span class="alm-tol-l"
|
||||
><fa-icon icon="hourglass-half"></fa-icon> Cumulative Gap up to 14 days</span
|
||||
>
|
||||
<span class="alm-tol-p">
|
||||
<strong>{{ gap14dPct.toFixed(2) }}%</strong>
|
||||
<span class="alm-tol-lim">limit -{{ bank.tolerance14d }}%</span>
|
||||
<span class="alm-tol-st">{{ gap14dWithinTolerance ? 'WITHIN' : 'BREACH' }}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="alm-tol-track">
|
||||
<div
|
||||
class="alm-tol-fill"
|
||||
[style.width.%]="gap14dPct >= 0 ? 100 : 100 + (gap14dPct / bank.tolerance14d) * 100"
|
||||
></div>
|
||||
<div class="alm-tol-marker"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alm-tol-row" [ngClass]="gap28dWithinTolerance ? 'good' : 'bad'">
|
||||
<div class="alm-tol-h">
|
||||
<span class="alm-tol-l"><fa-icon icon="clock"></fa-icon> Cumulative Gap up to 30 days</span>
|
||||
<span class="alm-tol-p">
|
||||
<strong>{{ gap28dPct.toFixed(2) }}%</strong>
|
||||
<span class="alm-tol-lim">limit -{{ bank.tolerance28d }}%</span>
|
||||
<span class="alm-tol-st">{{ gap28dWithinTolerance ? 'WITHIN' : 'BREACH' }}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="alm-tol-track">
|
||||
<div
|
||||
class="alm-tol-fill"
|
||||
[style.width.%]="gap28dPct >= 0 ? 100 : 100 + (gap28dPct / bank.tolerance28d) * 100"
|
||||
></div>
|
||||
<div class="alm-tol-marker"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BUCKET MINI HEATMAP -->
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">Bucket-wise Mismatch Heatmap</h3>
|
||||
</div>
|
||||
<div class="alm-heatmap">
|
||||
<div
|
||||
*ngFor="let b of buckets"
|
||||
class="heat-cell"
|
||||
[ngClass]="bucketStatus(b)"
|
||||
[matTooltip]="b.label + ' — Gap: ' + bucketGapPct(b).toFixed(2) + '%'"
|
||||
>
|
||||
<div class="heat-code">{{ b.code }}</div>
|
||||
<div class="heat-pct">{{ bucketGapPct(b).toFixed(1) }}%</div>
|
||||
<div class="heat-lbl">{{ b.label }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">Reporting Snapshot</h3>
|
||||
</div>
|
||||
<div class="alm-info-grid">
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">Reporting Bank</div>
|
||||
<div class="alm-info-v">{{ bank.name }}</div>
|
||||
</div>
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">Branch</div>
|
||||
<div class="alm-info-v">{{ bank.branch }}</div>
|
||||
</div>
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">Principal Officer</div>
|
||||
<div class="alm-info-v">{{ bank.principalOfficer }}</div>
|
||||
</div>
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">Form Code</div>
|
||||
<div class="alm-info-v">{{ bank.formCode }}</div>
|
||||
</div>
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">Report Ref No</div>
|
||||
<div class="alm-info-v mono">{{ bank.reportRefNo }}</div>
|
||||
</div>
|
||||
<div class="alm-info">
|
||||
<div class="alm-info-l">User Code</div>
|
||||
<div class="alm-info-v mono">{{ bank.userCode }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ MATURITY LADDER ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'ladder'">
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">Statement of Structural Liquidity — Maturity Ladder</h3>
|
||||
<div class="alm-sec-actions">
|
||||
<select class="alm-sel" [(ngModel)]="filterBucket">
|
||||
<option value="">All Buckets</option>
|
||||
<option value="short">Short Term (≤ 30 days)</option>
|
||||
<option value="medium">Medium Term (1–12 months)</option>
|
||||
<option value="long">Long Term (> 1 year)</option>
|
||||
</select>
|
||||
<button mat-stroked-button class="alm-btn-xls" (click)="exportLadderCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alm-tbl-wrap">
|
||||
<table class="alm-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Bucket</th>
|
||||
<th>Time Period</th>
|
||||
<th class="ta-r">Outflow (Liab)</th>
|
||||
<th class="ta-r">Inflow (Assets)</th>
|
||||
<th class="ta-r">Gap</th>
|
||||
<th class="ta-r">Gap %</th>
|
||||
<th class="ta-c">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let b of filteredBuckets">
|
||||
<td class="mono">{{ b.code }}</td>
|
||||
<td>{{ b.label }}</td>
|
||||
<td class="ta-r">{{ b.outflow | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ b.inflow | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [ngClass]="bucketGap(b) >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ bucketGap(b) >= 0 ? '+' : '' }}{{ bucketGap(b) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="bucketGap(b) >= 0 ? 'pos' : 'neg'">
|
||||
{{ bucketGapPct(b) >= 0 ? '+' : '' }}{{ bucketGapPct(b).toFixed(2) }}%
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<span class="status-pill" [ngClass]="bucketStatus(b)">
|
||||
<ng-container *ngIf="bucketStatus(b) === 'surplus'">SURPLUS</ng-container>
|
||||
<ng-container *ngIf="bucketStatus(b) === 'deficit'">DEFICIT</ng-container>
|
||||
<ng-container *ngIf="bucketStatus(b) === 'balanced'">BALANCED</ng-container>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td colspan="2"><strong>TOTAL</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalOutflow | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalInflow | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="totalGap >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ totalGap >= 0 ? '+' : '' }}{{ totalGap | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="totalGap >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ totalGapPct >= 0 ? '+' : '' }}{{ totalGapPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Cumulative table -->
|
||||
<h4 class="form-iii-t">Cumulative Position</h4>
|
||||
<div class="alm-tbl-wrap">
|
||||
<table class="alm-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Through Bucket</th>
|
||||
<th class="ta-r">Cum. Outflow</th>
|
||||
<th class="ta-r">Cum. Inflow</th>
|
||||
<th class="ta-r">Cum. Gap</th>
|
||||
<th class="ta-r">Cum. Gap %</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let b of buckets; let i = index">
|
||||
<td>{{ b.code }} — {{ b.label }}</td>
|
||||
<td class="ta-r">{{ cumulativeOutflow(i) | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ cumulativeInflow(i) | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [ngClass]="cumulativeGap(i) >= 0 ? 'pos' : 'neg'">
|
||||
{{ cumulativeGap(i) >= 0 ? '+' : '' }}{{ cumulativeGap(i) | number: '1.2-2' }}
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="cumulativeGap(i) >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ cumulativeGapPct(i) >= 0 ? '+' : '' }}{{ cumulativeGapPct(i).toFixed(2) }}%</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ MONTHLY ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'monthly'">
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">Monthly Asset / Liability Snapshot — FY {{ bank.fiscalYear }}</h3>
|
||||
<button mat-stroked-button class="alm-btn-xls" (click)="exportMonthlyXls()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Export Excel
|
||||
</button>
|
||||
</div>
|
||||
<div class="alm-tbl-wrap">
|
||||
<table class="alm-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">Month</th>
|
||||
<th colspan="4" class="ta-c grp-liab">Liabilities (₹ Lakh)</th>
|
||||
<th colspan="4" class="ta-c grp-asset">Assets (₹ Lakh)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="ta-r">Reserve/Prov</th>
|
||||
<th class="ta-r">Borrowings</th>
|
||||
<th class="ta-r">FDs</th>
|
||||
<th class="ta-r">Total Liab</th>
|
||||
<th class="ta-r">Cash</th>
|
||||
<th class="ta-r">Investments</th>
|
||||
<th class="ta-r">Other Assets</th>
|
||||
<th class="ta-r">Total Assets</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let m of monthly">
|
||||
<td class="mono">{{ m.month }}</td>
|
||||
<td class="ta-r">{{ m.reserveProv | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ m.borrowings | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ m.fds | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ monthTotalLiab(m) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">{{ m.cashOnHand | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ m.investments | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ m.otherAssets | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ monthTotalAssets(m) | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td><strong>AVERAGE</strong></td>
|
||||
<td class="ta-r">{{ avg('reserveProv') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ avg('borrowings') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ avg('fds') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ avg('reserveProv') + avg('borrowings') + avg('fds') | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">{{ avg('cashOnHand') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ avg('investments') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ avg('otherAssets') | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ avg('cashOnHand') + avg('investments') + avg('otherAssets') | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ RETURNS / FORM ALM-1 ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'returns'">
|
||||
<div class="alm-section">
|
||||
<div class="alm-sec-h">
|
||||
<h3 class="alm-sec-t">{{ bank.formCode }} — Statement of Structural Liquidity</h3>
|
||||
<button mat-stroked-button class="alm-btn-xls" (click)="exportFormAlm()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Generate {{ bank.formCode }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="form-iii">
|
||||
<div class="form-iii-h">
|
||||
<div class="form-iii-bank">
|
||||
<strong>{{ bank.name }}</strong> — {{ bank.branch }}
|
||||
</div>
|
||||
<div class="form-iii-meta">
|
||||
<span><fa-icon icon="calendar"></fa-icon> As On {{ bank.asOnDate }}</span>
|
||||
<span><fa-icon icon="university"></fa-icon> {{ bank.quarter }}</span>
|
||||
<span class="mono"><fa-icon icon="hashtag"></fa-icon> Ref: {{ bank.reportRefNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="form-iii-t">A. NDTL & Reference</h4>
|
||||
<table class="alm-tbl form-tbl">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Net Demand & Time Liabilities (NDTL) (₹ Lakhs)</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ bank.ndtl | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RBI Master Direction</td>
|
||||
<td class="ta-r mono">{{ bank.rbiCircular }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4 class="form-iii-t">B. Maturity Ladder (₹ in Lakhs)</h4>
|
||||
<table class="alm-tbl form-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Bucket</th>
|
||||
<th>Time Period</th>
|
||||
<th class="ta-r">Outflows</th>
|
||||
<th class="ta-r">Inflows</th>
|
||||
<th class="ta-r">Mismatch</th>
|
||||
<th class="ta-r">Cum. Mismatch</th>
|
||||
<th class="ta-r">Cum. % of Outflow</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let b of buckets; let i = index">
|
||||
<td class="mono">{{ b.code }}</td>
|
||||
<td>{{ b.label }}</td>
|
||||
<td class="ta-r">{{ b.outflow | number: '1.2-2' }}</td>
|
||||
<td class="ta-r">{{ b.inflow | number: '1.2-2' }}</td>
|
||||
<td class="ta-r" [ngClass]="bucketGap(b) >= 0 ? 'pos' : 'neg'">
|
||||
{{ bucketGap(b) >= 0 ? '+' : '' }}{{ bucketGap(b) | number: '1.2-2' }}
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="cumulativeGap(i) >= 0 ? 'pos' : 'neg'">
|
||||
{{ cumulativeGap(i) >= 0 ? '+' : '' }}{{ cumulativeGap(i) | number: '1.2-2' }}
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong [ngClass]="cumulativeGap(i) >= 0 ? 'pos' : 'neg'"
|
||||
>{{ cumulativeGapPct(i) >= 0 ? '+' : '' }}{{ cumulativeGapPct(i).toFixed(2) }}%</strong
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="form-total">
|
||||
<td colspan="2"><strong>TOTAL</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalOutflow | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalInflow | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td class="ta-r" [ngClass]="totalGap >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ totalGap >= 0 ? '+' : '' }}{{ totalGap | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4 class="form-iii-t">C. RBI Tolerance Compliance</h4>
|
||||
<table class="alm-tbl form-tbl">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Cumulative Negative Gap up to 14 days</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ gap14dPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
<td class="ta-r">Limit: -{{ bank.tolerance14d }}%</td>
|
||||
<td class="ta-c">
|
||||
<span class="status-pill" [ngClass]="gap14dWithinTolerance ? 'on-target' : 'below'">
|
||||
{{ gap14dWithinTolerance ? 'WITHIN' : 'BREACH' }}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cumulative Negative Gap up to 30 days</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ gap28dPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
<td class="ta-r">Limit: -{{ bank.tolerance28d }}%</td>
|
||||
<td class="ta-c">
|
||||
<span class="status-pill" [ngClass]="gap28dWithinTolerance ? 'on-target' : 'below'">
|
||||
{{ gap28dWithinTolerance ? 'WITHIN' : 'BREACH' }}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="form-iii-foot">
|
||||
<div class="cert">
|
||||
<div class="cert-l">Certified by</div>
|
||||
<div class="cert-v">{{ bank.principalOfficer }}</div>
|
||||
<div class="cert-r">Principal Officer — {{ bank.name }}</div>
|
||||
</div>
|
||||
<div class="cert">
|
||||
<div class="cert-l">Submitted under</div>
|
||||
<div class="cert-v mono">{{ bank.rbiCircular }}</div>
|
||||
<div class="cert-r">RBI Master Direction on Asset Liability Management</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,772 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--alm-good: #15803d;
|
||||
--alm-good-l: #dcfce7;
|
||||
--alm-mid: #d97706;
|
||||
--alm-mid-l: #fef3c7;
|
||||
--alm-low: #c0392b;
|
||||
--alm-low-l: #fdecea;
|
||||
--alm-blue: #2563eb;
|
||||
--alm-blue-l: #dbeafe;
|
||||
--alm-indigo: #4f46e5;
|
||||
--alm-indigo-l: #e0e7ff;
|
||||
--alm-g50: #f8fafc;
|
||||
--alm-g100: #f1f5f9;
|
||||
--alm-g200: #e2e8f0;
|
||||
--alm-g300: #cbd5e1;
|
||||
--alm-g500: #64748b;
|
||||
--alm-g700: #334155;
|
||||
--alm-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
.alm-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 90vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.alm-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--alm-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #eef2ff 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.alm-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.alm-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--alm-indigo-l);
|
||||
color: var(--alm-indigo);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.alm-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
.alm-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--alm-g500);
|
||||
}
|
||||
|
||||
.alm-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.alm-overall {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 6px;
|
||||
padding: 6px 14px;
|
||||
border-radius: 999px;
|
||||
font-weight: 700;
|
||||
|
||||
&.on-target {
|
||||
background: var(--alm-good-l);
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
&.below {
|
||||
background: var(--alm-low-l);
|
||||
color: var(--alm-low);
|
||||
}
|
||||
|
||||
.alm-overall-l {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.alm-overall-v {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.alm-overall-t {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.alm-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--alm-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--alm-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--alm-g100);
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* TABS */
|
||||
.alm-tabs {
|
||||
display: flex;
|
||||
background: var(--alm-g50);
|
||||
border-bottom: 1px solid var(--alm-g200);
|
||||
padding: 0 22px;
|
||||
overflow-x: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.alm-tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 18px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g500);
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.15s;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
color: var(--alm-g700);
|
||||
background: rgb(255 255 255 / 50%);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: var(--alm-indigo);
|
||||
border-bottom-color: var(--alm-indigo);
|
||||
}
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.alm-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* KPI STATS */
|
||||
.alm-stats {
|
||||
display: grid;
|
||||
grid-template-columns: 220px 1fr 1fr 1fr;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.alm-stat-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.alm-stat-l {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.alm-stat-v {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g900);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.alm-stat-meta {
|
||||
font-size: 11px;
|
||||
color: var(--alm-g500);
|
||||
margin-top: 4px;
|
||||
|
||||
&.pos {
|
||||
color: var(--alm-good);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.neg {
|
||||
color: var(--alm-low);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.alm-stat-gauge {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* GAUGE */
|
||||
.gauge {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
background: conic-gradient(currentcolor calc(var(--pct) * 1%), var(--alm-g100) 0);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&.on-target {
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
&.below {
|
||||
color: var(--alm-low);
|
||||
}
|
||||
}
|
||||
|
||||
.gauge-inner {
|
||||
width: 108px;
|
||||
height: 108px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: inset 0 0 0 1px var(--alm-g200);
|
||||
}
|
||||
|
||||
.gauge-pct {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g900);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.gauge-label {
|
||||
font-size: 10px;
|
||||
color: var(--alm-g500);
|
||||
margin-top: 4px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* SECTIONS */
|
||||
.alm-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.alm-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.alm-sec-t {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g700);
|
||||
}
|
||||
|
||||
.alm-sec-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.alm-sel {
|
||||
height: 34px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
color: var(--alm-g900);
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: var(--alm-indigo);
|
||||
box-shadow: 0 0 0 3px rgb(79 70 229 / 12%);
|
||||
}
|
||||
}
|
||||
|
||||
.alm-circular {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 11px;
|
||||
color: var(--alm-g500);
|
||||
padding: 4px 10px;
|
||||
background: var(--alm-g50);
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--alm-g200);
|
||||
}
|
||||
|
||||
.alm-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: var(--alm-indigo) !important;
|
||||
}
|
||||
|
||||
/* TOLERANCE BARS */
|
||||
.alm-tolerance {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.alm-tol-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
|
||||
&.good .alm-tol-fill {
|
||||
background: var(--alm-good);
|
||||
}
|
||||
|
||||
&.bad .alm-tol-fill {
|
||||
background: var(--alm-low);
|
||||
}
|
||||
|
||||
&.good .alm-tol-st {
|
||||
background: var(--alm-good-l);
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
&.bad .alm-tol-st {
|
||||
background: var(--alm-low-l);
|
||||
color: var(--alm-low);
|
||||
}
|
||||
}
|
||||
|
||||
.alm-tol-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.alm-tol-l {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g700);
|
||||
|
||||
fa-icon {
|
||||
color: var(--alm-indigo);
|
||||
}
|
||||
}
|
||||
|
||||
.alm-tol-p {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 13px;
|
||||
|
||||
strong {
|
||||
font-size: 14px;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
.alm-tol-lim {
|
||||
font-size: 11px;
|
||||
color: var(--alm-g500);
|
||||
}
|
||||
|
||||
.alm-tol-st {
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
}
|
||||
}
|
||||
|
||||
.alm-tol-track {
|
||||
position: relative;
|
||||
height: 8px;
|
||||
background: var(--alm-g100);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.alm-tol-fill {
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
transition: width 0.4s ease-out;
|
||||
}
|
||||
|
||||
.alm-tol-marker {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
bottom: -2px;
|
||||
left: 50%;
|
||||
width: 2px;
|
||||
background: var(--alm-g500);
|
||||
}
|
||||
|
||||
/* HEATMAP */
|
||||
.alm-heatmap {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(11, 1fr);
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.heat-cell {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 10px 6px;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
transition: transform 0.15s;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
|
||||
}
|
||||
|
||||
&.surplus {
|
||||
background: var(--alm-good-l);
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
&.deficit {
|
||||
background: var(--alm-low-l);
|
||||
color: var(--alm-low);
|
||||
}
|
||||
|
||||
&.balanced {
|
||||
background: var(--alm-g100);
|
||||
color: var(--alm-g500);
|
||||
}
|
||||
}
|
||||
|
||||
.heat-code {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.heat-pct {
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.heat-lbl {
|
||||
font-size: 9px;
|
||||
margin-top: 4px;
|
||||
opacity: 0.85;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
/* INFO GRID */
|
||||
.alm-info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 12px 24px;
|
||||
}
|
||||
|
||||
.alm-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.alm-info-l {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.alm-info-v {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.alm-tbl-wrap {
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 8px;
|
||||
overflow: auto;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.alm-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--alm-g50);
|
||||
border-bottom: 1px solid var(--alm-g200);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--alm-g100);
|
||||
font-size: 13px;
|
||||
color: var(--alm-g700);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--alm-g50);
|
||||
}
|
||||
|
||||
.row-total td {
|
||||
background: var(--alm-indigo-l);
|
||||
color: var(--alm-g900);
|
||||
font-weight: 700;
|
||||
border-top: 2px solid var(--alm-indigo);
|
||||
}
|
||||
|
||||
.grp-liab {
|
||||
background: var(--alm-low-l) !important;
|
||||
color: var(--alm-low) !important;
|
||||
}
|
||||
|
||||
.grp-asset {
|
||||
background: var(--alm-good-l) !important;
|
||||
color: var(--alm-good) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.status-pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
border-radius: 999px;
|
||||
|
||||
&.on-target,
|
||||
&.surplus {
|
||||
background: var(--alm-good-l);
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
&.below,
|
||||
&.deficit {
|
||||
background: var(--alm-low-l);
|
||||
color: var(--alm-low);
|
||||
}
|
||||
|
||||
&.balanced {
|
||||
background: var(--alm-g100);
|
||||
color: var(--alm-g500);
|
||||
}
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pos {
|
||||
color: var(--alm-good);
|
||||
}
|
||||
|
||||
.neg {
|
||||
color: var(--alm-low);
|
||||
}
|
||||
|
||||
/* FORM ALM-1 */
|
||||
.form-iii {
|
||||
background: var(--alm-g50);
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 10px;
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.form-iii-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 2px solid var(--alm-indigo);
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.form-iii-bank {
|
||||
font-size: 14px;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
.form-iii-meta {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
font-size: 12px;
|
||||
color: var(--alm-g500);
|
||||
flex-wrap: wrap;
|
||||
|
||||
fa-icon {
|
||||
color: var(--alm-indigo);
|
||||
}
|
||||
}
|
||||
|
||||
.form-iii-t {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g700);
|
||||
margin: 16px 0 8px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px dashed var(--alm-g200);
|
||||
}
|
||||
|
||||
.form-tbl {
|
||||
background: #fff;
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.form-total td {
|
||||
background: var(--alm-indigo-l) !important;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g900);
|
||||
}
|
||||
|
||||
.form-iii-foot {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 18px;
|
||||
margin-top: 18px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px dashed var(--alm-g300);
|
||||
}
|
||||
|
||||
.cert {
|
||||
background: #fff;
|
||||
border: 1px solid var(--alm-g200);
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
|
||||
.cert-l {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--alm-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cert-v {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--alm-g900);
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.cert-r {
|
||||
font-size: 11px;
|
||||
color: var(--alm-g500);
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.alm-stats {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.alm-info-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.form-iii-foot {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.alm-heatmap {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 720px) {
|
||||
.alm-stats,
|
||||
.alm-info-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.alm-head {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.alm-heatmap {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,468 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { CommonModule, DecimalPipe } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { MatDialogRef, MatDialogModule } from '@angular/material/dialog';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
|
||||
interface MaturityBucket {
|
||||
code: string;
|
||||
label: string;
|
||||
/** Outflows / Liabilities (₹ Lakhs) */
|
||||
outflow: number;
|
||||
/** Inflows / Assets (₹ Lakhs) */
|
||||
inflow: number;
|
||||
}
|
||||
|
||||
interface MonthSnapshot {
|
||||
month: string;
|
||||
reserveProv: number;
|
||||
borrowings: number;
|
||||
fds: number;
|
||||
cashOnHand: number;
|
||||
investments: number;
|
||||
otherAssets: number;
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-alm-report-dialog',
|
||||
standalone: true,
|
||||
templateUrl: './alm-report-dialog.component.html',
|
||||
styleUrls: ['./alm-report-dialog.component.scss'],
|
||||
imports: [
|
||||
CommonModule,
|
||||
DecimalPipe,
|
||||
FormsModule,
|
||||
MatDialogModule,
|
||||
MatButtonModule,
|
||||
MatTooltipModule,
|
||||
FaIconComponent
|
||||
]
|
||||
})
|
||||
export class AlmReportDialogComponent {
|
||||
private dialogRef = inject(MatDialogRef<AlmReportDialogComponent>);
|
||||
|
||||
activeTab: 'dashboard' | 'ladder' | 'monthly' | 'returns' = 'dashboard';
|
||||
|
||||
bank = {
|
||||
name: 'Bharat Urban Bank Ltd',
|
||||
branch: 'Head Office',
|
||||
asOnDate: '31-03-2026',
|
||||
quarter: 'Q4 FY 2025-26',
|
||||
fiscalYear: '2025-26',
|
||||
rbiCircular: 'DCBR.BPD.(PCB).Cir.No.4/12.05.001/2018-19',
|
||||
principalOfficer: 'Karthik Kamath',
|
||||
formCode: 'Form ALM-1',
|
||||
reportRefNo: '1036',
|
||||
userCode: 'BUBL01',
|
||||
/** Net Demand & Time Liabilities — denominator for ratios */
|
||||
ndtl: 740000, // ₹7,400 Cr in Lakhs
|
||||
/** RBI tolerance: cumulative negative gap up to 14 days ≤ 5%, 28 days ≤ 10% */
|
||||
tolerance14d: 5,
|
||||
tolerance28d: 10
|
||||
};
|
||||
|
||||
/** Standard RBI ALM time buckets per Master Direction */
|
||||
buckets: MaturityBucket[] = [
|
||||
{ code: 'B01', label: 'Day 1', outflow: 1840, inflow: 2120 },
|
||||
{ code: 'B02', label: '2 to 7 days', outflow: 6420, inflow: 5880 },
|
||||
{ code: 'B03', label: '8 to 14 days', outflow: 4180, inflow: 4360 },
|
||||
{ code: 'B04', label: '15 to 30 days', outflow: 8240, inflow: 7920 },
|
||||
{ code: 'B05', label: '31 days to 2 months', outflow: 12480, inflow: 13160 },
|
||||
{ code: 'B06', label: '> 2 months to 3 months', outflow: 9620, inflow: 10240 },
|
||||
{ code: 'B07', label: '> 3 months to 6 months', outflow: 28640, inflow: 32180 },
|
||||
{ code: 'B08', label: '> 6 months to 1 year', outflow: 64280, inflow: 68420 },
|
||||
{ code: 'B09', label: '> 1 year to 3 years', outflow: 142800, inflow: 156400 },
|
||||
{ code: 'B10', label: '> 3 years to 5 years', outflow: 96400, inflow: 108200 },
|
||||
{ code: 'B11', label: 'Over 5 years', outflow: 124800, inflow: 138400 }
|
||||
];
|
||||
|
||||
/** Monthly snapshot — mirrors the format of the legacy ALM Excel */
|
||||
monthly: MonthSnapshot[] = [
|
||||
{
|
||||
month: 'APR-2025',
|
||||
reserveProv: 18420,
|
||||
borrowings: 24180,
|
||||
fds: 462800,
|
||||
cashOnHand: 8420,
|
||||
investments: 184600,
|
||||
otherAssets: 12480
|
||||
},
|
||||
{
|
||||
month: 'MAY-2025',
|
||||
reserveProv: 18640,
|
||||
borrowings: 23980,
|
||||
fds: 468200,
|
||||
cashOnHand: 8680,
|
||||
investments: 186400,
|
||||
otherAssets: 12620
|
||||
},
|
||||
{
|
||||
month: 'JUN-2025',
|
||||
reserveProv: 18820,
|
||||
borrowings: 23640,
|
||||
fds: 472400,
|
||||
cashOnHand: 9120,
|
||||
investments: 188200,
|
||||
otherAssets: 12840
|
||||
},
|
||||
{
|
||||
month: 'JUL-2025',
|
||||
reserveProv: 19080,
|
||||
borrowings: 23420,
|
||||
fds: 478600,
|
||||
cashOnHand: 9280,
|
||||
investments: 190400,
|
||||
otherAssets: 13020
|
||||
},
|
||||
{
|
||||
month: 'AUG-2025',
|
||||
reserveProv: 19280,
|
||||
borrowings: 23180,
|
||||
fds: 482400,
|
||||
cashOnHand: 9420,
|
||||
investments: 192800,
|
||||
otherAssets: 13280
|
||||
},
|
||||
{
|
||||
month: 'SEP-2025',
|
||||
reserveProv: 19460,
|
||||
borrowings: 22940,
|
||||
fds: 488200,
|
||||
cashOnHand: 9640,
|
||||
investments: 195200,
|
||||
otherAssets: 13420
|
||||
},
|
||||
{
|
||||
month: 'OCT-2025',
|
||||
reserveProv: 19680,
|
||||
borrowings: 22680,
|
||||
fds: 492600,
|
||||
cashOnHand: 9820,
|
||||
investments: 197600,
|
||||
otherAssets: 13620
|
||||
},
|
||||
{
|
||||
month: 'NOV-2025',
|
||||
reserveProv: 19880,
|
||||
borrowings: 22420,
|
||||
fds: 498400,
|
||||
cashOnHand: 9980,
|
||||
investments: 200200,
|
||||
otherAssets: 13820
|
||||
},
|
||||
{
|
||||
month: 'DEC-2025',
|
||||
reserveProv: 20120,
|
||||
borrowings: 22180,
|
||||
fds: 504200,
|
||||
cashOnHand: 10240,
|
||||
investments: 202800,
|
||||
otherAssets: 14040
|
||||
},
|
||||
{
|
||||
month: 'JAN-2026',
|
||||
reserveProv: 20340,
|
||||
borrowings: 21940,
|
||||
fds: 508800,
|
||||
cashOnHand: 10420,
|
||||
investments: 205200,
|
||||
otherAssets: 14240
|
||||
},
|
||||
{
|
||||
month: 'FEB-2026',
|
||||
reserveProv: 20580,
|
||||
borrowings: 21680,
|
||||
fds: 514600,
|
||||
cashOnHand: 10620,
|
||||
investments: 207800,
|
||||
otherAssets: 14460
|
||||
},
|
||||
{
|
||||
month: 'MAR-2026',
|
||||
reserveProv: 20840,
|
||||
borrowings: 21420,
|
||||
fds: 520400,
|
||||
cashOnHand: 10820,
|
||||
investments: 210400,
|
||||
otherAssets: 14680
|
||||
}
|
||||
];
|
||||
|
||||
filterBucket = '';
|
||||
|
||||
// -------------------- Computed --------------------
|
||||
bucketGap(b: MaturityBucket): number {
|
||||
return b.inflow - b.outflow;
|
||||
}
|
||||
bucketGapPct(b: MaturityBucket): number {
|
||||
return b.outflow === 0 ? 0 : +(((b.inflow - b.outflow) / b.outflow) * 100).toFixed(2);
|
||||
}
|
||||
cumulativeOutflow(idx: number): number {
|
||||
return this.buckets.slice(0, idx + 1).reduce((s, b) => s + b.outflow, 0);
|
||||
}
|
||||
cumulativeInflow(idx: number): number {
|
||||
return this.buckets.slice(0, idx + 1).reduce((s, b) => s + b.inflow, 0);
|
||||
}
|
||||
cumulativeGap(idx: number): number {
|
||||
return this.cumulativeInflow(idx) - this.cumulativeOutflow(idx);
|
||||
}
|
||||
cumulativeGapPct(idx: number): number {
|
||||
const out = this.cumulativeOutflow(idx);
|
||||
return out === 0 ? 0 : +((this.cumulativeGap(idx) / out) * 100).toFixed(2);
|
||||
}
|
||||
|
||||
get totalOutflow(): number {
|
||||
return this.buckets.reduce((s, b) => s + b.outflow, 0);
|
||||
}
|
||||
get totalInflow(): number {
|
||||
return this.buckets.reduce((s, b) => s + b.inflow, 0);
|
||||
}
|
||||
get totalGap(): number {
|
||||
return this.totalInflow - this.totalOutflow;
|
||||
}
|
||||
get totalGapPct(): number {
|
||||
return this.totalOutflow === 0 ? 0 : +((this.totalGap / this.totalOutflow) * 100).toFixed(2);
|
||||
}
|
||||
|
||||
/** RBI tolerance test: cumulative negative gap up to bucket 3 (14 days) ≤ 5% of cumulative outflow */
|
||||
get gap14dPct(): number {
|
||||
return this.cumulativeGapPct(2);
|
||||
}
|
||||
/** Up to bucket 4 (30 days) ≤ 10% */
|
||||
get gap28dPct(): number {
|
||||
return this.cumulativeGapPct(3);
|
||||
}
|
||||
get gap14dWithinTolerance(): boolean {
|
||||
return this.gap14dPct >= -this.bank.tolerance14d;
|
||||
}
|
||||
get gap28dWithinTolerance(): boolean {
|
||||
return this.gap28dPct >= -this.bank.tolerance28d;
|
||||
}
|
||||
|
||||
bucketStatus(b: MaturityBucket): 'surplus' | 'deficit' | 'balanced' {
|
||||
const gap = this.bucketGap(b);
|
||||
if (gap > 0) return 'surplus';
|
||||
if (gap < 0) return 'deficit';
|
||||
return 'balanced';
|
||||
}
|
||||
|
||||
/** Monthly totals helpers */
|
||||
monthTotalLiab(m: MonthSnapshot): number {
|
||||
return m.reserveProv + m.borrowings + m.fds;
|
||||
}
|
||||
monthTotalAssets(m: MonthSnapshot): number {
|
||||
return m.cashOnHand + m.investments + m.otherAssets;
|
||||
}
|
||||
/** Average across months */
|
||||
avg<K extends keyof MonthSnapshot>(key: K): number {
|
||||
if (typeof this.monthly[0][key] !== 'number') return 0;
|
||||
const total = this.monthly.reduce((s, m) => s + (m[key] as number), 0);
|
||||
return +(total / this.monthly.length).toFixed(2);
|
||||
}
|
||||
|
||||
// -------------------- Filter --------------------
|
||||
get filteredBuckets(): MaturityBucket[] {
|
||||
if (!this.filterBucket) return this.buckets;
|
||||
if (this.filterBucket === 'short') return this.buckets.slice(0, 4);
|
||||
if (this.filterBucket === 'medium') return this.buckets.slice(4, 8);
|
||||
if (this.filterBucket === 'long') return this.buckets.slice(8);
|
||||
return this.buckets;
|
||||
}
|
||||
|
||||
// -------------------- Excel Exports --------------------
|
||||
|
||||
/** Form ALM-1 — Statement of Structural Liquidity */
|
||||
exportFormAlm(): void {
|
||||
const rows: string[][] = [];
|
||||
rows.push([
|
||||
this.bank.name,
|
||||
this.bank.branch
|
||||
]);
|
||||
rows.push([
|
||||
`STATEMENT OF STRUCTURAL LIQUIDITY (${this.bank.formCode})`,
|
||||
`As On ${this.bank.asOnDate}`
|
||||
]);
|
||||
rows.push([
|
||||
`RBI Circular: ${this.bank.rbiCircular}`,
|
||||
`Quarter: ${this.bank.quarter}`
|
||||
]);
|
||||
rows.push([
|
||||
`Report Ref: ${this.bank.reportRefNo}`,
|
||||
`User Code: ${this.bank.userCode}`
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'NDTL (₹ Lakhs)',
|
||||
this.bank.ndtl.toString()
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push(['Maturity Ladder (₹ in Lakhs)']);
|
||||
rows.push([
|
||||
'Bucket',
|
||||
'Time Period',
|
||||
'Outflows (Liabilities)',
|
||||
'Inflows (Assets)',
|
||||
'Mismatch (Gap)',
|
||||
'Cum. Outflows',
|
||||
'Cum. Inflows',
|
||||
'Cum. Gap',
|
||||
'Cum. Gap % of Outflow'
|
||||
]);
|
||||
this.buckets.forEach((b, i) => {
|
||||
rows.push([
|
||||
b.code,
|
||||
b.label,
|
||||
b.outflow.toFixed(2),
|
||||
b.inflow.toFixed(2),
|
||||
this.bucketGap(b).toFixed(2),
|
||||
this.cumulativeOutflow(i).toFixed(2),
|
||||
this.cumulativeInflow(i).toFixed(2),
|
||||
this.cumulativeGap(i).toFixed(2),
|
||||
this.cumulativeGapPct(i).toFixed(2) + '%'
|
||||
]);
|
||||
});
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'TOTAL',
|
||||
'',
|
||||
this.totalOutflow.toFixed(2),
|
||||
this.totalInflow.toFixed(2),
|
||||
this.totalGap.toFixed(2)
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push(['RBI Tolerance Compliance']);
|
||||
rows.push([
|
||||
'Cumulative Gap up to 14 days',
|
||||
this.gap14dPct.toFixed(2) + '%',
|
||||
`Limit: -${this.bank.tolerance14d}%`,
|
||||
this.gap14dWithinTolerance ? 'WITHIN' : 'BREACH'
|
||||
]);
|
||||
rows.push([
|
||||
'Cumulative Gap up to 30 days',
|
||||
this.gap28dPct.toFixed(2) + '%',
|
||||
`Limit: -${this.bank.tolerance28d}%`,
|
||||
this.gap28dWithinTolerance ? 'WITHIN' : 'BREACH'
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Certified by',
|
||||
this.bank.principalOfficer + ' — Principal Officer'
|
||||
]);
|
||||
this.saveTsv(rows, `ALM-StructuralLiquidity-${this.dateTag()}.xls`);
|
||||
}
|
||||
|
||||
/** Monthly snapshot export */
|
||||
exportMonthlyXls(): void {
|
||||
const rows: string[][] = [];
|
||||
rows.push([
|
||||
`${this.bank.name} — ${this.bank.branch}`,
|
||||
`Monthly ALM Snapshot — FY ${this.bank.fiscalYear}`
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Month',
|
||||
'Reserve/Prov (Excl. OIR)',
|
||||
'Borrowings',
|
||||
'FDs',
|
||||
'Total Liabilities',
|
||||
'Cash on Hand',
|
||||
'Investments incl. Bal/Repo',
|
||||
'Other Assets (Excl. IRA)',
|
||||
'Total Assets'
|
||||
]);
|
||||
for (const m of this.monthly) {
|
||||
rows.push([
|
||||
m.month,
|
||||
m.reserveProv.toFixed(2),
|
||||
m.borrowings.toFixed(2),
|
||||
m.fds.toFixed(2),
|
||||
this.monthTotalLiab(m).toFixed(2),
|
||||
m.cashOnHand.toFixed(2),
|
||||
m.investments.toFixed(2),
|
||||
m.otherAssets.toFixed(2),
|
||||
this.monthTotalAssets(m).toFixed(2)
|
||||
]);
|
||||
}
|
||||
rows.push([
|
||||
'AVERAGE',
|
||||
this.avg('reserveProv').toFixed(2),
|
||||
this.avg('borrowings').toFixed(2),
|
||||
this.avg('fds').toFixed(2),
|
||||
(this.avg('reserveProv') + this.avg('borrowings') + this.avg('fds')).toFixed(2),
|
||||
this.avg('cashOnHand').toFixed(2),
|
||||
this.avg('investments').toFixed(2),
|
||||
this.avg('otherAssets').toFixed(2),
|
||||
(this.avg('cashOnHand') + this.avg('investments') + this.avg('otherAssets')).toFixed(2)
|
||||
]);
|
||||
this.saveTsv(rows, `ALM-Monthly-${this.dateTag()}.xls`);
|
||||
}
|
||||
|
||||
/** Maturity ladder CSV */
|
||||
exportLadderCsv(): void {
|
||||
const headers = [
|
||||
'Bucket',
|
||||
'Time Period',
|
||||
'Outflow (₹ Lakh)',
|
||||
'Inflow (₹ Lakh)',
|
||||
'Gap',
|
||||
'Gap %'
|
||||
];
|
||||
const rows = [headers];
|
||||
for (const b of this.buckets) {
|
||||
rows.push([
|
||||
b.code,
|
||||
b.label,
|
||||
b.outflow.toString(),
|
||||
b.inflow.toString(),
|
||||
this.bucketGap(b).toString(),
|
||||
this.bucketGapPct(b).toFixed(2) + '%'
|
||||
]);
|
||||
}
|
||||
this.saveCsv(rows, `ALM-Ladder-${this.dateTag()}.csv`);
|
||||
}
|
||||
|
||||
setTab(tab: 'dashboard' | 'ladder' | 'monthly' | 'returns'): void {
|
||||
this.activeTab = tab;
|
||||
}
|
||||
close(): void {
|
||||
this.dialogRef.close();
|
||||
}
|
||||
|
||||
// ---- helpers ----
|
||||
private dateTag(): string {
|
||||
const d = new Date();
|
||||
return `${String(d.getDate()).padStart(2, '0')}${String(d.getMonth() + 1).padStart(2, '0')}${d.getFullYear()}`;
|
||||
}
|
||||
private saveTsv(rows: string[][], filename: string): void {
|
||||
const tsv = rows.map((r) => r.map((v) => (v || '').replace(/\t/g, ' ')).join('\t')).join('\n');
|
||||
this.saveBlob(tsv, filename, 'application/vnd.ms-excel');
|
||||
}
|
||||
private saveCsv(rows: string[][], filename: string): void {
|
||||
const escape = (v: string): string => {
|
||||
const s = (v || '').replace(/"/g, '""');
|
||||
if (s.includes(',') || s.includes('"') || s.includes('\n')) return `"${s}"`;
|
||||
return s;
|
||||
};
|
||||
const csv = rows.map((r) => r.map(escape).join(',')).join('\n') + '\n';
|
||||
this.saveBlob(csv, filename, 'text/csv');
|
||||
}
|
||||
private saveBlob(content: string, filename: string, mime: string): void {
|
||||
const blob = new Blob([content], { type: `${mime};charset=utf-8` });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = filename;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,135 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="cic-dlg">
|
||||
<div class="cic-head">
|
||||
<div class="cic-head-left">
|
||||
<div class="cic-head-ic"><fa-icon icon="file-alt"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="cic-title">Credit Information Companies — Data Quality Report</h2>
|
||||
<p class="cic-sub">
|
||||
Reporting period: <strong>{{ reportingPeriod }}</strong> · as per RBI Master Direction on Credit
|
||||
Information Reporting
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cic-head-actions">
|
||||
<button
|
||||
mat-stroked-button
|
||||
class="cic-btn-ghost"
|
||||
(click)="downloadAllExcel()"
|
||||
matTooltip="Download all bureaus (CIBIL Consumer schema)"
|
||||
>
|
||||
<fa-icon icon="file-excel"></fa-icon> Download All
|
||||
</button>
|
||||
<button class="cic-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BUREAU TABS -->
|
||||
<div class="cic-tabs">
|
||||
<button *ngFor="let r of reports" class="cic-tab" [class.active]="r.key === activeTab" (click)="setTab(r.key)">
|
||||
<img [src]="r.logo" [alt]="r.name" class="cic-tab-logo" />
|
||||
<span class="cic-tab-name">{{ r.name }}</span>
|
||||
<span class="cic-tab-pct" [ngClass]="dqrBadge(r.dqrPct)">{{ r.dqrPct.toFixed(1) }}%</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="cic-body">
|
||||
<!-- TOP STATS ROW -->
|
||||
<div class="cic-stats">
|
||||
<div class="cic-stat-card cic-stat-gauge">
|
||||
<div class="gauge" [style.--pct.%]="current.dqrPct" [ngClass]="dqrBadge(current.dqrPct)">
|
||||
<div class="gauge-inner">
|
||||
<div class="gauge-pct">{{ current.dqrPct.toFixed(1) }}%</div>
|
||||
<div class="gauge-label">DQR Score</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cic-stat-card">
|
||||
<div class="cic-stat-l">Status</div>
|
||||
<div class="cic-stat-v">
|
||||
<span class="status-pill" [ngClass]="statusClass(current.status)">{{ current.status }}</span>
|
||||
</div>
|
||||
<div class="cic-stat-meta">
|
||||
File: <span class="mono">{{ current.fileRef }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cic-stat-card">
|
||||
<div class="cic-stat-l">Last Submitted</div>
|
||||
<div class="cic-stat-v">{{ current.lastSubmitted }}</div>
|
||||
<div class="cic-stat-meta">Next due: {{ current.nextDue }}</div>
|
||||
</div>
|
||||
<div class="cic-stat-card">
|
||||
<div class="cic-stat-l">Records This Cycle</div>
|
||||
<div class="cic-stat-v">{{ current.totalRecords | number }}</div>
|
||||
<div class="cic-stat-meta">
|
||||
<span class="badge ok">{{ current.accepted | number }} accepted</span>
|
||||
<span class="badge warn">{{ current.warnings | number }} warnings</span>
|
||||
<span class="badge err">{{ current.rejected | number }} rejected</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SUB-DQR BREAKDOWN -->
|
||||
<div class="cic-section">
|
||||
<h3 class="cic-sec-t">Sub-DQR Breakdown</h3>
|
||||
<div class="cic-bars">
|
||||
<div class="cic-bar" *ngFor="let m of current.subMetrics">
|
||||
<div class="cic-bar-h">
|
||||
<span class="cic-bar-l">{{ m.label }}</span>
|
||||
<span class="cic-bar-p" [ngClass]="dqrBadge(m.pct)">{{ m.pct.toFixed(1) }}%</span>
|
||||
</div>
|
||||
<div class="cic-bar-track">
|
||||
<div class="cic-bar-fill" [style.width.%]="m.pct" [ngClass]="dqrBadge(m.pct)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ERRORS TABLE -->
|
||||
<div class="cic-section">
|
||||
<div class="cic-sec-h">
|
||||
<h3 class="cic-sec-t">Error & Warning Details — Last Submission</h3>
|
||||
<button
|
||||
mat-flat-button
|
||||
color="primary"
|
||||
class="cic-btn-xls"
|
||||
(click)="downloadExcel()"
|
||||
matTooltip="Download CIBIL Consumer schema (.xls)"
|
||||
>
|
||||
<fa-icon icon="file-excel"></fa-icon> Download Excel
|
||||
</button>
|
||||
</div>
|
||||
<div class="cic-tbl-wrap">
|
||||
<table class="cic-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Code</th>
|
||||
<th>Segment</th>
|
||||
<th>Description</th>
|
||||
<th class="ta-c">Severity</th>
|
||||
<th class="ta-r">Records</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let e of current.errors">
|
||||
<td class="mono">{{ e.code }}</td>
|
||||
<td>{{ e.segment }}</td>
|
||||
<td>{{ e.description }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="sev" [ngClass]="'sev-' + e.severity.toLowerCase()">{{ e.severity }}</span>
|
||||
</td>
|
||||
<td class="ta-r mono">{{ e.count | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,528 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--cic-good: #15803d;
|
||||
--cic-good-l: #dcfce7;
|
||||
--cic-mid: #d97706;
|
||||
--cic-mid-l: #fef3c7;
|
||||
--cic-low: #c0392b;
|
||||
--cic-low-l: #fdecea;
|
||||
--cic-purple: #6d28d9;
|
||||
--cic-purple-l: #ede9fe;
|
||||
--cic-g50: #f8fafc;
|
||||
--cic-g100: #f1f5f9;
|
||||
--cic-g200: #e2e8f0;
|
||||
--cic-g300: #cbd5e1;
|
||||
--cic-g500: #64748b;
|
||||
--cic-g700: #334155;
|
||||
--cic-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--cic-g900);
|
||||
}
|
||||
|
||||
.cic-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 90vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.cic-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--cic-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #f9fafb 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.cic-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.cic-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--cic-purple-l);
|
||||
color: var(--cic-purple);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.cic-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--cic-g900);
|
||||
}
|
||||
|
||||
.cic-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--cic-g500);
|
||||
}
|
||||
|
||||
.cic-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.cic-btn-ghost {
|
||||
font-size: 12px !important;
|
||||
height: 36px !important;
|
||||
}
|
||||
|
||||
.cic-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--cic-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--cic-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--cic-g100);
|
||||
color: var(--cic-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* TABS */
|
||||
.cic-tabs {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
background: var(--cic-g50);
|
||||
border-bottom: 1px solid var(--cic-g200);
|
||||
padding: 0 22px;
|
||||
overflow-x: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.cic-tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 12px 16px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.15s;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
background: rgb(255 255 255 / 50%);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
border-bottom-color: var(--cic-purple);
|
||||
}
|
||||
}
|
||||
|
||||
.cic-tab-logo {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 6px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.cic-tab-name {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--cic-g700);
|
||||
}
|
||||
|
||||
.cic-tab-pct {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
|
||||
&.good {
|
||||
background: var(--cic-good-l);
|
||||
color: var(--cic-good);
|
||||
}
|
||||
|
||||
&.moderate {
|
||||
background: var(--cic-mid-l);
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
background: var(--cic-low-l);
|
||||
color: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.cic-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* TOP STAT CARDS */
|
||||
.cic-stats {
|
||||
display: grid;
|
||||
grid-template-columns: 220px 1fr 1fr 1.4fr;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.cic-stat-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--cic-g200);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.cic-stat-l {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--cic-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cic-stat-v {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: var(--cic-g900);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.cic-stat-meta {
|
||||
font-size: 11px;
|
||||
color: var(--cic-g500);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.cic-stat-gauge {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* GAUGE */
|
||||
.gauge {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
background: conic-gradient(currentcolor calc(var(--pct) * 1%), var(--cic-g100) 0);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&.good {
|
||||
color: var(--cic-good);
|
||||
}
|
||||
|
||||
&.moderate {
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
color: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
.gauge-inner {
|
||||
width: 108px;
|
||||
height: 108px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: inset 0 0 0 1px var(--cic-g200);
|
||||
}
|
||||
|
||||
.gauge-pct {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--cic-g900);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.gauge-label {
|
||||
font-size: 10px;
|
||||
color: var(--cic-g500);
|
||||
margin-top: 2px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* STATUS PILL */
|
||||
.status-pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
border-radius: 999px;
|
||||
|
||||
&.st-good {
|
||||
background: var(--cic-good-l);
|
||||
color: var(--cic-good);
|
||||
}
|
||||
|
||||
&.st-mid {
|
||||
background: var(--cic-mid-l);
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.st-low {
|
||||
background: var(--cic-low-l);
|
||||
color: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* MINI BADGES IN STAT META */
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
|
||||
&.ok {
|
||||
background: var(--cic-good-l);
|
||||
color: var(--cic-good);
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background: var(--cic-mid-l);
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.err {
|
||||
background: var(--cic-low-l);
|
||||
color: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* SECTIONS */
|
||||
.cic-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--cic-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.cic-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.cic-sec-t {
|
||||
margin: 0 0 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--cic-g700);
|
||||
}
|
||||
|
||||
.cic-sec-h .cic-sec-t {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.cic-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: #16a34a !important;
|
||||
}
|
||||
|
||||
/* SUB-DQR BARS */
|
||||
.cic-bars {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px 24px;
|
||||
}
|
||||
|
||||
.cic-bar-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cic-bar-l {
|
||||
font-size: 12px;
|
||||
color: var(--cic-g700);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cic-bar-p {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
||||
&.good {
|
||||
color: var(--cic-good);
|
||||
}
|
||||
|
||||
&.moderate {
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
color: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
.cic-bar-track {
|
||||
height: 7px;
|
||||
background: var(--cic-g100);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cic-bar-fill {
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
transition: width 0.3s ease-out;
|
||||
|
||||
&.good {
|
||||
background: var(--cic-good);
|
||||
}
|
||||
|
||||
&.moderate {
|
||||
background: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
background: var(--cic-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* ERRORS TABLE */
|
||||
.cic-tbl-wrap {
|
||||
border: 1px solid var(--cic-g200);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cic-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--cic-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--cic-g50);
|
||||
border-bottom: 1px solid var(--cic-g200);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--cic-g100);
|
||||
font-size: 13px;
|
||||
color: var(--cic-g700);
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--cic-g50);
|
||||
}
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sev {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
|
||||
&.sev-critical {
|
||||
background: var(--cic-low-l);
|
||||
color: var(--cic-low);
|
||||
}
|
||||
|
||||
&.sev-warning {
|
||||
background: var(--cic-mid-l);
|
||||
color: var(--cic-mid);
|
||||
}
|
||||
|
||||
&.sev-info {
|
||||
background: #e0e7ff;
|
||||
color: #4338ca;
|
||||
}
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.cic-stats {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.cic-bars {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 700px) {
|
||||
.cic-stats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,260 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="cims-dlg">
|
||||
<!-- HEADER -->
|
||||
<div class="cims-head">
|
||||
<div class="cims-head-left">
|
||||
<div class="cims-head-ic"><fa-icon icon="code"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="cims-title">CIMS / XBRL Returns — {{ currentForm.name }}</h2>
|
||||
<p class="cims-sub" [innerHTML]="currentForm.fullName"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cims-head-actions">
|
||||
<span class="cims-status" [ngClass]="validation.status">
|
||||
<fa-icon [icon]="validation.status === 'valid' ? 'check-double' : 'exclamation-triangle'"></fa-icon>
|
||||
{{ validation.populated }}/{{ validation.total }} populated
|
||||
</span>
|
||||
<button class="cims-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FORM SELECTOR -->
|
||||
<div class="cims-form-bar">
|
||||
<span class="cims-form-bar-l">Active Form:</span>
|
||||
<button
|
||||
*ngFor="let code of formCodes"
|
||||
class="cims-form-pill"
|
||||
[class.active]="activeForm === code"
|
||||
(click)="setForm(code)"
|
||||
[matTooltip]="forms[code].fullName"
|
||||
>
|
||||
{{ forms[code].name }}
|
||||
</button>
|
||||
<span class="cims-form-meta mono"> <fa-icon icon="hashtag"></fa-icon> {{ currentForm.cimsCode }} </span>
|
||||
<span class="cims-form-meta"> <fa-icon icon="calendar-alt"></fa-icon> {{ currentForm.periodicity }} </span>
|
||||
<span class="cims-form-meta">
|
||||
<fa-icon icon="clock"></fa-icon> Next due: <strong>{{ currentForm.nextDue }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- TABS -->
|
||||
<div class="cims-tabs">
|
||||
<button class="cims-tab" [class.active]="activeTab === 'filing'" (click)="setTab('filing')">
|
||||
<fa-icon icon="address-card"></fa-icon> Filing Information
|
||||
</button>
|
||||
<button class="cims-tab" [class.active]="activeTab === 'data'" (click)="setTab('data')">
|
||||
<fa-icon icon="layer-group"></fa-icon> Form Data & Facts
|
||||
</button>
|
||||
<button class="cims-tab" [class.active]="activeTab === 'preview'" (click)="setTab('preview')">
|
||||
<fa-icon icon="code"></fa-icon> XBRL XML Preview
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="cims-body">
|
||||
<!-- ════════════ FILING INFO ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'filing'">
|
||||
<div class="cims-section">
|
||||
<div class="cims-sec-h">
|
||||
<h3 class="cims-sec-t">Reporting Entity</h3>
|
||||
</div>
|
||||
<div class="cims-info-grid">
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Bank Name</div>
|
||||
<div class="cims-info-v">{{ bank.name }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Branch</div>
|
||||
<div class="cims-info-v">{{ bank.branch }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">BSR Code</div>
|
||||
<div class="cims-info-v mono">{{ bank.bsrCode }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">IFSC</div>
|
||||
<div class="cims-info-v mono">{{ bank.ifsc }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Legal Entity ID</div>
|
||||
<div class="cims-info-v mono">{{ bank.legalEntityId }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">PAN</div>
|
||||
<div class="cims-info-v mono">{{ bank.pan }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cims-section">
|
||||
<div class="cims-sec-h">
|
||||
<h3 class="cims-sec-t">Return Particulars</h3>
|
||||
</div>
|
||||
<div class="cims-info-grid">
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">CIMS Form Code</div>
|
||||
<div class="cims-info-v mono">{{ currentForm.cimsCode }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Taxonomy Version</div>
|
||||
<div class="cims-info-v mono">{{ currentForm.taxonomy }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Periodicity</div>
|
||||
<div class="cims-info-v">{{ currentForm.periodicity }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Reporting Period</div>
|
||||
<div class="cims-info-v">{{ bank.quarter }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">As On Date</div>
|
||||
<div class="cims-info-v">{{ bank.asOnDate }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Last Filed</div>
|
||||
<div class="cims-info-v">{{ currentForm.lastFiled }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Next Due</div>
|
||||
<div class="cims-info-v">
|
||||
<strong>{{ currentForm.nextDue }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">CIMS Portal</div>
|
||||
<div class="cims-info-v mono">{{ bank.cimsPortal }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">CIMS User ID</div>
|
||||
<div class="cims-info-v mono">{{ bank.cimsUserId }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cims-desc" [innerHTML]="currentForm.description"></div>
|
||||
</div>
|
||||
|
||||
<div class="cims-section">
|
||||
<div class="cims-sec-h">
|
||||
<h3 class="cims-sec-t">Principal Officer</h3>
|
||||
</div>
|
||||
<div class="cims-info-grid">
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Name</div>
|
||||
<div class="cims-info-v">{{ bank.principalOfficer }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Designation</div>
|
||||
<div class="cims-info-v">{{ bank.poDesignation }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Email</div>
|
||||
<div class="cims-info-v mono">{{ bank.poEmail }}</div>
|
||||
</div>
|
||||
<div class="cims-info">
|
||||
<div class="cims-info-l">Mobile</div>
|
||||
<div class="cims-info-v mono">{{ bank.poMobile }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ FORM DATA ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'data'">
|
||||
<div class="cims-section" *ngFor="let sec of sections">
|
||||
<div class="cims-sec-h">
|
||||
<h3 class="cims-sec-t">{{ sec }}</h3>
|
||||
</div>
|
||||
<div class="cims-tbl-wrap">
|
||||
<table class="cims-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>XBRL Element</th>
|
||||
<th>Label</th>
|
||||
<th class="ta-r">Value</th>
|
||||
<th class="ta-c">Unit</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let f of fieldsBySection(sec)">
|
||||
<td class="mono cell-ref">{{ f.ref }}</td>
|
||||
<td [innerHTML]="f.label"></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ f.value }}</strong>
|
||||
<span *ngIf="f.type === 'percent'" class="muted"> %</span>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<span class="unit-pill">{{ f.unit }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ XBRL PREVIEW ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'preview'">
|
||||
<div class="cims-section">
|
||||
<div class="cims-sec-h">
|
||||
<h3 class="cims-sec-t">XBRL Instance Document Preview</h3>
|
||||
<div class="cims-sec-actions">
|
||||
<button mat-stroked-button class="cims-btn-ghost" (click)="copyXbrl()" matTooltip="Copy XML to clipboard">
|
||||
<fa-icon icon="copy"></fa-icon> Copy
|
||||
</button>
|
||||
<button mat-stroked-button class="cims-btn-xls" (click)="exportXbrl()">
|
||||
<fa-icon icon="file-export"></fa-icon> Download .xml
|
||||
</button>
|
||||
<button mat-stroked-button class="cims-btn-xls cims-btn-excel" (click)="exportExcel()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Download Excel
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cims-validation" [ngClass]="validation.status">
|
||||
<fa-icon [icon]="validation.status === 'valid' ? 'check-double' : 'exclamation-triangle'"></fa-icon>
|
||||
<div>
|
||||
<div class="cims-val-t">
|
||||
<ng-container *ngIf="validation.status === 'valid'"
|
||||
>XBRL Document Valid — ready to upload</ng-container
|
||||
>
|
||||
<ng-container *ngIf="validation.status === 'warning'"
|
||||
>{{ validation.empty }} field(s) need attention</ng-container
|
||||
>
|
||||
</div>
|
||||
<div class="cims-val-d">
|
||||
{{ validation.populated }} of {{ validation.total }} elements populated · Taxonomy
|
||||
<span class="mono">{{ currentForm.taxonomy }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<pre class="xbrl-preview"><code>{{ generateXbrlXml() }}</code></pre>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
||||
<!-- FOOTER ACTIONS -->
|
||||
<div class="cims-foot">
|
||||
<div class="cims-foot-l">
|
||||
<fa-icon icon="shield-alt"></fa-icon>
|
||||
<span
|
||||
>Submitted to RBI CIMS Portal under <strong>{{ currentForm.cimsCode }}</strong> by
|
||||
{{ bank.principalOfficer }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="cims-foot-actions">
|
||||
<button mat-stroked-button class="cims-btn-ghost" (click)="exportExcel()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Excel
|
||||
</button>
|
||||
<button mat-stroked-button class="cims-btn-xls" (click)="exportXbrl()">
|
||||
<fa-icon icon="file-export"></fa-icon> Generate XBRL
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,514 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--cims-good: #15803d;
|
||||
--cims-good-l: #dcfce7;
|
||||
--cims-mid: #d97706;
|
||||
--cims-mid-l: #fef3c7;
|
||||
--cims-low: #c0392b;
|
||||
--cims-low-l: #fdecea;
|
||||
--cims-cyan: #0891b2;
|
||||
--cims-cyan-l: #cffafe;
|
||||
--cims-teal: #0d9488;
|
||||
--cims-teal-l: #ccfbf1;
|
||||
--cims-g50: #f8fafc;
|
||||
--cims-g100: #f1f5f9;
|
||||
--cims-g200: #e2e8f0;
|
||||
--cims-g300: #cbd5e1;
|
||||
--cims-g500: #64748b;
|
||||
--cims-g700: #334155;
|
||||
--cims-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--cims-g900);
|
||||
}
|
||||
|
||||
.cims-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 92vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.cims-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--cims-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #ecfeff 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.cims-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.cims-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--cims-cyan-l);
|
||||
color: var(--cims-cyan);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.cims-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--cims-g900);
|
||||
}
|
||||
|
||||
.cims-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--cims-g500);
|
||||
}
|
||||
|
||||
.cims-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.cims-status {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 6px 12px;
|
||||
border-radius: 999px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
|
||||
&.valid {
|
||||
background: var(--cims-good-l);
|
||||
color: var(--cims-good);
|
||||
}
|
||||
|
||||
&.warning {
|
||||
background: var(--cims-mid-l);
|
||||
color: var(--cims-mid);
|
||||
}
|
||||
}
|
||||
|
||||
.cims-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--cims-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--cims-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--cims-g100);
|
||||
color: var(--cims-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* FORM SELECTOR BAR */
|
||||
.cims-form-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 22px;
|
||||
background: var(--cims-g50);
|
||||
border-bottom: 1px solid var(--cims-g200);
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cims-form-bar-l {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: var(--cims-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cims-form-pill {
|
||||
padding: 6px 14px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--cims-g200);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--cims-g700);
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--cims-cyan-l);
|
||||
border-color: var(--cims-cyan);
|
||||
color: var(--cims-cyan);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: var(--cims-cyan);
|
||||
border-color: var(--cims-cyan);
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 6px rgb(8 145 178 / 25%);
|
||||
}
|
||||
}
|
||||
|
||||
.cims-form-meta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
color: var(--cims-g500);
|
||||
padding: 4px 10px;
|
||||
background: #fff;
|
||||
border: 1px solid var(--cims-g200);
|
||||
border-radius: 6px;
|
||||
|
||||
fa-icon {
|
||||
color: var(--cims-cyan);
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: var(--cims-g900);
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* TABS */
|
||||
.cims-tabs {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--cims-g200);
|
||||
padding: 0 22px;
|
||||
overflow-x: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.cims-tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 18px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--cims-g500);
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.15s;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
color: var(--cims-g700);
|
||||
background: var(--cims-g50);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: var(--cims-cyan);
|
||||
border-bottom-color: var(--cims-cyan);
|
||||
}
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.cims-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
background: var(--cims-g50);
|
||||
}
|
||||
|
||||
.cims-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--cims-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.cims-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cims-sec-t {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--cims-g700);
|
||||
}
|
||||
|
||||
.cims-sec-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.cims-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: var(--cims-cyan) !important;
|
||||
}
|
||||
|
||||
.cims-btn-excel {
|
||||
background: #16a34a !important;
|
||||
}
|
||||
|
||||
.cims-btn-ghost {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: var(--cims-g700) !important;
|
||||
background: #fff !important;
|
||||
border: 1px solid var(--cims-g200) !important;
|
||||
}
|
||||
|
||||
/* INFO GRID */
|
||||
.cims-info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 12px 24px;
|
||||
}
|
||||
|
||||
.cims-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.cims-info-l {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--cims-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cims-info-v {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--cims-g900);
|
||||
}
|
||||
|
||||
.cims-desc {
|
||||
margin-top: 12px;
|
||||
padding: 10px 14px;
|
||||
background: var(--cims-g50);
|
||||
border-left: 3px solid var(--cims-cyan);
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: var(--cims-g700);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.cims-tbl-wrap {
|
||||
border: 1px solid var(--cims-g200);
|
||||
border-radius: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.cims-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--cims-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--cims-g50);
|
||||
border-bottom: 1px solid var(--cims-g200);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--cims-g100);
|
||||
font-size: 13px;
|
||||
color: var(--cims-g700);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--cims-g50);
|
||||
}
|
||||
}
|
||||
|
||||
.cell-ref {
|
||||
color: var(--cims-cyan);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.unit-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
background: var(--cims-teal-l);
|
||||
color: var(--cims-teal);
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--cims-g500);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* VALIDATION BANNER */
|
||||
.cims-validation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
|
||||
fa-icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
&.valid {
|
||||
background: var(--cims-good-l);
|
||||
color: var(--cims-good);
|
||||
}
|
||||
|
||||
&.warning {
|
||||
background: var(--cims-mid-l);
|
||||
color: var(--cims-mid);
|
||||
}
|
||||
}
|
||||
|
||||
.cims-val-t {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.cims-val-d {
|
||||
font-size: 11px;
|
||||
margin-top: 2px;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
/* XBRL PREVIEW */
|
||||
.xbrl-preview {
|
||||
background: #0f172a;
|
||||
color: #e2e8f0;
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
font-family: 'DM Mono', 'Cascadia Code', monospace;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.6;
|
||||
overflow: auto;
|
||||
max-height: 480px;
|
||||
margin: 0;
|
||||
white-space: pre;
|
||||
border: 1px solid var(--cims-g200);
|
||||
|
||||
code {
|
||||
font-family: inherit;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
.cims-foot {
|
||||
padding: 12px 22px;
|
||||
border-top: 1px solid var(--cims-g200);
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cims-foot-l {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
color: var(--cims-g500);
|
||||
|
||||
fa-icon {
|
||||
color: var(--cims-cyan);
|
||||
}
|
||||
}
|
||||
|
||||
.cims-foot-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.cims-info-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 720px) {
|
||||
.cims-info-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.cims-head,
|
||||
.cims-form-bar,
|
||||
.cims-foot {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,840 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { CommonModule, DecimalPipe } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
|
||||
export type CimsFormCode = 'OSS-2' | 'PSA' | 'RAL' | 'RCP-UCB';
|
||||
|
||||
export interface CimsXbrlDialogData {
|
||||
initialForm?: CimsFormCode;
|
||||
}
|
||||
|
||||
interface CimsField {
|
||||
ref: string;
|
||||
label: string;
|
||||
section: string;
|
||||
value: number | string;
|
||||
unit?: 'INR-Lakh' | 'INR-Cr' | 'Pure' | 'Percent' | 'Number';
|
||||
type?: 'monetary' | 'numeric' | 'string' | 'percent';
|
||||
}
|
||||
|
||||
interface CimsForm {
|
||||
code: CimsFormCode;
|
||||
name: string;
|
||||
fullName: string;
|
||||
description: string;
|
||||
cimsCode: string;
|
||||
taxonomy: string;
|
||||
periodicity: 'Daily' | 'Monthly' | 'Quarterly' | 'Half-Yearly' | 'Annual';
|
||||
lastFiled: string;
|
||||
nextDue: string;
|
||||
fields: CimsField[];
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-cims-xbrl-dialog',
|
||||
standalone: true,
|
||||
templateUrl: './cims-xbrl-dialog.component.html',
|
||||
styleUrls: ['./cims-xbrl-dialog.component.scss'],
|
||||
imports: [
|
||||
CommonModule,
|
||||
DecimalPipe,
|
||||
FormsModule,
|
||||
MatDialogModule,
|
||||
MatButtonModule,
|
||||
MatTooltipModule,
|
||||
FaIconComponent
|
||||
]
|
||||
})
|
||||
export class CimsXbrlDialogComponent {
|
||||
private dialogRef = inject(MatDialogRef<CimsXbrlDialogComponent>);
|
||||
|
||||
activeForm: CimsFormCode;
|
||||
activeTab: 'filing' | 'data' | 'preview' = 'filing';
|
||||
|
||||
bank = {
|
||||
name: 'Bharat Urban Bank Ltd',
|
||||
branch: 'Head Office',
|
||||
bsrCode: 'BUBL0000123',
|
||||
ifsc: 'BUBL0000123',
|
||||
legalEntityId: 'BUBL-LEI-2025',
|
||||
pan: 'AAACB1234L',
|
||||
asOnDate: '31-03-2026',
|
||||
quarter: 'Q4 FY 2025-26',
|
||||
fiscalYear: '2025-26',
|
||||
principalOfficer: 'Karthik Kamath',
|
||||
poDesignation: 'Chief Compliance Officer',
|
||||
poEmail: 'compliance@bharaturbanbank.in',
|
||||
poMobile: '+91-9988002211',
|
||||
cimsUserId: 'BUBL_CIMS_001',
|
||||
cimsPortal: 'https://cims.rbi.org.in/'
|
||||
};
|
||||
|
||||
forms: Record<CimsFormCode, CimsForm> = {
|
||||
'OSS-2': {
|
||||
code: 'OSS-2',
|
||||
name: 'OSS-2',
|
||||
fullName: 'Off-site Surveillance — Statement of Asset Quality & Capital Adequacy',
|
||||
description: 'Quarterly return on asset classification, NPA, capital adequacy and profitability indicators.',
|
||||
cimsCode: 'CIMS_OSS_002',
|
||||
taxonomy: 'rbi-cims-oss-2024-04-01',
|
||||
periodicity: 'Quarterly',
|
||||
lastFiled: '15-01-2026',
|
||||
nextDue: '15-04-2026',
|
||||
fields: [
|
||||
{
|
||||
ref: 'oss2:CapAdq.CRAR',
|
||||
section: 'Capital Adequacy',
|
||||
label: 'CRAR (Total)',
|
||||
value: 14.82,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:CapAdq.Tier1',
|
||||
section: 'Capital Adequacy',
|
||||
label: 'Tier-I CRAR',
|
||||
value: 12.18,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:CapAdq.Tier2',
|
||||
section: 'Capital Adequacy',
|
||||
label: 'Tier-II CRAR',
|
||||
value: 2.64,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.Total',
|
||||
section: 'Asset Classification',
|
||||
label: 'Total Advances (₹ Lakh)',
|
||||
value: 416265,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.Standard',
|
||||
section: 'Asset Classification',
|
||||
label: 'Standard Assets (₹ Lakh)',
|
||||
value: 401820,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.SubStd',
|
||||
section: 'Asset Classification',
|
||||
label: 'Sub-Standard (₹ Lakh)',
|
||||
value: 6220,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.Doubtful',
|
||||
section: 'Asset Classification',
|
||||
label: 'Doubtful (₹ Lakh)',
|
||||
value: 5840,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.Loss',
|
||||
section: 'Asset Classification',
|
||||
label: 'Loss (₹ Lakh)',
|
||||
value: 2385,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.GNPA',
|
||||
section: 'NPA Position',
|
||||
label: 'Gross NPA (₹ Lakh)',
|
||||
value: 14445,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.NNPA',
|
||||
section: 'NPA Position',
|
||||
label: 'Net NPA (₹ Lakh)',
|
||||
value: 5212,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.GNPAPct',
|
||||
section: 'NPA Position',
|
||||
label: 'GNPA %',
|
||||
value: 3.47,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.NNPAPct',
|
||||
section: 'NPA Position',
|
||||
label: 'NNPA %',
|
||||
value: 1.27,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Asset.PCR',
|
||||
section: 'NPA Position',
|
||||
label: 'Provision Coverage Ratio',
|
||||
value: 64.13,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Profit.NIM',
|
||||
section: 'Profitability',
|
||||
label: 'Net Interest Margin',
|
||||
value: 3.21,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Profit.ROA',
|
||||
section: 'Profitability',
|
||||
label: 'Return on Assets',
|
||||
value: 0.92,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Profit.ROE',
|
||||
section: 'Profitability',
|
||||
label: 'Return on Equity',
|
||||
value: 11.48,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Liq.CRR',
|
||||
section: 'Liquidity',
|
||||
label: 'CRR Maintained',
|
||||
value: 4.52,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'oss2:Liq.SLR',
|
||||
section: 'Liquidity',
|
||||
label: 'SLR Maintained',
|
||||
value: 19.24,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
}
|
||||
]
|
||||
},
|
||||
PSA: {
|
||||
code: 'PSA',
|
||||
name: 'PSA',
|
||||
fullName: 'Priority Sector Advances — Annual Achievement Statement',
|
||||
description: 'Annual return on priority sector lending, sub-targets and weaker section coverage.',
|
||||
cimsCode: 'CIMS_PSA_001',
|
||||
taxonomy: 'rbi-cims-psa-2024-04-01',
|
||||
periodicity: 'Annual',
|
||||
lastFiled: '30-04-2025',
|
||||
nextDue: '30-04-2026',
|
||||
fields: [
|
||||
{
|
||||
ref: 'psa:Reference.ANBC',
|
||||
section: 'Reference',
|
||||
label: 'Adjusted Net Bank Credit (₹ Lakh)',
|
||||
value: 600000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:Reference.OBE',
|
||||
section: 'Reference',
|
||||
label: 'Credit Equivalent of OBE (₹ Lakh)',
|
||||
value: 25000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Total',
|
||||
section: 'PSL Achievement',
|
||||
label: 'Total PSL Outstanding (₹ Lakh)',
|
||||
value: 241700,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.TotalPct',
|
||||
section: 'PSL Achievement',
|
||||
label: 'Total PSL % of ANBC',
|
||||
value: 40.28,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Agri',
|
||||
section: 'Sub-targets',
|
||||
label: 'Agriculture (₹ Lakh)',
|
||||
value: 124000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.AgriPct',
|
||||
section: 'Sub-targets',
|
||||
label: 'Agriculture % of ANBC',
|
||||
value: 20.67,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.SMF',
|
||||
section: 'Sub-targets',
|
||||
label: 'Small & Marginal Farmers (₹ Lakh)',
|
||||
value: 72000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.SMFPct',
|
||||
section: 'Sub-targets',
|
||||
label: 'SMF % of ANBC',
|
||||
value: 12.0,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.MicroEnt',
|
||||
section: 'Sub-targets',
|
||||
label: 'Micro Enterprises (₹ Lakh)',
|
||||
value: 51000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.MicroPct',
|
||||
section: 'Sub-targets',
|
||||
label: 'Micro Enterprises % of ANBC',
|
||||
value: 8.5,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Weaker',
|
||||
section: 'Sub-targets',
|
||||
label: 'Weaker Sections (₹ Lakh)',
|
||||
value: 85500,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.WeakerPct',
|
||||
section: 'Sub-targets',
|
||||
label: 'Weaker Sections % of ANBC',
|
||||
value: 14.25,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Housing',
|
||||
section: 'Other Categories',
|
||||
label: 'Housing (₹ Lakh)',
|
||||
value: 9200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Education',
|
||||
section: 'Other Categories',
|
||||
label: 'Education (₹ Lakh)',
|
||||
value: 4200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.Export',
|
||||
section: 'Other Categories',
|
||||
label: 'Export Credit (₹ Lakh)',
|
||||
value: 3800,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'psa:PSL.RenEnergy',
|
||||
section: 'Other Categories',
|
||||
label: 'Renewable Energy (₹ Lakh)',
|
||||
value: 2400,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
}
|
||||
]
|
||||
},
|
||||
RAL: {
|
||||
code: 'RAL',
|
||||
name: 'RAL',
|
||||
fullName: 'Return on Assets & Liabilities (Half-Yearly)',
|
||||
description: 'Half-yearly statement of bank-wide assets and liabilities composition for cooperative banks.',
|
||||
cimsCode: 'CIMS_RAL_004',
|
||||
taxonomy: 'rbi-cims-ral-2024-04-01',
|
||||
periodicity: 'Half-Yearly',
|
||||
lastFiled: '30-10-2025',
|
||||
nextDue: '30-04-2026',
|
||||
fields: [
|
||||
{
|
||||
ref: 'ral:Liab.Capital',
|
||||
section: 'Liabilities',
|
||||
label: 'Capital (₹ Lakh)',
|
||||
value: 22000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.Reserves',
|
||||
section: 'Liabilities',
|
||||
label: 'Reserves & Surplus (₹ Lakh)',
|
||||
value: 32400,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.DepDemand',
|
||||
section: 'Liabilities',
|
||||
label: 'Demand Deposits (₹ Lakh)',
|
||||
value: 84200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.DepSavings',
|
||||
section: 'Liabilities',
|
||||
label: 'Savings Deposits (₹ Lakh)',
|
||||
value: 218600,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.DepTerm',
|
||||
section: 'Liabilities',
|
||||
label: 'Term Deposits (₹ Lakh)',
|
||||
value: 462800,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.Borrow',
|
||||
section: 'Liabilities',
|
||||
label: 'Borrowings (₹ Lakh)',
|
||||
value: 24180,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Liab.Other',
|
||||
section: 'Liabilities',
|
||||
label: 'Other Liabilities & Provisions (₹ Lakh)',
|
||||
value: 18420,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Cash',
|
||||
section: 'Assets',
|
||||
label: 'Cash on Hand (₹ Lakh)',
|
||||
value: 8420,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.RBI',
|
||||
section: 'Assets',
|
||||
label: 'Balances with RBI (₹ Lakh)',
|
||||
value: 38400,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Banks',
|
||||
section: 'Assets',
|
||||
label: 'Balances with Banks (₹ Lakh)',
|
||||
value: 24800,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Money',
|
||||
section: 'Assets',
|
||||
label: 'Money at Call & Short Notice (₹ Lakh)',
|
||||
value: 12400,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Invest',
|
||||
section: 'Assets',
|
||||
label: 'Investments (₹ Lakh)',
|
||||
value: 184600,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Adv',
|
||||
section: 'Assets',
|
||||
label: 'Advances (₹ Lakh)',
|
||||
value: 416265,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Fixed',
|
||||
section: 'Assets',
|
||||
label: 'Fixed Assets (₹ Lakh)',
|
||||
value: 14200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:Asset.Other',
|
||||
section: 'Assets',
|
||||
label: 'Other Assets (₹ Lakh)',
|
||||
value: 12480,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:OBE.Guar',
|
||||
section: 'Off-Balance Sheet',
|
||||
label: 'Bank Guarantees (₹ Lakh)',
|
||||
value: 18420,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'ral:OBE.LC',
|
||||
section: 'Off-Balance Sheet',
|
||||
label: 'Letters of Credit (₹ Lakh)',
|
||||
value: 6580,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
}
|
||||
]
|
||||
},
|
||||
'RCP-UCB': {
|
||||
code: 'RCP-UCB',
|
||||
name: 'RCP (UCB)',
|
||||
fullName: 'Return on Cash Position — Urban Cooperative Banks',
|
||||
description: 'Fortnightly statement of CRR/SLR maintenance, NDTL composition and reserve position.',
|
||||
cimsCode: 'CIMS_RCP_UCB_007',
|
||||
taxonomy: 'rbi-cims-rcp-ucb-2024-04-01',
|
||||
periodicity: 'Monthly',
|
||||
lastFiled: '14-04-2026',
|
||||
nextDue: '28-04-2026',
|
||||
fields: [
|
||||
{
|
||||
ref: 'rcp:Liab.DemandDep',
|
||||
section: 'NDTL Composition',
|
||||
label: 'Demand Liabilities (₹ Lakh)',
|
||||
value: 84200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:Liab.TimeDep',
|
||||
section: 'NDTL Composition',
|
||||
label: 'Time Liabilities (₹ Lakh)',
|
||||
value: 681400,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:Liab.NDTL',
|
||||
section: 'NDTL Composition',
|
||||
label: 'Net Demand & Time Liabilities (NDTL)',
|
||||
value: 740000,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:CRR.Required',
|
||||
section: 'CRR Maintenance',
|
||||
label: 'CRR Required (4.5%)',
|
||||
value: 33300,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:CRR.Maintained',
|
||||
section: 'CRR Maintenance',
|
||||
label: 'CRR Maintained (avg)',
|
||||
value: 33448,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:CRR.MaintainedPct',
|
||||
section: 'CRR Maintenance',
|
||||
label: 'CRR % Maintained',
|
||||
value: 4.52,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:CRR.Surplus',
|
||||
section: 'CRR Maintenance',
|
||||
label: 'CRR Surplus / Shortfall (₹ Lakh)',
|
||||
value: 148,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:SLR.Required',
|
||||
section: 'SLR Maintenance',
|
||||
label: 'SLR Required (18%)',
|
||||
value: 133200,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:SLR.Maintained',
|
||||
section: 'SLR Maintenance',
|
||||
label: 'SLR Maintained (avg)',
|
||||
value: 142376,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:SLR.MaintainedPct',
|
||||
section: 'SLR Maintenance',
|
||||
label: 'SLR % Maintained',
|
||||
value: 19.24,
|
||||
unit: 'Percent',
|
||||
type: 'percent'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:SLR.Surplus',
|
||||
section: 'SLR Maintenance',
|
||||
label: 'SLR Surplus / Shortfall (₹ Lakh)',
|
||||
value: 9176,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:Cash.OnHand',
|
||||
section: 'Cash Position',
|
||||
label: 'Cash on Hand (₹ Lakh)',
|
||||
value: 8420,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:Cash.AtRBI',
|
||||
section: 'Cash Position',
|
||||
label: 'Cash at RBI (₹ Lakh)',
|
||||
value: 33448,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
},
|
||||
{
|
||||
ref: 'rcp:Cash.AtBanks',
|
||||
section: 'Cash Position',
|
||||
label: 'Cash at other Banks (₹ Lakh)',
|
||||
value: 24800,
|
||||
unit: 'INR-Lakh',
|
||||
type: 'monetary'
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
formCodes: CimsFormCode[] = [
|
||||
'OSS-2',
|
||||
'PSA',
|
||||
'RAL',
|
||||
'RCP-UCB'
|
||||
];
|
||||
|
||||
data = inject<CimsXbrlDialogData | null>(MAT_DIALOG_DATA, { optional: true });
|
||||
|
||||
constructor() {
|
||||
this.activeForm = this.data?.initialForm ?? 'OSS-2';
|
||||
}
|
||||
|
||||
get currentForm(): CimsForm {
|
||||
return this.forms[this.activeForm];
|
||||
}
|
||||
|
||||
get sections(): string[] {
|
||||
const s: string[] = [];
|
||||
for (const f of this.currentForm.fields) {
|
||||
if (!s.includes(f.section)) s.push(f.section);
|
||||
}
|
||||
return s;
|
||||
}
|
||||
fieldsBySection(section: string): CimsField[] {
|
||||
return this.currentForm.fields.filter((f) => f.section === section);
|
||||
}
|
||||
|
||||
setForm(code: CimsFormCode): void {
|
||||
this.activeForm = code;
|
||||
this.activeTab = 'filing';
|
||||
}
|
||||
setTab(tab: 'filing' | 'data' | 'preview'): void {
|
||||
this.activeTab = tab;
|
||||
}
|
||||
close(): void {
|
||||
this.dialogRef.close();
|
||||
}
|
||||
|
||||
/** Format a number for XBRL output (no commas, 2 dp for monetary/percent) */
|
||||
private fmtXbrl(f: CimsField): string {
|
||||
if (typeof f.value === 'string') return f.value;
|
||||
if (f.type === 'monetary' || f.type === 'percent') return f.value.toFixed(2);
|
||||
return f.value.toString();
|
||||
}
|
||||
|
||||
/** Build XBRL XML document for a form (representative; real CIMS taxonomy differs) */
|
||||
generateXbrlXml(): string {
|
||||
const f = this.currentForm;
|
||||
const period = `${this.bank.fiscalYear} (${this.bank.quarter})`;
|
||||
const ctxId = `ctx_${f.code.replace('-', '_')}`;
|
||||
const startDate = '2026-01-01';
|
||||
const endDate = '2026-03-31';
|
||||
const lines: string[] = [];
|
||||
lines.push('<?xml version="1.0" encoding="UTF-8"?>');
|
||||
lines.push('<xbrl');
|
||||
lines.push(' xmlns="http://www.xbrl.org/2003/instance"');
|
||||
lines.push(' xmlns:link="http://www.xbrl.org/2003/linkbase"');
|
||||
lines.push(' xmlns:xbrli="http://www.xbrl.org/2003/instance"');
|
||||
lines.push(' xmlns:iso4217="http://www.xbrl.org/2003/iso4217"');
|
||||
lines.push(' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"');
|
||||
lines.push(` xmlns:${f.code.replace('-', '').toLowerCase()}="${f.taxonomy}">`);
|
||||
lines.push(` <link:schemaRef xlink:type="simple" xlink:href="${f.taxonomy}.xsd"/>`);
|
||||
lines.push(` <!-- Period: ${period} -->`);
|
||||
lines.push(` <context id="${ctxId}">`);
|
||||
lines.push(' <entity>');
|
||||
lines.push(` <identifier scheme="http://www.rbi.org.in/cims">${this.bank.legalEntityId}</identifier>`);
|
||||
lines.push(' </entity>');
|
||||
lines.push(' <period>');
|
||||
lines.push(` <startDate>${startDate}</startDate>`);
|
||||
lines.push(` <endDate>${endDate}</endDate>`);
|
||||
lines.push(' </period>');
|
||||
lines.push(' </context>');
|
||||
lines.push(' <unit id="INR_Lakh"><measure>iso4217:INR</measure></unit>');
|
||||
lines.push(' <unit id="Pure"><measure>xbrli:pure</measure></unit>');
|
||||
lines.push(' <!-- Filing -->');
|
||||
lines.push(` <cims:bankName contextRef="${ctxId}">${this.bank.name}</cims:bankName>`);
|
||||
lines.push(` <cims:bsrCode contextRef="${ctxId}">${this.bank.bsrCode}</cims:bsrCode>`);
|
||||
lines.push(` <cims:cimsFormCode contextRef="${ctxId}">${f.cimsCode}</cims:cimsFormCode>`);
|
||||
lines.push(' <!-- Facts -->');
|
||||
for (const fld of f.fields) {
|
||||
const unitRef = fld.type === 'monetary' ? 'INR_Lakh' : 'Pure';
|
||||
const decimals = fld.type === 'monetary' || fld.type === 'percent' ? '2' : '0';
|
||||
lines.push(
|
||||
` <${fld.ref} contextRef="${ctxId}" unitRef="${unitRef}" decimals="${decimals}">${this.fmtXbrl(
|
||||
fld
|
||||
)}</${fld.ref}>`
|
||||
);
|
||||
}
|
||||
lines.push('</xbrl>');
|
||||
return lines.join('\n');
|
||||
}
|
||||
|
||||
/** Validation summary — counts fields, flags any zero/missing */
|
||||
get validation(): { total: number; populated: number; empty: number; status: 'valid' | 'warning' } {
|
||||
const fields = this.currentForm.fields;
|
||||
const populated = fields.filter((f) => f.value !== '' && f.value !== 0).length;
|
||||
const empty = fields.length - populated;
|
||||
return {
|
||||
total: fields.length,
|
||||
populated,
|
||||
empty,
|
||||
status: empty === 0 ? 'valid' : 'warning'
|
||||
};
|
||||
}
|
||||
|
||||
// -------------------- Exports --------------------
|
||||
exportXbrl(): void {
|
||||
const xml = this.generateXbrlXml();
|
||||
this.saveBlob(xml, `${this.currentForm.cimsCode}-${this.dateTag()}.xml`, 'application/xml');
|
||||
}
|
||||
copyXbrl(): void {
|
||||
const xml = this.generateXbrlXml();
|
||||
if (navigator.clipboard) navigator.clipboard.writeText(xml);
|
||||
}
|
||||
exportExcel(): void {
|
||||
const f = this.currentForm;
|
||||
const rows: string[][] = [];
|
||||
rows.push([
|
||||
this.bank.name,
|
||||
this.bank.branch
|
||||
]);
|
||||
rows.push([
|
||||
f.fullName,
|
||||
`As On ${this.bank.asOnDate}`
|
||||
]);
|
||||
rows.push([
|
||||
`CIMS Code: ${f.cimsCode}`,
|
||||
`Taxonomy: ${f.taxonomy}`
|
||||
]);
|
||||
rows.push([
|
||||
`Periodicity: ${f.periodicity}`,
|
||||
`Quarter: ${this.bank.quarter}`
|
||||
]);
|
||||
rows.push([
|
||||
`Principal Officer: ${this.bank.principalOfficer}`,
|
||||
`Email: ${this.bank.poEmail}`
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Section',
|
||||
'Element Ref',
|
||||
'Label',
|
||||
'Value',
|
||||
'Unit'
|
||||
]);
|
||||
for (const fld of f.fields) {
|
||||
rows.push([
|
||||
fld.section,
|
||||
fld.ref,
|
||||
fld.label.replace(/&/g, '&'),
|
||||
this.fmtXbrl(fld),
|
||||
fld.unit ?? ''
|
||||
]);
|
||||
}
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Certified by',
|
||||
this.bank.principalOfficer + ' — ' + this.bank.poDesignation
|
||||
]);
|
||||
this.saveTsv(rows, `${f.cimsCode}-${this.dateTag()}.xls`);
|
||||
}
|
||||
|
||||
// ---- helpers ----
|
||||
private dateTag(): string {
|
||||
const d = new Date();
|
||||
return `${String(d.getDate()).padStart(2, '0')}${String(d.getMonth() + 1).padStart(2, '0')}${d.getFullYear()}`;
|
||||
}
|
||||
private saveTsv(rows: string[][], filename: string): void {
|
||||
const tsv = rows.map((r) => r.map((v) => (v || '').replace(/\t/g, ' ')).join('\t')).join('\n');
|
||||
this.saveBlob(tsv, filename, 'application/vnd.ms-excel');
|
||||
}
|
||||
private saveBlob(content: string, filename: string, mime: string): void {
|
||||
const blob = new Blob([content], { type: `${mime};charset=utf-8` });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = filename;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,419 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="ckr-dlg">
|
||||
<!-- HEADER -->
|
||||
<div class="ckr-head">
|
||||
<div class="ckr-head-left">
|
||||
<div class="ckr-head-ic"><fa-icon icon="fingerprint"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="ckr-title">CKYC Compliance Reports — {{ currentReport.name }}</h2>
|
||||
<p class="ckr-sub">{{ currentReport.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ckr-head-actions">
|
||||
<span class="ckr-meta mono"> <fa-icon icon="hashtag"></fa-icon> Ref {{ currentReport.sourceRef }} </span>
|
||||
<span class="ckr-meta">
|
||||
<fa-icon icon="calendar"></fa-icon> As on <strong>{{ bank.asOnDate }}</strong>
|
||||
</span>
|
||||
<button class="ckr-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- REPORT SELECTOR -->
|
||||
<div class="ckr-sel-bar">
|
||||
<span class="ckr-sel-l">Report:</span>
|
||||
<button
|
||||
*ngFor="let r of reports"
|
||||
class="ckr-sel-pill"
|
||||
[class.active]="activeReport === r.code"
|
||||
(click)="setReport(r.code)"
|
||||
>
|
||||
<fa-icon [icon]="r.icon"></fa-icon> {{ r.name }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-body">
|
||||
<!-- ════════════ RE-KYC ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'REKYC'">
|
||||
<!-- KPIs -->
|
||||
<div class="ckr-stats">
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">Total Customers</div>
|
||||
<div class="ckr-stat-v">{{ rekyc.length | number }}</div>
|
||||
<div class="ckr-stat-meta">Filtered: {{ filteredRekyc.length | number }}</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card alert">
|
||||
<div class="ckr-stat-l">KYC Overdue</div>
|
||||
<div class="ckr-stat-v">{{ rekycOverdue }}</div>
|
||||
<div class="ckr-stat-meta">Past expiry date</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card warn">
|
||||
<div class="ckr-stat-l">Due in 90 days</div>
|
||||
<div class="ckr-stat-v">{{ rekycDueSoon }}</div>
|
||||
<div class="ckr-stat-meta">Refresh window opening</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">High Risk</div>
|
||||
<div class="ckr-stat-v">{{ rekycHighRisk }}</div>
|
||||
<div class="ckr-stat-meta">Yearly KYC required</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">≥ ₹25 Lacs Segment</div>
|
||||
<div class="ckr-stat-v">{{ rekycAbove25L }}</div>
|
||||
<div class="ckr-stat-meta">Enhanced due diligence</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ckr-section">
|
||||
<div class="ckr-sec-h">
|
||||
<h3 class="ckr-sec-t">Re-KYC Pending Register — {{ filteredRekyc.length }} of {{ rekyc.length }}</h3>
|
||||
<button mat-stroked-button class="ckr-btn-xls" (click)="exportRekycCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-filters">
|
||||
<div class="ckr-f">
|
||||
<label>Risk</label>
|
||||
<select [(ngModel)]="rekycFilterRisk">
|
||||
<option value="">All</option>
|
||||
<option value="LOW">Low</option>
|
||||
<option value="MEDIUM">Medium</option>
|
||||
<option value="HIGH">High</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>Branch</label>
|
||||
<input type="text" placeholder="Search branch…" [(ngModel)]="rekycFilterBranch" />
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>Segment</label>
|
||||
<select [(ngModel)]="rekycFilterSegment">
|
||||
<option value="">All</option>
|
||||
<option value="ABOVE-25-LACS">≥ ₹25 Lacs</option>
|
||||
<option value="BELOW-25-LACS">< ₹25 Lacs</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>KYC Status</label>
|
||||
<select [(ngModel)]="rekycFilterStatus">
|
||||
<option value="">All</option>
|
||||
<option value="OVERDUE">Overdue</option>
|
||||
<option value="DUE-SOON">Due in 90 days</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="ckr-f-reset" (click)="resetRekycFilters()" matTooltip="Reset">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-tbl-wrap">
|
||||
<table class="ckr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>UCode</th>
|
||||
<th>Customer Name</th>
|
||||
<th>Type</th>
|
||||
<th class="ta-c">Risk</th>
|
||||
<th>Branch</th>
|
||||
<th>KYC Expiry</th>
|
||||
<th class="ta-c">Status</th>
|
||||
<th class="ta-c">Segment</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let r of filteredRekyc">
|
||||
<td class="mono">{{ r.ucode }}</td>
|
||||
<td>{{ r.name }}</td>
|
||||
<td>{{ r.customerType }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="risk-pill" [ngClass]="riskBadgeClass(r.risk)">{{ r.risk }}</span>
|
||||
</td>
|
||||
<td>
|
||||
{{ r.branch }} <span class="muted">({{ r.branchCode }})</span>
|
||||
</td>
|
||||
<td>{{ r.kycExpiry }}</td>
|
||||
<td class="ta-c">
|
||||
<span
|
||||
class="status-pill"
|
||||
[ngClass]="{
|
||||
bad: r.daysOverdue > 0,
|
||||
warn: r.daysOverdue <= 0 && r.daysOverdue >= -90,
|
||||
good: r.daysOverdue < -90
|
||||
}"
|
||||
>
|
||||
<ng-container *ngIf="r.daysOverdue > 0">OVERDUE {{ r.daysOverdue }}d</ng-container>
|
||||
<ng-container *ngIf="r.daysOverdue <= 0 && r.daysOverdue >= -90"
|
||||
>DUE IN {{ -r.daysOverdue }}d</ng-container
|
||||
>
|
||||
<ng-container *ngIf="r.daysOverdue < -90">WITHIN</ng-container>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<span *ngIf="r.segment === 'ABOVE-25-LACS'" class="seg-pill seg-high">≥ 25 L</span>
|
||||
<span *ngIf="r.segment === 'BELOW-25-LACS'" class="seg-pill seg-low">< 25 L</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredRekyc.length === 0">
|
||||
<td colspan="8" class="empty">No customers match the current filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="ckr-foot">
|
||||
TOTAL COUNT: <strong>{{ filteredRekyc.length }}</strong> · Report Ref:
|
||||
<span class="mono">{{ bank.reportRefNo }}</span> · User Code:
|
||||
<span class="mono">{{ bank.userCode }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ RISK REVIEW ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'RISK-REVIEW'">
|
||||
<div class="ckr-stats">
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">Total Reviews</div>
|
||||
<div class="ckr-stat-v">{{ riskReview.length | number }}</div>
|
||||
<div class="ckr-stat-meta">{{ riskReviewPeriod.from }} to {{ riskReviewPeriod.to }}</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">Risk Inserted</div>
|
||||
<div class="ckr-stat-v">{{ riskInsertedCount }}</div>
|
||||
<div class="ckr-stat-meta">Occupation / Pancard</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card warn">
|
||||
<div class="ckr-stat-l">Risk Upgraded</div>
|
||||
<div class="ckr-stat-v">{{ riskUpgradedCount }}</div>
|
||||
<div class="ckr-stat-meta">LOW→MED, MED→HIGH</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card alert">
|
||||
<div class="ckr-stat-l">Accounts Frozen</div>
|
||||
<div class="ckr-stat-v">{{ riskFrozenCount }}</div>
|
||||
<div class="ckr-stat-meta">Suspicious / High-Risk</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ckr-section">
|
||||
<div class="ckr-sec-h">
|
||||
<h3 class="ckr-sec-t">
|
||||
Risk Updating History — {{ riskReviewPeriod.from }} TO {{ riskReviewPeriod.to }}
|
||||
</h3>
|
||||
<button mat-stroked-button class="ckr-btn-xls" (click)="exportRiskReviewCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-filters">
|
||||
<div class="ckr-f">
|
||||
<label>Branch</label>
|
||||
<input type="text" placeholder="Search branch…" [(ngModel)]="riskFilterBranch" />
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>New Risk</label>
|
||||
<select [(ngModel)]="riskFilterNew">
|
||||
<option value="">All</option>
|
||||
<option value="LOW">Low</option>
|
||||
<option value="MEDIUM">Medium</option>
|
||||
<option value="HIGH">High</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>Account Frozen</label>
|
||||
<select [(ngModel)]="riskFilterFrozen">
|
||||
<option value="">All</option>
|
||||
<option value="Y">Yes</option>
|
||||
<option value="N">No</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="ckr-f-reset" (click)="resetRiskFilters()" matTooltip="Reset">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-tbl-wrap">
|
||||
<table class="ckr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Branch</th>
|
||||
<th>A/c Type</th>
|
||||
<th>Client ID</th>
|
||||
<th>Customer</th>
|
||||
<th class="ta-c">Old → New Risk</th>
|
||||
<th>Mobile</th>
|
||||
<th>Description</th>
|
||||
<th class="ta-c">Frozen</th>
|
||||
<th>Updated On</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let r of filteredRiskReview">
|
||||
<td>
|
||||
{{ r.branch }} <span class="muted">({{ r.branchCode }})</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="actyp-pill">{{ r.acType }}</span>
|
||||
</td>
|
||||
<td class="mono">{{ r.clientId }}</td>
|
||||
<td>{{ r.customerName }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="risk-pill" [ngClass]="riskBadgeClass(r.oldRisk)">{{ r.oldRisk }}</span>
|
||||
<fa-icon icon="long-arrow-alt-right" class="risk-arrow"></fa-icon>
|
||||
<span class="risk-pill" [ngClass]="riskBadgeClass(r.newRisk)">{{ r.newRisk }}</span>
|
||||
</td>
|
||||
<td class="mono">{{ r.mobile }}</td>
|
||||
<td>{{ r.description }}</td>
|
||||
<td class="ta-c">
|
||||
<span *ngIf="r.frozen" class="status-pill bad">FROZEN</span>
|
||||
<span *ngIf="!r.frozen" class="muted">—</span>
|
||||
</td>
|
||||
<td>{{ r.updatedOn }}</td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredRiskReview.length === 0">
|
||||
<td colspan="9" class="empty">No risk-update entries match the filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="ckr-foot">
|
||||
Risk Category Updated Summary — Total Clients:
|
||||
<strong>{{ filteredRiskReview.length }}</strong> · Print Date:
|
||||
<span class="mono">{{ bank.asOnDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ CERSAI ════════════ -->
|
||||
<ng-container *ngIf="activeReport === 'CERSAI'">
|
||||
<div class="ckr-stats">
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">Total Secured A/c</div>
|
||||
<div class="ckr-stat-v">{{ cersaiTotalSecured | number }}</div>
|
||||
<div class="ckr-stat-meta">Across all branches</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card good">
|
||||
<div class="ckr-stat-l">CERSAI Found</div>
|
||||
<div class="ckr-stat-v">{{ cersaiTotalFound | number }}</div>
|
||||
<div class="ckr-stat-meta">Registered with CERSAI</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card alert">
|
||||
<div class="ckr-stat-l">CERSAI Not Found</div>
|
||||
<div class="ckr-stat-v">{{ cersaiTotalNotFound | number }}</div>
|
||||
<div class="ckr-stat-meta">Pending registration</div>
|
||||
</div>
|
||||
<div class="ckr-stat-card">
|
||||
<div class="ckr-stat-l">Compliance %</div>
|
||||
<div class="ckr-stat-v" [ngClass]="cersaiPctClass(cersaiCompliancePct)">
|
||||
{{ cersaiCompliancePct.toFixed(2) }}%
|
||||
</div>
|
||||
<div class="ckr-stat-meta">Target: ≥ 95%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ckr-section">
|
||||
<div class="ckr-sec-h">
|
||||
<h3 class="ckr-sec-t">CERSAI Registration Status — Branch & Account-Type Wise</h3>
|
||||
<button mat-stroked-button class="ckr-btn-xls" (click)="exportCersaiCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-filters">
|
||||
<div class="ckr-f">
|
||||
<label>Branch</label>
|
||||
<input type="text" placeholder="Search branch…" [(ngModel)]="cersaiFilterBranch" />
|
||||
</div>
|
||||
<div class="ckr-f">
|
||||
<label>Account Type</label>
|
||||
<select [(ngModel)]="cersaiFilterAcType">
|
||||
<option value="">All</option>
|
||||
<option value="TL">Term Loan (TL)</option>
|
||||
<option value="HL">Home Loan (HL)</option>
|
||||
<option value="CC">Cash Credit (CC)</option>
|
||||
<option value="OD">Overdraft (OD)</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="ckr-f-reset" (click)="resetCersaiFilters()" matTooltip="Reset">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ckr-tbl-wrap">
|
||||
<table class="ckr-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Branch Code</th>
|
||||
<th>Branch</th>
|
||||
<th class="ta-c">A/c Type</th>
|
||||
<th class="ta-r">CERSAI Found</th>
|
||||
<th class="ta-r">CERSAI Not Found</th>
|
||||
<th class="ta-r">Total Secured</th>
|
||||
<th class="ta-r">Compliance %</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let r of filteredCersai">
|
||||
<td class="mono">{{ r.branchCode }}</td>
|
||||
<td>{{ r.branch }}</td>
|
||||
<td class="ta-c">
|
||||
<span class="actyp-pill">{{ r.acType }}</span>
|
||||
</td>
|
||||
<td class="ta-r">{{ r.found | number }}</td>
|
||||
<td class="ta-r" [class.bad]="r.notFound > 0">{{ r.notFound | number }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ r.totalSecured | number }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<span class="pct-pill" [ngClass]="cersaiPctClass(cersaiPct(r))">{{ cersaiPct(r).toFixed(1) }}%</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row-total">
|
||||
<td colspan="3"><strong>BANK TOTAL</strong></td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ cersaiTotalFound | number }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ cersaiTotalNotFound | number }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ cersaiTotalSecured | number }}</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<span class="pct-pill" [ngClass]="cersaiPctClass(cersaiCompliancePct)"
|
||||
>{{ cersaiCompliancePct.toFixed(2) }}%</span
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredCersai.length === 0">
|
||||
<td colspan="7" class="empty">No CERSAI rows match the filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="ckr-foot">
|
||||
{{ bank.name }} — {{ bank.branch }} · Certified by
|
||||
<strong>{{ bank.principalOfficer }}</strong> · As on
|
||||
<span class="mono">{{ bank.asOnDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<div class="ckr-footer">
|
||||
<div class="ckr-footer-l">
|
||||
<fa-icon icon="shield-alt"></fa-icon> Data classified — RBI KYC Master Direction (2016, as amended)
|
||||
</div>
|
||||
<button mat-stroked-button class="ckr-btn-xls" (click)="exportCurrentExcel()">
|
||||
<fa-icon icon="file-export"></fa-icon> Export {{ currentReport.name }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,610 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--ckr-good: #15803d;
|
||||
--ckr-good-l: #dcfce7;
|
||||
--ckr-mid: #d97706;
|
||||
--ckr-mid-l: #fef3c7;
|
||||
--ckr-low: #c0392b;
|
||||
--ckr-low-l: #fdecea;
|
||||
--ckr-pink: #be185d;
|
||||
--ckr-pink-l: #fce7f3;
|
||||
--ckr-purple: #6d28d9;
|
||||
--ckr-purple-l: #ede9fe;
|
||||
--ckr-blue: #2563eb;
|
||||
--ckr-blue-l: #dbeafe;
|
||||
--ckr-g50: #f8fafc;
|
||||
--ckr-g100: #f1f5f9;
|
||||
--ckr-g200: #e2e8f0;
|
||||
--ckr-g300: #cbd5e1;
|
||||
--ckr-g500: #64748b;
|
||||
--ckr-g700: #334155;
|
||||
--ckr-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--ckr-g900);
|
||||
}
|
||||
|
||||
.ckr-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 92vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.ckr-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--ckr-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #fdf2f8 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.ckr-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.ckr-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--ckr-pink-l);
|
||||
color: var(--ckr-pink);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.ckr-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--ckr-g900);
|
||||
}
|
||||
|
||||
.ckr-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--ckr-g500);
|
||||
}
|
||||
|
||||
.ckr-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ckr-meta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
color: var(--ckr-g500);
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 6px;
|
||||
|
||||
fa-icon {
|
||||
color: var(--ckr-pink);
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.ckr-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--ckr-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--ckr-g100);
|
||||
color: var(--ckr-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* REPORT SELECTOR BAR */
|
||||
.ckr-sel-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 22px;
|
||||
background: var(--ckr-g50);
|
||||
border-bottom: 1px solid var(--ckr-g200);
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ckr-sel-l {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: var(--ckr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.ckr-sel-pill {
|
||||
padding: 7px 16px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--ckr-g700);
|
||||
transition: all 0.15s;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
fa-icon {
|
||||
color: var(--ckr-g500);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--ckr-pink-l);
|
||||
border-color: var(--ckr-pink);
|
||||
color: var(--ckr-pink);
|
||||
|
||||
fa-icon {
|
||||
color: var(--ckr-pink);
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: var(--ckr-pink);
|
||||
border-color: var(--ckr-pink);
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 6px rgb(190 24 93 / 25%);
|
||||
|
||||
fa-icon {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.ckr-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
background: var(--ckr-g50);
|
||||
}
|
||||
|
||||
/* KPI STATS */
|
||||
.ckr-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.ckr-stat-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
|
||||
&.alert {
|
||||
background: var(--ckr-low-l);
|
||||
border-color: var(--ckr-low);
|
||||
|
||||
.ckr-stat-v {
|
||||
color: var(--ckr-low);
|
||||
}
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background: var(--ckr-mid-l);
|
||||
border-color: var(--ckr-mid);
|
||||
|
||||
.ckr-stat-v {
|
||||
color: var(--ckr-mid);
|
||||
}
|
||||
}
|
||||
|
||||
&.good {
|
||||
background: var(--ckr-good-l);
|
||||
border-color: var(--ckr-good);
|
||||
|
||||
.ckr-stat-v {
|
||||
color: var(--ckr-good);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ckr-stat-l {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--ckr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.ckr-stat-v {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--ckr-g900);
|
||||
line-height: 1.2;
|
||||
margin-top: 2px;
|
||||
|
||||
&.good {
|
||||
color: var(--ckr-good);
|
||||
}
|
||||
|
||||
&.mid {
|
||||
color: var(--ckr-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
color: var(--ckr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.ckr-stat-meta {
|
||||
font-size: 11px;
|
||||
color: var(--ckr-g500);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* SECTION */
|
||||
.ckr-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.ckr-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ckr-sec-t {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--ckr-g700);
|
||||
}
|
||||
|
||||
.ckr-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: var(--ckr-pink) !important;
|
||||
}
|
||||
|
||||
/* FILTERS */
|
||||
.ckr-filters {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
padding: 12px 14px;
|
||||
background: var(--ckr-g50);
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ckr-f {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 140px;
|
||||
|
||||
label {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--ckr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
select,
|
||||
input {
|
||||
height: 32px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
color: var(--ckr-g900);
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: var(--ckr-pink);
|
||||
box-shadow: 0 0 0 3px rgb(190 24 93 / 12%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ckr-f-reset {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--ckr-g200);
|
||||
background: #fff;
|
||||
color: var(--ckr-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--ckr-low-l);
|
||||
color: var(--ckr-low);
|
||||
border-color: var(--ckr-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.ckr-tbl-wrap {
|
||||
border: 1px solid var(--ckr-g200);
|
||||
border-radius: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.ckr-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--ckr-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--ckr-g50);
|
||||
border-bottom: 1px solid var(--ckr-g200);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--ckr-g100);
|
||||
font-size: 13px;
|
||||
color: var(--ckr-g700);
|
||||
vertical-align: middle;
|
||||
|
||||
&.bad {
|
||||
color: var(--ckr-low);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--ckr-g50);
|
||||
}
|
||||
|
||||
.row-total td {
|
||||
background: var(--ckr-pink-l);
|
||||
color: var(--ckr-g900);
|
||||
font-weight: 700;
|
||||
border-top: 2px solid var(--ckr-pink);
|
||||
}
|
||||
}
|
||||
|
||||
/* PILLS */
|
||||
.risk-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
|
||||
&.risk-low {
|
||||
background: var(--ckr-good-l);
|
||||
color: var(--ckr-good);
|
||||
}
|
||||
|
||||
&.risk-mid {
|
||||
background: var(--ckr-mid-l);
|
||||
color: var(--ckr-mid);
|
||||
}
|
||||
|
||||
&.risk-high {
|
||||
background: var(--ckr-low-l);
|
||||
color: var(--ckr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.risk-arrow {
|
||||
margin: 0 6px;
|
||||
color: var(--ckr-g500);
|
||||
}
|
||||
|
||||
.actyp-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
background: var(--ckr-blue-l);
|
||||
color: var(--ckr-blue);
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status-pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
border-radius: 999px;
|
||||
letter-spacing: 0.04em;
|
||||
|
||||
&.bad {
|
||||
background: var(--ckr-low-l);
|
||||
color: var(--ckr-low);
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background: var(--ckr-mid-l);
|
||||
color: var(--ckr-mid);
|
||||
}
|
||||
|
||||
&.good {
|
||||
background: var(--ckr-good-l);
|
||||
color: var(--ckr-good);
|
||||
}
|
||||
}
|
||||
|
||||
.seg-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
border-radius: 6px;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
|
||||
&.seg-high {
|
||||
background: var(--ckr-purple-l);
|
||||
color: var(--ckr-purple);
|
||||
}
|
||||
|
||||
&.seg-low {
|
||||
background: var(--ckr-g100);
|
||||
color: var(--ckr-g500);
|
||||
}
|
||||
}
|
||||
|
||||
.pct-pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
border-radius: 999px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
||||
&.good {
|
||||
background: var(--ckr-good-l);
|
||||
color: var(--ckr-good);
|
||||
}
|
||||
|
||||
&.mid {
|
||||
background: var(--ckr-mid-l);
|
||||
color: var(--ckr-mid);
|
||||
}
|
||||
|
||||
&.low {
|
||||
background: var(--ckr-low-l);
|
||||
color: var(--ckr-low);
|
||||
}
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--ckr-g300);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.empty {
|
||||
text-align: center;
|
||||
color: var(--ckr-g500);
|
||||
padding: 24px !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.ckr-foot {
|
||||
margin-top: 12px;
|
||||
padding: 10px 14px;
|
||||
font-size: 12px;
|
||||
color: var(--ckr-g500);
|
||||
background: var(--ckr-g50);
|
||||
border-radius: 6px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* DIALOG FOOTER */
|
||||
.ckr-footer {
|
||||
padding: 12px 22px;
|
||||
border-top: 1px solid var(--ckr-g200);
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ckr-footer-l {
|
||||
font-size: 12px;
|
||||
color: var(--ckr-g500);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
fa-icon {
|
||||
color: var(--ckr-pink);
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.ckr-stats {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 720px) {
|
||||
.ckr-stats {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.ckr-head,
|
||||
.ckr-sel-bar,
|
||||
.ckr-footer {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,849 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { CommonModule, DecimalPipe } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
|
||||
export type CkycReportCode = 'REKYC' | 'RISK-REVIEW' | 'CERSAI';
|
||||
|
||||
export interface CkycReportsDialogData {
|
||||
initialReport?: CkycReportCode;
|
||||
}
|
||||
|
||||
interface RekycRow {
|
||||
ucode: string;
|
||||
name: string;
|
||||
customerType: 'INDIVIDUAL' | 'FIRM' | 'SOCIETY' | 'HUF';
|
||||
risk: 'LOW' | 'MEDIUM' | 'HIGH';
|
||||
branch: string;
|
||||
branchCode: string;
|
||||
kycExpiry: string;
|
||||
daysOverdue: number;
|
||||
segment: 'ABOVE-25-LACS' | 'BELOW-25-LACS';
|
||||
}
|
||||
|
||||
interface RiskReviewRow {
|
||||
branchCode: string;
|
||||
branch: string;
|
||||
acType: 'SB' | 'CA' | 'OD' | 'TL' | 'CC' | 'LT';
|
||||
clientId: string;
|
||||
customerName: string;
|
||||
oldRisk: 'LOW' | 'MEDIUM' | 'HIGH';
|
||||
newRisk: 'LOW' | 'MEDIUM' | 'HIGH';
|
||||
mobile: string;
|
||||
description: string;
|
||||
frozen: boolean;
|
||||
updatedOn: string;
|
||||
}
|
||||
|
||||
interface CersaiRow {
|
||||
branchCode: string;
|
||||
branch: string;
|
||||
acType: 'TL' | 'CC' | 'OD' | 'HL';
|
||||
found: number;
|
||||
notFound: number;
|
||||
totalSecured: number;
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-ckyc-reports-dialog',
|
||||
standalone: true,
|
||||
templateUrl: './ckyc-reports-dialog.component.html',
|
||||
styleUrls: ['./ckyc-reports-dialog.component.scss'],
|
||||
imports: [
|
||||
CommonModule,
|
||||
DecimalPipe,
|
||||
FormsModule,
|
||||
MatDialogModule,
|
||||
MatButtonModule,
|
||||
MatTooltipModule,
|
||||
FaIconComponent
|
||||
]
|
||||
})
|
||||
export class CkycReportsDialogComponent {
|
||||
private dialogRef = inject(MatDialogRef<CkycReportsDialogComponent>);
|
||||
|
||||
activeReport: CkycReportCode;
|
||||
|
||||
bank = {
|
||||
name: 'Bharat Urban Bank Ltd',
|
||||
branch: 'Head Office',
|
||||
asOnDate: '29-01-2026',
|
||||
fiscalYear: '2025-26',
|
||||
quarter: 'Q3 FY 2025-26',
|
||||
principalOfficer: 'Karthik Kamath',
|
||||
poDesignation: 'Principal Compliance Officer',
|
||||
reportRefNo: '2075/1',
|
||||
userCode: 'BUBL01',
|
||||
fyStart: '01-04-2025',
|
||||
fyEnd: '31-03-2026'
|
||||
};
|
||||
|
||||
reports = [
|
||||
{
|
||||
code: 'REKYC' as CkycReportCode,
|
||||
name: 'Re-KYC Report',
|
||||
icon: 'sync-alt',
|
||||
description: 'Customers due / overdue for periodic KYC refresh based on risk category.',
|
||||
sourceRef: '2075/1'
|
||||
},
|
||||
{
|
||||
code: 'RISK-REVIEW' as CkycReportCode,
|
||||
name: 'Risk Review',
|
||||
icon: 'exclamation-triangle',
|
||||
description: 'Audit trail of risk-category changes per RBI Master Direction on KYC.',
|
||||
sourceRef: '2075/2'
|
||||
},
|
||||
{
|
||||
code: 'CERSAI' as CkycReportCode,
|
||||
name: 'CERSAI Report',
|
||||
icon: 'shield-alt',
|
||||
description: 'Branch-wise CERSAI registration status for secured advances under SARFAESI.',
|
||||
sourceRef: '2075/3'
|
||||
}
|
||||
];
|
||||
|
||||
// -------------------- Re-KYC Data --------------------
|
||||
rekycFilterRisk: '' | 'LOW' | 'MEDIUM' | 'HIGH' = '';
|
||||
rekycFilterBranch = '';
|
||||
rekycFilterSegment: '' | 'ABOVE-25-LACS' | 'BELOW-25-LACS' = '';
|
||||
rekycFilterStatus: '' | 'OVERDUE' | 'DUE-SOON' = '';
|
||||
|
||||
rekyc: RekycRow[] = [
|
||||
{
|
||||
ucode: 'BUBL000201',
|
||||
name: 'Ravi Kumar Sharma',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Mumbai Main',
|
||||
branchCode: '01',
|
||||
kycExpiry: '12-04-2026',
|
||||
daysOverdue: -73,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL000418',
|
||||
name: 'Priya Patel',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Pune FC Road',
|
||||
branchCode: '02',
|
||||
kycExpiry: '08-12-2025',
|
||||
daysOverdue: 52,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL000522',
|
||||
name: 'Arjun Deshmukh',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Nagpur Dharampeth',
|
||||
branchCode: '03',
|
||||
kycExpiry: '01-08-2026',
|
||||
daysOverdue: -184,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL000711',
|
||||
name: 'Vikram Reddy',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'HIGH',
|
||||
branch: 'Bengaluru Jayanagar',
|
||||
branchCode: '04',
|
||||
kycExpiry: '15-11-2025',
|
||||
daysOverdue: 75,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL000814',
|
||||
name: 'Lakshmi Iyer',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Bengaluru Indiranagar',
|
||||
branchCode: '05',
|
||||
kycExpiry: '08-10-2026',
|
||||
daysOverdue: -252,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL001012',
|
||||
name: 'Nirav Shah',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Ahmedabad Satellite',
|
||||
branchCode: '06',
|
||||
kycExpiry: '14-02-2026',
|
||||
daysOverdue: -16,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL001145',
|
||||
name: 'Kavita Verma',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'HIGH',
|
||||
branch: 'Lucknow Gomti Nagar',
|
||||
branchCode: '07',
|
||||
kycExpiry: '11-11-2025',
|
||||
daysOverdue: 79,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL001458',
|
||||
name: 'Sameer Kapoor',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Delhi Greater Kailash',
|
||||
branchCode: '08',
|
||||
kycExpiry: '25-08-2026',
|
||||
daysOverdue: -208,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL001721',
|
||||
name: 'Karthik Subramanian',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Chennai Valasaravakkam',
|
||||
branchCode: '09',
|
||||
kycExpiry: '03-05-2027',
|
||||
daysOverdue: -460,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL002012',
|
||||
name: 'Abhishek Banerjee',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Kolkata Salt Lake',
|
||||
branchCode: '10',
|
||||
kycExpiry: '17-12-2025',
|
||||
daysOverdue: 43,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL002314',
|
||||
name: 'Gaurav Thakur',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Shimla Sector 4',
|
||||
branchCode: '11',
|
||||
kycExpiry: '22-04-2027',
|
||||
daysOverdue: -448,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL002615',
|
||||
name: 'Manmohan Singh Gill',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'HIGH',
|
||||
branch: 'Amritsar Model Town',
|
||||
branchCode: '12',
|
||||
kycExpiry: '05-01-2026',
|
||||
daysOverdue: 24,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL002918',
|
||||
name: 'Sunita Devi',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'LOW',
|
||||
branch: 'Bhopal Arera Colony',
|
||||
branchCode: '13',
|
||||
kycExpiry: '18-06-2027',
|
||||
daysOverdue: -505,
|
||||
segment: 'BELOW-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL003221',
|
||||
name: 'Deepak Tiwari',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Indore Vijay Nagar',
|
||||
branchCode: '14',
|
||||
kycExpiry: '12-03-2026',
|
||||
daysOverdue: -42,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL003524',
|
||||
name: 'Harpreet Kaur',
|
||||
customerType: 'INDIVIDUAL',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Ludhiana Sarabha Nagar',
|
||||
branchCode: '15',
|
||||
kycExpiry: '08-09-2025',
|
||||
daysOverdue: 143,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL003812',
|
||||
name: 'Saraswati Mahila Co-op Society',
|
||||
customerType: 'SOCIETY',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Mumbai Main',
|
||||
branchCode: '01',
|
||||
kycExpiry: '14-12-2025',
|
||||
daysOverdue: 46,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL004115',
|
||||
name: 'Aditya Enterprises',
|
||||
customerType: 'FIRM',
|
||||
risk: 'HIGH',
|
||||
branch: 'Pune FC Road',
|
||||
branchCode: '02',
|
||||
kycExpiry: '02-10-2025',
|
||||
daysOverdue: 119,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
},
|
||||
{
|
||||
ucode: 'BUBL004318',
|
||||
name: 'Vasudha Trading HUF',
|
||||
customerType: 'HUF',
|
||||
risk: 'MEDIUM',
|
||||
branch: 'Delhi Greater Kailash',
|
||||
branchCode: '08',
|
||||
kycExpiry: '28-11-2025',
|
||||
daysOverdue: 62,
|
||||
segment: 'ABOVE-25-LACS'
|
||||
}
|
||||
];
|
||||
|
||||
// -------------------- Risk Review Data --------------------
|
||||
riskFilterBranch = '';
|
||||
riskFilterNew: '' | 'LOW' | 'MEDIUM' | 'HIGH' = '';
|
||||
riskFilterFrozen: '' | 'Y' | 'N' = '';
|
||||
|
||||
riskReviewPeriod = { from: '01-10-2025', to: '31-12-2025' };
|
||||
|
||||
riskReview: RiskReviewRow[] = [
|
||||
{
|
||||
branchCode: '01',
|
||||
branch: 'Mumbai Main',
|
||||
acType: 'SB',
|
||||
clientId: 'BUBL000201',
|
||||
customerName: 'Ravi Kumar Sharma',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9988002211',
|
||||
description: 'Periodic Risk Review — Individual',
|
||||
frozen: false,
|
||||
updatedOn: '12-10-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '02',
|
||||
branch: 'Pune FC Road',
|
||||
acType: 'CA',
|
||||
clientId: 'BUBL000418',
|
||||
customerName: 'Priya Patel',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'MEDIUM',
|
||||
mobile: '+91-9617086784',
|
||||
description: 'Risk Updated — Account Turn Over Medium',
|
||||
frozen: false,
|
||||
updatedOn: '18-10-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '03',
|
||||
branch: 'Nagpur Dharampeth',
|
||||
acType: 'TL',
|
||||
clientId: 'BUBL000522',
|
||||
customerName: 'Arjun Deshmukh',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9755179366',
|
||||
description: 'Risk Insert With Pancard verification',
|
||||
frozen: false,
|
||||
updatedOn: '02-11-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '04',
|
||||
branch: 'Bengaluru Jayanagar',
|
||||
acType: 'OD',
|
||||
clientId: 'BUBL000711',
|
||||
customerName: 'Vikram Reddy',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'HIGH',
|
||||
mobile: '+91-9826544604',
|
||||
description: 'Risk Insert With Occupation — Politically Exposed',
|
||||
frozen: true,
|
||||
updatedOn: '08-11-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '05',
|
||||
branch: 'Bengaluru Indiranagar',
|
||||
acType: 'SB',
|
||||
clientId: 'BUBL000814',
|
||||
customerName: 'Lakshmi Iyer',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9893677629',
|
||||
description: 'Identification — Individual Confirmed',
|
||||
frozen: false,
|
||||
updatedOn: '15-11-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '06',
|
||||
branch: 'Ahmedabad Satellite',
|
||||
acType: 'CC',
|
||||
clientId: 'BUBL001012',
|
||||
customerName: 'Nirav Shah',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'MEDIUM',
|
||||
mobile: '+91-9926362230',
|
||||
description: 'Risk Updated — Account Turn Over Medium',
|
||||
frozen: false,
|
||||
updatedOn: '22-11-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '07',
|
||||
branch: 'Lucknow Gomti Nagar',
|
||||
acType: 'CA',
|
||||
clientId: 'BUBL001145',
|
||||
customerName: 'Kavita Verma',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'HIGH',
|
||||
mobile: '+91-9926322804',
|
||||
description: 'Suspicious Transaction Trigger — STR raised',
|
||||
frozen: true,
|
||||
updatedOn: '28-11-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '08',
|
||||
branch: 'Delhi Greater Kailash',
|
||||
acType: 'OD',
|
||||
clientId: 'BUBL001458',
|
||||
customerName: 'Sameer Kapoor',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'MEDIUM',
|
||||
mobile: '+91-9827444636',
|
||||
description: 'Periodic Risk Review — Individual',
|
||||
frozen: false,
|
||||
updatedOn: '04-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '09',
|
||||
branch: 'Chennai Valasaravakkam',
|
||||
acType: 'SB',
|
||||
clientId: 'BUBL001721',
|
||||
customerName: 'Karthik Subramanian',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9827565456',
|
||||
description: 'Identification — Individual Confirmed',
|
||||
frozen: false,
|
||||
updatedOn: '11-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '10',
|
||||
branch: 'Kolkata Salt Lake',
|
||||
acType: 'TL',
|
||||
clientId: 'BUBL002012',
|
||||
customerName: 'Abhishek Banerjee',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'MEDIUM',
|
||||
mobile: '+91-9174151366',
|
||||
description: 'Risk Insert With Occupation',
|
||||
frozen: false,
|
||||
updatedOn: '15-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '11',
|
||||
branch: 'Shimla Sector 4',
|
||||
acType: 'SB',
|
||||
clientId: 'BUBL002314',
|
||||
customerName: 'Gaurav Thakur',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9111026263',
|
||||
description: 'Periodic Risk Review — Individual',
|
||||
frozen: false,
|
||||
updatedOn: '18-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '12',
|
||||
branch: 'Amritsar Model Town',
|
||||
acType: 'CC',
|
||||
clientId: 'BUBL002615',
|
||||
customerName: 'Manmohan Singh Gill',
|
||||
oldRisk: 'HIGH',
|
||||
newRisk: 'HIGH',
|
||||
mobile: '+91-9407272122',
|
||||
description: 'High-Risk Re-confirmation — PEP review',
|
||||
frozen: true,
|
||||
updatedOn: '22-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '13',
|
||||
branch: 'Bhopal Arera Colony',
|
||||
acType: 'SB',
|
||||
clientId: 'BUBL002918',
|
||||
customerName: 'Sunita Devi',
|
||||
oldRisk: 'LOW',
|
||||
newRisk: 'LOW',
|
||||
mobile: '+91-9691683108',
|
||||
description: 'Identification — Individual Confirmed',
|
||||
frozen: false,
|
||||
updatedOn: '24-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '14',
|
||||
branch: 'Indore Vijay Nagar',
|
||||
acType: 'OD',
|
||||
clientId: 'BUBL003221',
|
||||
customerName: 'Deepak Tiwari',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'HIGH',
|
||||
mobile: '+91-9826875772',
|
||||
description: 'Risk Updated — Account Turn Over High',
|
||||
frozen: true,
|
||||
updatedOn: '28-12-2025'
|
||||
},
|
||||
{
|
||||
branchCode: '15',
|
||||
branch: 'Ludhiana Sarabha Nagar',
|
||||
acType: 'TL',
|
||||
clientId: 'BUBL003524',
|
||||
customerName: 'Harpreet Kaur',
|
||||
oldRisk: 'MEDIUM',
|
||||
newRisk: 'MEDIUM',
|
||||
mobile: '+91-9407256202',
|
||||
description: 'Risk Insert With Pancard',
|
||||
frozen: false,
|
||||
updatedOn: '30-12-2025'
|
||||
}
|
||||
];
|
||||
|
||||
// -------------------- CERSAI Data --------------------
|
||||
cersai: CersaiRow[] = [
|
||||
{ branchCode: '01', branch: 'Mumbai Main', acType: 'TL', found: 142, notFound: 8, totalSecured: 150 },
|
||||
{ branchCode: '02', branch: 'Pune FC Road', acType: 'TL', found: 98, notFound: 4, totalSecured: 102 },
|
||||
{ branchCode: '02', branch: 'Pune FC Road', acType: 'CC', found: 38, notFound: 12, totalSecured: 50 },
|
||||
{ branchCode: '03', branch: 'Nagpur Dharampeth', acType: 'HL', found: 64, notFound: 6, totalSecured: 70 },
|
||||
{ branchCode: '04', branch: 'Bengaluru Jayanagar', acType: 'TL', found: 124, notFound: 0, totalSecured: 124 },
|
||||
{ branchCode: '04', branch: 'Bengaluru Jayanagar', acType: 'OD', found: 42, notFound: 8, totalSecured: 50 },
|
||||
{ branchCode: '05', branch: 'Bengaluru Indiranagar', acType: 'HL', found: 86, notFound: 4, totalSecured: 90 },
|
||||
{ branchCode: '06', branch: 'Ahmedabad Satellite', acType: 'TL', found: 110, notFound: 14, totalSecured: 124 },
|
||||
{ branchCode: '07', branch: 'Lucknow Gomti Nagar', acType: 'CC', found: 28, notFound: 12, totalSecured: 40 },
|
||||
{ branchCode: '08', branch: 'Delhi Greater Kailash', acType: 'TL', found: 156, notFound: 4, totalSecured: 160 },
|
||||
{ branchCode: '08', branch: 'Delhi Greater Kailash', acType: 'OD', found: 64, notFound: 16, totalSecured: 80 },
|
||||
{ branchCode: '09', branch: 'Chennai Valasaravakkam', acType: 'HL', found: 72, notFound: 8, totalSecured: 80 },
|
||||
{ branchCode: '10', branch: 'Kolkata Salt Lake', acType: 'TL', found: 88, notFound: 12, totalSecured: 100 },
|
||||
{ branchCode: '11', branch: 'Shimla Sector 4', acType: 'TL', found: 32, notFound: 8, totalSecured: 40 },
|
||||
{ branchCode: '12', branch: 'Amritsar Model Town', acType: 'CC', found: 18, notFound: 22, totalSecured: 40 },
|
||||
{ branchCode: '13', branch: 'Bhopal Arera Colony', acType: 'HL', found: 56, notFound: 4, totalSecured: 60 },
|
||||
{ branchCode: '14', branch: 'Indore Vijay Nagar', acType: 'TL', found: 92, notFound: 18, totalSecured: 110 },
|
||||
{ branchCode: '15', branch: 'Ludhiana Sarabha Nagar', acType: 'OD', found: 36, notFound: 14, totalSecured: 50 }
|
||||
];
|
||||
|
||||
cersaiFilterBranch = '';
|
||||
cersaiFilterAcType: '' | 'TL' | 'CC' | 'OD' | 'HL' = '';
|
||||
|
||||
data = inject<CkycReportsDialogData | null>(MAT_DIALOG_DATA, { optional: true });
|
||||
|
||||
constructor() {
|
||||
this.activeReport = this.data?.initialReport ?? 'REKYC';
|
||||
}
|
||||
|
||||
// -------------------- Re-KYC computed --------------------
|
||||
get filteredRekyc(): RekycRow[] {
|
||||
const branch = this.rekycFilterBranch.trim().toLowerCase();
|
||||
return this.rekyc.filter((r) => {
|
||||
if (this.rekycFilterRisk && r.risk !== this.rekycFilterRisk) return false;
|
||||
if (branch && !r.branch.toLowerCase().includes(branch)) return false;
|
||||
if (this.rekycFilterSegment && r.segment !== this.rekycFilterSegment) return false;
|
||||
if (this.rekycFilterStatus === 'OVERDUE' && r.daysOverdue <= 0) return false;
|
||||
if (this.rekycFilterStatus === 'DUE-SOON' && (r.daysOverdue > 0 || r.daysOverdue < -90)) return false;
|
||||
return true;
|
||||
});
|
||||
}
|
||||
resetRekycFilters(): void {
|
||||
this.rekycFilterRisk = '';
|
||||
this.rekycFilterBranch = '';
|
||||
this.rekycFilterSegment = '';
|
||||
this.rekycFilterStatus = '';
|
||||
}
|
||||
get rekycOverdue(): number {
|
||||
return this.rekyc.filter((r) => r.daysOverdue > 0).length;
|
||||
}
|
||||
get rekycDueSoon(): number {
|
||||
return this.rekyc.filter((r) => r.daysOverdue <= 0 && r.daysOverdue >= -90).length;
|
||||
}
|
||||
get rekycHighRisk(): number {
|
||||
return this.rekyc.filter((r) => r.risk === 'HIGH').length;
|
||||
}
|
||||
get rekycAbove25L(): number {
|
||||
return this.rekyc.filter((r) => r.segment === 'ABOVE-25-LACS').length;
|
||||
}
|
||||
|
||||
// -------------------- Risk Review computed --------------------
|
||||
get filteredRiskReview(): RiskReviewRow[] {
|
||||
const branch = this.riskFilterBranch.trim().toLowerCase();
|
||||
return this.riskReview.filter((r) => {
|
||||
if (branch && !r.branch.toLowerCase().includes(branch)) return false;
|
||||
if (this.riskFilterNew && r.newRisk !== this.riskFilterNew) return false;
|
||||
if (this.riskFilterFrozen === 'Y' && !r.frozen) return false;
|
||||
if (this.riskFilterFrozen === 'N' && r.frozen) return false;
|
||||
return true;
|
||||
});
|
||||
}
|
||||
resetRiskFilters(): void {
|
||||
this.riskFilterBranch = '';
|
||||
this.riskFilterNew = '';
|
||||
this.riskFilterFrozen = '';
|
||||
}
|
||||
get riskInsertedCount(): number {
|
||||
return this.riskReview.filter((r) => r.description.toLowerCase().includes('insert')).length;
|
||||
}
|
||||
get riskUpgradedCount(): number {
|
||||
return this.riskReview.filter(
|
||||
(r) => (r.oldRisk === 'LOW' && r.newRisk !== 'LOW') || (r.oldRisk === 'MEDIUM' && r.newRisk === 'HIGH')
|
||||
).length;
|
||||
}
|
||||
get riskFrozenCount(): number {
|
||||
return this.riskReview.filter((r) => r.frozen).length;
|
||||
}
|
||||
riskBadgeClass(risk: 'LOW' | 'MEDIUM' | 'HIGH'): string {
|
||||
return risk === 'HIGH' ? 'risk-high' : risk === 'MEDIUM' ? 'risk-mid' : 'risk-low';
|
||||
}
|
||||
|
||||
// -------------------- CERSAI computed --------------------
|
||||
get filteredCersai(): CersaiRow[] {
|
||||
const branch = this.cersaiFilterBranch.trim().toLowerCase();
|
||||
return this.cersai.filter((r) => {
|
||||
if (branch && !r.branch.toLowerCase().includes(branch)) return false;
|
||||
if (this.cersaiFilterAcType && r.acType !== this.cersaiFilterAcType) return false;
|
||||
return true;
|
||||
});
|
||||
}
|
||||
resetCersaiFilters(): void {
|
||||
this.cersaiFilterBranch = '';
|
||||
this.cersaiFilterAcType = '';
|
||||
}
|
||||
get cersaiTotalFound(): number {
|
||||
return this.cersai.reduce((s, r) => s + r.found, 0);
|
||||
}
|
||||
get cersaiTotalNotFound(): number {
|
||||
return this.cersai.reduce((s, r) => s + r.notFound, 0);
|
||||
}
|
||||
get cersaiTotalSecured(): number {
|
||||
return this.cersai.reduce((s, r) => s + r.totalSecured, 0);
|
||||
}
|
||||
get cersaiCompliancePct(): number {
|
||||
return this.cersaiTotalSecured === 0 ? 0 : +((this.cersaiTotalFound / this.cersaiTotalSecured) * 100).toFixed(2);
|
||||
}
|
||||
cersaiPct(r: CersaiRow): number {
|
||||
return r.totalSecured === 0 ? 0 : +((r.found / r.totalSecured) * 100).toFixed(1);
|
||||
}
|
||||
cersaiPctClass(pct: number): string {
|
||||
if (pct >= 95) return 'good';
|
||||
if (pct >= 80) return 'mid';
|
||||
return 'low';
|
||||
}
|
||||
|
||||
setReport(code: CkycReportCode): void {
|
||||
this.activeReport = code;
|
||||
}
|
||||
close(): void {
|
||||
this.dialogRef.close();
|
||||
}
|
||||
|
||||
get currentReport() {
|
||||
return this.reports.find((r) => r.code === this.activeReport)!;
|
||||
}
|
||||
|
||||
// -------------------- Exports --------------------
|
||||
|
||||
exportRekycCsv(): void {
|
||||
const headers = [
|
||||
'UCode',
|
||||
'Name',
|
||||
'Customer Type',
|
||||
'Risk',
|
||||
'Branch',
|
||||
'Branch Code',
|
||||
'KYC Expiry',
|
||||
'Days Overdue',
|
||||
'Status',
|
||||
'Segment'
|
||||
];
|
||||
const rows = [headers];
|
||||
for (const r of this.filteredRekyc) {
|
||||
const status = r.daysOverdue > 0 ? 'OVERDUE' : r.daysOverdue >= -90 ? 'DUE SOON' : 'WITHIN';
|
||||
rows.push([
|
||||
r.ucode,
|
||||
r.name,
|
||||
r.customerType,
|
||||
r.risk,
|
||||
r.branch,
|
||||
r.branchCode,
|
||||
r.kycExpiry,
|
||||
r.daysOverdue.toString(),
|
||||
status,
|
||||
r.segment
|
||||
]);
|
||||
}
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'TOTAL COUNT',
|
||||
this.filteredRekyc.length.toString()
|
||||
]);
|
||||
rows.push([
|
||||
'Report Ref No',
|
||||
this.bank.reportRefNo,
|
||||
'User Code',
|
||||
this.bank.userCode
|
||||
]);
|
||||
this.saveCsv(rows, `Rekyc-Report-${this.dateTag()}.csv`);
|
||||
}
|
||||
|
||||
exportRiskReviewCsv(): void {
|
||||
const headers = [
|
||||
'Branch Code',
|
||||
'Branch',
|
||||
'A/c Type',
|
||||
'Client ID',
|
||||
'Customer Name',
|
||||
'Old Risk',
|
||||
'New Risk',
|
||||
'Mobile',
|
||||
'Description',
|
||||
'Account Frozen',
|
||||
'Updated On'
|
||||
];
|
||||
const rows = [headers];
|
||||
for (const r of this.filteredRiskReview) {
|
||||
rows.push([
|
||||
r.branchCode,
|
||||
r.branch,
|
||||
r.acType,
|
||||
r.clientId,
|
||||
r.customerName,
|
||||
r.oldRisk,
|
||||
r.newRisk,
|
||||
r.mobile,
|
||||
r.description,
|
||||
r.frozen ? 'Y' : 'N',
|
||||
r.updatedOn
|
||||
]);
|
||||
}
|
||||
rows.push([]);
|
||||
rows.push(['Risk Category Updated Summary']);
|
||||
rows.push([
|
||||
'Total Clients',
|
||||
this.filteredRiskReview.length.toString()
|
||||
]);
|
||||
rows.push([
|
||||
'Risk Inserted',
|
||||
this.riskInsertedCount.toString()
|
||||
]);
|
||||
rows.push([
|
||||
'Risk Upgraded',
|
||||
this.riskUpgradedCount.toString()
|
||||
]);
|
||||
rows.push([
|
||||
'Account Frozen',
|
||||
this.riskFrozenCount.toString()
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Period',
|
||||
`${this.riskReviewPeriod.from} TO ${this.riskReviewPeriod.to}`
|
||||
]);
|
||||
rows.push([
|
||||
'Print Date',
|
||||
new Date().toLocaleString('en-IN')
|
||||
]);
|
||||
this.saveCsv(rows, `Risk-Review-${this.dateTag()}.csv`);
|
||||
}
|
||||
|
||||
exportCersaiCsv(): void {
|
||||
const headers = [
|
||||
'Branch Code',
|
||||
'Branch',
|
||||
'A/c Type',
|
||||
'CERSAI Found',
|
||||
'CERSAI Not Found',
|
||||
'Total Secured',
|
||||
'Compliance %'
|
||||
];
|
||||
const rows = [headers];
|
||||
for (const r of this.filteredCersai) {
|
||||
rows.push([
|
||||
r.branchCode,
|
||||
r.branch,
|
||||
r.acType,
|
||||
r.found.toString(),
|
||||
r.notFound.toString(),
|
||||
r.totalSecured.toString(),
|
||||
this.cersaiPct(r).toFixed(2) + '%'
|
||||
]);
|
||||
}
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'BANK TOTAL',
|
||||
'',
|
||||
'',
|
||||
this.cersaiTotalFound.toString(),
|
||||
this.cersaiTotalNotFound.toString(),
|
||||
this.cersaiTotalSecured.toString(),
|
||||
this.cersaiCompliancePct.toFixed(2) + '%'
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Bank',
|
||||
this.bank.name
|
||||
]);
|
||||
rows.push([
|
||||
'Branch',
|
||||
this.bank.branch
|
||||
]);
|
||||
rows.push([
|
||||
'As On',
|
||||
this.bank.asOnDate
|
||||
]);
|
||||
rows.push([
|
||||
'Principal Officer',
|
||||
this.bank.principalOfficer
|
||||
]);
|
||||
this.saveCsv(rows, `CERSAI-Report-${this.dateTag()}.csv`);
|
||||
}
|
||||
|
||||
exportCurrentExcel(): void {
|
||||
if (this.activeReport === 'REKYC') return this.exportRekycCsv();
|
||||
if (this.activeReport === 'RISK-REVIEW') return this.exportRiskReviewCsv();
|
||||
if (this.activeReport === 'CERSAI') return this.exportCersaiCsv();
|
||||
}
|
||||
|
||||
// ---- helpers ----
|
||||
private dateTag(): string {
|
||||
const d = new Date();
|
||||
return `${String(d.getDate()).padStart(2, '0')}${String(d.getMonth() + 1).padStart(2, '0')}${d.getFullYear()}`;
|
||||
}
|
||||
private saveCsv(rows: string[][], filename: string): void {
|
||||
const escape = (v: string): string => {
|
||||
const s = (v || '').replace(/"/g, '""');
|
||||
if (s.includes(',') || s.includes('"') || s.includes('\n')) return `"${s}"`;
|
||||
return s;
|
||||
};
|
||||
const csv = rows.map((r) => r.map(escape).join(',')).join('\n') + '\n';
|
||||
const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = filename;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
}
|
||||
@@ -22,7 +22,13 @@
|
||||
<strong>Q3 FY 2025-26</strong>
|
||||
<span>Reporting Quarter</span>
|
||||
</div>
|
||||
<a class="rbi-circular-btn" href="https://www.rbi.org.in/scripts/bs_circularindexdisplay.aspx" target="_blank" rel="noopener noreferrer" matTooltip="View RBI Circulars">
|
||||
<a
|
||||
class="rbi-circular-btn"
|
||||
href="https://www.rbi.org.in/scripts/bs_circularindexdisplay.aspx"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
matTooltip="View RBI Circulars"
|
||||
>
|
||||
<fa-icon icon="external-link-alt"></fa-icon>
|
||||
RBI Circulars
|
||||
</a>
|
||||
@@ -111,13 +117,19 @@
|
||||
</td>
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td>
|
||||
<span class="status-chip" [class.chip-cet1]="item.category === 'CET1'" [class.chip-at1]="item.category === 'AT1'">
|
||||
<span
|
||||
class="status-chip"
|
||||
[class.chip-cet1]="item.category === 'CET1'"
|
||||
[class.chip-at1]="item.category === 'AT1'"
|
||||
>
|
||||
{{ item.category }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="right amt amt-t1c">{{ item.prev }}</td>
|
||||
<td class="right amt amt-t1c">{{ item.curr }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
@@ -159,7 +171,9 @@
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td class="right amt amt-t2c">{{ item.prev }}</td>
|
||||
<td class="right amt amt-t2c">{{ item.curr }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
@@ -199,7 +213,9 @@
|
||||
<div class="item-sub">{{ item.sub }}</div>
|
||||
</td>
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td><span class="status-chip chip-rw">{{ item.rw }}</span></td>
|
||||
<td>
|
||||
<span class="status-chip chip-rw">{{ item.rw }}</span>
|
||||
</td>
|
||||
<td class="right amt amt-cr">{{ item.gross }}</td>
|
||||
<td class="right amt amt-cr">{{ item.rwa }}</td>
|
||||
</tr>
|
||||
@@ -240,7 +256,9 @@
|
||||
<div class="item-sub">{{ item.sub }}</div>
|
||||
</td>
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td><span class="status-chip chip-approach">{{ item.approach }}</span></td>
|
||||
<td>
|
||||
<span class="status-chip chip-approach">{{ item.approach }}</span>
|
||||
</td>
|
||||
<td class="right amt amt-mr">{{ item.cc }}</td>
|
||||
<td class="right amt amt-mr">{{ item.rwa }}</td>
|
||||
</tr>
|
||||
@@ -276,7 +294,7 @@
|
||||
<div class="item-name">Gross Income Average (3-year)</div>
|
||||
<div class="item-sub">Average of last 3 years positive gross income</div>
|
||||
</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskGrossIncome | number:'1.2-2' }} Cr</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskGrossIncome | number: '1.2-2' }} Cr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sl">02</td>
|
||||
@@ -292,7 +310,7 @@
|
||||
<div class="item-name">Capital Charge</div>
|
||||
<div class="item-sub">Gross Income × Alpha</div>
|
||||
</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskCapitalCharge | number:'1.2-2' }} Cr</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskCapitalCharge | number: '1.2-2' }} Cr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sl">04</td>
|
||||
@@ -300,7 +318,7 @@
|
||||
<div class="item-name">RWA (Capital Charge × 12.5)</div>
|
||||
<div class="item-sub">{{ opRiskCapitalCharge }} × 12.5 = {{ opRiskRWA }}</div>
|
||||
</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskRWA | number:'1.2-2' }} Cr</td>
|
||||
<td class="right amt amt-or">₹{{ opRiskRWA | number: '1.2-2' }} Cr</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
@@ -319,25 +337,25 @@
|
||||
<div class="formula-row">
|
||||
<div class="formula-term ft-t1c">
|
||||
<div class="formula-term-label">Tier 1 Capital</div>
|
||||
<div class="formula-term-val">₹{{ totalTier1 | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalTier1 | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">CET1 + AT1</div>
|
||||
</div>
|
||||
<div class="formula-op">+</div>
|
||||
<div class="formula-term ft-t2c">
|
||||
<div class="formula-term-label">Tier 2 Capital</div>
|
||||
<div class="formula-term-val">₹{{ totalTier2 | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalTier2 | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">Supplementary</div>
|
||||
</div>
|
||||
<div class="formula-op">÷</div>
|
||||
<div class="formula-term ft-rwa">
|
||||
<div class="formula-term-label">Total RWA</div>
|
||||
<div class="formula-term-val">₹{{ totalRWA | number:'1.0-0' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalRWA | number: '1.0-0' }}</div>
|
||||
<div class="formula-term-sub">Credit + Market + Op</div>
|
||||
</div>
|
||||
<div class="formula-op">×</div>
|
||||
<div class="formula-term" style="border-color:#e2e8f0;background:#f8fafc;">
|
||||
<div class="formula-term-label" style="color:#64748b;">100</div>
|
||||
<div class="formula-term-val" style="color:#334155;">100</div>
|
||||
<div class="formula-term" style="border-color: #e2e8f0; background: #f8fafc">
|
||||
<div class="formula-term-label" style="color: #64748b">100</div>
|
||||
<div class="formula-term-val" style="color: #334155">100</div>
|
||||
<div class="formula-term-sub"> </div>
|
||||
</div>
|
||||
<div class="formula-op equals">=</div>
|
||||
@@ -353,7 +371,10 @@
|
||||
<div class="compliance-bar">
|
||||
<div class="compliance-left">
|
||||
<div class="compliance-title">Basel III Compliance Status</div>
|
||||
<div class="compliance-desc">All thresholds met · CRAR: {{ crar }}% · CET1: {{ cet1Ratio }}% · Tier 1: {{ tier1Ratio }}% · Tier 2: {{ tier2Ratio }}%</div>
|
||||
<div class="compliance-desc">
|
||||
All thresholds met · CRAR: {{ crar }}% · CET1: {{ cet1Ratio }}% · Tier 1: {{ tier1Ratio }}%
|
||||
· Tier 2: {{ tier2Ratio }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="compliance-calcs">
|
||||
<div class="compliance-calc">
|
||||
|
||||
@@ -198,12 +198,29 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
}
|
||||
}
|
||||
|
||||
.sc-t1c::before { background: $t1c; }
|
||||
.sc-t2c::before { background: $t2c; }
|
||||
.sc-total-cap::before { background: linear-gradient(90deg, $t1c, $t2c); }
|
||||
.sc-rwa::before { background: $rwa; }
|
||||
.sc-crar::before { background: $crar; }
|
||||
.sc-buffer::before { background: $green; }
|
||||
.sc-t1c::before {
|
||||
background: $t1c;
|
||||
}
|
||||
|
||||
.sc-t2c::before {
|
||||
background: $t2c;
|
||||
}
|
||||
|
||||
.sc-total-cap::before {
|
||||
background: linear-gradient(90deg, $t1c, $t2c);
|
||||
}
|
||||
|
||||
.sc-rwa::before {
|
||||
background: $rwa;
|
||||
}
|
||||
|
||||
.sc-crar::before {
|
||||
background: $crar;
|
||||
}
|
||||
|
||||
.sc-buffer::before {
|
||||
background: $green;
|
||||
}
|
||||
|
||||
.sc-label {
|
||||
font-size: 10px;
|
||||
@@ -239,8 +256,13 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.up { color: $green; }
|
||||
.dn { color: $red; }
|
||||
.up {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.dn {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
// ===== Tab Navigation =====
|
||||
.tab-nav {
|
||||
@@ -291,11 +313,35 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.pill-t1c { background: $t1c-bg; color: $t1c; border: 1px solid $t1c-b; }
|
||||
.pill-t2c { background: $t2c-bg; color: $t2c; border: 1px solid $t2c-b; }
|
||||
.pill-cr { background: $cr-bg; color: $cr; border: 1px solid $cr-b; }
|
||||
.pill-mr { background: $mr-bg; color: $mr; border: 1px solid $mr-b; }
|
||||
.pill-or { background: $or-bg; color: $or; border: 1px solid $or-b; }
|
||||
.pill-t1c {
|
||||
background: $t1c-bg;
|
||||
color: $t1c;
|
||||
border: 1px solid $t1c-b;
|
||||
}
|
||||
|
||||
.pill-t2c {
|
||||
background: $t2c-bg;
|
||||
color: $t2c;
|
||||
border: 1px solid $t2c-b;
|
||||
}
|
||||
|
||||
.pill-cr {
|
||||
background: $cr-bg;
|
||||
color: $cr;
|
||||
border: 1px solid $cr-b;
|
||||
}
|
||||
|
||||
.pill-mr {
|
||||
background: $mr-bg;
|
||||
color: $mr;
|
||||
border: 1px solid $mr-b;
|
||||
}
|
||||
|
||||
.pill-or {
|
||||
background: $or-bg;
|
||||
color: $or;
|
||||
border: 1px solid $or-b;
|
||||
}
|
||||
|
||||
.section-desc {
|
||||
font-size: 12px;
|
||||
@@ -335,15 +381,22 @@ thead th {
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
&.right { text-align: right; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
border-bottom: 1px solid $border;
|
||||
transition: background 0.15s;
|
||||
|
||||
&:last-child { border-bottom: none; }
|
||||
&:hover { background: #f8fafc; }
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -351,7 +404,10 @@ td {
|
||||
color: $ink2;
|
||||
vertical-align: middle;
|
||||
|
||||
&.right { text-align: right; font-family: $mono; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
font-family: $mono;
|
||||
}
|
||||
}
|
||||
|
||||
.sl {
|
||||
@@ -361,7 +417,10 @@ td {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.mono { font-family: $mono; font-size: 12px; }
|
||||
.mono {
|
||||
font-family: $mono;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-weight: 500;
|
||||
@@ -379,12 +438,29 @@ td {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.amt-t1c { color: $t1c; }
|
||||
.amt-t2c { color: $t2c; }
|
||||
.amt-cr { color: $cr; }
|
||||
.amt-mr { color: $mr; }
|
||||
.amt-or { color: $or; }
|
||||
.amt-crar { color: $crar; }
|
||||
.amt-t1c {
|
||||
color: $t1c;
|
||||
}
|
||||
|
||||
.amt-t2c {
|
||||
color: $t2c;
|
||||
}
|
||||
|
||||
.amt-cr {
|
||||
color: $cr;
|
||||
}
|
||||
|
||||
.amt-mr {
|
||||
color: $mr;
|
||||
}
|
||||
|
||||
.amt-or {
|
||||
color: $or;
|
||||
}
|
||||
|
||||
.amt-crar {
|
||||
color: $crar;
|
||||
}
|
||||
|
||||
.status-chip {
|
||||
display: inline-flex;
|
||||
@@ -397,17 +473,70 @@ td {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.chip-cet1 { background: $t1c-bg; color: $t1c; border: 1px solid $t1c-b; }
|
||||
.chip-at1 { background: $rwa-bg; color: $rwa; border: 1px solid $rwa-b; }
|
||||
.chip-rw { background: $cr-bg; color: $cr; border: 1px solid $cr-b; }
|
||||
.chip-approach { background: $mr-bg; color: $mr; border: 1px solid $mr-b; }
|
||||
.chip-active { background: #dcfce7; color: #15803d; }
|
||||
.chip-t1c { background: $t1c-bg; color: $t1c; border: 1px solid $t1c-b; }
|
||||
.chip-t2c { background: $t2c-bg; color: $t2c; border: 1px solid $t2c-b; }
|
||||
.chip-cr { background: $cr-bg; color: $cr; border: 1px solid $cr-b; }
|
||||
.chip-mr { background: $mr-bg; color: $mr; border: 1px solid $mr-b; }
|
||||
.chip-or { background: $or-bg; color: $or; border: 1px solid $or-b; }
|
||||
.chip-crar { background: $crar-bg; color: $crar; border: 1px solid $crar-b; }
|
||||
.chip-cet1 {
|
||||
background: $t1c-bg;
|
||||
color: $t1c;
|
||||
border: 1px solid $t1c-b;
|
||||
}
|
||||
|
||||
.chip-at1 {
|
||||
background: $rwa-bg;
|
||||
color: $rwa;
|
||||
border: 1px solid $rwa-b;
|
||||
}
|
||||
|
||||
.chip-rw {
|
||||
background: $cr-bg;
|
||||
color: $cr;
|
||||
border: 1px solid $cr-b;
|
||||
}
|
||||
|
||||
.chip-approach {
|
||||
background: $mr-bg;
|
||||
color: $mr;
|
||||
border: 1px solid $mr-b;
|
||||
}
|
||||
|
||||
.chip-active {
|
||||
background: #dcfce7;
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.chip-t1c {
|
||||
background: $t1c-bg;
|
||||
color: $t1c;
|
||||
border: 1px solid $t1c-b;
|
||||
}
|
||||
|
||||
.chip-t2c {
|
||||
background: $t2c-bg;
|
||||
color: $t2c;
|
||||
border: 1px solid $t2c-b;
|
||||
}
|
||||
|
||||
.chip-cr {
|
||||
background: $cr-bg;
|
||||
color: $cr;
|
||||
border: 1px solid $cr-b;
|
||||
}
|
||||
|
||||
.chip-mr {
|
||||
background: $mr-bg;
|
||||
color: $mr;
|
||||
border: 1px solid $mr-b;
|
||||
}
|
||||
|
||||
.chip-or {
|
||||
background: $or-bg;
|
||||
color: $or;
|
||||
border: 1px solid $or-b;
|
||||
}
|
||||
|
||||
.chip-crar {
|
||||
background: $crar-bg;
|
||||
color: $crar;
|
||||
border: 1px solid $crar-b;
|
||||
}
|
||||
|
||||
tfoot tr {
|
||||
background: $surface2;
|
||||
@@ -420,15 +549,35 @@ tfoot td {
|
||||
font-family: $mono;
|
||||
padding: 12px 14px;
|
||||
|
||||
&.right { text-align: right; font-size: 14px; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.foot-t1c { color: $t1c; }
|
||||
.foot-t2c { color: $t2c; }
|
||||
.foot-cr { color: $cr; }
|
||||
.foot-mr { color: $mr; }
|
||||
.foot-or { color: $or; }
|
||||
.foot-crar { color: $crar; }
|
||||
.foot-t1c {
|
||||
color: $t1c;
|
||||
}
|
||||
|
||||
.foot-t2c {
|
||||
color: $t2c;
|
||||
}
|
||||
|
||||
.foot-cr {
|
||||
color: $cr;
|
||||
}
|
||||
|
||||
.foot-mr {
|
||||
color: $mr;
|
||||
}
|
||||
|
||||
.foot-or {
|
||||
color: $or;
|
||||
}
|
||||
|
||||
.foot-crar {
|
||||
color: $crar;
|
||||
}
|
||||
|
||||
// ===== Formula Block =====
|
||||
.formula-block {
|
||||
@@ -511,33 +660,58 @@ tfoot td {
|
||||
padding: 0 8px;
|
||||
flex-shrink: 0;
|
||||
|
||||
&.minus { color: $red; }
|
||||
&.equals { color: $ink2; font-weight: 500; }
|
||||
&.minus {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
&.equals {
|
||||
color: $ink2;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-t1c {
|
||||
border-color: $t1c-b;
|
||||
background: $t1c-bg;
|
||||
.formula-term-label, .formula-term-val { color: $t1c; }
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $t1c;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-t2c {
|
||||
border-color: $t2c-b;
|
||||
background: $t2c-bg;
|
||||
.formula-term-label, .formula-term-val { color: $t2c; }
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $t2c;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-rwa {
|
||||
border-color: $rwa-b;
|
||||
background: $rwa-bg;
|
||||
.formula-term-label, .formula-term-val { color: $rwa; }
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $rwa;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-crar-result {
|
||||
border-color: $crar-b;
|
||||
background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
|
||||
.formula-term-label { color: #15803d; }
|
||||
.formula-term-val { color: $crar; font-size: 20px; }
|
||||
|
||||
.formula-term-label {
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.formula-term-val {
|
||||
color: $crar;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Compliance Bar =====
|
||||
@@ -553,7 +727,9 @@ tfoot td {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.compliance-left { flex: 1; }
|
||||
.compliance-left {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.compliance-title {
|
||||
font-size: 13px;
|
||||
@@ -572,7 +748,9 @@ tfoot td {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.compliance-calc { text-align: right; }
|
||||
.compliance-calc {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.compliance-calc-label {
|
||||
font-size: 10px;
|
||||
@@ -587,7 +765,9 @@ tfoot td {
|
||||
color: #14532d;
|
||||
font-family: $mono;
|
||||
|
||||
&.surplus { color: $crar; }
|
||||
&.surplus {
|
||||
color: $crar;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Footer =====
|
||||
|
||||
@@ -35,9 +35,9 @@ export class CrarDialogComponent {
|
||||
activeTab: 'tier1' | 'tier2' | 'creditRisk' | 'marketRisk' | 'opRisk' = 'tier1';
|
||||
|
||||
/** Capital Adequacy computations */
|
||||
readonly totalTier1 = 8284.80;
|
||||
readonly totalTier2 = 1556.00;
|
||||
readonly totalCapital = 9840.80;
|
||||
readonly totalTier1 = 8284.8;
|
||||
readonly totalTier2 = 1556.0;
|
||||
readonly totalCapital = 9840.8;
|
||||
readonly totalRWA = 58420;
|
||||
readonly crar = 16.84;
|
||||
readonly cet1Ratio = 12.42;
|
||||
@@ -46,52 +46,251 @@ export class CrarDialogComponent {
|
||||
readonly capitalBuffer = 6.34;
|
||||
|
||||
/** Credit Risk RWA */
|
||||
readonly totalCreditRWA = 47820.40;
|
||||
readonly totalCreditRWA = 47820.4;
|
||||
/** Market Risk RWA */
|
||||
readonly totalMarketRWA = 7005.00;
|
||||
readonly totalMarketRWA = 7005.0;
|
||||
/** Operational Risk RWA */
|
||||
readonly totalOpRWA = 3595.60;
|
||||
readonly totalOpRWA = 3595.6;
|
||||
|
||||
tier1Capital = [
|
||||
{ sl: '01', name: 'Paid-up Equity Share Capital', sub: 'Ordinary equity shares fully paid', code: '5001-ESC', category: 'CET1', prev: '1,200.00', curr: '1,200.00', change: '\u2014' },
|
||||
{ sl: '02', name: 'Statutory Reserves (Sec 17)', sub: 'Reserves under Sec 17 of BR Act', code: '5002-SR', category: 'CET1', prev: '2,840.60', curr: '3,012.40', change: '+171.80', changeDir: 'up' },
|
||||
{ sl: '03', name: 'Capital Reserve', sub: 'Non-distributable capital reserves', code: '5003-CR', category: 'CET1', prev: '680.20', curr: '720.80', change: '+40.60', changeDir: 'up' },
|
||||
{ sl: '04', name: 'Share Premium Account', sub: 'Premium collected on equity issuance', code: '5004-SP', category: 'CET1', prev: '1,480.00', curr: '1,480.00', change: '\u2014' },
|
||||
{ sl: '05', name: 'Retained Earnings (Current Year)', sub: 'Profit retained after dividend payout', code: '5005-RE', category: 'CET1', prev: '1,060.40', curr: '1,284.60', change: '+224.20', changeDir: 'up' },
|
||||
{ sl: '06', name: 'PNCPS', sub: 'Perpetual Non-Cumulative Preference Shares', code: '5101-PNCPS', category: 'AT1', prev: '500.00', curr: '500.00', change: '\u2014' },
|
||||
{ sl: '07', name: 'Perpetual Debt Instruments', sub: 'Basel III compliant perpetual bonds', code: '5102-PDI', category: 'AT1', prev: '800.00', curr: '800.00', change: '\u2014' },
|
||||
{ sl: '08', name: 'Innovative PDI', sub: 'Innovative perpetual debt instruments', code: '5103-IPDI', category: 'AT1', prev: '200.00', curr: '200.00', change: '\u2014' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Paid-up Equity Share Capital',
|
||||
sub: 'Ordinary equity shares fully paid',
|
||||
code: '5001-ESC',
|
||||
category: 'CET1',
|
||||
prev: '1,200.00',
|
||||
curr: '1,200.00',
|
||||
change: '\u2014'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Statutory Reserves (Sec 17)',
|
||||
sub: 'Reserves under Sec 17 of BR Act',
|
||||
code: '5002-SR',
|
||||
category: 'CET1',
|
||||
prev: '2,840.60',
|
||||
curr: '3,012.40',
|
||||
change: '+171.80',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Capital Reserve',
|
||||
sub: 'Non-distributable capital reserves',
|
||||
code: '5003-CR',
|
||||
category: 'CET1',
|
||||
prev: '680.20',
|
||||
curr: '720.80',
|
||||
change: '+40.60',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Share Premium Account',
|
||||
sub: 'Premium collected on equity issuance',
|
||||
code: '5004-SP',
|
||||
category: 'CET1',
|
||||
prev: '1,480.00',
|
||||
curr: '1,480.00',
|
||||
change: '\u2014'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Retained Earnings (Current Year)',
|
||||
sub: 'Profit retained after dividend payout',
|
||||
code: '5005-RE',
|
||||
category: 'CET1',
|
||||
prev: '1,060.40',
|
||||
curr: '1,284.60',
|
||||
change: '+224.20',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '06',
|
||||
name: 'PNCPS',
|
||||
sub: 'Perpetual Non-Cumulative Preference Shares',
|
||||
code: '5101-PNCPS',
|
||||
category: 'AT1',
|
||||
prev: '500.00',
|
||||
curr: '500.00',
|
||||
change: '\u2014'
|
||||
},
|
||||
{
|
||||
sl: '07',
|
||||
name: 'Perpetual Debt Instruments',
|
||||
sub: 'Basel III compliant perpetual bonds',
|
||||
code: '5102-PDI',
|
||||
category: 'AT1',
|
||||
prev: '800.00',
|
||||
curr: '800.00',
|
||||
change: '\u2014'
|
||||
},
|
||||
{
|
||||
sl: '08',
|
||||
name: 'Innovative PDI',
|
||||
sub: 'Innovative perpetual debt instruments',
|
||||
code: '5103-IPDI',
|
||||
category: 'AT1',
|
||||
prev: '200.00',
|
||||
curr: '200.00',
|
||||
change: '\u2014'
|
||||
}
|
||||
];
|
||||
|
||||
tier2Capital = [
|
||||
{ sl: '01', name: 'Subordinated Debt', sub: 'Long-term subordinated bonds', code: '6001-SD', prev: '620.00', curr: '620.00', change: '\u2014' },
|
||||
{ sl: '02', name: 'General Provisions & Loan Loss', sub: 'General provisions for standard assets', code: '6002-GP', prev: '480.40', curr: '520.60', change: '+40.20', changeDir: 'up' },
|
||||
{ sl: '03', name: 'Revaluation Reserves', sub: 'Reserves from asset revaluation (55%)', code: '6003-RR', prev: '184.20', curr: '196.80', change: '+12.60', changeDir: 'up' },
|
||||
{ sl: '04', name: 'Investment Fluctuation Reserve', sub: 'IFR as per RBI guidelines', code: '6004-IFR', prev: '120.00', curr: '142.60', change: '+22.60', changeDir: 'up' },
|
||||
{ sl: '05', name: 'Upper Tier 2 Bonds', sub: 'Upper Tier 2 capital instruments', code: '6005-UTB', prev: '80.00', curr: '76.00', change: '-4.00', changeDir: 'dn' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Subordinated Debt',
|
||||
sub: 'Long-term subordinated bonds',
|
||||
code: '6001-SD',
|
||||
prev: '620.00',
|
||||
curr: '620.00',
|
||||
change: '\u2014'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'General Provisions & Loan Loss',
|
||||
sub: 'General provisions for standard assets',
|
||||
code: '6002-GP',
|
||||
prev: '480.40',
|
||||
curr: '520.60',
|
||||
change: '+40.20',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Revaluation Reserves',
|
||||
sub: 'Reserves from asset revaluation (55%)',
|
||||
code: '6003-RR',
|
||||
prev: '184.20',
|
||||
curr: '196.80',
|
||||
change: '+12.60',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Investment Fluctuation Reserve',
|
||||
sub: 'IFR as per RBI guidelines',
|
||||
code: '6004-IFR',
|
||||
prev: '120.00',
|
||||
curr: '142.60',
|
||||
change: '+22.60',
|
||||
changeDir: 'up'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Upper Tier 2 Bonds',
|
||||
sub: 'Upper Tier 2 capital instruments',
|
||||
code: '6005-UTB',
|
||||
prev: '80.00',
|
||||
curr: '76.00',
|
||||
change: '-4.00',
|
||||
changeDir: 'dn'
|
||||
}
|
||||
];
|
||||
|
||||
creditRiskRWA = [
|
||||
{ sl: '01', name: 'Claims on Sovereign', sub: 'Central & State Government exposures', code: '7001-SOV', rw: '0%', gross: '18,420.60', rwa: '0.00' },
|
||||
{ sl: '02', name: 'Claims on Banks', sub: 'Inter-bank exposures — scheduled banks', code: '7002-BNK', rw: '20%', gross: '4,210.40', rwa: '842.08' },
|
||||
{ sl: '03', name: 'Corporate Loans Rated', sub: 'Rated corporate term loans', code: '7003-CORP', rw: '100%', gross: '12,840.20', rwa: '12,840.20' },
|
||||
{ sl: '04', name: 'Retail Portfolio', sub: 'Retail loans — personal, auto, education', code: '7004-RTL', rw: '75%', gross: '8,640.80', rwa: '6,480.60' },
|
||||
{ sl: '05', name: 'Housing Loans', sub: 'Home loans — LTV based risk weight', code: '7005-HLE', rw: '35%', gross: '6,820.40', rwa: '2,387.14' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Claims on Sovereign',
|
||||
sub: 'Central & State Government exposures',
|
||||
code: '7001-SOV',
|
||||
rw: '0%',
|
||||
gross: '18,420.60',
|
||||
rwa: '0.00'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Claims on Banks',
|
||||
sub: 'Inter-bank exposures — scheduled banks',
|
||||
code: '7002-BNK',
|
||||
rw: '20%',
|
||||
gross: '4,210.40',
|
||||
rwa: '842.08'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Corporate Loans Rated',
|
||||
sub: 'Rated corporate term loans',
|
||||
code: '7003-CORP',
|
||||
rw: '100%',
|
||||
gross: '12,840.20',
|
||||
rwa: '12,840.20'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Retail Portfolio',
|
||||
sub: 'Retail loans — personal, auto, education',
|
||||
code: '7004-RTL',
|
||||
rw: '75%',
|
||||
gross: '8,640.80',
|
||||
rwa: '6,480.60'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Housing Loans',
|
||||
sub: 'Home loans — LTV based risk weight',
|
||||
code: '7005-HLE',
|
||||
rw: '35%',
|
||||
gross: '6,820.40',
|
||||
rwa: '2,387.14'
|
||||
}
|
||||
];
|
||||
|
||||
marketRiskRWA = [
|
||||
{ sl: '01', name: 'Interest Rate Risk', sub: 'Duration & modified duration approach', code: '8001-IRR', approach: 'SDA', cc: '284.60', rwa: '3,557.50' },
|
||||
{ sl: '02', name: 'Forex Risk', sub: 'Net open position in foreign currencies', code: '8002-FX', approach: 'Std', cc: '148.40', rwa: '1,855.00' },
|
||||
{ sl: '03', name: 'Equity Risk', sub: 'Listed & unlisted equity exposures', code: '8003-EQR', approach: 'Std', cc: '84.20', rwa: '1,052.50' },
|
||||
{ sl: '04', name: 'Commodity Price Risk', sub: 'Commodity position risk charges', code: '8004-CMR', approach: 'Simplified', cc: '24.80', rwa: '310.00' },
|
||||
{ sl: '05', name: 'Options Risk', sub: 'Options portfolio — scenario analysis', code: '8005-OPR', approach: 'Scenario', cc: '18.40', rwa: '230.00' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Interest Rate Risk',
|
||||
sub: 'Duration & modified duration approach',
|
||||
code: '8001-IRR',
|
||||
approach: 'SDA',
|
||||
cc: '284.60',
|
||||
rwa: '3,557.50'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Forex Risk',
|
||||
sub: 'Net open position in foreign currencies',
|
||||
code: '8002-FX',
|
||||
approach: 'Std',
|
||||
cc: '148.40',
|
||||
rwa: '1,855.00'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Equity Risk',
|
||||
sub: 'Listed & unlisted equity exposures',
|
||||
code: '8003-EQR',
|
||||
approach: 'Std',
|
||||
cc: '84.20',
|
||||
rwa: '1,052.50'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Commodity Price Risk',
|
||||
sub: 'Commodity position risk charges',
|
||||
code: '8004-CMR',
|
||||
approach: 'Simplified',
|
||||
cc: '24.80',
|
||||
rwa: '310.00'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Options Risk',
|
||||
sub: 'Options portfolio — scenario analysis',
|
||||
code: '8005-OPR',
|
||||
approach: 'Scenario',
|
||||
cc: '18.40',
|
||||
rwa: '230.00'
|
||||
}
|
||||
];
|
||||
|
||||
/** Operational Risk — Basic Indicator Approach */
|
||||
readonly opRiskGrossIncome = 2984.40;
|
||||
readonly opRiskGrossIncome = 2984.4;
|
||||
readonly opRiskAlpha = 15;
|
||||
readonly opRiskCapitalCharge = 447.66;
|
||||
readonly opRiskRWA = 3595.60; // 447.66 × 12.5 = 5595.75 — using provided value
|
||||
readonly opRiskRWA = 3595.6; // 447.66 × 12.5 = 5595.75 — using provided value
|
||||
|
||||
close(): void {
|
||||
this.dialogRef.close();
|
||||
|
||||
@@ -22,7 +22,13 @@
|
||||
<strong>{{ reportingDateStr }}</strong>
|
||||
<span>Reporting Fortnight (45-day lag)</span>
|
||||
</div>
|
||||
<a class="rbi-circular-btn" href="https://www.rbi.org.in/scripts/bs_circularindexdisplay.aspx" target="_blank" rel="noopener noreferrer" matTooltip="View RBI Circulars">
|
||||
<a
|
||||
class="rbi-circular-btn"
|
||||
href="https://www.rbi.org.in/scripts/bs_circularindexdisplay.aspx"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
matTooltip="View RBI Circulars"
|
||||
>
|
||||
<fa-icon icon="external-link-alt"></fa-icon>
|
||||
RBI Circulars
|
||||
</a>
|
||||
@@ -56,8 +62,8 @@
|
||||
</div>
|
||||
<div class="summary-card sc-crr">
|
||||
<div class="sc-label">CRR Required ({{ crrRate }}%)</div>
|
||||
<div class="sc-value">₹{{ crrRequired | number:'1.0-0' }}<span class="cr">Cr</span></div>
|
||||
<div class="sc-sub">SLR Req: ₹{{ slrRequired | number:'1.0-0' }} Cr ({{ slrRate }}%)</div>
|
||||
<div class="sc-value">₹{{ crrRequired | number: '1.0-0' }}<span class="cr">Cr</span></div>
|
||||
<div class="sc-sub">SLR Req: ₹{{ slrRequired | number: '1.0-0' }} Cr ({{ slrRate }}%)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -104,11 +110,15 @@
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td class="right amt amt-demand">{{ item.opening }}</td>
|
||||
<td class="right amt amt-demand">{{ item.current }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-chip"
|
||||
<span
|
||||
class="status-chip"
|
||||
[class.chip-active]="item.status === 'Active'"
|
||||
[class.chip-overdue]="item.status === 'Overdue' || item.status === 'Unclaimed'">
|
||||
[class.chip-overdue]="item.status === 'Overdue' || item.status === 'Unclaimed'"
|
||||
>
|
||||
{{ item.status }}
|
||||
</span>
|
||||
</td>
|
||||
@@ -155,11 +165,15 @@
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td class="right amt amt-time">{{ item.opening }}</td>
|
||||
<td class="right amt amt-time">{{ item.current }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-chip"
|
||||
<span
|
||||
class="status-chip"
|
||||
[class.chip-active]="item.status === 'Active'"
|
||||
[class.chip-locked]="item.status === 'Locked'">
|
||||
[class.chip-locked]="item.status === 'Locked'"
|
||||
>
|
||||
{{ item.status }}
|
||||
</span>
|
||||
</td>
|
||||
@@ -206,14 +220,20 @@
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td class="right amt amt-asset">{{ item.opening }}</td>
|
||||
<td class="right amt amt-asset">{{ item.current }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td><span class="status-chip chip-active">{{ item.status }}</span></td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-chip chip-active">{{ item.status }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"><strong>Total Assets with Banking System</strong> <span class="deduct-tag">( Deducted from NDTL )</span></td>
|
||||
<td colspan="3">
|
||||
<strong>Total Assets with Banking System</strong> <span class="deduct-tag">( Deducted from NDTL )</span>
|
||||
</td>
|
||||
<td class="right foot-asset">7,600.70</td>
|
||||
<td class="right foot-asset">8,240.20</td>
|
||||
<td class="right up">+639.50</td>
|
||||
@@ -226,7 +246,9 @@
|
||||
|
||||
<!-- SLR - Liquid Assets Table -->
|
||||
@if (activeTab === 'slr') {
|
||||
<div class="section-desc">SLR = (Liquid Assets / NDTL) × 100 — RBI Sec 24(2A) of Banking Regulation Act, 1949</div>
|
||||
<div class="section-desc">
|
||||
SLR = (Liquid Assets / NDTL) × 100 — RBI Sec 24(2A) of Banking Regulation Act, 1949
|
||||
</div>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead>
|
||||
@@ -250,11 +272,17 @@
|
||||
<div class="item-sub">{{ item.sub }}</div>
|
||||
</td>
|
||||
<td class="mono">{{ item.code }}</td>
|
||||
<td><span class="status-chip chip-slr">{{ item.category }}</span></td>
|
||||
<td>
|
||||
<span class="status-chip chip-slr">{{ item.category }}</span>
|
||||
</td>
|
||||
<td class="right amt amt-slr">{{ item.opening }}</td>
|
||||
<td class="right amt amt-slr">{{ item.current }}</td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">{{ item.change }}</td>
|
||||
<td><span class="status-chip chip-active">{{ item.status }}</span></td>
|
||||
<td class="right" [class.up]="item.changeDir === 'up'" [class.dn]="item.changeDir === 'dn'">
|
||||
{{ item.change }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-chip chip-active">{{ item.status }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
@@ -286,9 +314,9 @@
|
||||
<div class="formula-term-sub">Net Demand & Time</div>
|
||||
</div>
|
||||
<div class="formula-op">×</div>
|
||||
<div class="formula-term" style="border-color:#e2e8f0;background:#f8fafc;">
|
||||
<div class="formula-term-label" style="color:#64748b;">100</div>
|
||||
<div class="formula-term-val" style="color:#334155;">100</div>
|
||||
<div class="formula-term" style="border-color: #e2e8f0; background: #f8fafc">
|
||||
<div class="formula-term-label" style="color: #64748b">100</div>
|
||||
<div class="formula-term-val" style="color: #334155">100</div>
|
||||
<div class="formula-term-sub"> </div>
|
||||
</div>
|
||||
<div class="formula-op equals">=</div>
|
||||
@@ -304,20 +332,25 @@
|
||||
<div class="slr-status-bar">
|
||||
<div class="slr-status-left">
|
||||
<div class="slr-status-title">SLR Compliance Status</div>
|
||||
<div class="slr-status-desc">Actual: {{ slrActualPercent }}% · Required: {{ slrRate }}.00% · NDTL: ₹{{ ndtl | number:'1.2-2' }} Cr</div>
|
||||
<div class="slr-status-desc">
|
||||
Actual: {{ slrActualPercent }}% · Required: {{ slrRate }}.00% · NDTL: ₹{{
|
||||
ndtl | number: '1.2-2'
|
||||
}}
|
||||
Cr
|
||||
</div>
|
||||
</div>
|
||||
<div class="slr-status-calcs">
|
||||
<div class="slr-calc">
|
||||
<div class="slr-calc-label">SLR Required ({{ slrRate }}%)</div>
|
||||
<div class="slr-calc-val">₹{{ slrRequired | number:'1.2-2' }} Cr</div>
|
||||
<div class="slr-calc-val">₹{{ slrRequired | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
<div class="slr-calc">
|
||||
<div class="slr-calc-label">Liquid Assets Held</div>
|
||||
<div class="slr-calc-val">₹{{ totalLiquidAssets | number:'1.2-2' }} Cr</div>
|
||||
<div class="slr-calc-val">₹{{ totalLiquidAssets | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
<div class="slr-calc">
|
||||
<div class="slr-calc-label">Surplus</div>
|
||||
<div class="slr-calc-val surplus">₹{{ slrSurplus | number:'1.2-2' }} Cr</div>
|
||||
<div class="slr-calc-val surplus">₹{{ slrSurplus | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -325,29 +358,31 @@
|
||||
|
||||
<!-- NDTL Formula Block -->
|
||||
<div class="formula-block">
|
||||
<div class="formula-title">NDTL Computation — Formula Breakdown · Data as of {{ reportingDateStr }}</div>
|
||||
<div class="formula-title">
|
||||
NDTL Computation — Formula Breakdown · Data as of {{ reportingDateStr }}
|
||||
</div>
|
||||
<div class="formula-row">
|
||||
<div class="formula-term ft-demand">
|
||||
<div class="formula-term-label">Demand Liabilities</div>
|
||||
<div class="formula-term-val">₹{{ totalDemand | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalDemand | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">16 line items</div>
|
||||
</div>
|
||||
<div class="formula-op">+</div>
|
||||
<div class="formula-term ft-time">
|
||||
<div class="formula-term-label">Time Liabilities</div>
|
||||
<div class="formula-term-val">₹{{ totalTime | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalTime | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">13 line items</div>
|
||||
</div>
|
||||
<div class="formula-op minus">−</div>
|
||||
<div class="formula-term ft-asset">
|
||||
<div class="formula-term-label">Assets with Banking</div>
|
||||
<div class="formula-term-val">₹{{ totalBankingAssets | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ totalBankingAssets | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">3 line items</div>
|
||||
</div>
|
||||
<div class="formula-op equals">=</div>
|
||||
<div class="formula-term ft-ndtl">
|
||||
<div class="formula-term-label">NDTL</div>
|
||||
<div class="formula-term-val">₹{{ ndtl | number:'1.2-2' }}</div>
|
||||
<div class="formula-term-val">₹{{ ndtl | number: '1.2-2' }}</div>
|
||||
<div class="formula-term-sub">CRR & SLR base</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -357,20 +392,22 @@
|
||||
<div class="crr-bar">
|
||||
<div class="crr-text">
|
||||
<div class="crr-title">CRR & SLR Reserve Requirements — RBI Computation on NDTL</div>
|
||||
<div class="crr-desc">Based on NDTL of ₹{{ ndtl | number:'1.2-2' }} Cr · Data as of {{ reportingDateStr }} (45-day lag)</div>
|
||||
<div class="crr-desc">
|
||||
Based on NDTL of ₹{{ ndtl | number: '1.2-2' }} Cr · Data as of {{ reportingDateStr }} (45-day lag)
|
||||
</div>
|
||||
</div>
|
||||
<div class="crr-calcs">
|
||||
<div class="crr-calc">
|
||||
<div class="crr-calc-label">CRR @ {{ crrRate }}.00%</div>
|
||||
<div class="crr-calc-val">₹{{ crrRequired | number:'1.2-2' }} Cr</div>
|
||||
<div class="crr-calc-val">₹{{ crrRequired | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
<div class="crr-calc">
|
||||
<div class="crr-calc-label">SLR @ {{ slrRate }}.00%</div>
|
||||
<div class="crr-calc-val">₹{{ slrRequired | number:'1.2-2' }} Cr</div>
|
||||
<div class="crr-calc-val">₹{{ slrRequired | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
<div class="crr-calc">
|
||||
<div class="crr-calc-label">Total Reserve</div>
|
||||
<div class="crr-calc-val">₹{{ totalReserve | number:'1.2-2' }} Cr</div>
|
||||
<div class="crr-calc-val">₹{{ totalReserve | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -186,11 +186,25 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
}
|
||||
}
|
||||
|
||||
.sc-demand::before { background: $demand; }
|
||||
.sc-time::before { background: $time; }
|
||||
.sc-asset::before { background: $asset; }
|
||||
.sc-ndtl::before { background: linear-gradient(90deg, $asset, $time, $demand); }
|
||||
.sc-crr::before { background: $amber; }
|
||||
.sc-demand::before {
|
||||
background: $demand;
|
||||
}
|
||||
|
||||
.sc-time::before {
|
||||
background: $time;
|
||||
}
|
||||
|
||||
.sc-asset::before {
|
||||
background: $asset;
|
||||
}
|
||||
|
||||
.sc-ndtl::before {
|
||||
background: linear-gradient(90deg, $asset, $time, $demand);
|
||||
}
|
||||
|
||||
.sc-crr::before {
|
||||
background: $amber;
|
||||
}
|
||||
|
||||
.sc-label {
|
||||
font-size: 10px;
|
||||
@@ -226,8 +240,13 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.up { color: $green; }
|
||||
.dn { color: $red; }
|
||||
.up {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.dn {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
// ===== Tab Navigation =====
|
||||
.tab-nav {
|
||||
@@ -278,9 +297,23 @@ $mono: 'IBM Plex Mono', 'Roboto Mono', monospace;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.pill-demand { background: $demand-bg; color: $demand; border: 1px solid $demand-b; }
|
||||
.pill-time { background: $time-bg; color: $time; border: 1px solid $time-b; }
|
||||
.pill-asset { background: $asset-bg; color: $asset; border: 1px solid $asset-b; }
|
||||
.pill-demand {
|
||||
background: $demand-bg;
|
||||
color: $demand;
|
||||
border: 1px solid $demand-b;
|
||||
}
|
||||
|
||||
.pill-time {
|
||||
background: $time-bg;
|
||||
color: $time;
|
||||
border: 1px solid $time-b;
|
||||
}
|
||||
|
||||
.pill-asset {
|
||||
background: $asset-bg;
|
||||
color: $asset;
|
||||
border: 1px solid $asset-b;
|
||||
}
|
||||
|
||||
.section-desc {
|
||||
font-size: 12px;
|
||||
@@ -320,15 +353,22 @@ thead th {
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
&.right { text-align: right; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
border-bottom: 1px solid $border;
|
||||
transition: background 0.15s;
|
||||
|
||||
&:last-child { border-bottom: none; }
|
||||
&:hover { background: #f8fafc; }
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -336,7 +376,10 @@ td {
|
||||
color: $ink2;
|
||||
vertical-align: middle;
|
||||
|
||||
&.right { text-align: right; font-family: $mono; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
font-family: $mono;
|
||||
}
|
||||
}
|
||||
|
||||
.sl {
|
||||
@@ -346,7 +389,10 @@ td {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.mono { font-family: $mono; font-size: 12px; }
|
||||
.mono {
|
||||
font-family: $mono;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-weight: 500;
|
||||
@@ -364,9 +410,17 @@ td {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.amt-demand { color: $demand; }
|
||||
.amt-time { color: $time; }
|
||||
.amt-asset { color: $asset; }
|
||||
.amt-demand {
|
||||
color: $demand;
|
||||
}
|
||||
|
||||
.amt-time {
|
||||
color: $time;
|
||||
}
|
||||
|
||||
.amt-asset {
|
||||
color: $asset;
|
||||
}
|
||||
|
||||
.status-chip {
|
||||
display: inline-flex;
|
||||
@@ -379,9 +433,20 @@ td {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.chip-active { background: #dcfce7; color: #15803d; }
|
||||
.chip-overdue { background: #fef2f2; color: $red; }
|
||||
.chip-locked { background: #fefce8; color: #92400e; }
|
||||
.chip-active {
|
||||
background: #dcfce7;
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.chip-overdue {
|
||||
background: #fef2f2;
|
||||
color: $red;
|
||||
}
|
||||
|
||||
.chip-locked {
|
||||
background: #fefce8;
|
||||
color: #92400e;
|
||||
}
|
||||
|
||||
tfoot tr {
|
||||
background: $surface2;
|
||||
@@ -394,34 +459,77 @@ tfoot td {
|
||||
font-family: $mono;
|
||||
padding: 12px 14px;
|
||||
|
||||
&.right { text-align: right; font-size: 14px; }
|
||||
&.right {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
$slr: #0369a1;
|
||||
$slr-bg: #f0f9ff;
|
||||
$slr-b: #bae6fd;
|
||||
|
||||
.foot-demand { color: $demand; }
|
||||
.foot-time { color: $time; }
|
||||
.foot-asset { color: $asset; }
|
||||
.foot-slr { color: $slr; }
|
||||
.deduct-tag { font-size: 10px; color: $asset; font-family: $mono; margin-left: 8px; }
|
||||
.foot-demand {
|
||||
color: $demand;
|
||||
}
|
||||
|
||||
.amt-slr { color: $slr; }
|
||||
.chip-slr { background: $slr-bg; color: $slr; border: 1px solid $slr-b; }
|
||||
.pill-slr { background: $slr-bg; color: $slr; border: 1px solid $slr-b; }
|
||||
.foot-time {
|
||||
color: $time;
|
||||
}
|
||||
|
||||
.foot-asset {
|
||||
color: $asset;
|
||||
}
|
||||
|
||||
.foot-slr {
|
||||
color: $slr;
|
||||
}
|
||||
|
||||
.deduct-tag {
|
||||
font-size: 10px;
|
||||
color: $asset;
|
||||
font-family: $mono;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.amt-slr {
|
||||
color: $slr;
|
||||
}
|
||||
|
||||
.chip-slr {
|
||||
background: $slr-bg;
|
||||
color: $slr;
|
||||
border: 1px solid $slr-b;
|
||||
}
|
||||
|
||||
.pill-slr {
|
||||
background: $slr-bg;
|
||||
color: $slr;
|
||||
border: 1px solid $slr-b;
|
||||
}
|
||||
|
||||
.ft-slr {
|
||||
border-color: $slr-b;
|
||||
background: $slr-bg;
|
||||
.formula-term-label, .formula-term-val { color: $slr; }
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $slr;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-slr-result {
|
||||
border-color: #bbf7d0;
|
||||
background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
|
||||
.formula-term-label { color: #15803d; }
|
||||
.formula-term-val { color: $green; font-size: 20px; }
|
||||
|
||||
.formula-term-label {
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.formula-term-val {
|
||||
color: $green;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.slr-formula::before {
|
||||
@@ -441,7 +549,9 @@ $slr-b: #bae6fd;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.slr-status-left { flex: 1; }
|
||||
.slr-status-left {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.slr-status-title {
|
||||
font-size: 13px;
|
||||
@@ -460,7 +570,9 @@ $slr-b: #bae6fd;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.slr-calc { text-align: right; }
|
||||
.slr-calc {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.slr-calc-label {
|
||||
font-size: 10px;
|
||||
@@ -475,7 +587,9 @@ $slr-b: #bae6fd;
|
||||
color: #14532d;
|
||||
font-family: $mono;
|
||||
|
||||
&.surplus { color: $green; }
|
||||
&.surplus {
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Formula Block =====
|
||||
@@ -555,19 +669,58 @@ $slr-b: #bae6fd;
|
||||
padding: 0 8px;
|
||||
flex-shrink: 0;
|
||||
|
||||
&.minus { color: $red; }
|
||||
&.equals { color: $ink2; font-weight: 500; }
|
||||
&.minus {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
&.equals {
|
||||
color: $ink2;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-demand { border-color: $demand-b; background: $demand-bg; .formula-term-label, .formula-term-val { color: $demand; } }
|
||||
.ft-time { border-color: $time-b; background: $time-bg; .formula-term-label, .formula-term-val { color: $time; } }
|
||||
.ft-asset { border-color: $asset-b; background: $asset-bg; .formula-term-label, .formula-term-val { color: $asset; } }
|
||||
.ft-demand {
|
||||
border-color: $demand-b;
|
||||
background: $demand-bg;
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $demand;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-time {
|
||||
border-color: $time-b;
|
||||
background: $time-bg;
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $time;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-asset {
|
||||
border-color: $asset-b;
|
||||
background: $asset-bg;
|
||||
|
||||
.formula-term-label,
|
||||
.formula-term-val {
|
||||
color: $asset;
|
||||
}
|
||||
}
|
||||
|
||||
.ft-ndtl {
|
||||
border-color: #a78bfa;
|
||||
background: linear-gradient(135deg, #f5f3ff, #f0fdfa);
|
||||
.formula-term-label { color: #6d28d9; }
|
||||
.formula-term-val { color: $ink; font-size: 18px; }
|
||||
|
||||
.formula-term-label {
|
||||
color: #6d28d9;
|
||||
}
|
||||
|
||||
.formula-term-val {
|
||||
color: $ink;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== CRR Bar =====
|
||||
@@ -595,14 +748,18 @@ $slr-b: #bae6fd;
|
||||
color: #a16207;
|
||||
}
|
||||
|
||||
.crr-text { flex: 1; }
|
||||
.crr-text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.crr-calcs {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.crr-calc { text-align: right; }
|
||||
.crr-calc {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.crr-calc-label {
|
||||
font-size: 10px;
|
||||
|
||||
@@ -40,18 +40,18 @@ export class CrrSlrDialogComponent {
|
||||
reportingDateStr: string;
|
||||
|
||||
/** NDTL & Reserve computations */
|
||||
readonly totalDemand = 12843.50;
|
||||
readonly totalTime = 64618.00;
|
||||
readonly totalBankingAssets = 8240.20;
|
||||
readonly ndtl = 69221.30; // Demand + Time - Banking Assets
|
||||
readonly totalDemand = 12843.5;
|
||||
readonly totalTime = 64618.0;
|
||||
readonly totalBankingAssets = 8240.2;
|
||||
readonly ndtl = 69221.3; // Demand + Time - Banking Assets
|
||||
readonly crrRate = 3; // Current RBI CRR rate (%)
|
||||
readonly slrRate = 18; // Current RBI SLR rate (%)
|
||||
readonly crrRequired = 69221.30 * 0.03; // ₹2,076.64 Cr
|
||||
readonly slrRequired = 69221.30 * 0.18; // ₹12,459.83 Cr
|
||||
readonly totalLiquidAssets = 13238.80;
|
||||
readonly slrActualPercent = +(13238.80 / 69221.30 * 100).toFixed(2); // 19.12%
|
||||
readonly slrSurplus = +(13238.80 - 69221.30 * 0.18).toFixed(2); // 778.97
|
||||
readonly totalReserve = +(69221.30 * 0.03 + 69221.30 * 0.18).toFixed(2); // 14,536.47
|
||||
readonly crrRequired = 69221.3 * 0.03; // ₹2,076.64 Cr
|
||||
readonly slrRequired = 69221.3 * 0.18; // ₹12,459.83 Cr
|
||||
readonly totalLiquidAssets = 13238.8;
|
||||
readonly slrActualPercent = +((13238.8 / 69221.3) * 100).toFixed(2); // 19.12%
|
||||
readonly slrSurplus = +(13238.8 - 69221.3 * 0.18).toFixed(2); // 778.97
|
||||
readonly totalReserve = +(69221.3 * 0.03 + 69221.3 * 0.18).toFixed(2); // 14,536.47
|
||||
|
||||
constructor() {
|
||||
// CRR/SLR uses data from 45 days ago
|
||||
@@ -59,58 +59,446 @@ export class CrrSlrDialogComponent {
|
||||
this.reportingDate = new Date(this.today);
|
||||
this.reportingDate.setDate(this.reportingDate.getDate() - lagDays);
|
||||
this.reportingDateStr = this.reportingDate.toLocaleDateString('en-IN', {
|
||||
day: '2-digit', month: 'short', year: 'numeric'
|
||||
day: '2-digit',
|
||||
month: 'short',
|
||||
year: 'numeric'
|
||||
});
|
||||
}
|
||||
|
||||
demandLiabilities = [
|
||||
{ sl: '01', name: 'Current Account Deposits', sub: 'Corporate & individual CA balances', code: '2001-CA', opening: '3,842.50', current: '4,120.75', change: '+278.25', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '02', name: 'Savings Bank Deposits (Withdrawable)', sub: 'Demand portion — 10% of SB balance', code: '2002-SB', opening: '1,240.00', current: '1,318.40', change: '+78.40', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '03', name: 'Demand Drafts Payable', sub: 'Issued DDs outstanding for payment', code: '2003-DD', opening: '284.20', current: '311.60', change: '+27.40', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '04', name: "Banker's Cheques / Pay Orders", sub: 'Issued pay orders pending encashment', code: '2004-PO', opening: '198.75', current: '176.30', change: '-22.45', changeDir: 'dn', status: 'Active' },
|
||||
{ sl: '05', name: 'Credit Balance in Cash Credit Accounts', sub: 'CC accounts in credit position', code: '2005-CC', opening: '542.10', current: '618.90', change: '+76.80', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '06', name: 'Overdue Fixed Deposits', sub: 'FDs past maturity — treated as demand', code: '2006-OFD', opening: '89.40', current: '112.85', change: '+23.45', changeDir: 'dn', status: 'Overdue' },
|
||||
{ sl: '07', name: 'Interest Payable on Demand Deposits', sub: 'Accrued interest on CA/SB', code: '2007-INT', opening: '34.20', current: '38.55', change: '+4.35', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '08', name: 'Margins held against Letters of Credit', sub: 'Withdrawable LC margin deposits', code: '2008-LCM', opening: '412.60', current: '388.20', change: '-24.40', changeDir: 'dn', status: 'Active' },
|
||||
{ sl: '09', name: 'Margins held against Bank Guarantees', sub: 'Withdrawable BG margin deposits', code: '2009-BGM', opening: '318.40', current: '342.10', change: '+23.70', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '10', name: 'Security Deposits (Withdrawable)', sub: 'EMD / SD refundable on demand', code: '2010-SD', opening: '124.80', current: '118.60', change: '-6.20', changeDir: 'dn', status: 'Active' },
|
||||
{ sl: '11', name: 'Unclaimed Deposits (Demand Portion)', sub: 'Balances unclaimed >10 years', code: '2011-UCD', opening: '56.30', current: '59.40', change: '+3.10', changeDir: 'dn', status: 'Unclaimed' },
|
||||
{ sl: '12', name: 'Inter-Bank Demand Deposits', sub: 'Demand deposits from other banks', code: '2012-IBD', opening: '2,840.00', current: '3,120.50', change: '+280.50', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '13', name: 'Clearing Adjustments / Balances', sub: 'Net clearing settlement balances', code: '2013-CLR', opening: '186.40', current: '210.80', change: '+24.40', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '14', name: 'Outstanding Payment Instruments', sub: 'Cheques issued but not yet presented', code: '2014-OPI', opening: '142.60', current: '158.90', change: '+16.30', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '15', name: 'Demand Liabilities towards Other Banks', sub: 'Nostro / Vostro demand obligations', code: '2015-DLB', opening: '984.20', current: '1,048.60', change: '+64.40', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '16', name: 'Deposits Repayable on Demand', sub: 'Miscellaneous on-demand deposits', code: '2016-DRD', opening: '618.30', current: '698.05', change: '+79.75', changeDir: 'up', status: 'Active' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Current Account Deposits',
|
||||
sub: 'Corporate & individual CA balances',
|
||||
code: '2001-CA',
|
||||
opening: '3,842.50',
|
||||
current: '4,120.75',
|
||||
change: '+278.25',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Savings Bank Deposits (Withdrawable)',
|
||||
sub: 'Demand portion — 10% of SB balance',
|
||||
code: '2002-SB',
|
||||
opening: '1,240.00',
|
||||
current: '1,318.40',
|
||||
change: '+78.40',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Demand Drafts Payable',
|
||||
sub: 'Issued DDs outstanding for payment',
|
||||
code: '2003-DD',
|
||||
opening: '284.20',
|
||||
current: '311.60',
|
||||
change: '+27.40',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: "Banker's Cheques / Pay Orders",
|
||||
sub: 'Issued pay orders pending encashment',
|
||||
code: '2004-PO',
|
||||
opening: '198.75',
|
||||
current: '176.30',
|
||||
change: '-22.45',
|
||||
changeDir: 'dn',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Credit Balance in Cash Credit Accounts',
|
||||
sub: 'CC accounts in credit position',
|
||||
code: '2005-CC',
|
||||
opening: '542.10',
|
||||
current: '618.90',
|
||||
change: '+76.80',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '06',
|
||||
name: 'Overdue Fixed Deposits',
|
||||
sub: 'FDs past maturity — treated as demand',
|
||||
code: '2006-OFD',
|
||||
opening: '89.40',
|
||||
current: '112.85',
|
||||
change: '+23.45',
|
||||
changeDir: 'dn',
|
||||
status: 'Overdue'
|
||||
},
|
||||
{
|
||||
sl: '07',
|
||||
name: 'Interest Payable on Demand Deposits',
|
||||
sub: 'Accrued interest on CA/SB',
|
||||
code: '2007-INT',
|
||||
opening: '34.20',
|
||||
current: '38.55',
|
||||
change: '+4.35',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '08',
|
||||
name: 'Margins held against Letters of Credit',
|
||||
sub: 'Withdrawable LC margin deposits',
|
||||
code: '2008-LCM',
|
||||
opening: '412.60',
|
||||
current: '388.20',
|
||||
change: '-24.40',
|
||||
changeDir: 'dn',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '09',
|
||||
name: 'Margins held against Bank Guarantees',
|
||||
sub: 'Withdrawable BG margin deposits',
|
||||
code: '2009-BGM',
|
||||
opening: '318.40',
|
||||
current: '342.10',
|
||||
change: '+23.70',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '10',
|
||||
name: 'Security Deposits (Withdrawable)',
|
||||
sub: 'EMD / SD refundable on demand',
|
||||
code: '2010-SD',
|
||||
opening: '124.80',
|
||||
current: '118.60',
|
||||
change: '-6.20',
|
||||
changeDir: 'dn',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '11',
|
||||
name: 'Unclaimed Deposits (Demand Portion)',
|
||||
sub: 'Balances unclaimed >10 years',
|
||||
code: '2011-UCD',
|
||||
opening: '56.30',
|
||||
current: '59.40',
|
||||
change: '+3.10',
|
||||
changeDir: 'dn',
|
||||
status: 'Unclaimed'
|
||||
},
|
||||
{
|
||||
sl: '12',
|
||||
name: 'Inter-Bank Demand Deposits',
|
||||
sub: 'Demand deposits from other banks',
|
||||
code: '2012-IBD',
|
||||
opening: '2,840.00',
|
||||
current: '3,120.50',
|
||||
change: '+280.50',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '13',
|
||||
name: 'Clearing Adjustments / Balances',
|
||||
sub: 'Net clearing settlement balances',
|
||||
code: '2013-CLR',
|
||||
opening: '186.40',
|
||||
current: '210.80',
|
||||
change: '+24.40',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '14',
|
||||
name: 'Outstanding Payment Instruments',
|
||||
sub: 'Cheques issued but not yet presented',
|
||||
code: '2014-OPI',
|
||||
opening: '142.60',
|
||||
current: '158.90',
|
||||
change: '+16.30',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '15',
|
||||
name: 'Demand Liabilities towards Other Banks',
|
||||
sub: 'Nostro / Vostro demand obligations',
|
||||
code: '2015-DLB',
|
||||
opening: '984.20',
|
||||
current: '1,048.60',
|
||||
change: '+64.40',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '16',
|
||||
name: 'Deposits Repayable on Demand',
|
||||
sub: 'Miscellaneous on-demand deposits',
|
||||
code: '2016-DRD',
|
||||
opening: '618.30',
|
||||
current: '698.05',
|
||||
change: '+79.75',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
}
|
||||
];
|
||||
|
||||
timeLiabilities = [
|
||||
{ sl: '01', name: 'Fixed Deposits (FD)', sub: '7 days to 10 years · 6.5–7.2%', code: '3001-FD', opening: '28,420.50', current: '29,184.30', change: '+763.80', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '02', name: 'Recurring Deposits (RD)', sub: 'Monthly instalment · 6.0–6.8%', code: '3002-RD', opening: '4,218.60', current: '4,412.80', change: '+194.20', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '03', name: 'Time Liability Portion of Savings', sub: '90% of SB balance treated as time', code: '3003-SBT', opening: '10,840.20', current: '11,204.60', change: '+364.40', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '04', name: 'Reinvestment Deposits', sub: 'Cumulative interest plans · 7.0%', code: '3004-RID', opening: '1,842.40', current: '1,918.70', change: '+76.30', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '05', name: 'Staff Security Deposits (Fixed Period)', sub: 'Employee security deposits — locked', code: '3005-SSD', opening: '84.60', current: '86.40', change: '+1.80', changeDir: 'up', status: 'Locked' },
|
||||
{ sl: '06', name: 'Margin Money for Guarantees / LC', sub: 'LC/BG margins — fixed lock-in period', code: '3006-MGM', opening: '620.80', current: '644.20', change: '+23.40', changeDir: 'up', status: 'Locked' },
|
||||
{ sl: '07', name: 'Certificates of Deposit (CD)', sub: 'Issued to corporates / FIs · 7.35%', code: '3007-CD', opening: '3,840.00', current: '3,920.50', change: '+80.50', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '08', name: 'Interest Accrued on Time Deposits', sub: 'Accrued but unpaid interest on FD/RD', code: '3008-IAT', opening: '842.60', current: '918.40', change: '+75.80', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '09', name: 'Long-term Deposits', sub: 'Tenor >5 years · 7.5%', code: '3009-LTD', opening: '5,620.40', current: '5,818.60', change: '+198.20', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '10', name: 'Tax Saving Deposits', sub: 'Sec 80C FDs — 5-year lock-in · 6.8%', code: '3010-TSD', opening: '1,240.80', current: '1,318.40', change: '+77.60', changeDir: 'up', status: 'Locked' },
|
||||
{ sl: '11', name: 'Foreign Currency Deposits', sub: 'FCNR(B), RFC — USD/EUR/GBP', code: '3011-FCD', opening: '2,184.60', current: '2,348.20', change: '+163.60', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '12', name: 'Time Liabilities to Other Banks', sub: 'Inter-bank term deposits — call money', code: '3012-TLB', opening: '1,840.20', current: '1,924.40', change: '+84.20', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '13', name: 'Term Borrowings', sub: 'Bonds, debentures, refinance · 8.1%', code: '3013-TBR', opening: '1,018.40', current: '1,118.50', change: '+100.10', changeDir: 'up', status: 'Active' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Fixed Deposits (FD)',
|
||||
sub: '7 days to 10 years · 6.5–7.2%',
|
||||
code: '3001-FD',
|
||||
opening: '28,420.50',
|
||||
current: '29,184.30',
|
||||
change: '+763.80',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Recurring Deposits (RD)',
|
||||
sub: 'Monthly instalment · 6.0–6.8%',
|
||||
code: '3002-RD',
|
||||
opening: '4,218.60',
|
||||
current: '4,412.80',
|
||||
change: '+194.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Time Liability Portion of Savings',
|
||||
sub: '90% of SB balance treated as time',
|
||||
code: '3003-SBT',
|
||||
opening: '10,840.20',
|
||||
current: '11,204.60',
|
||||
change: '+364.40',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Reinvestment Deposits',
|
||||
sub: 'Cumulative interest plans · 7.0%',
|
||||
code: '3004-RID',
|
||||
opening: '1,842.40',
|
||||
current: '1,918.70',
|
||||
change: '+76.30',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Staff Security Deposits (Fixed Period)',
|
||||
sub: 'Employee security deposits — locked',
|
||||
code: '3005-SSD',
|
||||
opening: '84.60',
|
||||
current: '86.40',
|
||||
change: '+1.80',
|
||||
changeDir: 'up',
|
||||
status: 'Locked'
|
||||
},
|
||||
{
|
||||
sl: '06',
|
||||
name: 'Margin Money for Guarantees / LC',
|
||||
sub: 'LC/BG margins — fixed lock-in period',
|
||||
code: '3006-MGM',
|
||||
opening: '620.80',
|
||||
current: '644.20',
|
||||
change: '+23.40',
|
||||
changeDir: 'up',
|
||||
status: 'Locked'
|
||||
},
|
||||
{
|
||||
sl: '07',
|
||||
name: 'Certificates of Deposit (CD)',
|
||||
sub: 'Issued to corporates / FIs · 7.35%',
|
||||
code: '3007-CD',
|
||||
opening: '3,840.00',
|
||||
current: '3,920.50',
|
||||
change: '+80.50',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '08',
|
||||
name: 'Interest Accrued on Time Deposits',
|
||||
sub: 'Accrued but unpaid interest on FD/RD',
|
||||
code: '3008-IAT',
|
||||
opening: '842.60',
|
||||
current: '918.40',
|
||||
change: '+75.80',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '09',
|
||||
name: 'Long-term Deposits',
|
||||
sub: 'Tenor >5 years · 7.5%',
|
||||
code: '3009-LTD',
|
||||
opening: '5,620.40',
|
||||
current: '5,818.60',
|
||||
change: '+198.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '10',
|
||||
name: 'Tax Saving Deposits',
|
||||
sub: 'Sec 80C FDs — 5-year lock-in · 6.8%',
|
||||
code: '3010-TSD',
|
||||
opening: '1,240.80',
|
||||
current: '1,318.40',
|
||||
change: '+77.60',
|
||||
changeDir: 'up',
|
||||
status: 'Locked'
|
||||
},
|
||||
{
|
||||
sl: '11',
|
||||
name: 'Foreign Currency Deposits',
|
||||
sub: 'FCNR(B), RFC — USD/EUR/GBP',
|
||||
code: '3011-FCD',
|
||||
opening: '2,184.60',
|
||||
current: '2,348.20',
|
||||
change: '+163.60',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '12',
|
||||
name: 'Time Liabilities to Other Banks',
|
||||
sub: 'Inter-bank term deposits — call money',
|
||||
code: '3012-TLB',
|
||||
opening: '1,840.20',
|
||||
current: '1,924.40',
|
||||
change: '+84.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '13',
|
||||
name: 'Term Borrowings',
|
||||
sub: 'Bonds, debentures, refinance · 8.1%',
|
||||
code: '3013-TBR',
|
||||
opening: '1,018.40',
|
||||
current: '1,118.50',
|
||||
change: '+100.10',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
}
|
||||
];
|
||||
|
||||
bankingAssets = [
|
||||
{ sl: '01', name: 'Balances with Other Banks', sub: 'Nostro / Vostro balances — SBI, PNB, BOB', code: '4001-BWB', opening: '3,840.20', current: '4,112.40', change: '+272.20', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '02', name: 'Money at Call with Banks', sub: 'Overnight & short-notice call money', code: '4002-MCB', opening: '2,180.50', current: '2,418.60', change: '+238.10', changeDir: 'up', status: 'Active' },
|
||||
{ sl: '03', name: 'Loans to Banks (Inter-Bank Lending)', sub: 'Term loans & credit lines to SCBs', code: '4003-LTB', opening: '1,580.00', current: '1,709.20', change: '+129.20', changeDir: 'up', status: 'Active' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Balances with Other Banks',
|
||||
sub: 'Nostro / Vostro balances — SBI, PNB, BOB',
|
||||
code: '4001-BWB',
|
||||
opening: '3,840.20',
|
||||
current: '4,112.40',
|
||||
change: '+272.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'Money at Call with Banks',
|
||||
sub: 'Overnight & short-notice call money',
|
||||
code: '4002-MCB',
|
||||
opening: '2,180.50',
|
||||
current: '2,418.60',
|
||||
change: '+238.10',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Loans to Banks (Inter-Bank Lending)',
|
||||
sub: 'Term loans & credit lines to SCBs',
|
||||
code: '4003-LTB',
|
||||
opening: '1,580.00',
|
||||
current: '1,709.20',
|
||||
change: '+129.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active'
|
||||
}
|
||||
];
|
||||
|
||||
liquidAssets = [
|
||||
{ sl: '01', name: 'Central Government Securities', sub: 'G-Secs held in HTM, AFS & HFT portfolios', code: '5001-CGS', opening: '6,840.50', current: '7,218.40', change: '+377.90', changeDir: 'up', status: 'Active', category: 'G-Sec' },
|
||||
{ sl: '02', name: 'State Development Loans (SDLs)', sub: 'State govt bonds — various maturities', code: '5002-SDL', opening: '2,420.30', current: '2,584.60', change: '+164.30', changeDir: 'up', status: 'Active', category: 'SDL' },
|
||||
{ sl: '03', name: 'Treasury Bills (91/182/364 day)', sub: 'Short-term govt securities — discounted', code: '5003-TB', opening: '1,840.20', current: '1,962.80', change: '+122.60', changeDir: 'up', status: 'Active', category: 'T-Bill' },
|
||||
{ sl: '04', name: 'Gold (valued at current market)', sub: 'Gold reserves held per RBI valuation norms', code: '5004-GLD', opening: '680.40', current: '724.60', change: '+44.20', changeDir: 'up', status: 'Active', category: 'Gold' },
|
||||
{ sl: '05', name: 'Special Deposit Scheme with RBI', sub: 'Deposits placed under SDS — SLR eligible', code: '5005-SDS', opening: '420.00', current: '420.00', change: '0.00', changeDir: 'up', status: 'Active', category: 'RBI Dep' },
|
||||
{ sl: '06', name: 'NABARD / SIDBI / NHB Bonds', sub: 'PSE bonds approved as SLR-eligible', code: '5006-PSE', opening: '310.80', current: '328.40', change: '+17.60', changeDir: 'up', status: 'Active', category: 'PSE Bond' }
|
||||
{
|
||||
sl: '01',
|
||||
name: 'Central Government Securities',
|
||||
sub: 'G-Secs held in HTM, AFS & HFT portfolios',
|
||||
code: '5001-CGS',
|
||||
opening: '6,840.50',
|
||||
current: '7,218.40',
|
||||
change: '+377.90',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'G-Sec'
|
||||
},
|
||||
{
|
||||
sl: '02',
|
||||
name: 'State Development Loans (SDLs)',
|
||||
sub: 'State govt bonds — various maturities',
|
||||
code: '5002-SDL',
|
||||
opening: '2,420.30',
|
||||
current: '2,584.60',
|
||||
change: '+164.30',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'SDL'
|
||||
},
|
||||
{
|
||||
sl: '03',
|
||||
name: 'Treasury Bills (91/182/364 day)',
|
||||
sub: 'Short-term govt securities — discounted',
|
||||
code: '5003-TB',
|
||||
opening: '1,840.20',
|
||||
current: '1,962.80',
|
||||
change: '+122.60',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'T-Bill'
|
||||
},
|
||||
{
|
||||
sl: '04',
|
||||
name: 'Gold (valued at current market)',
|
||||
sub: 'Gold reserves held per RBI valuation norms',
|
||||
code: '5004-GLD',
|
||||
opening: '680.40',
|
||||
current: '724.60',
|
||||
change: '+44.20',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'Gold'
|
||||
},
|
||||
{
|
||||
sl: '05',
|
||||
name: 'Special Deposit Scheme with RBI',
|
||||
sub: 'Deposits placed under SDS — SLR eligible',
|
||||
code: '5005-SDS',
|
||||
opening: '420.00',
|
||||
current: '420.00',
|
||||
change: '0.00',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'RBI Dep'
|
||||
},
|
||||
{
|
||||
sl: '06',
|
||||
name: 'NABARD / SIDBI / NHB Bonds',
|
||||
sub: 'PSE bonds approved as SLR-eligible',
|
||||
code: '5006-PSE',
|
||||
opening: '310.80',
|
||||
current: '328.40',
|
||||
change: '+17.60',
|
||||
changeDir: 'up',
|
||||
status: 'Active',
|
||||
category: 'PSE Bond'
|
||||
}
|
||||
];
|
||||
|
||||
close(): void {
|
||||
|
||||
@@ -177,10 +177,18 @@
|
||||
</div>
|
||||
|
||||
<!-- PSL -->
|
||||
<div class="dash-card">
|
||||
<div class="dash-card psl-card">
|
||||
<div class="card-top">
|
||||
<div class="card-icon-wrap green"><fa-icon icon="flag"></fa-icon></div>
|
||||
<div class="card-label">Priority Sector Lending (PSL)</div>
|
||||
<button
|
||||
class="psl-open-btn"
|
||||
(click)="openPslReportDialog()"
|
||||
matTooltip="View PSL Returns & Account Register"
|
||||
aria-label="Open PSL report"
|
||||
>
|
||||
<fa-icon icon="external-link-alt"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-big-value">65%</div>
|
||||
<div class="psl-breakdown">
|
||||
@@ -206,6 +214,14 @@
|
||||
<div class="card-top">
|
||||
<div class="card-icon-wrap purple"><fa-icon icon="file-alt"></fa-icon></div>
|
||||
<div class="card-label">Credit Information Companies</div>
|
||||
<button
|
||||
class="cic-open-btn"
|
||||
(click)="openCicDqrDialog()"
|
||||
matTooltip="View detailed DQR report"
|
||||
aria-label="Open detailed report"
|
||||
>
|
||||
<fa-icon icon="external-link-alt"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div class="cic-subtitle">Data Quality Report (DQR) — as per RBI Guidelines</div>
|
||||
<div class="quality-grid">
|
||||
@@ -330,6 +346,5 @@
|
||||
<fa-icon icon="info-circle"></fa-icon> RBI circular pending review — compliance action due by month end.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -576,10 +576,64 @@ $purple: #7c3aed;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* ─── Priority Sector Lending — Open button ─── */
|
||||
.psl-card {
|
||||
.card-top {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.psl-open-btn {
|
||||
margin-left: auto;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #fff;
|
||||
color: #16a34a;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: #dcfce7;
|
||||
border-color: #16a34a;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 6px rgb(22 163 74 / 20%);
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Credit Information Companies — DQR ─── */
|
||||
.cic-card {
|
||||
.card-top {
|
||||
margin-bottom: 0;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.cic-open-btn {
|
||||
margin-left: auto;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #fff;
|
||||
color: #6d28d9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: #ede9fe;
|
||||
border-color: #6d28d9;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 6px rgb(109 40 217 / 20%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -833,5 +887,4 @@ $purple: #7c3aed;
|
||||
gap: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -170,4 +170,32 @@ export class DashboardComponent implements OnInit {
|
||||
autoFocus: false
|
||||
});
|
||||
}
|
||||
|
||||
async openCicDqrDialog(): Promise<void> {
|
||||
const { CicDqrDialogComponent } = await import('./cic-dqr-dialog/cic-dqr-dialog.component');
|
||||
this.dialog.open(CicDqrDialogComponent, {
|
||||
width: '88vw',
|
||||
maxWidth: '1200px',
|
||||
maxHeight: '92vh',
|
||||
panelClass: 'crr-slr-dialog-panel',
|
||||
autoFocus: false,
|
||||
disableClose: false,
|
||||
hasBackdrop: true,
|
||||
backdropClass: 'cic-dlg-backdrop'
|
||||
});
|
||||
}
|
||||
|
||||
async openPslReportDialog(): Promise<void> {
|
||||
const { PslReportDialogComponent } = await import('./psl-report-dialog/psl-report-dialog.component');
|
||||
this.dialog.open(PslReportDialogComponent, {
|
||||
width: '92vw',
|
||||
maxWidth: '1280px',
|
||||
maxHeight: '92vh',
|
||||
panelClass: 'crr-slr-dialog-panel',
|
||||
autoFocus: false,
|
||||
disableClose: false,
|
||||
hasBackdrop: true,
|
||||
backdropClass: 'psl-dlg-backdrop'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,501 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<div class="psl-dlg">
|
||||
<!-- HEADER -->
|
||||
<div class="psl-head">
|
||||
<div class="psl-head-left">
|
||||
<div class="psl-head-ic"><fa-icon icon="flag"></fa-icon></div>
|
||||
<div>
|
||||
<h2 class="psl-title">Priority Sector Lending — Returns & Register</h2>
|
||||
<p class="psl-sub">
|
||||
{{ bank.name }} · <strong>{{ bank.formCode }}</strong> · Quarter
|
||||
<strong>{{ bank.quarter }}</strong> · As on <strong>{{ bank.asOnDate }}</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="psl-head-actions">
|
||||
<span class="psl-overall" [ngClass]="totalPslAchievedPct >= TOTAL_PSL_TARGET_PCT ? 'on-target' : 'below'">
|
||||
<span class="psl-overall-l">Overall PSL</span>
|
||||
<span class="psl-overall-v">{{ totalPslAchievedPct.toFixed(2) }}%</span>
|
||||
<span class="psl-overall-t">/ {{ TOTAL_PSL_TARGET_PCT }}%</span>
|
||||
</span>
|
||||
<button class="psl-close" (click)="close()" matTooltip="Close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TABS -->
|
||||
<div class="psl-tabs">
|
||||
<button class="psl-tab" [class.active]="activeTab === 'dashboard'" (click)="setTab('dashboard')">
|
||||
<fa-icon icon="chart-pie"></fa-icon> Dashboard
|
||||
</button>
|
||||
<button class="psl-tab" [class.active]="activeTab === 'categories'" (click)="setTab('categories')">
|
||||
<fa-icon icon="layer-group"></fa-icon> Categories
|
||||
</button>
|
||||
<button class="psl-tab" [class.active]="activeTab === 'register'" (click)="setTab('register')">
|
||||
<fa-icon icon="list-alt"></fa-icon> Account Register
|
||||
</button>
|
||||
<button class="psl-tab" [class.active]="activeTab === 'returns'" (click)="setTab('returns')">
|
||||
<fa-icon icon="file-invoice"></fa-icon> Returns & Form III
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="psl-body">
|
||||
<!-- ════════════ DASHBOARD ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'dashboard'">
|
||||
<!-- KPI ROW -->
|
||||
<div class="psl-stats">
|
||||
<div class="psl-stat-card psl-stat-gauge">
|
||||
<div
|
||||
class="gauge"
|
||||
[style.--pct.%]="totalPslAchievedPct > 100 ? 100 : totalPslAchievedPct"
|
||||
[ngClass]="totalPslAchievedPct >= TOTAL_PSL_TARGET_PCT ? 'on-target' : 'below'"
|
||||
>
|
||||
<div class="gauge-inner">
|
||||
<div class="gauge-pct">{{ totalPslAchievedPct.toFixed(2) }}%</div>
|
||||
<div class="gauge-label">PSL of ANBC</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="psl-stat-card">
|
||||
<div class="psl-stat-l">ANBC</div>
|
||||
<div class="psl-stat-v">₹ {{ bank.anbc / 10000000 | number: '1.2-2' }} Cr</div>
|
||||
<div class="psl-stat-meta">Adjusted Net Bank Credit</div>
|
||||
</div>
|
||||
<div class="psl-stat-card">
|
||||
<div class="psl-stat-l">PSL Outstanding</div>
|
||||
<div class="psl-stat-v">₹ {{ totalPslOutstanding / 10000000 | number: '1.2-2' }} Cr</div>
|
||||
<div class="psl-stat-meta">{{ totalPslAccounts | number }} accounts</div>
|
||||
</div>
|
||||
<div class="psl-stat-card">
|
||||
<div class="psl-stat-l">Gap / Surplus</div>
|
||||
<div class="psl-stat-v" [ngClass]="totalPslGapPct >= 0 ? 'pos' : 'neg'">
|
||||
{{ totalPslGapPct >= 0 ? '+' : '' }}{{ totalPslGapPct.toFixed(2) }} pp
|
||||
</div>
|
||||
<div class="psl-stat-meta">Vs. {{ TOTAL_PSL_TARGET_PCT }}% target</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SUB-TARGETS -->
|
||||
<div class="psl-section">
|
||||
<div class="psl-sec-h">
|
||||
<h3 class="psl-sec-t">RBI Sub-Target Compliance</h3>
|
||||
<span class="psl-circular">RBI MD: {{ bank.rbiCircular }}</span>
|
||||
</div>
|
||||
<div class="psl-bars">
|
||||
<div class="psl-bar-row">
|
||||
<div class="psl-bar-h">
|
||||
<span class="psl-bar-l"><fa-icon icon="hand-holding-usd"></fa-icon> Agriculture (18% of ANBC)</span>
|
||||
<span class="psl-bar-p" [ngClass]="agriAchievedPct >= AGRI_TARGET_PCT ? 'good' : 'low'"
|
||||
>{{ agriAchievedPct.toFixed(2) }}%</span
|
||||
>
|
||||
</div>
|
||||
<div class="psl-bar-track">
|
||||
<div
|
||||
class="psl-bar-fill"
|
||||
[class.good]="agriAchievedPct >= AGRI_TARGET_PCT"
|
||||
[class.low]="agriAchievedPct < AGRI_TARGET_PCT"
|
||||
[style.width.%]="
|
||||
(agriAchievedPct / AGRI_TARGET_PCT) * 100 > 100 ? 100 : (agriAchievedPct / AGRI_TARGET_PCT) * 100
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="psl-bar-row">
|
||||
<div class="psl-bar-h">
|
||||
<span class="psl-bar-l"><fa-icon icon="users"></fa-icon> Small & Marginal Farmers (10%)</span>
|
||||
<span class="psl-bar-p" [ngClass]="smfAchievedPct >= SMALL_MARGINAL_FARMER_TARGET_PCT ? 'good' : 'low'"
|
||||
>{{ smfAchievedPct.toFixed(2) }}%</span
|
||||
>
|
||||
</div>
|
||||
<div class="psl-bar-track">
|
||||
<div
|
||||
class="psl-bar-fill"
|
||||
[class.good]="smfAchievedPct >= SMALL_MARGINAL_FARMER_TARGET_PCT"
|
||||
[class.low]="smfAchievedPct < SMALL_MARGINAL_FARMER_TARGET_PCT"
|
||||
[style.width.%]="
|
||||
(smfAchievedPct / SMALL_MARGINAL_FARMER_TARGET_PCT) * 100 > 100
|
||||
? 100
|
||||
: (smfAchievedPct / SMALL_MARGINAL_FARMER_TARGET_PCT) * 100
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="psl-bar-row">
|
||||
<div class="psl-bar-h">
|
||||
<span class="psl-bar-l"><fa-icon icon="cogs"></fa-icon> Micro Enterprises (7.5%)</span>
|
||||
<span class="psl-bar-p" [ngClass]="microAchievedPct >= MICRO_ENTERPRISES_TARGET_PCT ? 'good' : 'low'"
|
||||
>{{ microAchievedPct.toFixed(2) }}%</span
|
||||
>
|
||||
</div>
|
||||
<div class="psl-bar-track">
|
||||
<div
|
||||
class="psl-bar-fill"
|
||||
[class.good]="microAchievedPct >= MICRO_ENTERPRISES_TARGET_PCT"
|
||||
[class.low]="microAchievedPct < MICRO_ENTERPRISES_TARGET_PCT"
|
||||
[style.width.%]="
|
||||
(microAchievedPct / MICRO_ENTERPRISES_TARGET_PCT) * 100 > 100
|
||||
? 100
|
||||
: (microAchievedPct / MICRO_ENTERPRISES_TARGET_PCT) * 100
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="psl-bar-row">
|
||||
<div class="psl-bar-h">
|
||||
<span class="psl-bar-l"><fa-icon icon="heart"></fa-icon> Weaker Sections (12%)</span>
|
||||
<span class="psl-bar-p" [ngClass]="weakerAchievedPct >= WEAKER_SECTIONS_TARGET_PCT ? 'good' : 'low'"
|
||||
>{{ weakerAchievedPct.toFixed(2) }}%</span
|
||||
>
|
||||
</div>
|
||||
<div class="psl-bar-track">
|
||||
<div
|
||||
class="psl-bar-fill"
|
||||
[class.good]="weakerAchievedPct >= WEAKER_SECTIONS_TARGET_PCT"
|
||||
[class.low]="weakerAchievedPct < WEAKER_SECTIONS_TARGET_PCT"
|
||||
[style.width.%]="
|
||||
(weakerAchievedPct / WEAKER_SECTIONS_TARGET_PCT) * 100 > 100
|
||||
? 100
|
||||
: (weakerAchievedPct / WEAKER_SECTIONS_TARGET_PCT) * 100
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SNAPSHOT -->
|
||||
<div class="psl-section">
|
||||
<div class="psl-sec-h">
|
||||
<h3 class="psl-sec-t">Bank & Reporting Snapshot</h3>
|
||||
</div>
|
||||
<div class="psl-info-grid">
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">Reporting Bank</div>
|
||||
<div class="psl-info-v">{{ bank.name }}</div>
|
||||
</div>
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">Branch</div>
|
||||
<div class="psl-info-v">{{ bank.branch }}</div>
|
||||
</div>
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">Principal Officer</div>
|
||||
<div class="psl-info-v">{{ bank.principalOfficer }}</div>
|
||||
</div>
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">Form Code</div>
|
||||
<div class="psl-info-v">{{ bank.formCode }}</div>
|
||||
</div>
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">Credit Equivalent (OBE)</div>
|
||||
<div class="psl-info-v">₹ {{ bank.creditEquivalentOBE / 10000000 | number: '1.2-2' }} Cr</div>
|
||||
</div>
|
||||
<div class="psl-info">
|
||||
<div class="psl-info-l">RBI Master Direction</div>
|
||||
<div class="psl-info-v mono">{{ bank.rbiCircular }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ CATEGORIES ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'categories'">
|
||||
<div class="psl-section">
|
||||
<div class="psl-sec-h">
|
||||
<h3 class="psl-sec-t">Category-wise Outstanding & Achievement</h3>
|
||||
<button mat-stroked-button class="psl-btn-xls" (click)="exportCategoriesXls()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Export Excel
|
||||
</button>
|
||||
</div>
|
||||
<div class="psl-tbl-wrap">
|
||||
<table class="psl-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Code</th>
|
||||
<th>Category</th>
|
||||
<th class="ta-r">Outstanding</th>
|
||||
<th class="ta-c">#A/c</th>
|
||||
<th class="ta-r">Achieved %</th>
|
||||
<th class="ta-r">Sub-Target %</th>
|
||||
<th class="ta-c">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let c of categories">
|
||||
<td class="mono">{{ c.code }}</td>
|
||||
<td>
|
||||
<div class="cat-name">{{ c.name }}</div>
|
||||
<div class="cat-desc">{{ c.description }}</div>
|
||||
</td>
|
||||
<td class="ta-r">₹ {{ c.outstanding / 10000000 | number: '1.2-2' }} Cr</td>
|
||||
<td class="ta-c">{{ c.accounts | number }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ c.achievedPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<span *ngIf="c.targetPct != null">{{ c.targetPct }}%</span>
|
||||
<span *ngIf="c.targetPct == null" class="muted">—</span>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<span class="status-pill" [ngClass]="achieveStatus(c.achievedPct, c.targetPct)">
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'on-target'"
|
||||
>ACHIEVED</ng-container
|
||||
>
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'below'">BELOW</ng-container>
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'na'">NA</ng-container>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ ACCOUNT REGISTER ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'register'">
|
||||
<div class="psl-section">
|
||||
<div class="psl-sec-h">
|
||||
<h3 class="psl-sec-t">PSL Account Register — {{ filteredAccounts.length }} of {{ accounts.length }}</h3>
|
||||
<button mat-stroked-button class="psl-btn-xls" (click)="exportRegisterCsv()">
|
||||
<fa-icon icon="file-csv"></fa-icon> Export CSV
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="psl-filters">
|
||||
<div class="psl-f">
|
||||
<label>Category</label>
|
||||
<select [(ngModel)]="filterCategory">
|
||||
<option value="">All</option>
|
||||
<option *ngFor="let c of categories" [value]="c.code">{{ c.code }} — {{ c.name }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="psl-f">
|
||||
<label>Branch</label>
|
||||
<input type="text" placeholder="Search branch…" [(ngModel)]="filterBranch" />
|
||||
</div>
|
||||
<div class="psl-f">
|
||||
<label>Weaker Section</label>
|
||||
<select [(ngModel)]="filterWeaker">
|
||||
<option value="">All</option>
|
||||
<option value="Y">Yes</option>
|
||||
<option value="N">No</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="psl-f">
|
||||
<label>Asset Class</label>
|
||||
<select [(ngModel)]="filterNpa">
|
||||
<option value="">All</option>
|
||||
<option value="STANDARD">Standard</option>
|
||||
<option value="SMA">SMA (Stress)</option>
|
||||
<option value="NPA">NPA</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="psl-f-reset" (click)="resetFilters()" matTooltip="Reset filters">
|
||||
<fa-icon icon="undo"></fa-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="psl-tbl-wrap">
|
||||
<table class="psl-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>A/c No</th>
|
||||
<th>Customer</th>
|
||||
<th>Category</th>
|
||||
<th>Sub-Category</th>
|
||||
<th>Branch</th>
|
||||
<th class="ta-r">Sanctioned</th>
|
||||
<th class="ta-r">Outstanding</th>
|
||||
<th class="ta-c">Asset Class</th>
|
||||
<th class="ta-c">Weaker</th>
|
||||
<th class="ta-c">SMF</th>
|
||||
<th>Sanctioned</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let a of filteredAccounts">
|
||||
<td class="mono">{{ a.acNo }}</td>
|
||||
<td>{{ a.customerName }}</td>
|
||||
<td>
|
||||
<span class="cat-pill">{{ a.category }}</span>
|
||||
</td>
|
||||
<td>{{ a.subCategory }}</td>
|
||||
<td>{{ a.branch }}</td>
|
||||
<td class="ta-r">₹ {{ a.sanctioned | number }}</td>
|
||||
<td class="ta-r">₹ {{ a.outstanding | number }}</td>
|
||||
<td class="ta-c">
|
||||
<span
|
||||
class="npa-pill"
|
||||
[ngClass]="{
|
||||
ok: a.npaFlag === 'STANDARD',
|
||||
warn: a.npaFlag === 'SMA-1' || a.npaFlag === 'SMA-2',
|
||||
err: a.npaFlag === 'SUB-STD' || a.npaFlag === 'DOUBTFUL' || a.npaFlag === 'LOSS'
|
||||
}"
|
||||
>{{ a.npaFlag }}</span
|
||||
>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<fa-icon *ngIf="a.weakerSection" icon="check" class="ico-yes"></fa-icon>
|
||||
<span *ngIf="!a.weakerSection" class="muted">—</span>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<fa-icon *ngIf="a.smallMarginalFarmer" icon="check" class="ico-yes"></fa-icon>
|
||||
<span *ngIf="!a.smallMarginalFarmer" class="muted">—</span>
|
||||
</td>
|
||||
<td>{{ a.sanctionedDate }}</td>
|
||||
</tr>
|
||||
<tr *ngIf="filteredAccounts.length === 0">
|
||||
<td colspan="11" class="empty">No accounts match the current filters.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<!-- ════════════ RETURNS / FORM III ════════════ -->
|
||||
<ng-container *ngIf="activeTab === 'returns'">
|
||||
<div class="psl-section">
|
||||
<div class="psl-sec-h">
|
||||
<h3 class="psl-sec-t">{{ bank.formCode }} — Priority Sector Achievement Return</h3>
|
||||
<button mat-stroked-button class="psl-btn-xls" (click)="exportFormIII()">
|
||||
<fa-icon icon="file-excel"></fa-icon> Generate {{ bank.formCode }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="form-iii">
|
||||
<div class="form-iii-h">
|
||||
<div class="form-iii-bank">
|
||||
<strong>{{ bank.name }}</strong> — {{ bank.branch }}
|
||||
</div>
|
||||
<div class="form-iii-meta">
|
||||
<span><fa-icon icon="calendar"></fa-icon> As On {{ bank.asOnDate }}</span>
|
||||
<span><fa-icon icon="university"></fa-icon> {{ bank.quarter }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="form-iii-t">A. ANBC Computation (₹ in Lakhs)</h4>
|
||||
<table class="psl-tbl form-tbl">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Adjusted Net Bank Credit (ANBC)</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ bank.anbc / 100000 | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Credit Equivalent of Off-Balance Sheet Exposures</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ bank.creditEquivalentOBE / 100000 | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="form-total">
|
||||
<td>Total Reference for PSL %</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ (bank.anbc + bank.creditEquivalentOBE) / 100000 | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4 class="form-iii-t">B. Category-wise Achievement</h4>
|
||||
<table class="psl-tbl form-tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Category</th>
|
||||
<th class="ta-r">Outstanding (₹ Lakh)</th>
|
||||
<th class="ta-c">#A/c</th>
|
||||
<th class="ta-r">Achieved %</th>
|
||||
<th class="ta-r">Sub-Target %</th>
|
||||
<th class="ta-c">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let c of categories; let i = index">
|
||||
<td>{{ i + 1 }}</td>
|
||||
<td class="mono">{{ c.code }} — {{ c.name }}</td>
|
||||
<td class="ta-r">{{ c.outstanding / 100000 | number: '1.2-2' }}</td>
|
||||
<td class="ta-c">{{ c.accounts | number }}</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ c.achievedPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<span *ngIf="c.targetPct != null">{{ c.targetPct }}%</span>
|
||||
<span *ngIf="c.targetPct == null" class="muted">—</span>
|
||||
</td>
|
||||
<td class="ta-c">
|
||||
<span class="status-pill" [ngClass]="achieveStatus(c.achievedPct, c.targetPct)">
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'on-target'"
|
||||
>ACHIEVED</ng-container
|
||||
>
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'below'">BELOW</ng-container>
|
||||
<ng-container *ngIf="achieveStatus(c.achievedPct, c.targetPct) === 'na'">NA</ng-container>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4 class="form-iii-t">C. Overall PSL Position</h4>
|
||||
<table class="psl-tbl form-tbl">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Total PSL Outstanding (₹ Lakh)</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalPslOutstanding / 100000 | number: '1.2-2' }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Achieved % of ANBC</td>
|
||||
<td class="ta-r">
|
||||
<strong>{{ totalPslAchievedPct.toFixed(2) }}%</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RBI Target</td>
|
||||
<td class="ta-r">{{ TOTAL_PSL_TARGET_PCT }}%</td>
|
||||
</tr>
|
||||
<tr class="form-total">
|
||||
<td>Gap / Surplus (Percentage Points)</td>
|
||||
<td class="ta-r" [ngClass]="totalPslGapPct >= 0 ? 'pos' : 'neg'">
|
||||
<strong>{{ totalPslGapPct >= 0 ? '+' : '' }}{{ totalPslGapPct.toFixed(2) }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Compliance Status</td>
|
||||
<td class="ta-r">
|
||||
<span
|
||||
class="status-pill"
|
||||
[ngClass]="totalPslAchievedPct >= TOTAL_PSL_TARGET_PCT ? 'on-target' : 'below'"
|
||||
>{{ totalPslAchievedPct >= TOTAL_PSL_TARGET_PCT ? 'ACHIEVED' : 'BELOW TARGET' }}</span
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="form-iii-foot">
|
||||
<div class="cert">
|
||||
<div class="cert-l">Certified by</div>
|
||||
<div class="cert-v">{{ bank.principalOfficer }}</div>
|
||||
<div class="cert-r">Principal Officer — {{ bank.name }}</div>
|
||||
</div>
|
||||
<div class="cert">
|
||||
<div class="cert-l">Submitted under</div>
|
||||
<div class="cert-v mono">{{ bank.rbiCircular }}</div>
|
||||
<div class="cert-r">RBI Master Direction on Priority Sector Lending, 2020</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,753 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
--psl-good: #15803d;
|
||||
--psl-good-l: #dcfce7;
|
||||
--psl-mid: #d97706;
|
||||
--psl-mid-l: #fef3c7;
|
||||
--psl-low: #c0392b;
|
||||
--psl-low-l: #fdecea;
|
||||
--psl-green: #16a34a;
|
||||
--psl-green-l: #dcfce7;
|
||||
--psl-blue: #2563eb;
|
||||
--psl-blue-l: #dbeafe;
|
||||
--psl-g50: #f8fafc;
|
||||
--psl-g100: #f1f5f9;
|
||||
--psl-g200: #e2e8f0;
|
||||
--psl-g300: #cbd5e1;
|
||||
--psl-g500: #64748b;
|
||||
--psl-g700: #334155;
|
||||
--psl-g900: #0f172a;
|
||||
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
.psl-dlg {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
max-height: 90vh;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.psl-head {
|
||||
padding: 18px 22px;
|
||||
border-bottom: 1px solid var(--psl-g200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.psl-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.psl-head-ic {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 11px;
|
||||
background: var(--psl-green-l);
|
||||
color: var(--psl-green);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.psl-title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
.psl-sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--psl-g500);
|
||||
}
|
||||
|
||||
.psl-head-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.psl-overall {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 6px;
|
||||
padding: 6px 14px;
|
||||
border-radius: 999px;
|
||||
font-weight: 700;
|
||||
|
||||
&.on-target {
|
||||
background: var(--psl-good-l);
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.below {
|
||||
background: var(--psl-low-l);
|
||||
color: var(--psl-low);
|
||||
}
|
||||
|
||||
.psl-overall-l {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.psl-overall-v {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.psl-overall-t {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.psl-close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--psl-g200);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
color: var(--psl-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--psl-g100);
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
}
|
||||
|
||||
/* TABS */
|
||||
.psl-tabs {
|
||||
display: flex;
|
||||
background: var(--psl-g50);
|
||||
border-bottom: 1px solid var(--psl-g200);
|
||||
padding: 0 22px;
|
||||
overflow-x: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.psl-tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 18px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.15s;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
color: var(--psl-g700);
|
||||
background: rgb(255 255 255 / 50%);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: var(--psl-green);
|
||||
border-bottom-color: var(--psl-green);
|
||||
}
|
||||
}
|
||||
|
||||
/* BODY */
|
||||
.psl-body {
|
||||
padding: 18px 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* KPI STATS */
|
||||
.psl-stats {
|
||||
display: grid;
|
||||
grid-template-columns: 220px 1fr 1fr 1fr;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.psl-stat-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.psl-stat-l {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.psl-stat-v {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g900);
|
||||
line-height: 1.2;
|
||||
|
||||
&.pos {
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.neg {
|
||||
color: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
.psl-stat-meta {
|
||||
font-size: 11px;
|
||||
color: var(--psl-g500);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.psl-stat-gauge {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* GAUGE */
|
||||
.gauge {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
background: conic-gradient(currentcolor calc(var(--pct) * 1%), var(--psl-g100) 0);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&.on-target {
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.below {
|
||||
color: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
.gauge-inner {
|
||||
width: 108px;
|
||||
height: 108px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: inset 0 0 0 1px var(--psl-g200);
|
||||
}
|
||||
|
||||
.gauge-pct {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g900);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.gauge-label {
|
||||
font-size: 10px;
|
||||
color: var(--psl-g500);
|
||||
margin-top: 4px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* SECTIONS */
|
||||
.psl-section {
|
||||
background: #fff;
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 12px;
|
||||
padding: 16px 18px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.psl-sec-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.psl-sec-t {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g700);
|
||||
}
|
||||
|
||||
.psl-circular {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 11px;
|
||||
color: var(--psl-g500);
|
||||
padding: 4px 10px;
|
||||
background: var(--psl-g50);
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--psl-g200);
|
||||
}
|
||||
|
||||
.psl-btn-xls {
|
||||
font-size: 12px !important;
|
||||
height: 34px !important;
|
||||
color: #fff !important;
|
||||
background: var(--psl-green) !important;
|
||||
}
|
||||
|
||||
/* SUB-TARGET BARS */
|
||||
.psl-bars {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px 28px;
|
||||
}
|
||||
|
||||
.psl-bar-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.psl-bar-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.psl-bar-l {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g700);
|
||||
|
||||
fa-icon {
|
||||
color: var(--psl-green);
|
||||
}
|
||||
}
|
||||
|
||||
.psl-bar-p {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
|
||||
&.good {
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.low {
|
||||
color: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
.psl-bar-track {
|
||||
height: 8px;
|
||||
background: var(--psl-g100);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.psl-bar-fill {
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
transition: width 0.4s ease-out;
|
||||
|
||||
&.good {
|
||||
background: var(--psl-good);
|
||||
}
|
||||
|
||||
&.low {
|
||||
background: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* INFO GRID */
|
||||
.psl-info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 12px 24px;
|
||||
}
|
||||
|
||||
.psl-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.psl-info-l {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.psl-info-v {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.psl-tbl-wrap {
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.psl-tbl {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 10px 14px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
background: var(--psl-g50);
|
||||
border-bottom: 1px solid var(--psl-g200);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--psl-g100);
|
||||
font-size: 13px;
|
||||
color: var(--psl-g700);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background: var(--psl-g50);
|
||||
}
|
||||
}
|
||||
|
||||
.cat-name {
|
||||
font-weight: 600;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
.cat-desc {
|
||||
font-size: 11px;
|
||||
color: var(--psl-g500);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.cat-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
background: var(--psl-blue-l);
|
||||
color: var(--psl-blue);
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.npa-pill {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
|
||||
&.ok {
|
||||
background: var(--psl-good-l);
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background: var(--psl-mid-l);
|
||||
color: var(--psl-mid);
|
||||
}
|
||||
|
||||
&.err {
|
||||
background: var(--psl-low-l);
|
||||
color: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
.status-pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
border-radius: 999px;
|
||||
|
||||
&.on-target {
|
||||
background: var(--psl-good-l);
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
&.below {
|
||||
background: var(--psl-low-l);
|
||||
color: var(--psl-low);
|
||||
}
|
||||
|
||||
&.na {
|
||||
background: var(--psl-g100);
|
||||
color: var(--psl-g500);
|
||||
}
|
||||
}
|
||||
|
||||
.ico-yes {
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--psl-g300);
|
||||
}
|
||||
|
||||
.ta-c {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ta-r {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mono {
|
||||
font-family: 'DM Mono', monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.empty {
|
||||
text-align: center;
|
||||
color: var(--psl-g500);
|
||||
padding: 24px !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* FILTERS */
|
||||
.psl-filters {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
padding: 12px 14px;
|
||||
background: var(--psl-g50);
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.psl-f {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 140px;
|
||||
|
||||
label {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
select,
|
||||
input {
|
||||
height: 32px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
color: var(--psl-g900);
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: var(--psl-green);
|
||||
box-shadow: 0 0 0 3px rgb(22 163 74 / 12%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.psl-f-reset {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--psl-g200);
|
||||
background: #fff;
|
||||
color: var(--psl-g500);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: var(--psl-low-l);
|
||||
color: var(--psl-low);
|
||||
border-color: var(--psl-low);
|
||||
}
|
||||
}
|
||||
|
||||
/* FORM III */
|
||||
.form-iii {
|
||||
background: var(--psl-g50);
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 10px;
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.form-iii-h {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 2px solid var(--psl-green);
|
||||
}
|
||||
|
||||
.form-iii-bank {
|
||||
font-size: 14px;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
.form-iii-meta {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
font-size: 12px;
|
||||
color: var(--psl-g500);
|
||||
|
||||
fa-icon {
|
||||
color: var(--psl-green);
|
||||
}
|
||||
}
|
||||
|
||||
.form-iii-t {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g700);
|
||||
margin: 16px 0 8px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px dashed var(--psl-g200);
|
||||
}
|
||||
|
||||
.form-tbl {
|
||||
background: #fff;
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.form-total td {
|
||||
background: var(--psl-green-l) !important;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g900);
|
||||
}
|
||||
|
||||
.pos {
|
||||
color: var(--psl-good);
|
||||
}
|
||||
|
||||
.neg {
|
||||
color: var(--psl-low);
|
||||
}
|
||||
|
||||
.form-iii-foot {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 18px;
|
||||
margin-top: 18px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px dashed var(--psl-g300);
|
||||
}
|
||||
|
||||
.cert {
|
||||
background: #fff;
|
||||
border: 1px solid var(--psl-g200);
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
|
||||
.cert-l {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: var(--psl-g500);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cert-v {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--psl-g900);
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.cert-r {
|
||||
font-size: 11px;
|
||||
color: var(--psl-g500);
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
@media (width <= 1100px) {
|
||||
.psl-stats {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.psl-bars {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.psl-info-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.form-iii-foot {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <= 720px) {
|
||||
.psl-stats,
|
||||
.psl-info-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.psl-head {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,661 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { CommonModule, DecimalPipe } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { MatDialogRef, MatDialogModule } from '@angular/material/dialog';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
|
||||
interface PslCategory {
|
||||
code: string;
|
||||
name: string;
|
||||
description: string;
|
||||
/** RBI sub-target as % of ANBC (null = no specific sub-target, only counts toward 40% overall) */
|
||||
targetPct: number | null;
|
||||
/** Outstanding amount in ₹ */
|
||||
outstanding: number;
|
||||
/** Number of accounts */
|
||||
accounts: number;
|
||||
/** Achievement % of ANBC */
|
||||
achievedPct: number;
|
||||
}
|
||||
|
||||
interface PslAccount {
|
||||
acNo: string;
|
||||
customerName: string;
|
||||
category: string;
|
||||
subCategory: string;
|
||||
branch: string;
|
||||
sanctioned: number;
|
||||
outstanding: number;
|
||||
npaFlag: 'STANDARD' | 'SMA-1' | 'SMA-2' | 'SUB-STD' | 'DOUBTFUL' | 'LOSS';
|
||||
weakerSection: boolean;
|
||||
smallMarginalFarmer: boolean;
|
||||
sanctionedDate: string;
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-psl-report-dialog',
|
||||
standalone: true,
|
||||
templateUrl: './psl-report-dialog.component.html',
|
||||
styleUrls: ['./psl-report-dialog.component.scss'],
|
||||
imports: [
|
||||
CommonModule,
|
||||
DecimalPipe,
|
||||
FormsModule,
|
||||
MatDialogModule,
|
||||
MatButtonModule,
|
||||
MatTooltipModule,
|
||||
FaIconComponent
|
||||
]
|
||||
})
|
||||
export class PslReportDialogComponent {
|
||||
private dialogRef = inject(MatDialogRef<PslReportDialogComponent>);
|
||||
|
||||
activeTab: 'dashboard' | 'categories' | 'register' | 'returns' = 'dashboard';
|
||||
|
||||
bank = {
|
||||
name: 'Bharat Urban Bank Ltd',
|
||||
branch: 'Head Office',
|
||||
quarter: 'Q3 FY 2025-26',
|
||||
asOnDate: '29-01-2026',
|
||||
rbiCircular: 'FIDD.CO.PSD.BC.16/04.09.001/2020-21',
|
||||
principalOfficer: 'Karthik Kamath',
|
||||
formCode: 'Form III',
|
||||
/** Adjusted Net Bank Credit — basis for all PSL % calculations */
|
||||
anbc: 6000000000, // ₹600 Cr
|
||||
psBalanceCash: 0,
|
||||
creditEquivalentOBE: 250000000 // ₹25 Cr
|
||||
};
|
||||
|
||||
/** PSL targets per RBI Master Direction (2020) */
|
||||
readonly TOTAL_PSL_TARGET_PCT = 40;
|
||||
readonly AGRI_TARGET_PCT = 18;
|
||||
readonly SMALL_MARGINAL_FARMER_TARGET_PCT = 10;
|
||||
readonly MICRO_ENTERPRISES_TARGET_PCT = 7.5;
|
||||
readonly WEAKER_SECTIONS_TARGET_PCT = 12;
|
||||
|
||||
categories: PslCategory[] = [
|
||||
{
|
||||
code: 'AGRI',
|
||||
name: 'Agriculture',
|
||||
description: 'Farm credit, agri-infrastructure, ancillary activities',
|
||||
targetPct: 18,
|
||||
outstanding: 1240000000, // ₹124 Cr
|
||||
accounts: 4824,
|
||||
achievedPct: 20.67
|
||||
},
|
||||
{
|
||||
code: 'AGRI-SMF',
|
||||
name: '— Small & Marginal Farmers',
|
||||
description: 'Sub-target: 10% of ANBC for SMF (within Agri)',
|
||||
targetPct: 10,
|
||||
outstanding: 720000000, // ₹72 Cr
|
||||
accounts: 3110,
|
||||
achievedPct: 12.0
|
||||
},
|
||||
{
|
||||
code: 'MSME-MICRO',
|
||||
name: 'Micro Enterprises',
|
||||
description: 'Investment ≤₹1 Cr, turnover ≤₹5 Cr',
|
||||
targetPct: 7.5,
|
||||
outstanding: 510000000, // ₹51 Cr
|
||||
accounts: 1842,
|
||||
achievedPct: 8.5
|
||||
},
|
||||
{
|
||||
code: 'MSME-SMALL',
|
||||
name: 'Small Enterprises',
|
||||
description: 'Investment ≤₹10 Cr, turnover ≤₹50 Cr',
|
||||
targetPct: null,
|
||||
outstanding: 285000000, // ₹28.5 Cr
|
||||
accounts: 412,
|
||||
achievedPct: 4.75
|
||||
},
|
||||
{
|
||||
code: 'MSME-MED',
|
||||
name: 'Medium Enterprises',
|
||||
description: 'Investment ≤₹50 Cr, turnover ≤₹250 Cr',
|
||||
targetPct: null,
|
||||
outstanding: 168000000, // ₹16.8 Cr
|
||||
accounts: 87,
|
||||
achievedPct: 2.8
|
||||
},
|
||||
{
|
||||
code: 'EDU',
|
||||
name: 'Education',
|
||||
description: 'Loans ≤ ₹20 L (India) / ₹50 L (foreign)',
|
||||
targetPct: null,
|
||||
outstanding: 42000000, // ₹4.2 Cr
|
||||
accounts: 224,
|
||||
achievedPct: 0.7
|
||||
},
|
||||
{
|
||||
code: 'HOUSE',
|
||||
name: 'Housing',
|
||||
description: 'Up to ₹35 L (metro) / ₹25 L (non-metro)',
|
||||
targetPct: null,
|
||||
outstanding: 92000000, // ₹9.2 Cr
|
||||
accounts: 318,
|
||||
achievedPct: 1.53
|
||||
},
|
||||
{
|
||||
code: 'SOC-INFRA',
|
||||
name: 'Social Infrastructure',
|
||||
description: 'Schools, hospitals, drinking water in Tier-II–VI centres',
|
||||
targetPct: null,
|
||||
outstanding: 18000000, // ₹1.8 Cr
|
||||
accounts: 38,
|
||||
achievedPct: 0.3
|
||||
},
|
||||
{
|
||||
code: 'REN-ENERGY',
|
||||
name: 'Renewable Energy',
|
||||
description: 'Up to ₹30 Cr per borrower (solar, wind, biomass)',
|
||||
targetPct: null,
|
||||
outstanding: 24000000, // ₹2.4 Cr
|
||||
accounts: 12,
|
||||
achievedPct: 0.4
|
||||
},
|
||||
{
|
||||
code: 'EXPORT',
|
||||
name: 'Export Credit',
|
||||
description: 'Pre/post-shipment to MSME exporters',
|
||||
targetPct: null,
|
||||
outstanding: 38000000, // ₹3.8 Cr
|
||||
accounts: 19,
|
||||
achievedPct: 0.63
|
||||
},
|
||||
{
|
||||
code: 'WEAKER',
|
||||
name: 'Weaker Sections',
|
||||
description: 'SC/ST, women, minorities, persons with disabilities',
|
||||
targetPct: 12,
|
||||
outstanding: 855000000, // ₹85.5 Cr (overlaps with other categories)
|
||||
accounts: 4218,
|
||||
achievedPct: 14.25
|
||||
}
|
||||
];
|
||||
|
||||
/** Sample dummy PSL accounts */
|
||||
accounts: PslAccount[] = [
|
||||
{
|
||||
acNo: '110002101000211',
|
||||
customerName: 'RAVI KUMAR SHARMA',
|
||||
category: 'AGRI',
|
||||
subCategory: 'Crop Loan',
|
||||
branch: 'Mumbai Main',
|
||||
sanctioned: 500000,
|
||||
outstanding: 425000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: true,
|
||||
sanctionedDate: '12-04-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002102000418',
|
||||
customerName: 'PRIYA PATEL',
|
||||
category: 'MSME-MICRO',
|
||||
subCategory: 'Micro Manufacturing',
|
||||
branch: 'Pune FC Road',
|
||||
sanctioned: 800000,
|
||||
outstanding: 654000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '20-09-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002103000522',
|
||||
customerName: 'ARJUN DESHMUKH',
|
||||
category: 'AGRI',
|
||||
subCategory: 'Allied — Dairy',
|
||||
branch: 'Nagpur Dharampeth',
|
||||
sanctioned: 1500000,
|
||||
outstanding: 1148000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '01-06-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002104000711',
|
||||
customerName: 'VIKRAM REDDY',
|
||||
category: 'EDU',
|
||||
subCategory: 'Higher Education',
|
||||
branch: 'Bengaluru Jayanagar',
|
||||
sanctioned: 1500000,
|
||||
outstanding: 1280000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '15-07-2023'
|
||||
},
|
||||
{
|
||||
acNo: '110002105000814',
|
||||
customerName: 'LAKSHMI IYER',
|
||||
category: 'AGRI-SMF',
|
||||
subCategory: 'Marginal Farmer',
|
||||
branch: 'Bengaluru Indiranagar',
|
||||
sanctioned: 250000,
|
||||
outstanding: 210000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: true,
|
||||
sanctionedDate: '08-10-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002106001012',
|
||||
customerName: 'NIRAV SHAH',
|
||||
category: 'HOUSE',
|
||||
subCategory: 'Housing — Non-Metro',
|
||||
branch: 'Ahmedabad Satellite',
|
||||
sanctioned: 2200000,
|
||||
outstanding: 1840000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '14-02-2023'
|
||||
},
|
||||
{
|
||||
acNo: '110002107001145',
|
||||
customerName: 'KAVITA VERMA',
|
||||
category: 'MSME-MICRO',
|
||||
subCategory: 'Service Sector',
|
||||
branch: 'Lucknow Gomti Nagar',
|
||||
sanctioned: 600000,
|
||||
outstanding: 482000,
|
||||
npaFlag: 'SMA-1',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '11-11-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002108001458',
|
||||
customerName: 'SAMEER KAPOOR',
|
||||
category: 'MSME-SMALL',
|
||||
subCategory: 'Small Manufacturing',
|
||||
branch: 'Delhi Greater Kailash',
|
||||
sanctioned: 4500000,
|
||||
outstanding: 3980000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '25-08-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002109001721',
|
||||
customerName: 'KARTHIK SUBRAMANIAN',
|
||||
category: 'REN-ENERGY',
|
||||
subCategory: 'Solar Rooftop',
|
||||
branch: 'Chennai Valasaravakkam',
|
||||
sanctioned: 1800000,
|
||||
outstanding: 1620000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '03-05-2025'
|
||||
},
|
||||
{
|
||||
acNo: '110002110002012',
|
||||
customerName: 'ABHISHEK BANERJEE',
|
||||
category: 'EXPORT',
|
||||
subCategory: 'Pre-shipment',
|
||||
branch: 'Kolkata Salt Lake',
|
||||
sanctioned: 3500000,
|
||||
outstanding: 2950000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '17-12-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002111002314',
|
||||
customerName: 'GAURAV THAKUR',
|
||||
category: 'AGRI',
|
||||
subCategory: 'Kisan Credit Card',
|
||||
branch: 'Shimla Sector 4',
|
||||
sanctioned: 350000,
|
||||
outstanding: 295000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: true,
|
||||
sanctionedDate: '22-04-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002112002615',
|
||||
customerName: 'MANMOHAN SINGH GILL',
|
||||
category: 'WEAKER',
|
||||
subCategory: 'SC/ST — Mudra',
|
||||
branch: 'Amritsar Model Town',
|
||||
sanctioned: 200000,
|
||||
outstanding: 165000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '05-01-2025'
|
||||
},
|
||||
{
|
||||
acNo: '110002113002918',
|
||||
customerName: 'SUNITA DEVI',
|
||||
category: 'WEAKER',
|
||||
subCategory: 'Women Self-Help Group',
|
||||
branch: 'Bhopal Arera Colony',
|
||||
sanctioned: 150000,
|
||||
outstanding: 125000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '18-06-2024'
|
||||
},
|
||||
{
|
||||
acNo: '110002114003221',
|
||||
customerName: 'DEEPAK TIWARI',
|
||||
category: 'SOC-INFRA',
|
||||
subCategory: 'Drinking Water Project',
|
||||
branch: 'Indore Vijay Nagar',
|
||||
sanctioned: 5000000,
|
||||
outstanding: 4280000,
|
||||
npaFlag: 'STANDARD',
|
||||
weakerSection: false,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '12-03-2025'
|
||||
},
|
||||
{
|
||||
acNo: '110002115003524',
|
||||
customerName: 'HARPREET KAUR',
|
||||
category: 'MSME-MICRO',
|
||||
subCategory: 'Women — Self Employed',
|
||||
branch: 'Ludhiana Sarabha Nagar',
|
||||
sanctioned: 750000,
|
||||
outstanding: 632000,
|
||||
npaFlag: 'SMA-2',
|
||||
weakerSection: true,
|
||||
smallMarginalFarmer: false,
|
||||
sanctionedDate: '08-09-2024'
|
||||
}
|
||||
];
|
||||
|
||||
/** Filters for register tab */
|
||||
filterCategory = '';
|
||||
filterBranch = '';
|
||||
filterWeaker: '' | 'Y' | 'N' = '';
|
||||
filterNpa: '' | 'STANDARD' | 'SMA' | 'NPA' = '';
|
||||
|
||||
// -------------------- Computed --------------------
|
||||
get totalPslOutstanding(): number {
|
||||
// Sum excluding sub-categories that double-count (AGRI-SMF, WEAKER overlap)
|
||||
const main = [
|
||||
'AGRI',
|
||||
'MSME-MICRO',
|
||||
'MSME-SMALL',
|
||||
'MSME-MED',
|
||||
'EDU',
|
||||
'HOUSE',
|
||||
'SOC-INFRA',
|
||||
'REN-ENERGY',
|
||||
'EXPORT'
|
||||
];
|
||||
return this.categories.filter((c) => main.includes(c.code)).reduce((s, c) => s + c.outstanding, 0);
|
||||
}
|
||||
get totalPslAccounts(): number {
|
||||
const main = [
|
||||
'AGRI',
|
||||
'MSME-MICRO',
|
||||
'MSME-SMALL',
|
||||
'MSME-MED',
|
||||
'EDU',
|
||||
'HOUSE',
|
||||
'SOC-INFRA',
|
||||
'REN-ENERGY',
|
||||
'EXPORT'
|
||||
];
|
||||
return this.categories.filter((c) => main.includes(c.code)).reduce((s, c) => s + c.accounts, 0);
|
||||
}
|
||||
get totalPslAchievedPct(): number {
|
||||
return +((this.totalPslOutstanding / this.bank.anbc) * 100).toFixed(2);
|
||||
}
|
||||
get totalPslGapPct(): number {
|
||||
return +(this.totalPslAchievedPct - this.TOTAL_PSL_TARGET_PCT).toFixed(2);
|
||||
}
|
||||
cat(code: string): PslCategory | undefined {
|
||||
return this.categories.find((c) => c.code === code);
|
||||
}
|
||||
get agriAchievedPct(): number {
|
||||
return this.cat('AGRI')?.achievedPct ?? 0;
|
||||
}
|
||||
get smfAchievedPct(): number {
|
||||
return this.cat('AGRI-SMF')?.achievedPct ?? 0;
|
||||
}
|
||||
get microAchievedPct(): number {
|
||||
return this.cat('MSME-MICRO')?.achievedPct ?? 0;
|
||||
}
|
||||
get weakerAchievedPct(): number {
|
||||
return this.cat('WEAKER')?.achievedPct ?? 0;
|
||||
}
|
||||
achieveStatus(achieved: number, target: number | null): 'on-target' | 'below' | 'na' {
|
||||
if (target == null) return 'na';
|
||||
return achieved >= target ? 'on-target' : 'below';
|
||||
}
|
||||
|
||||
// -------------------- Filtered Register --------------------
|
||||
get filteredAccounts(): PslAccount[] {
|
||||
const branch = this.filterBranch.trim().toLowerCase();
|
||||
return this.accounts.filter((a) => {
|
||||
if (this.filterCategory && a.category !== this.filterCategory) return false;
|
||||
if (branch && !a.branch.toLowerCase().includes(branch)) return false;
|
||||
if (this.filterWeaker === 'Y' && !a.weakerSection) return false;
|
||||
if (this.filterWeaker === 'N' && a.weakerSection) return false;
|
||||
if (this.filterNpa === 'STANDARD' && a.npaFlag !== 'STANDARD') return false;
|
||||
if (this.filterNpa === 'SMA' && !a.npaFlag.startsWith('SMA')) return false;
|
||||
if (this.filterNpa === 'NPA' && (a.npaFlag === 'STANDARD' || a.npaFlag.startsWith('SMA'))) return false;
|
||||
return true;
|
||||
});
|
||||
}
|
||||
resetFilters(): void {
|
||||
this.filterCategory = '';
|
||||
this.filterBranch = '';
|
||||
this.filterWeaker = '';
|
||||
this.filterNpa = '';
|
||||
}
|
||||
|
||||
// -------------------- Excel Exports --------------------
|
||||
|
||||
/** Form III — Quarterly PSL Achievement Statement */
|
||||
exportFormIII(): void {
|
||||
const rows: string[][] = [];
|
||||
rows.push([
|
||||
this.bank.name,
|
||||
this.bank.branch
|
||||
]);
|
||||
rows.push([
|
||||
`PRIORITY REGISTER STATEMENT (${this.bank.formCode})`,
|
||||
`As On ${this.bank.asOnDate}`
|
||||
]);
|
||||
rows.push([
|
||||
`RBI Circular: ${this.bank.rbiCircular}`,
|
||||
`Quarter: ${this.bank.quarter}`
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push(['ANBC Computation (₹ in Lakhs)']);
|
||||
rows.push([
|
||||
'Adjusted Net Bank Credit (ANBC)',
|
||||
(this.bank.anbc / 100000).toFixed(2)
|
||||
]);
|
||||
rows.push([
|
||||
'Credit Equivalent of OBE',
|
||||
(this.bank.creditEquivalentOBE / 100000).toFixed(2)
|
||||
]);
|
||||
rows.push([
|
||||
'Total Reference for PSL %',
|
||||
((this.bank.anbc + this.bank.creditEquivalentOBE) / 100000).toFixed(2)
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push(['Category-wise Achievement (₹ in Lakhs)']);
|
||||
rows.push([
|
||||
'Sr.No',
|
||||
'Category Code',
|
||||
'Category Description',
|
||||
'Outstanding (₹ Lakh)',
|
||||
'#A/c',
|
||||
'Achieved % of ANBC',
|
||||
'Sub-Target %',
|
||||
'Status',
|
||||
'Gap (PP)'
|
||||
]);
|
||||
let sl = 1;
|
||||
for (const c of this.categories) {
|
||||
const status = this.achieveStatus(c.achievedPct, c.targetPct);
|
||||
const gap = c.targetPct == null ? '' : (c.achievedPct - c.targetPct).toFixed(2);
|
||||
rows.push([
|
||||
(sl++).toString(),
|
||||
c.code,
|
||||
c.name + ' — ' + c.description,
|
||||
(c.outstanding / 100000).toFixed(2),
|
||||
c.accounts.toString(),
|
||||
c.achievedPct.toFixed(2),
|
||||
c.targetPct == null ? '—' : c.targetPct.toString(),
|
||||
status === 'on-target' ? 'ACHIEVED' : status === 'below' ? 'BELOW TARGET' : 'NA',
|
||||
gap
|
||||
]);
|
||||
}
|
||||
rows.push([]);
|
||||
rows.push(['Overall PSL Achievement']);
|
||||
rows.push([
|
||||
'Total PSL Outstanding (₹ Lakh)',
|
||||
(this.totalPslOutstanding / 100000).toFixed(2)
|
||||
]);
|
||||
rows.push([
|
||||
'Achieved % of ANBC',
|
||||
this.totalPslAchievedPct.toFixed(2)
|
||||
]);
|
||||
rows.push([
|
||||
'Target',
|
||||
this.TOTAL_PSL_TARGET_PCT.toString() + '%'
|
||||
]);
|
||||
rows.push([
|
||||
'Gap / Surplus (PP)',
|
||||
this.totalPslGapPct.toFixed(2)
|
||||
]);
|
||||
rows.push([
|
||||
'Status',
|
||||
this.totalPslAchievedPct >= this.TOTAL_PSL_TARGET_PCT ? 'ACHIEVED' : 'BELOW TARGET'
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Certified by',
|
||||
this.bank.principalOfficer + ' — Principal Officer'
|
||||
]);
|
||||
this.saveTsv(rows, `PSL-FormIII-${this.dateTag()}.xls`);
|
||||
}
|
||||
|
||||
/** Account Register CSV — every PSL-tagged loan in the filtered set */
|
||||
exportRegisterCsv(): void {
|
||||
const headers = [
|
||||
'A/c No',
|
||||
'Customer Name',
|
||||
'Category',
|
||||
'Sub-Category',
|
||||
'Branch',
|
||||
'Sanctioned (₹)',
|
||||
'Outstanding (₹)',
|
||||
'NPA Flag',
|
||||
'Weaker Section',
|
||||
'Small/Marginal Farmer',
|
||||
'Sanctioned Date'
|
||||
];
|
||||
const rows = [headers];
|
||||
for (const a of this.filteredAccounts) {
|
||||
rows.push([
|
||||
a.acNo,
|
||||
a.customerName,
|
||||
a.category,
|
||||
a.subCategory,
|
||||
a.branch,
|
||||
a.sanctioned.toString(),
|
||||
a.outstanding.toString(),
|
||||
a.npaFlag,
|
||||
a.weakerSection ? 'Y' : 'N',
|
||||
a.smallMarginalFarmer ? 'Y' : 'N',
|
||||
a.sanctionedDate
|
||||
]);
|
||||
}
|
||||
this.saveCsv(rows, `PSL-Register-${this.dateTag()}.csv`);
|
||||
}
|
||||
|
||||
/** Category Outstanding TSV */
|
||||
exportCategoriesXls(): void {
|
||||
const rows: string[][] = [];
|
||||
rows.push([
|
||||
`PSL Category-wise Outstanding — ${this.bank.name}`,
|
||||
this.bank.asOnDate
|
||||
]);
|
||||
rows.push([]);
|
||||
rows.push([
|
||||
'Code',
|
||||
'Category',
|
||||
'Description',
|
||||
'Outstanding (₹)',
|
||||
'#A/c',
|
||||
'Achieved %',
|
||||
'Target %',
|
||||
'Status'
|
||||
]);
|
||||
for (const c of this.categories) {
|
||||
rows.push([
|
||||
c.code,
|
||||
c.name,
|
||||
c.description,
|
||||
c.outstanding.toString(),
|
||||
c.accounts.toString(),
|
||||
c.achievedPct.toFixed(2),
|
||||
c.targetPct == null ? '' : c.targetPct.toString(),
|
||||
this.achieveStatus(c.achievedPct, c.targetPct)
|
||||
]);
|
||||
}
|
||||
this.saveTsv(rows, `PSL-Categories-${this.dateTag()}.xls`);
|
||||
}
|
||||
|
||||
setTab(tab: 'dashboard' | 'categories' | 'register' | 'returns'): void {
|
||||
this.activeTab = tab;
|
||||
}
|
||||
close(): void {
|
||||
this.dialogRef.close();
|
||||
}
|
||||
|
||||
// ---- helpers ----
|
||||
private dateTag(): string {
|
||||
const d = new Date();
|
||||
return `${String(d.getDate()).padStart(2, '0')}${String(d.getMonth() + 1).padStart(2, '0')}${d.getFullYear()}`;
|
||||
}
|
||||
private saveTsv(rows: string[][], filename: string): void {
|
||||
const tsv = rows.map((r) => r.map((v) => (v || '').replace(/\t/g, ' ')).join('\t')).join('\n');
|
||||
this.saveBlob(tsv, filename, 'application/vnd.ms-excel');
|
||||
}
|
||||
private saveCsv(rows: string[][], filename: string): void {
|
||||
const escape = (v: string): string => {
|
||||
const s = (v || '').replace(/"/g, '""');
|
||||
if (s.includes(',') || s.includes('"') || s.includes('\n')) return `"${s}"`;
|
||||
return s;
|
||||
};
|
||||
const csv = rows.map((r) => r.map(escape).join(',')).join('\n') + '\n';
|
||||
this.saveBlob(csv, filename, 'text/csv');
|
||||
}
|
||||
private saveBlob(content: string, filename: string, mime: string): void {
|
||||
const blob = new Blob([content], { type: `${mime};charset=utf-8` });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = filename;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user