feat: interest posting
This commit is contained in:
@@ -13,15 +13,21 @@
|
||||
<div>
|
||||
<h2 class="tdsr__title">Deposit Interest & TDS</h2>
|
||||
<div class="tdsr__sub">
|
||||
Quarter-wise and yearly interest on time deposits, with tax deductible under {{ statute.section }} ·
|
||||
{{ scopeLabel }}
|
||||
Interest each customer earned this year, and whether TDS has to be deducted on it ·
|
||||
<strong>Showing: {{ scopeLabel }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="tdsr__btn" (click)="exportWorkbook()" [disabled]="exporting">
|
||||
<fa-icon icon="download"></fa-icon>
|
||||
{{ exporting ? 'Preparing…' : 'Export' }}
|
||||
</button>
|
||||
<div class="tdsr__head-r">
|
||||
<button type="button" class="tdsr__btn" (click)="showHelp = !showHelp">
|
||||
<fa-icon icon="question-circle"></fa-icon>
|
||||
{{ showHelp ? 'Hide help' : 'How to read this page' }}
|
||||
</button>
|
||||
<button type="button" class="tdsr__btn" (click)="exportWorkbook()" [disabled]="exporting">
|
||||
<fa-icon icon="download"></fa-icon>
|
||||
{{ exporting ? 'Preparing…' : 'Export' }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (loadError) {
|
||||
@@ -31,57 +37,87 @@
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Help -->
|
||||
@if (showHelp) {
|
||||
<div class="tdsr__help">
|
||||
<div class="tdsr__help-title"><fa-icon icon="info-circle"></fa-icon> How to read this page</div>
|
||||
<ol class="tdsr__help-list">
|
||||
<li>
|
||||
Every customer with an account is listed. Each account is either
|
||||
<span class="tdsr__pill tdsr__pill--ok">Tracked</span> — its interest counts toward the TDS limit — or
|
||||
<span class="tdsr__pill">Not tracked</span>. Open a row (<fa-icon icon="chevron-down"></fa-icon>) to see which
|
||||
account is which, and why.
|
||||
</li>
|
||||
<li>
|
||||
Only <strong>fixed and recurring deposits</strong> are tracked. Savings interest is shown for information but
|
||||
never attracts TDS.
|
||||
</li>
|
||||
@if (rules) {
|
||||
<li>
|
||||
A customer's tracked interest for the whole year, across every branch, is checked against the limit:
|
||||
<strong>₹{{ rules.general | number: '1.0-0' }}</strong
|
||||
>, or <strong>₹{{ rules.senior | number: '1.0-0' }}</strong> for a senior citizen (60+).
|
||||
</li>
|
||||
<li>
|
||||
Once over the limit, TDS is <strong>{{ rules.rate | number: '1.0-2' }}%</strong> of the
|
||||
<em>whole</em> year's interest — <strong>{{ rules.rateNoPan | number: '1.0-2' }}%</strong> if no PAN is on
|
||||
record.
|
||||
</li>
|
||||
}
|
||||
<li>A customer who has submitted Form 15G/15H is not deducted, even over the limit.</li>
|
||||
<li>
|
||||
The TDS figures here are <strong>worked out by this report</strong> from the interest actually posted. They
|
||||
are not debited from the customer's account automatically.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Summary -->
|
||||
<div class="tdsr__kpis">
|
||||
<div class="tdsr__kpi">
|
||||
<div class="tdsr__kpi-n">{{ summary.deductees | number }}</div>
|
||||
<div class="tdsr__kpi-l">Deductees</div>
|
||||
<div class="tdsr__kpi-l">Customers · {{ summary.trackedCustomers | number }} with an FD/RD being tracked</div>
|
||||
</div>
|
||||
<div class="tdsr__kpi">
|
||||
<div class="tdsr__kpi-n">₹{{ summary.applicableInterest | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__kpi-l">Interest on FD / RD</div>
|
||||
<div class="tdsr__kpi-l">FD / RD interest — counts toward the limit</div>
|
||||
</div>
|
||||
<div class="tdsr__kpi tdsr__kpi--muted">
|
||||
<div class="tdsr__kpi-n">₹{{ summary.exemptInterest | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__kpi-l">Savings interest — outside the charge</div>
|
||||
</div>
|
||||
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||
<div class="tdsr__kpi-n">₹{{ summary.totalTds | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__kpi-l">TDS payable</div>
|
||||
<div class="tdsr__kpi-l">Savings interest — shown only, no TDS</div>
|
||||
</div>
|
||||
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||
<div class="tdsr__kpi-n">{{ summary.crossed | number }}</div>
|
||||
<div class="tdsr__kpi-l">Crossed the threshold</div>
|
||||
<div class="tdsr__kpi-l">Customers over the limit</div>
|
||||
</div>
|
||||
<button type="button" class="tdsr__kpi tdsr__kpi--action" (click)="showNearThreshold()">
|
||||
<div class="tdsr__kpi-n">{{ summary.nearThreshold | number }}</div>
|
||||
<div class="tdsr__kpi-l">Within ₹{{ nearBand | number: '1.0-0' }} of it — chase a declaration</div>
|
||||
</button>
|
||||
<div class="tdsr__kpi tdsr__kpi--ok">
|
||||
<div class="tdsr__kpi-n">₹{{ summary.tdsSaved | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__kpi-l">Saved by {{ summary.declarations | number }} declarations</div>
|
||||
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||
<div class="tdsr__kpi-n">₹{{ summary.totalTds | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__kpi-l">TDS to be deducted</div>
|
||||
</div>
|
||||
@if (summary.noPan > 0) {
|
||||
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||
<div class="tdsr__kpi-n">{{ summary.noPan | number }}</div>
|
||||
<div class="tdsr__kpi-l">No PAN — deducted at 20%</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<!-- Quarter strip -->
|
||||
<div class="tdsr__card">
|
||||
<div class="tdsr__card-head"><fa-icon icon="calendar"></fa-icon> Quarter by quarter</div>
|
||||
<div class="tdsr__qstrip">
|
||||
@for (q of summary.byQuarter; track q.quarter) {
|
||||
<div class="tdsr__qcell">
|
||||
<div class="tdsr__qcell-l">{{ quarterLabel[q.quarter] }}</div>
|
||||
<div class="tdsr__qcell-n">₹{{ q.interest | number: '1.0-0' }}</div>
|
||||
<div class="tdsr__qcell-s">TDS ₹{{ q.tds | number: '1.0-0' }}</div>
|
||||
</div>
|
||||
<!-- Things worth acting on, only when there are any -->
|
||||
@if (summary.nearThreshold || summary.declarations || summary.noPan) {
|
||||
<div class="tdsr__chips">
|
||||
@if (summary.nearThreshold) {
|
||||
<button type="button" class="tdsr__chip tdsr__chip--near" (click)="showNearThreshold()">
|
||||
{{ summary.nearThreshold | number }} near the limit (within ₹{{ nearBand | number: '1.0-0' }}) — ask for
|
||||
15G/15H
|
||||
</button>
|
||||
}
|
||||
@if (summary.declarations) {
|
||||
<span class="tdsr__chip tdsr__chip--ok">
|
||||
{{ summary.declarations | number }} with 15G/15H — ₹{{ summary.tdsSaved | number: '1.0-0' }} not deducted
|
||||
</span>
|
||||
}
|
||||
@if (summary.noPan) {
|
||||
<span class="tdsr__chip tdsr__chip--warn">
|
||||
{{ summary.noPan | number }} FD/RD customers without PAN — higher rate applies
|
||||
</span>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="tdsr__filters">
|
||||
@@ -99,8 +135,8 @@
|
||||
<span>Branch</span>
|
||||
<select [(ngModel)]="filter.branchCode" (ngModelChange)="onFilterChanged()">
|
||||
<option value="">All branches</option>
|
||||
@for (b of branches; track b.code) {
|
||||
<option [value]="b.code">{{ b.name }}</option>
|
||||
@for (b of branches; track b) {
|
||||
<option [value]="b">{{ b }}</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
@@ -117,32 +153,32 @@
|
||||
</label>
|
||||
|
||||
<label class="tdsr__filter">
|
||||
<span>Threshold band</span>
|
||||
<span>Age group</span>
|
||||
<select [(ngModel)]="filter.band" (ngModelChange)="onFilterChanged()">
|
||||
<option value="">Both bands</option>
|
||||
<option value="GENERAL">General (below 60)</option>
|
||||
<option value="">Everyone</option>
|
||||
<option value="GENERAL">Below 60</option>
|
||||
<option value="SENIOR">Senior citizen (60+)</option>
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<label class="tdsr__filter tdsr__filter--wide">
|
||||
<span>Customer / CIF / PAN</span>
|
||||
<span>Search customer</span>
|
||||
<input
|
||||
type="text"
|
||||
[(ngModel)]="filter.search"
|
||||
(ngModelChange)="onFilterChanged()"
|
||||
placeholder="name, CIF or PAN"
|
||||
placeholder="Name, customer ID or PAN"
|
||||
/>
|
||||
</label>
|
||||
|
||||
<label class="tdsr__check">
|
||||
<input type="checkbox" [(ngModel)]="filter.crossedOnly" (ngModelChange)="onFilterChanged()" />
|
||||
<span>Threshold crossed only</span>
|
||||
<span>Over the limit only</span>
|
||||
</label>
|
||||
|
||||
<label class="tdsr__check">
|
||||
<input type="checkbox" [(ngModel)]="filter.nearThresholdOnly" (ngModelChange)="onFilterChanged()" />
|
||||
<span>Near threshold only</span>
|
||||
<span>Near the limit only</span>
|
||||
</label>
|
||||
|
||||
@if (hasFilters) {
|
||||
@@ -150,7 +186,7 @@
|
||||
}
|
||||
</div>
|
||||
|
||||
<!-- Tabs Selector -->
|
||||
<!-- Tabs -->
|
||||
<div class="tdsr__tabs">
|
||||
<button
|
||||
type="button"
|
||||
@@ -158,7 +194,7 @@
|
||||
[class.tdsr__tab--active]="selectedTab === 'paying'"
|
||||
(click)="selectTab('paying')"
|
||||
>
|
||||
Paying TDS ({{ payingRows.length }})
|
||||
TDS to deduct ({{ payingRows.length }})
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@@ -166,7 +202,7 @@
|
||||
[class.tdsr__tab--active]="selectedTab === 'not-paying'"
|
||||
(click)="selectTab('not-paying')"
|
||||
>
|
||||
Not Paying TDS ({{ notPayingRows.length }})
|
||||
No TDS ({{ notPayingRows.length }})
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -176,87 +212,76 @@
|
||||
<table class="tdsr__table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Customer · PAN</th>
|
||||
<th>Customer</th>
|
||||
<th>Branch</th>
|
||||
<th>Form · Band</th>
|
||||
<th class="num">Q1</th>
|
||||
<th class="num">Q2</th>
|
||||
<th class="num">Q3</th>
|
||||
<th class="num">Q4</th>
|
||||
<th class="num">Year total</th>
|
||||
<th class="num">Threshold</th>
|
||||
<th>Crossed</th>
|
||||
<th>Accounts</th>
|
||||
<th class="num">FD / RD interest this year</th>
|
||||
<th class="num">Limit</th>
|
||||
<th>Status</th>
|
||||
<th class="num">TDS</th>
|
||||
<th class="num">Saved</th>
|
||||
<th class="col-actions"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (row of pagedRows; track trackRow($index, row)) {
|
||||
<tr [class.tdsr__row--warn]="!row.panOnRecord" [class.tdsr__row--near]="row.nearThreshold">
|
||||
<tr class="tdsr__row--click" [class.tdsr__row--near]="row.nearThreshold" (click)="toggleExpanded(row)">
|
||||
<td>
|
||||
<div class="tdsr__name">{{ row.deductee.name }}</div>
|
||||
<div class="mono small muted">
|
||||
{{ row.deductee.customerId }} ·
|
||||
ID {{ row.deductee.customerId }} ·
|
||||
@if (row.panOnRecord) {
|
||||
{{ row.deductee.pan }}
|
||||
PAN {{ row.deductee.pan }}
|
||||
} @else {
|
||||
<span class="tdsr__pill tdsr__pill--warn">no PAN</span>
|
||||
}
|
||||
@if (row.band === 'SENIOR') {
|
||||
<span class="tdsr__pill">Senior 60+</span>
|
||||
}
|
||||
</div>
|
||||
</td>
|
||||
<td class="small">{{ branchName(row.branchCode) }}</td>
|
||||
<td>
|
||||
<span class="tdsr__pill" [class.tdsr__pill--ok]="row.hasDeclaration">
|
||||
{{ row.form === '121' ? '121' : row.form }}
|
||||
</span>
|
||||
<div class="small muted">{{ row.band === 'SENIOR' ? 'Senior' : 'General' }}</div>
|
||||
@if (row.hasDeclaration) {
|
||||
<div class="mono small muted">{{ row.declarationUin }}</div>
|
||||
<td class="small">{{ row.branchCode || '—' }}</td>
|
||||
<td class="small">
|
||||
@if (row.trackedAccounts) {
|
||||
<span class="tdsr__pill tdsr__pill--ok">{{ row.trackedAccounts }} tracked</span>
|
||||
}
|
||||
@if (untrackedOf(row).length) {
|
||||
<span class="tdsr__pill">{{ untrackedOf(row).length }} not tracked</span>
|
||||
}
|
||||
</td>
|
||||
@for (q of quarters; track q) {
|
||||
<td class="num small">
|
||||
@if (row.quarters[q]) {
|
||||
₹{{ row.quarters[q] | number: '1.0-0' }}
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
}
|
||||
</td>
|
||||
}
|
||||
<td class="num">
|
||||
<strong>₹{{ row.tdsApplicableInterest | number: '1.0-0' }}</strong>
|
||||
@if (row.exemptInterest) {
|
||||
<div class="small muted">+₹{{ row.exemptInterest | number: '1.0-0' }} SB (exempt)</div>
|
||||
<div class="small muted">+ ₹{{ row.exemptInterest | number: '1.0-0' }} savings (no TDS)</div>
|
||||
}
|
||||
</td>
|
||||
<td class="num small muted">₹{{ row.threshold | number: '1.0-0' }}</td>
|
||||
<td class="small">
|
||||
@if (row.crossedInQuarter) {
|
||||
<span class="tdsr__pill tdsr__pill--warn">Q{{ row.crossedInQuarter }}</span>
|
||||
} @else if (row.nearThreshold) {
|
||||
<span class="tdsr__pill tdsr__pill--near"> ₹{{ row.headroom | number: '1.0-0' }} left </span>
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
}
|
||||
<span
|
||||
class="tdsr__pill"
|
||||
[class.tdsr__pill--warn]="statusOf(row).tone === 'warn'"
|
||||
[class.tdsr__pill--near]="statusOf(row).tone === 'near'"
|
||||
[class.tdsr__pill--ok]="statusOf(row).tone === 'ok'"
|
||||
>
|
||||
{{ statusOf(row).label }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="num">
|
||||
@if (row.schedule.totalTds) {
|
||||
<strong>₹{{ row.schedule.totalTds | number: '1.0-0' }}</strong>
|
||||
<div class="small muted">@ {{ row.rateApplied * 100 | number: '1.0-0' }}%</div>
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num">
|
||||
@if (row.tdsSaved) {
|
||||
<strong class="tdsr__ok">₹{{ row.tdsSaved | number: '1.0-0' }}</strong>
|
||||
} @else if (row.tdsSaved) {
|
||||
<span class="small tdsr__ok">₹{{ row.tdsSaved | number: '1.0-0' }} saved</span>
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
}
|
||||
</td>
|
||||
<td class="col-actions">
|
||||
<button type="button" class="tdsr__icon-btn" (click)="toggleExpanded(row)">
|
||||
<button
|
||||
type="button"
|
||||
class="tdsr__icon-btn"
|
||||
[attr.aria-label]="isExpanded(row) ? 'Hide details' : 'Show details'"
|
||||
(click)="$event.stopPropagation(); toggleExpanded(row)"
|
||||
>
|
||||
<fa-icon [icon]="isExpanded(row) ? 'chevron-up' : 'chevron-down'"></fa-icon>
|
||||
</button>
|
||||
</td>
|
||||
@@ -264,89 +289,138 @@
|
||||
|
||||
@if (isExpanded(row)) {
|
||||
<tr class="tdsr__row--detail">
|
||||
<td colspan="13">
|
||||
@for (note of row.schedule.notes; track note) {
|
||||
<div class="tdsr__note">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
<div>{{ note }}</div>
|
||||
</div>
|
||||
}
|
||||
@if (row.jointHeldInterest) {
|
||||
<div class="tdsr__note">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
<div>
|
||||
₹{{ row.jointHeldInterest | number: '1.0-0' }} of interest sits on deposits where this customer
|
||||
is a joint holder but not the first-named one. Tax there is deducted against the first-named
|
||||
holder, so it is excluded from the figures above.
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<td colspan="8">
|
||||
<!-- 1. Which accounts are tracked -->
|
||||
<div class="tdsr__detail-h">Accounts of {{ row.deductee.name }}</div>
|
||||
<table class="tdsr__table tdsr__table--inner">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Quarter</th>
|
||||
<th class="num">Interest</th>
|
||||
<th class="num">Cumulative</th>
|
||||
<th class="num">Liability to date</th>
|
||||
<th class="num">TDS this quarter</th>
|
||||
<th>Return due</th>
|
||||
<th>Account no.</th>
|
||||
<th>Type</th>
|
||||
<th>Tracked for TDS?</th>
|
||||
<th class="num">Interest this year</th>
|
||||
<th class="num">Postings</th>
|
||||
<th>Last posted</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (line of row.schedule.lines; track line.quarter) {
|
||||
<tr [class.tdsr__row--warn]="line.thresholdCrossedHere">
|
||||
@for (a of row.accounts; track a.accountNo) {
|
||||
<tr>
|
||||
<td class="mono small">{{ a.accountNo }}</td>
|
||||
<td class="small">{{ accountTypeLabel[a.type] }}</td>
|
||||
<td class="small">
|
||||
{{ line.label }}
|
||||
@if (line.thresholdCrossedHere) {
|
||||
<span class="tdsr__pill tdsr__pill--warn">crossed here</span>
|
||||
}
|
||||
@if (line.declarationActive) {
|
||||
<span class="tdsr__pill tdsr__pill--ok">Form 121 active</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num">₹{{ line.interest | number: '1.0-0' }}</td>
|
||||
<td class="num">₹{{ line.cumInterest | number: '1.0-0' }}</td>
|
||||
<td class="num">₹{{ line.cumLiability | number: '1.0-0' }}</td>
|
||||
<td class="num">
|
||||
@if (line.tds !== 0) {
|
||||
<strong>₹{{ line.tds | number: '1.0-0' }}</strong>
|
||||
@if (a.tracked) {
|
||||
<span class="tdsr__pill tdsr__pill--ok"><fa-icon icon="check"></fa-icon> Yes</span>
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
<span class="tdsr__pill">No</span>
|
||||
}
|
||||
<span class="muted"> {{ a.reason }}</span>
|
||||
</td>
|
||||
<td class="num">₹{{ a.interest | number: '1.2-2' }}</td>
|
||||
<td class="num small">{{ a.postings }}</td>
|
||||
<td class="small muted">
|
||||
{{ a.lastPostedOn ? (a.lastPostedOn | date: 'd MMM y') : 'No interest posted yet' }}
|
||||
</td>
|
||||
<td class="small muted">{{ line.dueDate }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="tdsr__meta">
|
||||
<span
|
||||
>Settlement: <strong>{{ row.mode === 'QUARTERLY' ? 'Quarterly' : 'Year end' }}</strong> (set by
|
||||
the deposit product)</span
|
||||
>
|
||||
@if (row.declarationAcceptedOn) {
|
||||
<span
|
||||
>Declaration accepted: <strong>{{ row.declarationAcceptedOn | date: 'd MMM y' }}</strong></span
|
||||
>
|
||||
<!-- 2. How the TDS was worked out -->
|
||||
@if (row.trackedAccounts) {
|
||||
<div class="tdsr__detail-h">How the TDS is worked out, quarter by quarter</div>
|
||||
@for (note of row.schedule.notes; track note) {
|
||||
<div class="tdsr__note">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
<div>{{ note }}</div>
|
||||
</div>
|
||||
}
|
||||
@if (row.schedule.lines.length) {
|
||||
<table class="tdsr__table tdsr__table--inner">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Quarter</th>
|
||||
<th class="num">Interest in quarter</th>
|
||||
<th class="num">Total so far</th>
|
||||
<th class="num">TDS this quarter</th>
|
||||
<th>Return due</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (line of row.schedule.lines; track line.quarter) {
|
||||
<tr [class.tdsr__row--warn]="line.thresholdCrossedHere">
|
||||
<td class="small">
|
||||
{{ line.label }}
|
||||
@if (line.thresholdCrossedHere) {
|
||||
<span class="tdsr__pill tdsr__pill--warn">limit crossed here</span>
|
||||
}
|
||||
@if (line.declarationActive) {
|
||||
<span class="tdsr__pill tdsr__pill--ok">15G/15H active</span>
|
||||
}
|
||||
</td>
|
||||
<td class="num">₹{{ line.interest | number: '1.0-0' }}</td>
|
||||
<td class="num">
|
||||
₹{{ line.cumInterest | number: '1.0-0' }}
|
||||
<span class="small muted">of ₹{{ row.threshold | number: '1.0-0' }}</span>
|
||||
</td>
|
||||
<td class="num">
|
||||
@if (line.tds !== 0) {
|
||||
<strong>₹{{ line.tds | number: '1.0-0' }}</strong>
|
||||
} @else {
|
||||
<span class="muted">—</span>
|
||||
}
|
||||
</td>
|
||||
<td class="small muted">{{ line.dueDate }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
} @else {
|
||||
<div class="small muted">No interest has been posted on the tracked deposits this year yet.</div>
|
||||
}
|
||||
@if (row.paidWithoutDeduction) {
|
||||
<span>
|
||||
Paid without deduction:
|
||||
<strong>₹{{ row.paidWithoutDeduction | number: '1.0-0' }}</strong> — reportable in
|
||||
{{ statute.statement }}
|
||||
</span>
|
||||
<div class="tdsr__meta">
|
||||
<span>
|
||||
Paid without deduction because of 15G/15H:
|
||||
<strong>₹{{ row.paidWithoutDeduction | number: '1.0-0' }}</strong> — still reported in
|
||||
{{ statute.statement }}
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
} @else {
|
||||
<div class="tdsr__note">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
<div>
|
||||
This customer has no fixed or recurring deposit, so nothing here counts toward TDS. Savings
|
||||
interest is shown for information only.
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (row.jointHeldInterest) {
|
||||
<div class="tdsr__note">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
<div>
|
||||
₹{{ row.jointHeldInterest | number: '1.0-0' }} of interest is on joint deposits where this
|
||||
customer is not the first-named holder, so it is counted under that holder instead.
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
}
|
||||
@if (visibleRows.length === 0) {
|
||||
<tr>
|
||||
<td colspan="13" class="tdsr__empty">
|
||||
<fa-icon icon="info-circle"></fa-icon> No customers in this section match the filters.
|
||||
<td colspan="8" class="tdsr__empty">
|
||||
<fa-icon icon="info-circle"></fa-icon>
|
||||
@if (loading) {
|
||||
Loading…
|
||||
} @else if (selectedTab === 'paying') {
|
||||
No customer needs TDS deducted for these filters. Check the "No TDS" tab.
|
||||
} @else {
|
||||
No customers match these filters.
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
@@ -359,8 +433,7 @@
|
||||
<div class="tdsr__pager-l">
|
||||
<span>
|
||||
Showing <strong>{{ rangeStart | number }}–{{ rangeEnd | number }}</strong> of
|
||||
<strong>{{ visibleRows.length | number }}</strong>
|
||||
{{ selectedTab === 'paying' ? 'deductees paying TDS' : 'deductees not paying TDS' }}
|
||||
<strong>{{ visibleRows.length | number }}</strong> customers
|
||||
</span>
|
||||
<label class="tdsr__pager-sizel">
|
||||
Rows
|
||||
|
||||
@@ -13,12 +13,12 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import * as ExcelJS from 'exceljs';
|
||||
|
||||
import { BranchScopeService } from '../core/branch-scope.service';
|
||||
import { GL_BRANCHES, glBranchName } from '../gl-reports/gl-reports-data';
|
||||
import { FY_TAX_CONFIG, Quarter, QUARTER_LABEL } from '../letter-mgmt/certificates/form-15gh/tds-15gh.compute';
|
||||
import { setTdsDeductees, tdsFys } from './tds-reports-data';
|
||||
import { TdsDeductee, setTdsDeductees, tdsFys } from './tds-reports-data';
|
||||
import { TdsReportsService } from './tds-reports.service';
|
||||
import {
|
||||
NEAR_THRESHOLD_BAND,
|
||||
TdsAccountLine,
|
||||
TdsInterestRow,
|
||||
TdsInterestSummary,
|
||||
TdsReportFilter,
|
||||
@@ -40,7 +40,12 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
private scope = inject(BranchScopeService);
|
||||
private tdsService = inject(TdsReportsService);
|
||||
|
||||
readonly branches = GL_BRANCHES.filter((b) => b.code !== 'HO');
|
||||
/**
|
||||
* Office names the loaded customers belong to, for Head Office's branch selector. Read off the
|
||||
* data rather than a fixed list, which named branches this bank does not have and left out the
|
||||
* ones it does.
|
||||
*/
|
||||
branches: string[] = [];
|
||||
/** Filled by the route resolver from Organization › TDS Configuration. */
|
||||
readonly financialYears = tdsFys();
|
||||
readonly quarterLabel = QUARTER_LABEL;
|
||||
@@ -92,16 +97,26 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
|
||||
loading = false;
|
||||
loadError = '';
|
||||
/** The "how to read this page" panel. */
|
||||
showHelp = true;
|
||||
|
||||
readonly accountTypeLabel: Record<TdsAccountLine['type'], string> = {
|
||||
FD: 'Fixed deposit',
|
||||
RD: 'Recurring deposit',
|
||||
SB: 'Savings',
|
||||
OTHER: 'Other'
|
||||
};
|
||||
|
||||
ngOnInit(): void {
|
||||
if (!this.financialYears.length) {
|
||||
this.loadError = 'No financial year is configured for TDS. Set one up under Organization › TDS Configuration.';
|
||||
return;
|
||||
}
|
||||
// A branch login sees only its own book and cannot widen the scope.
|
||||
const own = this.scope.ownBranchCode;
|
||||
if (own) {
|
||||
this.filter.branchCode = own;
|
||||
// A branch login sees only its own book and cannot widen the scope. The platform labels each
|
||||
// customer with their office's name, so the login's office name is the filter — the GL branch
|
||||
// code list does not know every office and turned a branch login into an empty report.
|
||||
if (!this.scope.isHeadOffice) {
|
||||
this.filter.branchCode = this.scope.officeName;
|
||||
}
|
||||
this.loadDeductees();
|
||||
}
|
||||
@@ -121,6 +136,7 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
next: (deductees) => {
|
||||
this.loading = false;
|
||||
setTdsDeductees(deductees);
|
||||
this.branches = this.branchesOf(deductees);
|
||||
this.invalidateCaches();
|
||||
},
|
||||
error: (err: any) => {
|
||||
@@ -138,6 +154,11 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
* only the summary left the KPIs counting the new data while the tables kept the empty list
|
||||
* cached on the first render, before the load returned.
|
||||
*/
|
||||
private branchesOf(deductees: TdsDeductee[]): string[] {
|
||||
const names = new Set(deductees.map((d) => d.branchCode).filter((n) => !!n));
|
||||
return [...names].sort((a, b) => a.localeCompare(b));
|
||||
}
|
||||
|
||||
private invalidateCaches(): void {
|
||||
this.rowsCacheKey = '';
|
||||
this.summaryCacheKey = '';
|
||||
@@ -168,12 +189,54 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
};
|
||||
}
|
||||
|
||||
/** The limits and rates for the selected year, for the help panel. */
|
||||
get rules(): { general: number; senior: number; rate: number; rateNoPan: number } | null {
|
||||
const cfg = FY_TAX_CONFIG[this.filter.fy];
|
||||
if (!cfg) {
|
||||
return null;
|
||||
}
|
||||
return {
|
||||
general: cfg.thresholdGeneral,
|
||||
senior: cfg.thresholdSenior,
|
||||
rate: cfg.rate * 100,
|
||||
rateNoPan: cfg.rateNoPan * 100
|
||||
};
|
||||
}
|
||||
|
||||
get canSelectBranch(): boolean {
|
||||
return this.scope.canSelectBranch;
|
||||
}
|
||||
|
||||
get scopeLabel(): string {
|
||||
return this.filter.branchCode ? glBranchName(this.filter.branchCode) : 'All branches';
|
||||
return this.filter.branchCode ? `${this.filter.branchCode} branch` : 'All branches';
|
||||
}
|
||||
|
||||
/**
|
||||
* One plain-language status per customer, so a reader does not have to work it out from the
|
||||
* threshold, crossed and saved columns together.
|
||||
*/
|
||||
statusOf(row: TdsInterestRow): { label: string; tone: 'muted' | 'warn' | 'near' | 'ok' } {
|
||||
if (!row.trackedAccounts) {
|
||||
return { label: 'Not tracked — no FD/RD', tone: 'muted' };
|
||||
}
|
||||
if (row.schedule.totalTds > 0) {
|
||||
return { label: 'Over the limit — TDS due', tone: 'warn' };
|
||||
}
|
||||
if (row.hasDeclaration && row.crossed) {
|
||||
return { label: 'Over the limit — 15G/15H, no TDS', tone: 'ok' };
|
||||
}
|
||||
if (row.nearThreshold) {
|
||||
return { label: `Near the limit — ₹${Math.round(row.headroom).toLocaleString('en-IN')} left`, tone: 'near' };
|
||||
}
|
||||
return { label: 'Below the limit', tone: 'ok' };
|
||||
}
|
||||
|
||||
trackedOf(row: TdsInterestRow): TdsAccountLine[] {
|
||||
return row.accounts.filter((a) => a.tracked);
|
||||
}
|
||||
|
||||
untrackedOf(row: TdsInterestRow): TdsAccountLine[] {
|
||||
return row.accounts.filter((a) => !a.tracked);
|
||||
}
|
||||
|
||||
/** Recomputes the book only when the filter actually changed. Side-effect free. */
|
||||
@@ -315,10 +378,6 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
return this.expandedId === row.deductee.customerId;
|
||||
}
|
||||
|
||||
branchName(code: string): string {
|
||||
return glBranchName(code);
|
||||
}
|
||||
|
||||
trackRow(_: number, row: TdsInterestRow): string {
|
||||
return row.deductee.customerId;
|
||||
}
|
||||
@@ -337,6 +396,9 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
'CIF',
|
||||
'PAN',
|
||||
'Branch',
|
||||
'Accounts tracked for TDS',
|
||||
'Accounts not tracked',
|
||||
'Status',
|
||||
'Form',
|
||||
'Band',
|
||||
'Age',
|
||||
@@ -361,7 +423,14 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
r.deductee.name,
|
||||
r.deductee.customerId,
|
||||
r.deductee.pan || 'NOT ON RECORD',
|
||||
this.branchName(r.branchCode),
|
||||
r.branchCode,
|
||||
this.trackedOf(r)
|
||||
.map((a) => `${a.accountNo} (${a.type})`)
|
||||
.join(', '),
|
||||
this.untrackedOf(r)
|
||||
.map((a) => `${a.accountNo} (${a.type})`)
|
||||
.join(', '),
|
||||
this.statusOf(r).label,
|
||||
r.form === '121' ? 'Form 121' : `Form ${r.form}`,
|
||||
r.band === 'SENIOR' ? 'Senior citizen' : 'General',
|
||||
r.age,
|
||||
@@ -389,6 +458,9 @@ export class TdsInterestReportComponent implements OnInit {
|
||||
`${s.deductees} deductees`,
|
||||
'',
|
||||
'',
|
||||
`${s.trackedCustomers} tracked`,
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
|
||||
@@ -56,6 +56,25 @@ export interface TdsReportFilter {
|
||||
nearThresholdOnly: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* One of the customer's accounts as the report sees it: whether its interest is being counted
|
||||
* toward the deduction, and if not, why not. A customer can hold savings, fixed and recurring
|
||||
* accounts together, and the branch has to see which of them the deduction is actually watching.
|
||||
*/
|
||||
export interface TdsAccountLine {
|
||||
accountNo: string;
|
||||
type: 'FD' | 'RD' | 'SB' | 'OTHER';
|
||||
/** True when the account's interest counts toward this customer's threshold. */
|
||||
tracked: boolean;
|
||||
/** Plain-language reason, shown beside the account. */
|
||||
reason: string;
|
||||
/** Interest credited in the year. */
|
||||
interest: number;
|
||||
/** How many interest postings made up that figure. */
|
||||
postings: number;
|
||||
lastPostedOn: string | null;
|
||||
}
|
||||
|
||||
/** How close to the trigger counts as "worth chasing a declaration for". */
|
||||
export const NEAR_THRESHOLD_BAND = 6_000;
|
||||
|
||||
@@ -101,6 +120,10 @@ export interface TdsInterestRow {
|
||||
paidWithoutDeduction: number;
|
||||
panOnRecord: boolean;
|
||||
rateApplied: number;
|
||||
/** Every account the customer holds, tracked or not. */
|
||||
accounts: TdsAccountLine[];
|
||||
/** How many of them count toward the deduction. */
|
||||
trackedAccounts: number;
|
||||
}
|
||||
|
||||
function emptyQuarters(): Record<Quarter, number> {
|
||||
@@ -154,14 +177,35 @@ export function tdsInterestRowsForFy(fy: string): TdsInterestRow[] {
|
||||
|
||||
let exemptInterest = 0;
|
||||
let jointHeldInterest = 0;
|
||||
const accountLines: TdsAccountLine[] = [];
|
||||
for (const account of deductee.accounts) {
|
||||
const inYear = account.credits.filter((c) => fyOf(c.date) === fy).reduce((s, c) => s + c.amount, 0);
|
||||
const yearCredits = account.credits.filter((c) => fyOf(c.date) === fy);
|
||||
const inYear = yearCredits.reduce((s, c) => s + c.amount, 0);
|
||||
const type = accountTypeOf(account.depositTypeCode);
|
||||
let tracked = false;
|
||||
let reason: string;
|
||||
if (!isTdsApplicable(account)) {
|
||||
exemptInterest += inYear;
|
||||
reason = type === 'SB' ? 'Savings account — no TDS on savings interest' : 'Not a time deposit — no TDS';
|
||||
} else if (tdsDeducteeOf(account) !== deductee.clientId) {
|
||||
jointHeldInterest += inYear;
|
||||
reason = 'Joint deposit — counted under the first-named holder';
|
||||
} else {
|
||||
tracked = true;
|
||||
reason = 'Counted toward the TDS limit';
|
||||
}
|
||||
accountLines.push({
|
||||
accountNo: account.accountNo || '',
|
||||
type,
|
||||
tracked,
|
||||
reason,
|
||||
interest: inYear,
|
||||
postings: yearCredits.length,
|
||||
lastPostedOn: yearCredits.reduce<string | null>((last, c) => (!last || c.date > last ? c.date : last), null)
|
||||
});
|
||||
}
|
||||
// Tracked accounts first, so the deposits that drive the figure lead the list.
|
||||
accountLines.sort((a, b) => Number(b.tracked) - Number(a.tracked));
|
||||
|
||||
const crossedLine = schedule.lines.find((l) => l.thresholdCrossedHere);
|
||||
const headroom = Math.max(0, schedule.threshold - schedule.totalInterest);
|
||||
@@ -190,7 +234,9 @@ export function tdsInterestRowsForFy(fy: string): TdsInterestRow[] {
|
||||
tdsSaved: declaration ? Math.max(0, withoutDeclaration.totalTds - schedule.totalTds) : 0,
|
||||
paidWithoutDeduction: schedule.shieldedInterest,
|
||||
panOnRecord: isWellFormedPan(deductee.pan),
|
||||
rateApplied: schedule.rateApplied
|
||||
rateApplied: schedule.rateApplied,
|
||||
accounts: accountLines,
|
||||
trackedAccounts: accountLines.filter((a) => a.tracked).length
|
||||
});
|
||||
}
|
||||
|
||||
@@ -210,10 +256,29 @@ function overallModeFor(deductee: TdsDeductee): TdsMode {
|
||||
return applicable.some((a) => tdsModeFor(a) === 'QUARTERLY') ? 'QUARTERLY' : 'ANNUAL';
|
||||
}
|
||||
|
||||
function accountTypeOf(code: string | undefined): TdsAccountLine['type'] {
|
||||
const c = (code || '').toLowerCase();
|
||||
if (c.includes('fixeddeposit')) {
|
||||
return 'FD';
|
||||
}
|
||||
if (c.includes('recurringdeposit')) {
|
||||
return 'RD';
|
||||
}
|
||||
if (c.includes('savings')) {
|
||||
return 'SB';
|
||||
}
|
||||
return 'OTHER';
|
||||
}
|
||||
|
||||
/** Branches are compared by office name, case and spacing aside — the platform and the session both carry the name. */
|
||||
function sameBranch(a: string, b: string): boolean {
|
||||
return (a || '').trim().toLowerCase() === (b || '').trim().toLowerCase();
|
||||
}
|
||||
|
||||
export function tdsInterestRows(filter: TdsReportFilter): TdsInterestRow[] {
|
||||
const needle = filter.search.trim().toLowerCase();
|
||||
return tdsInterestRowsForFy(filter.fy).filter((row) => {
|
||||
if (filter.branchCode && row.branchCode !== filter.branchCode) {
|
||||
if (filter.branchCode && !sameBranch(row.branchCode, filter.branchCode)) {
|
||||
return false;
|
||||
}
|
||||
if (filter.band && row.band !== filter.band) {
|
||||
@@ -254,6 +319,8 @@ export interface TdsInterestSummary {
|
||||
tdsSaved: number;
|
||||
paidWithoutDeduction: number;
|
||||
noPan: number;
|
||||
/** Customers holding at least one account whose interest counts toward the deduction. */
|
||||
trackedCustomers: number;
|
||||
byQuarter: { quarter: Quarter; interest: number; tds: number }[];
|
||||
}
|
||||
|
||||
@@ -280,7 +347,10 @@ export function tdsInterestSummary(filter: TdsReportFilter): TdsInterestSummary
|
||||
declarations: rows.filter((r) => r.hasDeclaration).length,
|
||||
tdsSaved: rows.reduce((s, r) => s + r.tdsSaved, 0),
|
||||
paidWithoutDeduction: rows.reduce((s, r) => s + r.paidWithoutDeduction, 0),
|
||||
noPan: rows.filter((r) => !r.panOnRecord).length,
|
||||
// Only customers with a deposit the deduction watches: a savings-only customer without a PAN
|
||||
// is never deducted at the higher rate, so counting them overstated the problem.
|
||||
noPan: rows.filter((r) => !r.panOnRecord && r.trackedAccounts > 0).length,
|
||||
trackedCustomers: rows.filter((r) => r.trackedAccounts > 0).length,
|
||||
byQuarter
|
||||
};
|
||||
}
|
||||
|
||||
@@ -647,3 +647,82 @@
|
||||
color: var(--tdsr-ink);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ── Help panel (interest report) ── */
|
||||
.tdsr__help {
|
||||
margin-bottom: 16px;
|
||||
padding: 14px 18px;
|
||||
border: 1px solid color-mix(in srgb, var(--tdsr-blue) 25%, transparent);
|
||||
border-radius: 10px;
|
||||
background: color-mix(in srgb, var(--tdsr-blue) 5%, transparent);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.tdsr__help-title {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
margin-bottom: 6px;
|
||||
font-weight: 700;
|
||||
color: var(--tdsr-blue);
|
||||
}
|
||||
|
||||
.tdsr__help-list {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
|
||||
li + li {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Action chips under the summary ── */
|
||||
.tdsr__chips {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
margin: -6px 0 16px;
|
||||
}
|
||||
|
||||
.tdsr__chip {
|
||||
padding: 5px 12px;
|
||||
border: 1px solid var(--tdsr-line);
|
||||
border-radius: 999px;
|
||||
background: var(--tdsr-bg);
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
|
||||
&--near {
|
||||
border-color: color-mix(in srgb, var(--tdsr-blue) 30%, transparent);
|
||||
color: var(--tdsr-blue);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&--ok {
|
||||
border-color: color-mix(in srgb, var(--tdsr-green) 35%, transparent);
|
||||
color: var(--tdsr-green);
|
||||
}
|
||||
|
||||
&--warn {
|
||||
border-color: color-mix(in srgb, var(--tdsr-amber) 35%, transparent);
|
||||
color: var(--tdsr-amber);
|
||||
}
|
||||
}
|
||||
|
||||
.tdsr__row--click {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover > td {
|
||||
background: var(--tdsr-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.tdsr__detail-h {
|
||||
margin: 4px 0 8px;
|
||||
font-weight: 700;
|
||||
|
||||
.tdsr__table--inner + & {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user