Files
cbsnexora/src/app/cfcfrms/cfcfrms-shell/cfcfrms-shell.component.html
T
AdityaandClaude Opus 4.7 b149fef72e feat: KYC re-verify UX, family/nominee tab gating, savings dialogs, cfcfrms shell
- KYC tab: fix Verify (PAN) and Send OTP (Aadhaar) being disabled in edit mode;
  unmask Aadhaar input and show on-file masked value as hint; resolve kycId
  from id/kycId/resourceId fallbacks.
- Client stepper/view: add familyAllowed / nomineeAllowed predicates +
  CanActivate route guards. Family tab hidden for non-individuals, Nominee
  tab hidden for non-proprietor entities. Family-members step accepts a
  nomineeOnly input for proprietorship clients. Add/Edit/Delete buttons
  inside family-members and nominee tabs gated by canAdd.
- cfcfrms: add cfcfrms-shell wrapper, restyle complaint/fraud/mule/escalate
  pages and dashboard.
- Savings: identity-verify and transaction-confirm dialogs, manage / activate
  / add-charge flows, account preview styling.
- Tasks, core shell, account-nominees, icons: minor style and behaviour
  updates.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-21 18:49:43 +05:30

100 lines
2.7 KiB
HTML

<!--
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="cfc-container">
<!-- Hero header -->
<div class="cfc-header">
<div class="cfc-header__left">
<fa-icon icon="user-shield" class="cfc-header__icon"></fa-icon>
<div>
<h2 class="cfc-header__title">CFCFRMS</h2>
<div class="cfc-header__sub">
Cyber Fraud Complaint Management &amp; Reporting &mdash; track complaints, escalate, and report suspect / mule
/ fraud transactions.
</div>
</div>
</div>
</div>
<!-- Pill-style tab navigation -->
<nav mat-tab-nav-bar class="cfc-tabs" [tabPanel]="tabPanel">
<a
mat-tab-link
class="cfc-tab"
[routerLink]="['./dashboard']"
routerLinkActive
#dashboard="routerLinkActive"
[active]="dashboard.isActive"
>
<fa-icon icon="chart-line" class="cfc-tab__ic"></fa-icon>
<span>Dashboard</span>
</a>
<a
mat-tab-link
class="cfc-tab"
[routerLink]="['./complaints']"
routerLinkActive
#complaints="routerLinkActive"
[active]="complaints.isActive"
>
<fa-icon icon="list-alt" class="cfc-tab__ic"></fa-icon>
<span>Complaints</span>
</a>
<a
mat-tab-link
class="cfc-tab"
[routerLink]="['./escalate']"
routerLinkActive
#escalate="routerLinkActive"
[active]="escalate.isActive"
>
<fa-icon icon="arrow-up" class="cfc-tab__ic"></fa-icon>
<span>Escalate</span>
</a>
<a
mat-tab-link
class="cfc-tab cfc-tab--danger"
[routerLink]="['./report-suspect']"
routerLinkActive
#suspect="routerLinkActive"
[active]="suspect.isActive"
>
<fa-icon icon="user-slash" class="cfc-tab__ic"></fa-icon>
<span>Report Suspect</span>
</a>
<a
mat-tab-link
class="cfc-tab cfc-tab--danger"
[routerLink]="['./report-mule']"
routerLinkActive
#mule="routerLinkActive"
[active]="mule.isActive"
>
<fa-icon icon="ban" class="cfc-tab__ic"></fa-icon>
<span>Report Mule</span>
</a>
<a
mat-tab-link
class="cfc-tab cfc-tab--danger"
[routerLink]="['./report-fraud-txn']"
routerLinkActive
#fraud="routerLinkActive"
[active]="fraud.isActive"
>
<fa-icon icon="exclamation-triangle" class="cfc-tab__ic"></fa-icon>
<span>Report Fraud Txn</span>
</a>
</nav>
<mat-tab-nav-panel #tabPanel>
<div class="cfc-body">
<router-outlet></router-outlet>
</div>
</mat-tab-nav-panel>
</div>