CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

merging code

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nitesh Yadav
2026-04-20 14:26:25 +05:30
co-authored by Claude Sonnet 4.6
parent e212bf7d79 d72e969dc3
commit d367e76104
322 changed files with 28779 additions and 4976 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/dashboard/crar-dialog/crar-dialog.component.html
+37 -16
View File
@@ -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">&#8377;{{ opRiskGrossIncome | number:'1.2-2' }} Cr</td>
<td class="right amt amt-or">&#8377;{{ 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 &times; Alpha</div>
</td>
<td class="right amt amt-or">&#8377;{{ opRiskCapitalCharge | number:'1.2-2' }} Cr</td>
<td class="right amt amt-or">&#8377;{{ 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 &times; 12.5)</div>
<div class="item-sub">{{ opRiskCapitalCharge }} &times; 12.5 = {{ opRiskRWA }}</div>
</td>
<td class="right amt amt-or">&#8377;{{ opRiskRWA | number:'1.2-2' }} Cr</td>
<td class="right amt amt-or">&#8377;{{ 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">&#8377;{{ totalTier1 | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ 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">&#8377;{{ totalTier2 | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ totalTier2 | number: '1.2-2' }}</div>
<div class="formula-term-sub">Supplementary</div>
</div>
<div class="formula-op">&divide;</div>
<div class="formula-term ft-rwa">
<div class="formula-term-label">Total RWA</div>
<div class="formula-term-val">&#8377;{{ totalRWA | number:'1.0-0' }}</div>
<div class="formula-term-val">&#8377;{{ totalRWA | number: '1.0-0' }}</div>
<div class="formula-term-sub">Credit + Market + Op</div>
</div>
<div class="formula-op">&times;</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">&nbsp;</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 &middot; CRAR: {{ crar }}% &middot; CET1: {{ cet1Ratio }}% &middot; Tier 1: {{ tier1Ratio }}% &middot; Tier 2: {{ tier2Ratio }}%</div>
<div class="compliance-desc">
All thresholds met &middot; CRAR: {{ crar }}% &middot; CET1: {{ cet1Ratio }}% &middot; Tier 1: {{ tier1Ratio }}%
&middot; Tier 2: {{ tier2Ratio }}%
</div>
</div>
<div class="compliance-calcs">
<div class="compliance-calc">
src/app/home/dashboard/crar-dialog/crar-dialog.component.scss
+232 -52
View File
@@ -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 =====
src/app/home/dashboard/crar-dialog/crar-dialog.component.ts
+230 -31
View File
@@ -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();
src/app/home/dashboard/crr-slr-dialog/crr-slr-dialog.component.html
+69 -32
View File
@@ -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">&#8377;{{ crrRequired | number:'1.0-0' }}<span class="cr">Cr</span></div>
<div class="sc-sub">SLR Req: &#8377;{{ slrRequired | number:'1.0-0' }} Cr ({{ slrRate }}%)</div>
<div class="sc-value">&#8377;{{ crrRequired | number: '1.0-0' }}<span class="cr">Cr</span></div>
<div class="sc-sub">SLR Req: &#8377;{{ 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) &times; 100 &mdash; RBI Sec 24(2A) of Banking Regulation Act, 1949</div>
<div class="section-desc">
SLR = (Liquid Assets / NDTL) &times; 100 &mdash; 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 &amp; Time</div>
</div>
<div class="formula-op">&times;</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">&nbsp;</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 }}% &middot; Required: {{ slrRate }}.00% &middot; NDTL: &#8377;{{ ndtl | number:'1.2-2' }} Cr</div>
<div class="slr-status-desc">
Actual: {{ slrActualPercent }}% &middot; Required: {{ slrRate }}.00% &middot; NDTL: &#8377;{{
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">&#8377;{{ slrRequired | number:'1.2-2' }} Cr</div>
<div class="slr-calc-val">&#8377;{{ 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">&#8377;{{ totalLiquidAssets | number:'1.2-2' }} Cr</div>
<div class="slr-calc-val">&#8377;{{ 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">&#8377;{{ slrSurplus | number:'1.2-2' }} Cr</div>
<div class="slr-calc-val surplus">&#8377;{{ 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 &mdash; Formula Breakdown &middot; Data as of {{ reportingDateStr }}</div>
<div class="formula-title">
NDTL Computation &mdash; Formula Breakdown &middot; 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">&#8377;{{ totalDemand | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ 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">&#8377;{{ totalTime | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ totalTime | number: '1.2-2' }}</div>
<div class="formula-term-sub">13 line items</div>
</div>
<div class="formula-op minus">&minus;</div>
<div class="formula-term ft-asset">
<div class="formula-term-label">Assets with Banking</div>
<div class="formula-term-val">&#8377;{{ totalBankingAssets | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ 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">&#8377;{{ ndtl | number:'1.2-2' }}</div>
<div class="formula-term-val">&#8377;{{ ndtl | number: '1.2-2' }}</div>
<div class="formula-term-sub">CRR &amp; SLR base</div>
</div>
</div>
@@ -357,20 +392,22 @@
<div class="crr-bar">
<div class="crr-text">
<div class="crr-title">CRR &amp; SLR Reserve Requirements &mdash; RBI Computation on NDTL</div>
<div class="crr-desc">Based on NDTL of &#8377;{{ ndtl | number:'1.2-2' }} Cr &middot; Data as of {{ reportingDateStr }} (45-day lag)</div>
<div class="crr-desc">
Based on NDTL of &#8377;{{ ndtl | number: '1.2-2' }} Cr &middot; 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">&#8377;{{ crrRequired | number:'1.2-2' }} Cr</div>
<div class="crr-calc-val">&#8377;{{ 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">&#8377;{{ slrRequired | number:'1.2-2' }} Cr</div>
<div class="crr-calc-val">&#8377;{{ 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">&#8377;{{ totalReserve | number:'1.2-2' }} Cr</div>
<div class="crr-calc-val">&#8377;{{ totalReserve | number: '1.2-2' }} Cr</div>
</div>
</div>
</div>
src/app/home/dashboard/crr-slr-dialog/crr-slr-dialog.component.scss
+203 -45
View File
@@ -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,18 +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 =====
@@ -594,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;
src/app/home/dashboard/crr-slr-dialog/crr-slr-dialog.component.ts
+437 -49
View File
@@ -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 {
src/app/home/dashboard/dashboard.component.html
+33 -9
View File
@@ -201,20 +201,45 @@
</div>
</div>
<!-- Decay & TSWM -->
<div class="dash-card">
<!-- Credit Information Companies — DQR -->
<div class="dash-card cic-card">
<div class="card-top">
<div class="card-icon-wrap purple"><fa-icon icon="chart-bar"></fa-icon></div>
<div class="card-label">Portfolio Quality</div>
<div class="card-icon-wrap purple"><fa-icon icon="file-alt"></fa-icon></div>
<div class="card-label">Credit Information Companies</div>
</div>
<div class="cic-subtitle">Data Quality Report (DQR) — as per RBI Guidelines</div>
<div class="quality-grid">
<div class="quality-item">
<div class="quality-label">Decay Analysis</div>
<div class="quality-badge moderate">Moderate</div>
<img src="assets/images/cic-cibil.svg" alt="CIBIL" class="cic-logo" />
<div class="quality-label">
<span class="cic-name">TransUnion CIBIL</span>
<span class="cic-full">Credit Information Bureau India Limited</span>
</div>
<div class="dqr-percent good">98.2%</div>
</div>
<div class="quality-item">
<div class="quality-label">TSWM</div>
<div class="quality-badge active">Active</div>
<img src="assets/images/cic-experian.svg" alt="Experian" class="cic-logo" />
<div class="quality-label">
<span class="cic-name">Experian</span>
<span class="cic-full">Experian Credit Information Company of India</span>
</div>
<div class="dqr-percent good">97.5%</div>
</div>
<div class="quality-item">
<img src="assets/images/cic-equifax.svg" alt="Equifax" class="cic-logo" />
<div class="quality-label">
<span class="cic-name">Equifax</span>
<span class="cic-full">Equifax Credit Information Services Pvt. Ltd.</span>
</div>
<div class="dqr-percent moderate">94.8%</div>
</div>
<div class="quality-item">
<img src="assets/images/cic-crif.svg" alt="CRIF High Mark" class="cic-logo" />
<div class="quality-label">
<span class="cic-name">CRIF High Mark</span>
<span class="cic-full">CRIF High Mark Credit Information Services</span>
</div>
<div class="dqr-percent good">96.1%</div>
</div>
</div>
</div>
@@ -305,6 +330,5 @@
<fa-icon icon="info-circle"></fa-icon> RBI circular pending review — compliance action due by month end.
</div>
</div>
</div>
</div>
src/app/home/dashboard/dashboard.component.scss
+104 -14
View File
@@ -45,6 +45,7 @@ $purple: #7c3aed;
.search-row {
width: 100%;
margin: 0;
mat-card-content {
width: 100%;
}
@@ -63,7 +64,7 @@ $purple: #7c3aed;
display: flex;
align-items: center;
gap: 8px;
margin: 6px 0 6px;
margin: 6px 0;
padding: 5px 12px;
border-radius: 6px;
font-size: 14px;
@@ -78,18 +79,22 @@ $purple: #7c3aed;
background: #e3f2fd;
color: #0d47a1;
}
&.financial {
background: #e8f5e9;
color: #1b5e20;
}
&.deposits {
background: #f3e5f5;
color: #6a1b9a;
}
&.risk {
background: #fce4ec;
color: #b71c1c;
}
&.alerts {
background: #fff3e0;
color: #e65100;
@@ -105,12 +110,15 @@ $purple: #7c3aed;
.four-col {
grid-template-columns: repeat(4, 1fr);
}
.five-col {
grid-template-columns: repeat(5, 1fr);
}
.three-col {
grid-template-columns: repeat(3, 1fr);
}
.two-col {
grid-template-columns: repeat(2, 1fr);
}
@@ -153,15 +161,19 @@ $purple: #7c3aed;
&.blue {
background: $blue;
}
&.green {
background: $green;
}
&.orange {
background: $orange;
}
&.red {
background: $red;
}
&.purple {
background: $purple;
}
@@ -194,10 +206,12 @@ $purple: #7c3aed;
background: #ecfdf5;
color: #065f46;
}
&.warning {
background: #fffbeb;
color: #92400e;
}
&.info {
background: #eff6ff;
color: #1e40af;
@@ -268,6 +282,7 @@ $purple: #7c3aed;
font-size: 12px;
color: #94a3b8;
}
.metric-value {
font-size: 14px;
font-weight: 700;
@@ -339,6 +354,7 @@ $purple: #7c3aed;
background: #ecfdf5;
color: #065f46;
}
&.exceed {
background: #fef2f2;
color: #991b1b;
@@ -365,15 +381,19 @@ $purple: #7c3aed;
&.blue {
background: $blue;
}
&.green {
background: $green;
}
&.purple {
background: $purple;
}
&.orange {
background: $orange;
}
&.red {
background: $red;
}
@@ -441,9 +461,11 @@ $purple: #7c3aed;
.compact-icon {
font-size: 14px;
&.purple-text {
color: $purple;
}
&.orange-text {
color: $orange;
}
@@ -469,13 +491,16 @@ $purple: #7c3aed;
color: #64748b;
margin-bottom: 2px;
}
.da-value {
font-size: 20px;
font-weight: 800;
margin-bottom: 6px;
&.deposit {
color: $blue;
}
&.advance {
color: $purple;
}
@@ -497,6 +522,7 @@ $purple: #7c3aed;
&.deposit-fill {
background: linear-gradient(90deg, $blue, #42a5f5);
}
&.advance-fill {
background: linear-gradient(90deg, $purple, #a78bfa);
}
@@ -532,9 +558,11 @@ $purple: #7c3aed;
.psl-bar {
height: 100%;
border-radius: 5px;
&.weaker {
background: $orange;
}
&.msme {
background: $green;
}
@@ -548,38 +576,94 @@ $purple: #7c3aed;
text-align: right;
}
/* ─── Portfolio Quality ─── */
/* ─── Credit Information Companies — DQR ─── */
.cic-card {
.card-top {
margin-bottom: 0;
}
}
.cic-subtitle {
font-size: 11px;
font-weight: 600;
color: #94a3b8;
letter-spacing: 0.3px;
margin: 2px 0 10px;
}
.quality-grid {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 8px;
gap: 0;
margin-top: 0;
}
.quality-item {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid #f1f5f9;
.quality-label {
flex: 1;
min-width: 0;
}
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
.cic-logo {
width: 34px;
height: 34px;
border-radius: 7px;
flex-shrink: 0;
object-fit: contain;
}
.quality-label {
font-size: 13px;
color: #475569;
display: flex;
flex-direction: column;
gap: 1px;
}
.quality-badge {
font-size: 12px;
font-weight: 700;
.cic-name {
font-size: 13px;
font-weight: 600;
color: #1e293b;
}
.cic-full {
font-size: 10px;
color: #94a3b8;
line-height: 1.3;
}
.dqr-percent {
font-size: 14px;
font-weight: 800;
padding: 4px 12px;
border-radius: 20px;
flex-shrink: 0;
font-family: 'JetBrains Mono', 'Fira Code', monospace;
letter-spacing: 0.3px;
&.good {
background: #ecfdf5;
color: #065f46;
}
&.moderate {
background: #fffbeb;
color: #92400e;
}
&.active {
background: #ecfdf5;
color: #065f46;
&.low {
background: #fef2f2;
color: #991b1b;
}
}
@@ -629,10 +713,12 @@ $purple: #7c3aed;
&.success {
color: #065f46;
}
&.warning {
color: #b45309;
}
}
.npa-note {
font-size: 11px;
color: #94a3b8;
@@ -664,9 +750,11 @@ $purple: #7c3aed;
&.green {
background: $green;
}
&.yellow {
background: $orange;
}
&.red {
background: $red;
}
@@ -715,9 +803,11 @@ $purple: #7c3aed;
.four-col {
grid-template-columns: repeat(2, 1fr);
}
.five-col {
grid-template-columns: repeat(3, 1fr);
}
.three-col {
grid-template-columns: repeat(2, 1fr);
}
@@ -733,6 +823,7 @@ $purple: #7c3aed;
.card-big-value {
font-size: 26px;
}
.mini-value {
font-size: 18px;
}
@@ -742,5 +833,4 @@ $purple: #7c3aed;
gap: 4px;
text-align: center;
}
}
src/app/home/home.component.html
+27 -7
View File
@@ -11,18 +11,22 @@
<div class="welcome-banner">
<div class="welcome-left">
<div class="welcome-greeting">
<h2>{{ 'labels.text.Welcome' | translate }}, <strong>{{ username }}</strong></h2>
<h2>
{{ 'labels.text.Welcome' | translate }}, <strong>{{ username }}</strong>
</h2>
<p class="welcome-sub">{{ tenant | titlecase }} &middot; CBSNexora Core Banking Platform</p>
</div>
</div>
<div class="welcome-right">
<div #searchActivity class="search-box">
<fa-icon icon="search" class="search-icon"></fa-icon>
<input matInput
<input
matInput
placeholder="{{ 'labels.placeholders.Search Activity' | translate }}"
[matAutocomplete]="activitySearch"
[formControl]="searchText"
class="search-input" />
class="search-input"
/>
<mat-autocomplete #activitySearch="matAutocomplete">
@for (activity of filteredActivities | async; track activity) {
<mat-option [routerLink]="activity.path">
@@ -131,12 +135,20 @@
{{ 'labels.buttons.Close' | translate }}
</button>
@if (prev) {
<button mat-raised-button color="primary" (click)="popover.close(); showPopover(prev.template, prev.target, 'bottom', true)">
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(prev.template, prev.target, 'bottom', true)"
>
{{ 'labels.buttons.Back' | translate }}
</button>
}
@if (next) {
<button mat-raised-button color="primary" (click)="popover.close(); showPopover(next.template, next.target, 'bottom', true)">
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(next.template, next.target, 'bottom', true)"
>
{{ 'labels.buttons.Next' | translate }}
</button>
}
@@ -153,7 +165,11 @@
<button mat-raised-button color="primary" (click)="popover.close(); previousStep()">
{{ 'labels.buttons.Back' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'top', true)">
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'top', true)"
>
{{ 'labels.buttons.Next' | translate }}
</button>
</div>
@@ -166,7 +182,11 @@
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateButtonDashboard, buttonDashboard, 'bottom', true)">
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(templateButtonDashboard, buttonDashboard, 'bottom', true)"
>
{{ 'labels.buttons.Back' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); nextStep()">
src/app/home/home.component.scss
+86 -37
View File
@@ -31,8 +31,14 @@ $accent: #0ea5e9;
&::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(108deg, transparent 0, transparent 80px, rgb(255 255 255 / 2.5%) 80px, rgb(255 255 255 / 2.5%) 160px);
inset: 0;
background: repeating-linear-gradient(
108deg,
transparent 0,
transparent 80px,
rgb(255 255 255 / 2.5%) 80px,
rgb(255 255 255 / 2.5%) 160px
);
pointer-events: none;
}
}
@@ -47,7 +53,7 @@ $accent: #0ea5e9;
margin: 0;
font-size: 20px;
font-weight: 400;
color: rgba(255, 255, 255, 0.9);
color: rgb(255 255 255 / 90%);
strong {
font-weight: 700;
@@ -59,7 +65,7 @@ $accent: #0ea5e9;
.welcome-sub {
margin: 4px 0 0;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
color: rgb(255 255 255 / 50%);
}
.welcome-right {
@@ -72,21 +78,21 @@ $accent: #0ea5e9;
display: flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgb(255 255 255 / 10%);
border: 1px solid rgb(255 255 255 / 15%);
border-radius: 6px;
padding: 6px 14px;
min-width: 280px;
transition: background 0.15s;
&:focus-within {
background: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.3);
background: rgb(255 255 255 / 18%);
border-color: rgb(255 255 255 / 30%);
}
}
.search-icon {
color: rgba(255, 255, 255, 0.5);
color: rgb(255 255 255 / 50%);
font-size: 13px;
}
@@ -99,7 +105,7 @@ $accent: #0ea5e9;
width: 100%;
&::placeholder {
color: rgba(255, 255, 255, 0.45);
color: rgb(255 255 255 / 45%);
}
}
@@ -115,16 +121,18 @@ $accent: #0ea5e9;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 14px;
padding: 14px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
border: 1px solid rgb(0 0 0 / 6%);
border-radius: 8px;
text-decoration: none;
transition: box-shadow 0.15s, transform 0.15s;
transition:
box-shadow 0.15s,
transform 0.15s;
cursor: pointer;
&:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
transform: translateY(-1px);
}
}
@@ -139,12 +147,35 @@ $accent: #0ea5e9;
font-size: 15px;
flex-shrink: 0;
&.blue { background: #e0f2fe; color: #0284c7; }
&.green { background: #d1fae5; color: #059669; }
&.purple { background: #ede9fe; color: #7c3aed; }
&.amber { background: #fef3c7; color: #d97706; }
&.teal { background: #ccfbf1; color: #0d9488; }
&.red { background: #fee2e2; color: #dc2626; }
&.blue {
background: #e0f2fe;
color: #0284c7;
}
&.green {
background: #d1fae5;
color: #059669;
}
&.purple {
background: #ede9fe;
color: #7c3aed;
}
&.amber {
background: #fef3c7;
color: #d97706;
}
&.teal {
background: #ccfbf1;
color: #0d9488;
}
&.red {
background: #fee2e2;
color: #dc2626;
}
}
.qa-info {
@@ -175,7 +206,7 @@ $accent: #0ea5e9;
.info-card {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
border: 1px solid rgb(0 0 0 / 6%);
border-radius: 8px;
overflow: hidden;
}
@@ -186,7 +217,7 @@ $accent: #0ea5e9;
gap: 8px;
padding: 10px 16px;
background: #fafafa;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-bottom: 1px solid rgb(0 0 0 / 4%);
font-size: 13px;
font-weight: 600;
color: #333;
@@ -208,9 +239,9 @@ $accent: #0ea5e9;
display: flex;
flex-direction: column;
padding: 8px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgb(0 0 0 / 3%);
&:nth-last-child(-n+2) {
&:nth-last-child(-n + 2) {
border-bottom: none;
}
}
@@ -239,14 +270,14 @@ $accent: #0ea5e9;
text-decoration: none;
padding: 7px 16px;
transition: background 0.1s;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgb(0 0 0 / 3%);
&:hover {
background: #f0f9ff;
color: $accent;
}
&:nth-last-child(-n+2) {
&:nth-last-child(-n + 2) {
border-bottom: none;
}
}
@@ -254,20 +285,38 @@ $accent: #0ea5e9;
/* ── Dark Theme ── */
:host-context(.dark-theme) {
.qa-card, .info-card {
.qa-card,
.info-card {
background: #1e1e2e;
border-color: rgba(255, 255, 255, 0.06);
border-color: rgb(255 255 255 / 6%);
}
.qa-title { color: #e0e0e0; }
.qa-desc { color: #666; }
.info-card-header { background: #252536; }
.info-value { color: #e0e0e0; }
.info-label { color: #666; }
.qa-title {
color: #e0e0e0;
}
.qa-desc {
color: #666;
}
.info-card-header {
background: #252536;
}
.info-value {
color: #e0e0e0;
}
.info-label {
color: #666;
}
.quick-links a {
color: #7dd3fc;
&:hover { background: rgba(255, 255, 255, 0.04); }
&:hover {
background: rgb(255 255 255 / 4%);
}
}
.search-input {
@@ -276,13 +325,13 @@ $accent: #0ea5e9;
}
/* ── Responsive ── */
@media (max-width: 1024px) {
@media (width <= 1024px) {
.quick-actions {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
@media (width <= 768px) {
.welcome-banner {
flex-direction: column;
align-items: stretch;
@@ -302,7 +351,7 @@ $accent: #0ea5e9;
}
}
@media (max-width: 480px) {
@media (width <= 480px) {
.quick-actions {
grid-template-columns: 1fr;
}
src/app/home/warning-dialog/warning-dialog.component.scss
+15 -4
View File
@@ -42,10 +42,21 @@ $white: #fff;
span {
border-radius: 2px;
&:nth-child(1) { background: #0d3d78; }
&:nth-child(2) { background: #0ea5e9; }
&:nth-child(3) { background: #10b981; }
&:nth-child(4) { background: rgba(#0d3d78, 0.3); }
&:nth-child(1) {
background: #0d3d78;
}
&:nth-child(2) {
background: #0ea5e9;
}
&:nth-child(3) {
background: #10b981;
}
&:nth-child(4) {
background: rgba(#0d3d78, 0.3);
}
}
}