feat: cash-only registers, day book sections and DD amendments
This commit is contained in:
@@ -27,18 +27,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (sampleCount) {
|
||||
<div class="rr-banner rr-banner--sample">
|
||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||
<span>
|
||||
<strong>{{ sampleCount }} demonstration rows</strong> are included alongside
|
||||
{{ hasLive ? 'the live alerts' : 'the live feed, which has raised nothing' }}. Sample rows carry a
|
||||
<span class="rr-tag">Sample</span> tag in the table and must not be acted on as compliance data.
|
||||
</span>
|
||||
<button class="rr-btn rr-btn--slim" (click)="load()"><fa-icon icon="undo"></fa-icon> Reload live feed</button>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- FILTERS -->
|
||||
<div class="rr-filters">
|
||||
<div class="rr-filter-row">
|
||||
@@ -228,148 +216,173 @@
|
||||
|
||||
<!-- CUSTOMER WISE -->
|
||||
@if (view === 'customer') {
|
||||
<div class="rr-table-wrap">
|
||||
<table class="rr-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Customer ID</th>
|
||||
<th>Customer Name</th>
|
||||
<th>Account Number</th>
|
||||
<th>Branch</th>
|
||||
<th>Current Risk</th>
|
||||
<th class="num">Alerts</th>
|
||||
<th>AML Rules Triggered</th>
|
||||
<th class="num">Amount under review</th>
|
||||
<th>Last Alert</th>
|
||||
<th>Position</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (c of customerRows; track c.clientId) {
|
||||
<tr
|
||||
class="rr-cust"
|
||||
[class.open]="expanded === c.clientId"
|
||||
[class.rr-row--escalated]="c.escalated"
|
||||
(click)="toggle(c.clientId)"
|
||||
>
|
||||
<td>
|
||||
<fa-icon [icon]="expanded === c.clientId ? 'caret-down' : 'caret-right'"></fa-icon>
|
||||
</td>
|
||||
<td class="mono">{{ c.clientId }}</td>
|
||||
<td>
|
||||
<strong>{{ c.customerName }}</strong>
|
||||
@if (c.openCount > 0) {
|
||||
<span class="rr-tag">{{ c.openCount }} open</span>
|
||||
}
|
||||
</td>
|
||||
<td class="mono">{{ c.accountNo || '—' }}</td>
|
||||
<td>{{ c.branchCode || '—' }}</td>
|
||||
<td>
|
||||
<span [class]="riskClass(c.currentRisk)">{{ riskText(c.currentRisk) }}</span>
|
||||
</td>
|
||||
<td class="num">{{ c.alertCount }}</td>
|
||||
<td class="rr-rules-cell">
|
||||
@for (label of c.ruleLabels; track label) {
|
||||
<span class="rr-rule">{{ label }}</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num strong">{{ c.totalAmount | number: '1.0-0' }}</td>
|
||||
<td class="mono">{{ c.lastAlertDate }}</td>
|
||||
<td class="rr-verdict-cell">
|
||||
<span [class]="verdictClass(c)">{{ verdictText(c) }}</span>
|
||||
@if (c.directionReason) {
|
||||
<div class="rr-verdict-why">{{ c.directionReason }}</div>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Grouped by verdict: the section heading answers "what do I do about these?" once, so the
|
||||
row does not have to repeat it in a Move To and a Position column. -->
|
||||
@for (g of customerGroups; track g.key) {
|
||||
<div class="rr-group" [class]="'rr-group--' + g.tone">
|
||||
<button class="rr-group-head" (click)="toggleGroup(g.key)">
|
||||
<fa-icon [icon]="collapsedGroups[g.key] ? 'caret-right' : 'caret-down'"></fa-icon>
|
||||
<span class="rr-group-t">{{ g.title }}</span>
|
||||
<span class="rr-group-n">{{ g.rows.length }}</span>
|
||||
<span class="rr-group-h">{{ g.hint }}</span>
|
||||
</button>
|
||||
|
||||
@if (expanded === c.clientId) {
|
||||
<tr class="rr-detail">
|
||||
<td colspan="11">
|
||||
<!-- One block per alert: what the rule is, then the entries it fired on. -->
|
||||
@for (a of c.alerts; track a.alertId) {
|
||||
<div class="rr-case">
|
||||
<div class="rr-case-head">
|
||||
<span class="rr-rule">{{ a.rule.label }}</span>
|
||||
<span class="rr-rule-cat">{{ a.rule.category }}</span>
|
||||
<span class="rr-case-id mono">{{ a.alertId }} · raised {{ a.alertDate }}</span>
|
||||
<span class="rr-spacer"></span>
|
||||
<span class="rr-case-amt mono">₹{{ a.amount | number: '1.0-0' }}</span>
|
||||
<span [class]="statusClass(a.status)">{{ statusMeta[a.status].label }}</span>
|
||||
</div>
|
||||
<div class="rr-case-why">
|
||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||
<span><strong>Why it triggered:</strong> {{ a.rule.description }} — {{ txnDetail(a) }}</span>
|
||||
</div>
|
||||
@if (!collapsedGroups[g.key]) {
|
||||
<div class="rr-table-wrap">
|
||||
<table class="rr-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Customer ID</th>
|
||||
<th>Customer Name</th>
|
||||
<th>Account Number</th>
|
||||
<th>Branch</th>
|
||||
<th>Rating on file</th>
|
||||
<th class="num">Alerts</th>
|
||||
<th>AML Rules Triggered</th>
|
||||
<th class="num">Amount under review</th>
|
||||
<th>Last Alert</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (c of g.rows; track c.clientId) {
|
||||
<tr
|
||||
class="rr-cust"
|
||||
[class.open]="expanded === c.clientId"
|
||||
[class.rr-row--escalated]="c.escalated"
|
||||
(click)="toggle(c.clientId)"
|
||||
>
|
||||
<td>
|
||||
<fa-icon [icon]="expanded === c.clientId ? 'caret-down' : 'caret-right'"></fa-icon>
|
||||
</td>
|
||||
<td class="mono">{{ c.clientId }}</td>
|
||||
<td>
|
||||
<strong>{{ c.customerName }}</strong>
|
||||
@if (c.openCount > 0) {
|
||||
<span class="rr-tag">{{ c.openCount }} open</span>
|
||||
}
|
||||
</td>
|
||||
<td class="mono">{{ c.accountNo || '—' }}</td>
|
||||
<td>{{ c.branchCode || '—' }}</td>
|
||||
<td>
|
||||
<span [class]="riskClass(c.currentRisk)">{{ riskText(c.currentRisk) }}</span>
|
||||
</td>
|
||||
<td class="num">{{ c.alertCount }}</td>
|
||||
<td class="rr-rules-cell">
|
||||
@for (label of c.ruleLabels; track label) {
|
||||
<span class="rr-rule">{{ label }}</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num strong">{{ c.totalAmount | number: '1.0-0' }}</td>
|
||||
<td class="mono">{{ c.lastAlertDate }}</td>
|
||||
<!-- The verdict is the section this row sits in, so the cell only carries the
|
||||
button that acts on it, and the reason behind it. -->
|
||||
<td class="rr-verdict-cell">
|
||||
<button
|
||||
class="rr-kyc-link"
|
||||
[class.rr-kyc-link--act]="c.direction !== 'same' && !c.escalated"
|
||||
(click)="openKyc(c, $event)"
|
||||
[attr.aria-label]="kycActionText(c) + ' for ' + c.customerName"
|
||||
>
|
||||
<fa-icon icon="id-card"></fa-icon> {{ kycActionText(c) }}
|
||||
</button>
|
||||
@if (c.directionReason) {
|
||||
<div class="rr-verdict-why">{{ c.directionReason }}</div>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<table class="rr-subtable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Txn Date</th>
|
||||
<th>Txn ID</th>
|
||||
<th>Channel</th>
|
||||
<th>Dr/Cr</th>
|
||||
<th class="num">Amount</th>
|
||||
<th class="num">Balance After</th>
|
||||
<th>Narration</th>
|
||||
<th>Counterparty</th>
|
||||
<th>AML Rule Triggered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (t of a.txns; track t.txnId) {
|
||||
<tr [class.rr-leg--ctr]="t.ctrReportable">
|
||||
<td class="mono">{{ t.date }}</td>
|
||||
<td class="mono">{{ t.txnId }}</td>
|
||||
<td>
|
||||
<span class="rr-chan">{{ channelLabel(t.channel) }}</span>
|
||||
</td>
|
||||
<td [class.cr]="t.drCr === 'CR'" [class.dr]="t.drCr === 'DR'">{{ t.drCr }}</td>
|
||||
<td class="num strong">
|
||||
{{ t.amount | number: '1.0-0' }}
|
||||
@if (t.ctrReportable) {
|
||||
<span class="rr-tag rr-tag--ctr">CTR</span>
|
||||
@if (expanded === c.clientId) {
|
||||
<tr class="rr-detail">
|
||||
<td colspan="11">
|
||||
<!-- One block per alert: what the rule is, then the entries it fired on. -->
|
||||
@for (a of c.alerts; track a.alertId) {
|
||||
<div class="rr-case">
|
||||
<div class="rr-case-head">
|
||||
<span class="rr-rule">{{ a.rule.label }}</span>
|
||||
<span class="rr-rule-cat">{{ a.rule.category }}</span>
|
||||
<span class="rr-case-id mono">{{ a.alertId }} · raised {{ a.alertDate }}</span>
|
||||
<span class="rr-spacer"></span>
|
||||
<span class="rr-case-amt mono">₹{{ a.amount | number: '1.0-0' }}</span>
|
||||
<span [class]="statusClass(a.status)">{{ statusMeta[a.status].label }}</span>
|
||||
</div>
|
||||
<div class="rr-case-why">
|
||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||
<span
|
||||
><strong>Why it triggered:</strong> {{ a.rule.description }} —
|
||||
{{ txnDetail(a) }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<table class="rr-subtable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Txn Date</th>
|
||||
<th>Txn ID</th>
|
||||
<th>Channel</th>
|
||||
<th>Dr/Cr</th>
|
||||
<th class="num">Amount</th>
|
||||
<th class="num">Balance After</th>
|
||||
<th>Narration</th>
|
||||
<th>Counterparty</th>
|
||||
<th>AML Rule Triggered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (t of a.txns; track t.txnId) {
|
||||
<tr [class.rr-leg--ctr]="t.ctrReportable">
|
||||
<td class="mono">{{ t.date }}</td>
|
||||
<td class="mono">{{ t.txnId }}</td>
|
||||
<td>
|
||||
<span class="rr-chan">{{ channelLabel(t.channel) }}</span>
|
||||
</td>
|
||||
<td [class.cr]="t.drCr === 'CR'" [class.dr]="t.drCr === 'DR'">{{ t.drCr }}</td>
|
||||
<td class="num strong">
|
||||
{{ t.amount | number: '1.0-0' }}
|
||||
@if (t.ctrReportable) {
|
||||
<span class="rr-tag rr-tag--ctr">CTR</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num">
|
||||
{{ t.balanceAfter ? (t.balanceAfter | number: '1.0-0') : '—' }}
|
||||
</td>
|
||||
<td>{{ t.narration || '—' }}</td>
|
||||
<td>{{ t.counterparty || '—' }}</td>
|
||||
<td>
|
||||
<span class="rr-rule">{{ a.rule.label }}</span>
|
||||
@if (a.txns.length > 1) {
|
||||
<span class="rr-leg">leg {{ $index + 1 }} of {{ a.txns.length }}</span>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</td>
|
||||
<td class="num">{{ t.balanceAfter ? (t.balanceAfter | number: '1.0-0') : '—' }}</td>
|
||||
<td>{{ t.narration || '—' }}</td>
|
||||
<td>{{ t.counterparty || '—' }}</td>
|
||||
<td>
|
||||
<span class="rr-rule">{{ a.rule.label }}</span>
|
||||
@if (a.txns.length > 1) {
|
||||
<span class="rr-leg">leg {{ $index + 1 }} of {{ a.txns.length }}</span>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="rr-case-foot">
|
||||
<div class="rr-suggest">
|
||||
<fa-icon icon="clipboard-check"></fa-icon> {{ a.rule.suggestedAction }}
|
||||
</div>
|
||||
<div class="rr-case-remark">
|
||||
<strong>Reviewer:</strong> {{ a.reviewedBy || 'not yet assigned' }} —
|
||||
{{ a.remarks || 'no remarks recorded' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rr-case-foot">
|
||||
<div class="rr-suggest">
|
||||
<fa-icon icon="clipboard-check"></fa-icon> {{ a.rule.suggestedAction }}
|
||||
</div>
|
||||
<div class="rr-case-remark">
|
||||
<strong>Reviewer:</strong> {{ a.reviewedBy || 'not yet assigned' }} —
|
||||
{{ a.remarks || 'no remarks recorded' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
} @empty {
|
||||
<tr>
|
||||
<td colspan="11" class="rr-empty">
|
||||
No customer tripped an AML rule for {{ rangeLabel }} at {{ branchLabel }}.
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
} @empty {
|
||||
<div class="rr-empty">No customer tripped an AML rule for {{ rangeLabel }} at {{ branchLabel }}.</div>
|
||||
}
|
||||
}
|
||||
|
||||
<!-- ALERT WISE -->
|
||||
@@ -400,9 +413,6 @@
|
||||
<td class="mono">{{ a.clientId }}</td>
|
||||
<td>
|
||||
<strong>{{ a.customerName }}</strong>
|
||||
@if (!a.live) {
|
||||
<span class="rr-tag">Sample</span>
|
||||
}
|
||||
</td>
|
||||
<td class="mono">{{ a.accountNo || '—' }}</td>
|
||||
<td>{{ a.branchCode || '—' }}</td>
|
||||
|
||||
Reference in New Issue
Block a user