Merge remote-tracking branch 'origin/dev-latest' into dev-latest
This commit is contained in:
@@ -353,12 +353,7 @@
|
||||
<div class="gl-fgroup">
|
||||
<label class="gl-flabel"><fa-icon icon="calendar-check"></fa-icon> Submitted From</label>
|
||||
<mat-form-field appearance="outline" class="gl-ffield">
|
||||
<input
|
||||
matInput
|
||||
[matDatepicker]="dpSubFrom"
|
||||
[min]="minDate"
|
||||
[formControl]="submittedOnDateFrom"
|
||||
/>
|
||||
<input matInput [matDatepicker]="dpSubFrom" [min]="minDate" [formControl]="submittedOnDateFrom" />
|
||||
<mat-datepicker-toggle matSuffix [for]="dpSubFrom"></mat-datepicker-toggle>
|
||||
<mat-datepicker #dpSubFrom></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
@@ -36,7 +36,15 @@ export class CacheInterceptor implements HttpInterceptor {
|
||||
'/rbireserveconfig',
|
||||
'/tdsconfig',
|
||||
'/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 {
|
||||
|
||||
@@ -22,9 +22,134 @@
|
||||
<input type="date" [(ngModel)]="postingDate" (change)="load()" />
|
||||
</label>
|
||||
<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>
|
||||
|
||||
@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) {
|
||||
<div class="ipr-alert ipr-alert--error">
|
||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||
@@ -52,9 +177,13 @@
|
||||
@for (d of due; track d.productId + '-' + d.officeId) {
|
||||
<div class="ipr-due-row">
|
||||
<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">
|
||||
<fa-icon icon="sync"></fa-icon> Generate report
|
||||
</button>
|
||||
@if (d.canAct) {
|
||||
<button class="ipr-btn ipr-btn--primary ipr-btn--slim" (click)="generate(d)" [disabled]="busy">
|
||||
<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>
|
||||
@@ -114,9 +243,12 @@
|
||||
}
|
||||
@if (canApprove(r)) {
|
||||
<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>
|
||||
}
|
||||
@if (!r.canAct && r.blockedReason && (r.status === 'GENERATED' || r.status === 'APPROVED')) {
|
||||
<span class="ipr-blocked">{{ r.blockedReason }}</span>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
} @empty {
|
||||
|
||||
@@ -274,3 +274,54 @@
|
||||
font-weight: 600;
|
||||
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 { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { SettingsService } from 'app/settings/settings.service';
|
||||
import { exportWorkbook } from '../cashier/cashier-export';
|
||||
import {
|
||||
InterestPostingDue,
|
||||
InterestPostingReport,
|
||||
InterestPostingReportDetail,
|
||||
InterestPostingReportService
|
||||
InterestPostingReportService,
|
||||
InterestPreviewRow,
|
||||
ReportScope
|
||||
} 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. */
|
||||
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 {
|
||||
this.postingDate = this.businessDateIso();
|
||||
this.reportService.context().subscribe({
|
||||
next: (ctx) => {
|
||||
this.isHeadOffice = !!ctx?.headOffice;
|
||||
this.myBranch = ctx?.officeName ?? '';
|
||||
},
|
||||
error: () => (this.isHeadOffice = false)
|
||||
});
|
||||
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 {
|
||||
this.loading = true;
|
||||
this.errorMessage = '';
|
||||
this.reportService.list(this.postingDate || undefined).subscribe({
|
||||
this.reportService.list(this.postingDate || undefined, undefined, undefined, this.tab).subscribe({
|
||||
next: (reports) => {
|
||||
this.reports = reports ?? [];
|
||||
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.reportService.dueWithoutReport(this.postingDate || undefined).subscribe({
|
||||
this.reportService.dueWithoutReport(this.postingDate || undefined, this.tab).subscribe({
|
||||
next: (due) => (this.due = due ?? []),
|
||||
error: () => (this.due = [])
|
||||
});
|
||||
}
|
||||
|
||||
generate(item: InterestPostingDue): void {
|
||||
if (!this.confirmOnBehalf(item.officeName, 'generate')) {
|
||||
return;
|
||||
}
|
||||
this.busy = true;
|
||||
this.notice = '';
|
||||
this.errorMessage = '';
|
||||
@@ -111,7 +150,8 @@ export class InterestPostingReportComponent implements OnInit {
|
||||
if (
|
||||
!confirm(
|
||||
`Regenerate the interest posting report for ${report.productName} — ${report.officeName}? It will need approving again.`
|
||||
)
|
||||
) ||
|
||||
!this.confirmOnBehalf(report.officeName, 'regenerate')
|
||||
) {
|
||||
return;
|
||||
}
|
||||
@@ -138,7 +178,8 @@ export class InterestPostingReportComponent implements OnInit {
|
||||
!confirm(
|
||||
`Approve interest of ₹${report.totalInterest} across ${report.accountCount} account(s) for ${report.productName}? ` +
|
||||
'It will be posted when the branch closes the day.'
|
||||
)
|
||||
) ||
|
||||
!this.confirmOnBehalf(report.officeName, 'approve')
|
||||
) {
|
||||
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 {
|
||||
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 {
|
||||
|
||||
@@ -12,6 +12,9 @@ import { Observable } from 'rxjs';
|
||||
|
||||
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 {
|
||||
id: number;
|
||||
productId: number;
|
||||
@@ -32,6 +35,8 @@ export interface InterestPostingReport {
|
||||
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. */
|
||||
canAct: boolean;
|
||||
/** Why not, where canAct is false. */
|
||||
blockedReason: string | null;
|
||||
}
|
||||
|
||||
export interface InterestPostingReportLine {
|
||||
@@ -60,6 +65,8 @@ export interface InterestPostingDue {
|
||||
officeId: number;
|
||||
officeName: string;
|
||||
postingDate: string;
|
||||
canAct: boolean;
|
||||
blockedReason: string | null;
|
||||
}
|
||||
|
||||
export interface InterestPostingSummaryRow {
|
||||
@@ -78,6 +85,22 @@ export interface InterestPostingSummaryRow {
|
||||
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
|
||||
* date, approved by the branch, posted when the branch closes the day.
|
||||
@@ -87,8 +110,15 @@ export class InterestPostingReportService {
|
||||
private http = inject(HttpClient);
|
||||
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();
|
||||
if (scope) params = params.set('scope', scope);
|
||||
if (postingDate) params = params.set('postingDate', postingDate);
|
||||
if (status) params = params.set('status', status);
|
||||
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. */
|
||||
dueWithoutReport(postingDate?: string): Observable<InterestPostingDue[]> {
|
||||
dueWithoutReport(postingDate?: string, scope?: ReportScope): Observable<InterestPostingDue[]> {
|
||||
let params = new HttpParams();
|
||||
if (scope) params = params.set('scope', scope);
|
||||
if (postingDate) params = params.set('postingDate', postingDate);
|
||||
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> {
|
||||
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. */
|
||||
summary(fromDate?: string, toDate?: string, productId?: number): Observable<InterestPostingSummaryRow[]> {
|
||||
let params = new HttpParams();
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
/* tslint:disable */
|
||||
export default {
|
||||
'mifos_x': {
|
||||
'version': '261001',
|
||||
'version': '261005',
|
||||
'hash': '1ffac4b1'
|
||||
},
|
||||
'allow_switching_backend_instance': true
|
||||
|
||||
Reference in New Issue
Block a user