Merge remote-tracking branch 'origin/dev-latest' into dev-latest
This commit is contained in:
@@ -353,12 +353,7 @@
|
|||||||
<div class="gl-fgroup">
|
<div class="gl-fgroup">
|
||||||
<label class="gl-flabel"><fa-icon icon="calendar-check"></fa-icon> Submitted From</label>
|
<label class="gl-flabel"><fa-icon icon="calendar-check"></fa-icon> Submitted From</label>
|
||||||
<mat-form-field appearance="outline" class="gl-ffield">
|
<mat-form-field appearance="outline" class="gl-ffield">
|
||||||
<input
|
<input matInput [matDatepicker]="dpSubFrom" [min]="minDate" [formControl]="submittedOnDateFrom" />
|
||||||
matInput
|
|
||||||
[matDatepicker]="dpSubFrom"
|
|
||||||
[min]="minDate"
|
|
||||||
[formControl]="submittedOnDateFrom"
|
|
||||||
/>
|
|
||||||
<mat-datepicker-toggle matSuffix [for]="dpSubFrom"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="dpSubFrom"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #dpSubFrom></mat-datepicker>
|
<mat-datepicker #dpSubFrom></mat-datepicker>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|||||||
@@ -36,7 +36,15 @@ export class CacheInterceptor implements HttpInterceptor {
|
|||||||
'/rbireserveconfig',
|
'/rbireserveconfig',
|
||||||
'/tdsconfig',
|
'/tdsconfig',
|
||||||
'/tds/deposit-interest',
|
'/tds/deposit-interest',
|
||||||
'/savingsinterestpostingreports'
|
'/savingsinterestpostingreports',
|
||||||
|
// Cash in vaults and drawers changes with every transaction; a cached teller list or position
|
||||||
|
// kept showing a branch's old tellers and figures at day close.
|
||||||
|
'/tellers',
|
||||||
|
'/cashreports',
|
||||||
|
'/cashreconciliation',
|
||||||
|
'/cashsettlement',
|
||||||
|
'/cashtransfer',
|
||||||
|
'/branchday'
|
||||||
];
|
];
|
||||||
|
|
||||||
private isCacheable(url: string): boolean {
|
private isCacheable(url: string): boolean {
|
||||||
|
|||||||
@@ -22,9 +22,134 @@
|
|||||||
<input type="date" [(ngModel)]="postingDate" (change)="load()" />
|
<input type="date" [(ngModel)]="postingDate" (change)="load()" />
|
||||||
</label>
|
</label>
|
||||||
<button class="ipr-btn" (click)="load()" [disabled]="loading"><fa-icon icon="undo"></fa-icon> Reload</button>
|
<button class="ipr-btn" (click)="load()" [disabled]="loading"><fa-icon icon="undo"></fa-icon> Reload</button>
|
||||||
|
<button class="ipr-btn ipr-btn--primary" (click)="openPreview()" [disabled]="previewLoading">
|
||||||
|
<fa-icon icon="eye"></fa-icon> Preview interest (today)
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@if (isHeadOffice) {
|
||||||
|
<div class="ipr-tabs">
|
||||||
|
<button class="ipr-tab" [class.is-active]="tab === 'own'" (click)="switchTab('own')">
|
||||||
|
<fa-icon icon="building"></fa-icon> My branch{{ myBranch ? ' — ' + myBranch : '' }}
|
||||||
|
</button>
|
||||||
|
<button class="ipr-tab" [class.is-active]="tab === 'others'" (click)="switchTab('others')">
|
||||||
|
<fa-icon icon="sitemap"></fa-icon> Other branches
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
@if (tab === 'others') {
|
||||||
|
<div class="ipr-alert ipr-alert--info">
|
||||||
|
<fa-icon icon="info-circle"></fa-icon>
|
||||||
|
<div>
|
||||||
|
Each branch generates and approves its own reports. The head office can act here only for a branch that has
|
||||||
|
not opened the day, and only once every other open branch has closed. Anything it approves is marked (HO).
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if (showPreview) {
|
||||||
|
<div class="ipr-card">
|
||||||
|
<div class="ipr-detail-head">
|
||||||
|
<div>
|
||||||
|
<h3>Interest preview — earned up to {{ previewAsOf }}</h3>
|
||||||
|
<div class="muted">
|
||||||
|
What each account would be paid if interest were posted today. View only — nothing is saved, approved or
|
||||||
|
posted.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ipr-total">
|
||||||
|
<span>Total so far</span>
|
||||||
|
<strong>₹{{ previewTotal | number: '1.2-2' }}</strong>
|
||||||
|
<span class="muted">{{ previewRows.length }} account(s)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ipr-preview-actions">
|
||||||
|
<button class="ipr-btn ipr-btn--slim" (click)="openPreview()" [disabled]="previewLoading">
|
||||||
|
<fa-icon icon="undo"></fa-icon> Refresh
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="ipr-btn ipr-btn--slim"
|
||||||
|
(click)="exportPreview()"
|
||||||
|
[disabled]="previewLoading || previewRows.length === 0"
|
||||||
|
>
|
||||||
|
<fa-icon icon="file-excel"></fa-icon> Export Excel
|
||||||
|
</button>
|
||||||
|
<button class="ipr-btn ipr-btn--slim" (click)="closePreview()"><fa-icon icon="times"></fa-icon> Close</button>
|
||||||
|
</div>
|
||||||
|
@if (previewLoading) {
|
||||||
|
<div class="ipr-empty">Calculating interest up to today…</div>
|
||||||
|
} @else {
|
||||||
|
<table class="ipr-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Branch</th>
|
||||||
|
<th>Product</th>
|
||||||
|
<th>Posting date</th>
|
||||||
|
<th class="num">Accounts</th>
|
||||||
|
<th class="num">Interest so far</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@for (g of previewGroups; track g.officeName + g.productName) {
|
||||||
|
<tr>
|
||||||
|
<td>{{ g.officeName }}</td>
|
||||||
|
<td>
|
||||||
|
<strong>{{ g.productName }}</strong>
|
||||||
|
</td>
|
||||||
|
<td>{{ g.postingDate }}</td>
|
||||||
|
<td class="num">{{ g.accounts }}</td>
|
||||||
|
<td class="num">₹{{ g.interest | number: '1.2-2' }}</td>
|
||||||
|
</tr>
|
||||||
|
} @empty {
|
||||||
|
<tr>
|
||||||
|
<td colspan="5" class="ipr-empty">No savings account has interest accrued in its current cycle.</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
@if (previewRows.length > 0) {
|
||||||
|
<table class="ipr-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Branch</th>
|
||||||
|
<th>Product</th>
|
||||||
|
<th>Account no</th>
|
||||||
|
<th>Account holder</th>
|
||||||
|
<th class="num">Balance</th>
|
||||||
|
<th class="num">Rate %</th>
|
||||||
|
<th>Cycle</th>
|
||||||
|
<th class="num">Interest so far</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@for (r of previewRows; track r.savingsAccountId) {
|
||||||
|
<tr>
|
||||||
|
<td>{{ r.officeName }}</td>
|
||||||
|
<td>{{ r.productName }}</td>
|
||||||
|
<td>{{ r.accountNo }}</td>
|
||||||
|
<td>{{ r.clientName }}</td>
|
||||||
|
<td class="num">₹{{ r.balance | number: '1.2-2' }}</td>
|
||||||
|
<td class="num">{{ r.rate | number: '1.2-2' }}</td>
|
||||||
|
<td class="muted">{{ r.cycleStart }} → {{ r.postingDate }}</td>
|
||||||
|
<td class="num">₹{{ r.interest | number: '1.2-2' }}</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td colspan="7"><strong>Total</strong></td>
|
||||||
|
<td class="num">
|
||||||
|
<strong>₹{{ previewTotal | number: '1.2-2' }}</strong>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
@if (errorMessage) {
|
@if (errorMessage) {
|
||||||
<div class="ipr-alert ipr-alert--error">
|
<div class="ipr-alert ipr-alert--error">
|
||||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||||
@@ -52,9 +177,13 @@
|
|||||||
@for (d of due; track d.productId + '-' + d.officeId) {
|
@for (d of due; track d.productId + '-' + d.officeId) {
|
||||||
<div class="ipr-due-row">
|
<div class="ipr-due-row">
|
||||||
<strong>{{ d.productName }}</strong> <span>· {{ d.officeName }} · {{ d.postingDate }}</span>
|
<strong>{{ d.productName }}</strong> <span>· {{ d.officeName }} · {{ d.postingDate }}</span>
|
||||||
<button class="ipr-btn ipr-btn--primary ipr-btn--slim" (click)="generate(d)" [disabled]="busy">
|
@if (d.canAct) {
|
||||||
<fa-icon icon="sync"></fa-icon> Generate report
|
<button class="ipr-btn ipr-btn--primary ipr-btn--slim" (click)="generate(d)" [disabled]="busy">
|
||||||
</button>
|
<fa-icon icon="sync"></fa-icon> {{ tab === 'others' ? 'Generate on behalf' : 'Generate report' }}
|
||||||
|
</button>
|
||||||
|
} @else if (d.blockedReason) {
|
||||||
|
<span class="ipr-blocked">{{ d.blockedReason }}</span>
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
@@ -114,9 +243,12 @@
|
|||||||
}
|
}
|
||||||
@if (canApprove(r)) {
|
@if (canApprove(r)) {
|
||||||
<button class="ipr-btn ipr-btn--primary ipr-btn--slim" (click)="approve(r)" [disabled]="busy">
|
<button class="ipr-btn ipr-btn--primary ipr-btn--slim" (click)="approve(r)" [disabled]="busy">
|
||||||
<fa-icon icon="check"></fa-icon> Approve
|
<fa-icon icon="check"></fa-icon> {{ tab === 'others' ? 'Approve on behalf' : 'Approve' }}
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
|
@if (!r.canAct && r.blockedReason && (r.status === 'GENERATED' || r.status === 'APPROVED')) {
|
||||||
|
<span class="ipr-blocked">{{ r.blockedReason }}</span>
|
||||||
|
}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
} @empty {
|
} @empty {
|
||||||
|
|||||||
@@ -274,3 +274,54 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--i-amber);
|
color: var(--i-amber);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Preview: refresh / export / close, above the totals.
|
||||||
|
.ipr-preview-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: 0 16px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipr-tabs {
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
border-bottom: 1px solid var(--i-g200);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipr-tab {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 8px 14px;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--i-g500);
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 6px 6px 0 0;
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
color: var(--i-navy);
|
||||||
|
background: #fff;
|
||||||
|
border-color: var(--i-g200);
|
||||||
|
border-bottom-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipr-alert--info {
|
||||||
|
background: var(--i-blue-l);
|
||||||
|
color: var(--i-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipr-blocked {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 320px;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.35;
|
||||||
|
color: var(--i-g500);
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|||||||
@@ -11,11 +11,14 @@ import { FormsModule } from '@angular/forms';
|
|||||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
import { SettingsService } from 'app/settings/settings.service';
|
import { SettingsService } from 'app/settings/settings.service';
|
||||||
|
import { exportWorkbook } from '../cashier/cashier-export';
|
||||||
import {
|
import {
|
||||||
InterestPostingDue,
|
InterestPostingDue,
|
||||||
InterestPostingReport,
|
InterestPostingReport,
|
||||||
InterestPostingReportDetail,
|
InterestPostingReportDetail,
|
||||||
InterestPostingReportService
|
InterestPostingReportService,
|
||||||
|
InterestPreviewRow,
|
||||||
|
ReportScope
|
||||||
} from './interest-posting-report.service';
|
} from './interest-posting-report.service';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -51,15 +54,48 @@ export class InterestPostingReportComponent implements OnInit {
|
|||||||
/** Products with interest due and no report yet — the noon job ran before they had anything due, or failed. */
|
/** Products with interest due and no report yet — the noon job ran before they had anything due, or failed. */
|
||||||
due: InterestPostingDue[] = [];
|
due: InterestPostingDue[] = [];
|
||||||
|
|
||||||
|
/** 'own' — the user's own branch; 'others' — every other branch, a head-office-only tab. */
|
||||||
|
tab: ReportScope = 'own';
|
||||||
|
isHeadOffice = false;
|
||||||
|
myBranch = '';
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {
|
||||||
this.postingDate = this.businessDateIso();
|
this.postingDate = this.businessDateIso();
|
||||||
|
this.reportService.context().subscribe({
|
||||||
|
next: (ctx) => {
|
||||||
|
this.isHeadOffice = !!ctx?.headOffice;
|
||||||
|
this.myBranch = ctx?.officeName ?? '';
|
||||||
|
},
|
||||||
|
error: () => (this.isHeadOffice = false)
|
||||||
|
});
|
||||||
this.load();
|
this.load();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
switchTab(tab: ReportScope): void {
|
||||||
|
if (this.tab === tab) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.tab = tab;
|
||||||
|
this.selected = null;
|
||||||
|
this.notice = '';
|
||||||
|
this.load();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Acting for another branch is the head office's exception, so it is spelt out before it happens. */
|
||||||
|
private confirmOnBehalf(officeName: string, action: string): boolean {
|
||||||
|
if (this.tab !== 'others') {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return confirm(
|
||||||
|
`${officeName} has not opened today. You are about to ${action} its interest posting report on its behalf, ` +
|
||||||
|
'from the head office. Continue?'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
load(): void {
|
load(): void {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.errorMessage = '';
|
this.errorMessage = '';
|
||||||
this.reportService.list(this.postingDate || undefined).subscribe({
|
this.reportService.list(this.postingDate || undefined, undefined, undefined, this.tab).subscribe({
|
||||||
next: (reports) => {
|
next: (reports) => {
|
||||||
this.reports = reports ?? [];
|
this.reports = reports ?? [];
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
@@ -75,13 +111,16 @@ export class InterestPostingReportComponent implements OnInit {
|
|||||||
this.errorMessage = this.messageOf(err, 'Could not load the interest posting reports.');
|
this.errorMessage = this.messageOf(err, 'Could not load the interest posting reports.');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
this.reportService.dueWithoutReport(this.postingDate || undefined).subscribe({
|
this.reportService.dueWithoutReport(this.postingDate || undefined, this.tab).subscribe({
|
||||||
next: (due) => (this.due = due ?? []),
|
next: (due) => (this.due = due ?? []),
|
||||||
error: () => (this.due = [])
|
error: () => (this.due = [])
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
generate(item: InterestPostingDue): void {
|
generate(item: InterestPostingDue): void {
|
||||||
|
if (!this.confirmOnBehalf(item.officeName, 'generate')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
this.busy = true;
|
this.busy = true;
|
||||||
this.notice = '';
|
this.notice = '';
|
||||||
this.errorMessage = '';
|
this.errorMessage = '';
|
||||||
@@ -111,7 +150,8 @@ export class InterestPostingReportComponent implements OnInit {
|
|||||||
if (
|
if (
|
||||||
!confirm(
|
!confirm(
|
||||||
`Regenerate the interest posting report for ${report.productName} — ${report.officeName}? It will need approving again.`
|
`Regenerate the interest posting report for ${report.productName} — ${report.officeName}? It will need approving again.`
|
||||||
)
|
) ||
|
||||||
|
!this.confirmOnBehalf(report.officeName, 'regenerate')
|
||||||
) {
|
) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -138,7 +178,8 @@ export class InterestPostingReportComponent implements OnInit {
|
|||||||
!confirm(
|
!confirm(
|
||||||
`Approve interest of ₹${report.totalInterest} across ${report.accountCount} account(s) for ${report.productName}? ` +
|
`Approve interest of ₹${report.totalInterest} across ${report.accountCount} account(s) for ${report.productName}? ` +
|
||||||
'It will be posted when the branch closes the day.'
|
'It will be posted when the branch closes the day.'
|
||||||
)
|
) ||
|
||||||
|
!this.confirmOnBehalf(report.officeName, 'approve')
|
||||||
) {
|
) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -177,8 +218,165 @@ export class InterestPostingReportComponent implements OnInit {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Pending reports that block this user's own day close; another branch's pending reports block only that branch. */
|
||||||
get pendingCount(): number {
|
get pendingCount(): number {
|
||||||
return this.reports.filter((r) => r.status === 'GENERATED').length;
|
return this.tab === 'own' ? this.reports.filter((r) => r.status === 'GENERATED').length : 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Preview: what each account has earned so far, as if posted today. View only. ──
|
||||||
|
|
||||||
|
showPreview = false;
|
||||||
|
previewLoading = false;
|
||||||
|
previewRows: InterestPreviewRow[] = [];
|
||||||
|
previewAsOf = '';
|
||||||
|
|
||||||
|
openPreview(): void {
|
||||||
|
this.showPreview = true;
|
||||||
|
this.previewLoading = true;
|
||||||
|
this.errorMessage = '';
|
||||||
|
this.reportService.preview().subscribe({
|
||||||
|
next: (rows) => {
|
||||||
|
this.previewRows = rows ?? [];
|
||||||
|
this.previewAsOf = this.previewRows[0]?.asOf ?? this.businessDateIso();
|
||||||
|
this.previewLoading = false;
|
||||||
|
},
|
||||||
|
error: (err) => {
|
||||||
|
this.previewLoading = false;
|
||||||
|
this.previewRows = [];
|
||||||
|
this.errorMessage = this.messageOf(err, 'Could not load the interest preview.');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
closePreview(): void {
|
||||||
|
this.showPreview = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
get previewTotal(): number {
|
||||||
|
return this.previewRows.reduce((sum, r) => sum + Number(r.interest || 0), 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Totals by branch and product, for the summary above the account list and the export. */
|
||||||
|
get previewGroups(): {
|
||||||
|
officeName: string;
|
||||||
|
productName: string;
|
||||||
|
postingDate: string;
|
||||||
|
accounts: number;
|
||||||
|
interest: number;
|
||||||
|
}[] {
|
||||||
|
const map = new Map<
|
||||||
|
string,
|
||||||
|
{ officeName: string; productName: string; postingDate: string; accounts: number; interest: number }
|
||||||
|
>();
|
||||||
|
this.previewRows.forEach((r) => {
|
||||||
|
const key = `${r.officeName}|${r.productName}`;
|
||||||
|
const g = map.get(key) ?? {
|
||||||
|
officeName: r.officeName,
|
||||||
|
productName: r.productName,
|
||||||
|
postingDate: r.postingDate,
|
||||||
|
accounts: 0,
|
||||||
|
interest: 0
|
||||||
|
};
|
||||||
|
g.accounts += 1;
|
||||||
|
g.interest += Number(r.interest || 0);
|
||||||
|
map.set(key, g);
|
||||||
|
});
|
||||||
|
return [...map.values()];
|
||||||
|
}
|
||||||
|
|
||||||
|
exportPreview(): void {
|
||||||
|
const stamp = `Interest earned to ${this.previewAsOf} — preview, not posted`;
|
||||||
|
exportWorkbook(
|
||||||
|
[
|
||||||
|
{
|
||||||
|
sheetName: 'By account',
|
||||||
|
title: 'Savings Interest Preview',
|
||||||
|
subtitle: stamp,
|
||||||
|
headers: [
|
||||||
|
'Branch',
|
||||||
|
'Product',
|
||||||
|
'Account No',
|
||||||
|
'Customer',
|
||||||
|
'Balance',
|
||||||
|
'Rate %',
|
||||||
|
'Cycle Start',
|
||||||
|
'Posting Date',
|
||||||
|
'Interest So Far'
|
||||||
|
],
|
||||||
|
widths: [
|
||||||
|
18,
|
||||||
|
22,
|
||||||
|
20,
|
||||||
|
26,
|
||||||
|
16,
|
||||||
|
8,
|
||||||
|
12,
|
||||||
|
12,
|
||||||
|
16
|
||||||
|
],
|
||||||
|
rows: [
|
||||||
|
...this.previewRows.map((r) => [
|
||||||
|
r.officeName,
|
||||||
|
r.productName,
|
||||||
|
r.accountNo,
|
||||||
|
r.clientName,
|
||||||
|
Number(r.balance || 0),
|
||||||
|
Number(r.rate || 0),
|
||||||
|
r.cycleStart,
|
||||||
|
r.postingDate,
|
||||||
|
Number(r.interest || 0)
|
||||||
|
]),
|
||||||
|
[
|
||||||
|
'TOTAL',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
this.previewTotal
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
sheetName: 'By branch & product',
|
||||||
|
title: 'Savings Interest Preview — Totals',
|
||||||
|
subtitle: stamp,
|
||||||
|
headers: [
|
||||||
|
'Branch',
|
||||||
|
'Product',
|
||||||
|
'Posting Date',
|
||||||
|
'Accounts',
|
||||||
|
'Interest So Far'
|
||||||
|
],
|
||||||
|
widths: [
|
||||||
|
18,
|
||||||
|
22,
|
||||||
|
12,
|
||||||
|
10,
|
||||||
|
16
|
||||||
|
],
|
||||||
|
rows: [
|
||||||
|
...this.previewGroups.map((g) => [
|
||||||
|
g.officeName,
|
||||||
|
g.productName,
|
||||||
|
g.postingDate,
|
||||||
|
g.accounts,
|
||||||
|
g.interest
|
||||||
|
]),
|
||||||
|
[
|
||||||
|
'TOTAL',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
this.previewRows.length,
|
||||||
|
this.previewTotal
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
`savings-interest-preview-${this.previewAsOf}`
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
private businessDateIso(): string {
|
private businessDateIso(): string {
|
||||||
|
|||||||
@@ -12,6 +12,9 @@ import { Observable } from 'rxjs';
|
|||||||
|
|
||||||
export type InterestPostingReportStatus = 'GENERATED' | 'APPROVED' | 'POSTED' | 'SUPERSEDED';
|
export type InterestPostingReportStatus = 'GENERATED' | 'APPROVED' | 'POSTED' | 'SUPERSEDED';
|
||||||
|
|
||||||
|
/** Which branches a list covers: the user's own, or (head office only) every other branch. */
|
||||||
|
export type ReportScope = 'own' | 'others';
|
||||||
|
|
||||||
export interface InterestPostingReport {
|
export interface InterestPostingReport {
|
||||||
id: number;
|
id: number;
|
||||||
productId: number;
|
productId: number;
|
||||||
@@ -32,6 +35,8 @@ export interface InterestPostingReport {
|
|||||||
failureReason: string | null;
|
failureReason: string | null;
|
||||||
/** Whether the signed-in user may regenerate or approve it: their own branch, or the head office for a branch that did not open. */
|
/** Whether the signed-in user may regenerate or approve it: their own branch, or the head office for a branch that did not open. */
|
||||||
canAct: boolean;
|
canAct: boolean;
|
||||||
|
/** Why not, where canAct is false. */
|
||||||
|
blockedReason: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface InterestPostingReportLine {
|
export interface InterestPostingReportLine {
|
||||||
@@ -60,6 +65,8 @@ export interface InterestPostingDue {
|
|||||||
officeId: number;
|
officeId: number;
|
||||||
officeName: string;
|
officeName: string;
|
||||||
postingDate: string;
|
postingDate: string;
|
||||||
|
canAct: boolean;
|
||||||
|
blockedReason: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface InterestPostingSummaryRow {
|
export interface InterestPostingSummaryRow {
|
||||||
@@ -78,6 +85,22 @@ export interface InterestPostingSummaryRow {
|
|||||||
postedAt: string | null;
|
postedAt: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface InterestPreviewRow {
|
||||||
|
officeId: number;
|
||||||
|
officeName: string;
|
||||||
|
productId: number;
|
||||||
|
productName: string;
|
||||||
|
savingsAccountId: number;
|
||||||
|
accountNo: string;
|
||||||
|
clientName: string;
|
||||||
|
balance: number;
|
||||||
|
rate: number;
|
||||||
|
cycleStart: string;
|
||||||
|
postingDate: string;
|
||||||
|
asOf: string;
|
||||||
|
interest: number;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The savings interest posting reports, one per branch and product: generated at noon on a posting
|
* The savings interest posting reports, one per branch and product: generated at noon on a posting
|
||||||
* date, approved by the branch, posted when the branch closes the day.
|
* date, approved by the branch, posted when the branch closes the day.
|
||||||
@@ -87,8 +110,15 @@ export class InterestPostingReportService {
|
|||||||
private http = inject(HttpClient);
|
private http = inject(HttpClient);
|
||||||
private readonly base = '/savingsinterestpostingreports';
|
private readonly base = '/savingsinterestpostingreports';
|
||||||
|
|
||||||
list(postingDate?: string, status?: string, officeId?: number): Observable<InterestPostingReport[]> {
|
/** scope 'own' is the user's own branch; 'others' (head office only) every other branch. */
|
||||||
|
list(
|
||||||
|
postingDate?: string,
|
||||||
|
status?: string,
|
||||||
|
officeId?: number,
|
||||||
|
scope?: ReportScope
|
||||||
|
): Observable<InterestPostingReport[]> {
|
||||||
let params = new HttpParams();
|
let params = new HttpParams();
|
||||||
|
if (scope) params = params.set('scope', scope);
|
||||||
if (postingDate) params = params.set('postingDate', postingDate);
|
if (postingDate) params = params.set('postingDate', postingDate);
|
||||||
if (status) params = params.set('status', status);
|
if (status) params = params.set('status', status);
|
||||||
if (officeId) params = params.set('officeId', String(officeId));
|
if (officeId) params = params.set('officeId', String(officeId));
|
||||||
@@ -96,12 +126,18 @@ export class InterestPostingReportService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** Branch and product pairs with interest due by the date and no report yet, that this user may generate. */
|
/** Branch and product pairs with interest due by the date and no report yet, that this user may generate. */
|
||||||
dueWithoutReport(postingDate?: string): Observable<InterestPostingDue[]> {
|
dueWithoutReport(postingDate?: string, scope?: ReportScope): Observable<InterestPostingDue[]> {
|
||||||
let params = new HttpParams();
|
let params = new HttpParams();
|
||||||
|
if (scope) params = params.set('scope', scope);
|
||||||
if (postingDate) params = params.set('postingDate', postingDate);
|
if (postingDate) params = params.set('postingDate', postingDate);
|
||||||
return this.http.get<InterestPostingDue[]>(`${this.base}/due-without-report`, { params });
|
return this.http.get<InterestPostingDue[]>(`${this.base}/due-without-report`, { params });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** The signed-in user's branch, and whether it is the head office. */
|
||||||
|
context(): Observable<{ officeId: number; officeName: string; headOffice: boolean }> {
|
||||||
|
return this.http.get<{ officeId: number; officeName: string; headOffice: boolean }>(`${this.base}/context`);
|
||||||
|
}
|
||||||
|
|
||||||
detail(reportId: number): Observable<InterestPostingReportDetail> {
|
detail(reportId: number): Observable<InterestPostingReportDetail> {
|
||||||
return this.http.get<InterestPostingReportDetail>(`${this.base}/${reportId}`);
|
return this.http.get<InterestPostingReportDetail>(`${this.base}/${reportId}`);
|
||||||
}
|
}
|
||||||
@@ -126,6 +162,13 @@ export class InterestPostingReportService {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Interest each account has earned so far this cycle, as if posted today. View only. */
|
||||||
|
preview(officeId?: number): Observable<InterestPreviewRow[]> {
|
||||||
|
let params = new HttpParams();
|
||||||
|
if (officeId) params = params.set('officeId', String(officeId));
|
||||||
|
return this.http.get<InterestPreviewRow[]>(`${this.base}/preview`, { params });
|
||||||
|
}
|
||||||
|
|
||||||
/** The head office's branch-wise view over a date range. */
|
/** The head office's branch-wise view over a date range. */
|
||||||
summary(fromDate?: string, toDate?: string, productId?: number): Observable<InterestPostingSummaryRow[]> {
|
summary(fromDate?: string, toDate?: string, productId?: number): Observable<InterestPostingSummaryRow[]> {
|
||||||
let params = new HttpParams();
|
let params = new HttpParams();
|
||||||
|
|||||||
@@ -13,15 +13,21 @@
|
|||||||
<div>
|
<div>
|
||||||
<h2 class="tdsr__title">Deposit Interest & TDS</h2>
|
<h2 class="tdsr__title">Deposit Interest & TDS</h2>
|
||||||
<div class="tdsr__sub">
|
<div class="tdsr__sub">
|
||||||
Quarter-wise and yearly interest on time deposits, with tax deductible under {{ statute.section }} ·
|
Interest each customer earned this year, and whether TDS has to be deducted on it ·
|
||||||
{{ scopeLabel }}
|
<strong>Showing: {{ scopeLabel }}</strong>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="tdsr__btn" (click)="exportWorkbook()" [disabled]="exporting">
|
<div class="tdsr__head-r">
|
||||||
<fa-icon icon="download"></fa-icon>
|
<button type="button" class="tdsr__btn" (click)="showHelp = !showHelp">
|
||||||
{{ exporting ? 'Preparing…' : 'Export' }}
|
<fa-icon icon="question-circle"></fa-icon>
|
||||||
</button>
|
{{ 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>
|
</div>
|
||||||
|
|
||||||
@if (loadError) {
|
@if (loadError) {
|
||||||
@@ -31,57 +37,87 @@
|
|||||||
</div>
|
</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 -->
|
<!-- Summary -->
|
||||||
<div class="tdsr__kpis">
|
<div class="tdsr__kpis">
|
||||||
<div class="tdsr__kpi">
|
<div class="tdsr__kpi">
|
||||||
<div class="tdsr__kpi-n">{{ summary.deductees | number }}</div>
|
<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>
|
||||||
<div class="tdsr__kpi">
|
<div class="tdsr__kpi">
|
||||||
<div class="tdsr__kpi-n">₹{{ summary.applicableInterest | number: '1.0-0' }}</div>
|
<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>
|
||||||
<div class="tdsr__kpi tdsr__kpi--muted">
|
<div class="tdsr__kpi tdsr__kpi--muted">
|
||||||
<div class="tdsr__kpi-n">₹{{ summary.exemptInterest | number: '1.0-0' }}</div>
|
<div class="tdsr__kpi-n">₹{{ summary.exemptInterest | number: '1.0-0' }}</div>
|
||||||
<div class="tdsr__kpi-l">Savings interest — outside the charge</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.totalTds | number: '1.0-0' }}</div>
|
|
||||||
<div class="tdsr__kpi-l">TDS payable</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="tdsr__kpi tdsr__kpi--warn">
|
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||||
<div class="tdsr__kpi-n">{{ summary.crossed | number }}</div>
|
<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>
|
</div>
|
||||||
<button type="button" class="tdsr__kpi tdsr__kpi--action" (click)="showNearThreshold()">
|
<div class="tdsr__kpi tdsr__kpi--warn">
|
||||||
<div class="tdsr__kpi-n">{{ summary.nearThreshold | number }}</div>
|
<div class="tdsr__kpi-n">₹{{ summary.totalTds | number: '1.0-0' }}</div>
|
||||||
<div class="tdsr__kpi-l">Within ₹{{ nearBand | number: '1.0-0' }} of it — chase a declaration</div>
|
<div class="tdsr__kpi-l">TDS to be deducted</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>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- Quarter strip -->
|
<!-- Things worth acting on, only when there are any -->
|
||||||
<div class="tdsr__card">
|
@if (summary.nearThreshold || summary.declarations || summary.noPan) {
|
||||||
<div class="tdsr__card-head"><fa-icon icon="calendar"></fa-icon> Quarter by quarter</div>
|
<div class="tdsr__chips">
|
||||||
<div class="tdsr__qstrip">
|
@if (summary.nearThreshold) {
|
||||||
@for (q of summary.byQuarter; track q.quarter) {
|
<button type="button" class="tdsr__chip tdsr__chip--near" (click)="showNearThreshold()">
|
||||||
<div class="tdsr__qcell">
|
{{ summary.nearThreshold | number }} near the limit (within ₹{{ nearBand | number: '1.0-0' }}) — ask for
|
||||||
<div class="tdsr__qcell-l">{{ quarterLabel[q.quarter] }}</div>
|
15G/15H
|
||||||
<div class="tdsr__qcell-n">₹{{ q.interest | number: '1.0-0' }}</div>
|
</button>
|
||||||
<div class="tdsr__qcell-s">TDS ₹{{ q.tds | number: '1.0-0' }}</div>
|
}
|
||||||
</div>
|
@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>
|
||||||
</div>
|
}
|
||||||
|
|
||||||
<!-- Filters -->
|
<!-- Filters -->
|
||||||
<div class="tdsr__filters">
|
<div class="tdsr__filters">
|
||||||
@@ -99,8 +135,8 @@
|
|||||||
<span>Branch</span>
|
<span>Branch</span>
|
||||||
<select [(ngModel)]="filter.branchCode" (ngModelChange)="onFilterChanged()">
|
<select [(ngModel)]="filter.branchCode" (ngModelChange)="onFilterChanged()">
|
||||||
<option value="">All branches</option>
|
<option value="">All branches</option>
|
||||||
@for (b of branches; track b.code) {
|
@for (b of branches; track b) {
|
||||||
<option [value]="b.code">{{ b.name }}</option>
|
<option [value]="b">{{ b }}</option>
|
||||||
}
|
}
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
@@ -117,32 +153,32 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="tdsr__filter">
|
<label class="tdsr__filter">
|
||||||
<span>Threshold band</span>
|
<span>Age group</span>
|
||||||
<select [(ngModel)]="filter.band" (ngModelChange)="onFilterChanged()">
|
<select [(ngModel)]="filter.band" (ngModelChange)="onFilterChanged()">
|
||||||
<option value="">Both bands</option>
|
<option value="">Everyone</option>
|
||||||
<option value="GENERAL">General (below 60)</option>
|
<option value="GENERAL">Below 60</option>
|
||||||
<option value="SENIOR">Senior citizen (60+)</option>
|
<option value="SENIOR">Senior citizen (60+)</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="tdsr__filter tdsr__filter--wide">
|
<label class="tdsr__filter tdsr__filter--wide">
|
||||||
<span>Customer / CIF / PAN</span>
|
<span>Search customer</span>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
[(ngModel)]="filter.search"
|
[(ngModel)]="filter.search"
|
||||||
(ngModelChange)="onFilterChanged()"
|
(ngModelChange)="onFilterChanged()"
|
||||||
placeholder="name, CIF or PAN"
|
placeholder="Name, customer ID or PAN"
|
||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="tdsr__check">
|
<label class="tdsr__check">
|
||||||
<input type="checkbox" [(ngModel)]="filter.crossedOnly" (ngModelChange)="onFilterChanged()" />
|
<input type="checkbox" [(ngModel)]="filter.crossedOnly" (ngModelChange)="onFilterChanged()" />
|
||||||
<span>Threshold crossed only</span>
|
<span>Over the limit only</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="tdsr__check">
|
<label class="tdsr__check">
|
||||||
<input type="checkbox" [(ngModel)]="filter.nearThresholdOnly" (ngModelChange)="onFilterChanged()" />
|
<input type="checkbox" [(ngModel)]="filter.nearThresholdOnly" (ngModelChange)="onFilterChanged()" />
|
||||||
<span>Near threshold only</span>
|
<span>Near the limit only</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
@if (hasFilters) {
|
@if (hasFilters) {
|
||||||
@@ -150,7 +186,7 @@
|
|||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Tabs Selector -->
|
<!-- Tabs -->
|
||||||
<div class="tdsr__tabs">
|
<div class="tdsr__tabs">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -158,7 +194,7 @@
|
|||||||
[class.tdsr__tab--active]="selectedTab === 'paying'"
|
[class.tdsr__tab--active]="selectedTab === 'paying'"
|
||||||
(click)="selectTab('paying')"
|
(click)="selectTab('paying')"
|
||||||
>
|
>
|
||||||
Paying TDS ({{ payingRows.length }})
|
TDS to deduct ({{ payingRows.length }})
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -166,7 +202,7 @@
|
|||||||
[class.tdsr__tab--active]="selectedTab === 'not-paying'"
|
[class.tdsr__tab--active]="selectedTab === 'not-paying'"
|
||||||
(click)="selectTab('not-paying')"
|
(click)="selectTab('not-paying')"
|
||||||
>
|
>
|
||||||
Not Paying TDS ({{ notPayingRows.length }})
|
No TDS ({{ notPayingRows.length }})
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -176,87 +212,76 @@
|
|||||||
<table class="tdsr__table">
|
<table class="tdsr__table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Customer · PAN</th>
|
<th>Customer</th>
|
||||||
<th>Branch</th>
|
<th>Branch</th>
|
||||||
<th>Form · Band</th>
|
<th>Accounts</th>
|
||||||
<th class="num">Q1</th>
|
<th class="num">FD / RD interest this year</th>
|
||||||
<th class="num">Q2</th>
|
<th class="num">Limit</th>
|
||||||
<th class="num">Q3</th>
|
<th>Status</th>
|
||||||
<th class="num">Q4</th>
|
|
||||||
<th class="num">Year total</th>
|
|
||||||
<th class="num">Threshold</th>
|
|
||||||
<th>Crossed</th>
|
|
||||||
<th class="num">TDS</th>
|
<th class="num">TDS</th>
|
||||||
<th class="num">Saved</th>
|
|
||||||
<th class="col-actions"></th>
|
<th class="col-actions"></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@for (row of pagedRows; track trackRow($index, row)) {
|
@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>
|
<td>
|
||||||
<div class="tdsr__name">{{ row.deductee.name }}</div>
|
<div class="tdsr__name">{{ row.deductee.name }}</div>
|
||||||
<div class="mono small muted">
|
<div class="mono small muted">
|
||||||
{{ row.deductee.customerId }} ·
|
ID {{ row.deductee.customerId }} ·
|
||||||
@if (row.panOnRecord) {
|
@if (row.panOnRecord) {
|
||||||
{{ row.deductee.pan }}
|
PAN {{ row.deductee.pan }}
|
||||||
} @else {
|
} @else {
|
||||||
<span class="tdsr__pill tdsr__pill--warn">no PAN</span>
|
<span class="tdsr__pill tdsr__pill--warn">no PAN</span>
|
||||||
}
|
}
|
||||||
|
@if (row.band === 'SENIOR') {
|
||||||
|
<span class="tdsr__pill">Senior 60+</span>
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td class="small">{{ branchName(row.branchCode) }}</td>
|
<td class="small">{{ row.branchCode || '—' }}</td>
|
||||||
<td>
|
<td class="small">
|
||||||
<span class="tdsr__pill" [class.tdsr__pill--ok]="row.hasDeclaration">
|
@if (row.trackedAccounts) {
|
||||||
{{ row.form === '121' ? '121' : row.form }}
|
<span class="tdsr__pill tdsr__pill--ok">{{ row.trackedAccounts }} tracked</span>
|
||||||
</span>
|
}
|
||||||
<div class="small muted">{{ row.band === 'SENIOR' ? 'Senior' : 'General' }}</div>
|
@if (untrackedOf(row).length) {
|
||||||
@if (row.hasDeclaration) {
|
<span class="tdsr__pill">{{ untrackedOf(row).length }} not tracked</span>
|
||||||
<div class="mono small muted">{{ row.declarationUin }}</div>
|
|
||||||
}
|
}
|
||||||
</td>
|
</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">
|
<td class="num">
|
||||||
<strong>₹{{ row.tdsApplicableInterest | number: '1.0-0' }}</strong>
|
<strong>₹{{ row.tdsApplicableInterest | number: '1.0-0' }}</strong>
|
||||||
@if (row.exemptInterest) {
|
@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>
|
||||||
<td class="num small muted">₹{{ row.threshold | number: '1.0-0' }}</td>
|
<td class="num small muted">₹{{ row.threshold | number: '1.0-0' }}</td>
|
||||||
<td class="small">
|
<td class="small">
|
||||||
@if (row.crossedInQuarter) {
|
<span
|
||||||
<span class="tdsr__pill tdsr__pill--warn">Q{{ row.crossedInQuarter }}</span>
|
class="tdsr__pill"
|
||||||
} @else if (row.nearThreshold) {
|
[class.tdsr__pill--warn]="statusOf(row).tone === 'warn'"
|
||||||
<span class="tdsr__pill tdsr__pill--near"> ₹{{ row.headroom | number: '1.0-0' }} left </span>
|
[class.tdsr__pill--near]="statusOf(row).tone === 'near'"
|
||||||
} @else {
|
[class.tdsr__pill--ok]="statusOf(row).tone === 'ok'"
|
||||||
<span class="muted">—</span>
|
>
|
||||||
}
|
{{ statusOf(row).label }}
|
||||||
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td class="num">
|
<td class="num">
|
||||||
@if (row.schedule.totalTds) {
|
@if (row.schedule.totalTds) {
|
||||||
<strong>₹{{ row.schedule.totalTds | number: '1.0-0' }}</strong>
|
<strong>₹{{ row.schedule.totalTds | number: '1.0-0' }}</strong>
|
||||||
<div class="small muted">@ {{ row.rateApplied * 100 | number: '1.0-0' }}%</div>
|
<div class="small muted">@ {{ row.rateApplied * 100 | number: '1.0-0' }}%</div>
|
||||||
} @else {
|
} @else if (row.tdsSaved) {
|
||||||
<span class="muted">—</span>
|
<span class="small tdsr__ok">₹{{ row.tdsSaved | number: '1.0-0' }} saved</span>
|
||||||
}
|
|
||||||
</td>
|
|
||||||
<td class="num">
|
|
||||||
@if (row.tdsSaved) {
|
|
||||||
<strong class="tdsr__ok">₹{{ row.tdsSaved | number: '1.0-0' }}</strong>
|
|
||||||
} @else {
|
} @else {
|
||||||
<span class="muted">—</span>
|
<span class="muted">—</span>
|
||||||
}
|
}
|
||||||
</td>
|
</td>
|
||||||
<td class="col-actions">
|
<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>
|
<fa-icon [icon]="isExpanded(row) ? 'chevron-up' : 'chevron-down'"></fa-icon>
|
||||||
</button>
|
</button>
|
||||||
</td>
|
</td>
|
||||||
@@ -264,89 +289,138 @@
|
|||||||
|
|
||||||
@if (isExpanded(row)) {
|
@if (isExpanded(row)) {
|
||||||
<tr class="tdsr__row--detail">
|
<tr class="tdsr__row--detail">
|
||||||
<td colspan="13">
|
<td colspan="8">
|
||||||
@for (note of row.schedule.notes; track note) {
|
<!-- 1. Which accounts are tracked -->
|
||||||
<div class="tdsr__note">
|
<div class="tdsr__detail-h">Accounts of {{ row.deductee.name }}</div>
|
||||||
<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>
|
|
||||||
}
|
|
||||||
|
|
||||||
<table class="tdsr__table tdsr__table--inner">
|
<table class="tdsr__table tdsr__table--inner">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Quarter</th>
|
<th>Account no.</th>
|
||||||
<th class="num">Interest</th>
|
<th>Type</th>
|
||||||
<th class="num">Cumulative</th>
|
<th>Tracked for TDS?</th>
|
||||||
<th class="num">Liability to date</th>
|
<th class="num">Interest this year</th>
|
||||||
<th class="num">TDS this quarter</th>
|
<th class="num">Postings</th>
|
||||||
<th>Return due</th>
|
<th>Last posted</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@for (line of row.schedule.lines; track line.quarter) {
|
@for (a of row.accounts; track a.accountNo) {
|
||||||
<tr [class.tdsr__row--warn]="line.thresholdCrossedHere">
|
<tr>
|
||||||
|
<td class="mono small">{{ a.accountNo }}</td>
|
||||||
|
<td class="small">{{ accountTypeLabel[a.type] }}</td>
|
||||||
<td class="small">
|
<td class="small">
|
||||||
{{ line.label }}
|
@if (a.tracked) {
|
||||||
@if (line.thresholdCrossedHere) {
|
<span class="tdsr__pill tdsr__pill--ok"><fa-icon icon="check"></fa-icon> Yes</span>
|
||||||
<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>
|
|
||||||
} @else {
|
} @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>
|
||||||
<td class="small muted">{{ line.dueDate }}</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
}
|
}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div class="tdsr__meta">
|
<!-- 2. How the TDS was worked out -->
|
||||||
<span
|
@if (row.trackedAccounts) {
|
||||||
>Settlement: <strong>{{ row.mode === 'QUARTERLY' ? 'Quarterly' : 'Year end' }}</strong> (set by
|
<div class="tdsr__detail-h">How the TDS is worked out, quarter by quarter</div>
|
||||||
the deposit product)</span
|
@for (note of row.schedule.notes; track note) {
|
||||||
>
|
<div class="tdsr__note">
|
||||||
@if (row.declarationAcceptedOn) {
|
<fa-icon icon="info-circle"></fa-icon>
|
||||||
<span
|
<div>{{ note }}</div>
|
||||||
>Declaration accepted: <strong>{{ row.declarationAcceptedOn | date: 'd MMM y' }}</strong></span
|
</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) {
|
@if (row.paidWithoutDeduction) {
|
||||||
<span>
|
<div class="tdsr__meta">
|
||||||
Paid without deduction:
|
<span>
|
||||||
<strong>₹{{ row.paidWithoutDeduction | number: '1.0-0' }}</strong> — reportable in
|
Paid without deduction because of 15G/15H:
|
||||||
{{ statute.statement }}
|
<strong>₹{{ row.paidWithoutDeduction | number: '1.0-0' }}</strong> — still reported in
|
||||||
</span>
|
{{ 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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@if (visibleRows.length === 0) {
|
@if (visibleRows.length === 0) {
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="13" class="tdsr__empty">
|
<td colspan="8" class="tdsr__empty">
|
||||||
<fa-icon icon="info-circle"></fa-icon> No customers in this section match the filters.
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
}
|
}
|
||||||
@@ -359,8 +433,7 @@
|
|||||||
<div class="tdsr__pager-l">
|
<div class="tdsr__pager-l">
|
||||||
<span>
|
<span>
|
||||||
Showing <strong>{{ rangeStart | number }}–{{ rangeEnd | number }}</strong> of
|
Showing <strong>{{ rangeStart | number }}–{{ rangeEnd | number }}</strong> of
|
||||||
<strong>{{ visibleRows.length | number }}</strong>
|
<strong>{{ visibleRows.length | number }}</strong> customers
|
||||||
{{ selectedTab === 'paying' ? 'deductees paying TDS' : 'deductees not paying TDS' }}
|
|
||||||
</span>
|
</span>
|
||||||
<label class="tdsr__pager-sizel">
|
<label class="tdsr__pager-sizel">
|
||||||
Rows
|
Rows
|
||||||
|
|||||||
@@ -13,12 +13,12 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
|||||||
import * as ExcelJS from 'exceljs';
|
import * as ExcelJS from 'exceljs';
|
||||||
|
|
||||||
import { BranchScopeService } from '../core/branch-scope.service';
|
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 { 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 { TdsReportsService } from './tds-reports.service';
|
||||||
import {
|
import {
|
||||||
NEAR_THRESHOLD_BAND,
|
NEAR_THRESHOLD_BAND,
|
||||||
|
TdsAccountLine,
|
||||||
TdsInterestRow,
|
TdsInterestRow,
|
||||||
TdsInterestSummary,
|
TdsInterestSummary,
|
||||||
TdsReportFilter,
|
TdsReportFilter,
|
||||||
@@ -40,7 +40,12 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
private scope = inject(BranchScopeService);
|
private scope = inject(BranchScopeService);
|
||||||
private tdsService = inject(TdsReportsService);
|
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. */
|
/** Filled by the route resolver from Organization › TDS Configuration. */
|
||||||
readonly financialYears = tdsFys();
|
readonly financialYears = tdsFys();
|
||||||
readonly quarterLabel = QUARTER_LABEL;
|
readonly quarterLabel = QUARTER_LABEL;
|
||||||
@@ -92,16 +97,26 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
|
|
||||||
loading = false;
|
loading = false;
|
||||||
loadError = '';
|
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 {
|
ngOnInit(): void {
|
||||||
if (!this.financialYears.length) {
|
if (!this.financialYears.length) {
|
||||||
this.loadError = 'No financial year is configured for TDS. Set one up under Organization › TDS Configuration.';
|
this.loadError = 'No financial year is configured for TDS. Set one up under Organization › TDS Configuration.';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// A branch login sees only its own book and cannot widen the scope.
|
// A branch login sees only its own book and cannot widen the scope. The platform labels each
|
||||||
const own = this.scope.ownBranchCode;
|
// customer with their office's name, so the login's office name is the filter — the GL branch
|
||||||
if (own) {
|
// code list does not know every office and turned a branch login into an empty report.
|
||||||
this.filter.branchCode = own;
|
if (!this.scope.isHeadOffice) {
|
||||||
|
this.filter.branchCode = this.scope.officeName;
|
||||||
}
|
}
|
||||||
this.loadDeductees();
|
this.loadDeductees();
|
||||||
}
|
}
|
||||||
@@ -121,6 +136,7 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
next: (deductees) => {
|
next: (deductees) => {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
setTdsDeductees(deductees);
|
setTdsDeductees(deductees);
|
||||||
|
this.branches = this.branchesOf(deductees);
|
||||||
this.invalidateCaches();
|
this.invalidateCaches();
|
||||||
},
|
},
|
||||||
error: (err: any) => {
|
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
|
* 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.
|
* 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 {
|
private invalidateCaches(): void {
|
||||||
this.rowsCacheKey = '';
|
this.rowsCacheKey = '';
|
||||||
this.summaryCacheKey = '';
|
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 {
|
get canSelectBranch(): boolean {
|
||||||
return this.scope.canSelectBranch;
|
return this.scope.canSelectBranch;
|
||||||
}
|
}
|
||||||
|
|
||||||
get scopeLabel(): string {
|
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. */
|
/** 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;
|
return this.expandedId === row.deductee.customerId;
|
||||||
}
|
}
|
||||||
|
|
||||||
branchName(code: string): string {
|
|
||||||
return glBranchName(code);
|
|
||||||
}
|
|
||||||
|
|
||||||
trackRow(_: number, row: TdsInterestRow): string {
|
trackRow(_: number, row: TdsInterestRow): string {
|
||||||
return row.deductee.customerId;
|
return row.deductee.customerId;
|
||||||
}
|
}
|
||||||
@@ -337,6 +396,9 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
'CIF',
|
'CIF',
|
||||||
'PAN',
|
'PAN',
|
||||||
'Branch',
|
'Branch',
|
||||||
|
'Accounts tracked for TDS',
|
||||||
|
'Accounts not tracked',
|
||||||
|
'Status',
|
||||||
'Form',
|
'Form',
|
||||||
'Band',
|
'Band',
|
||||||
'Age',
|
'Age',
|
||||||
@@ -361,7 +423,14 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
r.deductee.name,
|
r.deductee.name,
|
||||||
r.deductee.customerId,
|
r.deductee.customerId,
|
||||||
r.deductee.pan || 'NOT ON RECORD',
|
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.form === '121' ? 'Form 121' : `Form ${r.form}`,
|
||||||
r.band === 'SENIOR' ? 'Senior citizen' : 'General',
|
r.band === 'SENIOR' ? 'Senior citizen' : 'General',
|
||||||
r.age,
|
r.age,
|
||||||
@@ -389,6 +458,9 @@ export class TdsInterestReportComponent implements OnInit {
|
|||||||
`${s.deductees} deductees`,
|
`${s.deductees} deductees`,
|
||||||
'',
|
'',
|
||||||
'',
|
'',
|
||||||
|
`${s.trackedCustomers} tracked`,
|
||||||
|
'',
|
||||||
|
'',
|
||||||
'',
|
'',
|
||||||
'',
|
'',
|
||||||
'',
|
'',
|
||||||
|
|||||||
@@ -56,6 +56,25 @@ export interface TdsReportFilter {
|
|||||||
nearThresholdOnly: boolean;
|
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". */
|
/** How close to the trigger counts as "worth chasing a declaration for". */
|
||||||
export const NEAR_THRESHOLD_BAND = 6_000;
|
export const NEAR_THRESHOLD_BAND = 6_000;
|
||||||
|
|
||||||
@@ -101,6 +120,10 @@ export interface TdsInterestRow {
|
|||||||
paidWithoutDeduction: number;
|
paidWithoutDeduction: number;
|
||||||
panOnRecord: boolean;
|
panOnRecord: boolean;
|
||||||
rateApplied: number;
|
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> {
|
function emptyQuarters(): Record<Quarter, number> {
|
||||||
@@ -154,14 +177,35 @@ export function tdsInterestRowsForFy(fy: string): TdsInterestRow[] {
|
|||||||
|
|
||||||
let exemptInterest = 0;
|
let exemptInterest = 0;
|
||||||
let jointHeldInterest = 0;
|
let jointHeldInterest = 0;
|
||||||
|
const accountLines: TdsAccountLine[] = [];
|
||||||
for (const account of deductee.accounts) {
|
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)) {
|
if (!isTdsApplicable(account)) {
|
||||||
exemptInterest += inYear;
|
exemptInterest += inYear;
|
||||||
|
reason = type === 'SB' ? 'Savings account — no TDS on savings interest' : 'Not a time deposit — no TDS';
|
||||||
} else if (tdsDeducteeOf(account) !== deductee.clientId) {
|
} else if (tdsDeducteeOf(account) !== deductee.clientId) {
|
||||||
jointHeldInterest += inYear;
|
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 crossedLine = schedule.lines.find((l) => l.thresholdCrossedHere);
|
||||||
const headroom = Math.max(0, schedule.threshold - schedule.totalInterest);
|
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,
|
tdsSaved: declaration ? Math.max(0, withoutDeclaration.totalTds - schedule.totalTds) : 0,
|
||||||
paidWithoutDeduction: schedule.shieldedInterest,
|
paidWithoutDeduction: schedule.shieldedInterest,
|
||||||
panOnRecord: isWellFormedPan(deductee.pan),
|
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';
|
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[] {
|
export function tdsInterestRows(filter: TdsReportFilter): TdsInterestRow[] {
|
||||||
const needle = filter.search.trim().toLowerCase();
|
const needle = filter.search.trim().toLowerCase();
|
||||||
return tdsInterestRowsForFy(filter.fy).filter((row) => {
|
return tdsInterestRowsForFy(filter.fy).filter((row) => {
|
||||||
if (filter.branchCode && row.branchCode !== filter.branchCode) {
|
if (filter.branchCode && !sameBranch(row.branchCode, filter.branchCode)) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
if (filter.band && row.band !== filter.band) {
|
if (filter.band && row.band !== filter.band) {
|
||||||
@@ -254,6 +319,8 @@ export interface TdsInterestSummary {
|
|||||||
tdsSaved: number;
|
tdsSaved: number;
|
||||||
paidWithoutDeduction: number;
|
paidWithoutDeduction: number;
|
||||||
noPan: number;
|
noPan: number;
|
||||||
|
/** Customers holding at least one account whose interest counts toward the deduction. */
|
||||||
|
trackedCustomers: number;
|
||||||
byQuarter: { quarter: Quarter; interest: number; tds: 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,
|
declarations: rows.filter((r) => r.hasDeclaration).length,
|
||||||
tdsSaved: rows.reduce((s, r) => s + r.tdsSaved, 0),
|
tdsSaved: rows.reduce((s, r) => s + r.tdsSaved, 0),
|
||||||
paidWithoutDeduction: rows.reduce((s, r) => s + r.paidWithoutDeduction, 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
|
byQuarter
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -647,3 +647,82 @@
|
|||||||
color: var(--tdsr-ink);
|
color: var(--tdsr-ink);
|
||||||
white-space: nowrap;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
/* tslint:disable */
|
/* tslint:disable */
|
||||||
export default {
|
export default {
|
||||||
'mifos_x': {
|
'mifos_x': {
|
||||||
'version': '261001',
|
'version': '261005',
|
||||||
'hash': '1ffac4b1'
|
'hash': '1ffac4b1'
|
||||||
},
|
},
|
||||||
'allow_switching_backend_instance': true
|
'allow_switching_backend_instance': true
|
||||||
|
|||||||
Reference in New Issue
Block a user