Compare commits
4
Commits
6b0f218b70
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c91dcf4d99 | ||
|
|
2d2eac8d03 | ||
|
|
0976bc230c | ||
|
|
38884610d2 |
@@ -85,6 +85,11 @@ export class AccountsService {
|
||||
return this.http.get('/fixeddepositaccounts/maturity-dashboard');
|
||||
}
|
||||
|
||||
/** RD Dashboard: running RDs with their installment position, closures and penalty income for the month. */
|
||||
getRecurringDepositDashboard(): Observable<any> {
|
||||
return this.http.get('/recurringdepositaccounts/dashboard');
|
||||
}
|
||||
|
||||
getRecurringDepositAccounts(params: AccountListParams = {}): Observable<any> {
|
||||
let httpParams = new HttpParams()
|
||||
.set('paged', 'true')
|
||||
|
||||
@@ -64,6 +64,7 @@ import { BankCalendarModule } from './bank-calendar/bank-calendar.module';
|
||||
import { DeafModule } from './deaf/deaf.module';
|
||||
import { SavingsDailyInterestModule } from './savings-daily-interest/savings-daily-interest.module';
|
||||
import { FdDashboardModule } from './fd-dashboard/fd-dashboard.module';
|
||||
import { RdDashboardModule } from './rd-dashboard/rd-dashboard.module';
|
||||
import { DicgcModule } from './dicgc/dicgc.module';
|
||||
import { FiuModule } from './fiu/fiu.module';
|
||||
import { GlReportsModule } from './gl-reports/gl-reports.module';
|
||||
@@ -178,6 +179,7 @@ export function HttpLoaderFactory(http: HttpClient) {
|
||||
DeafModule,
|
||||
SavingsDailyInterestModule,
|
||||
FdDashboardModule,
|
||||
RdDashboardModule,
|
||||
DicgcModule,
|
||||
FiuModule,
|
||||
GlReportsModule,
|
||||
|
||||
@@ -51,6 +51,12 @@ export class ClerkShareWithdrawalService {
|
||||
return this.http.post(`/clerk/share-withdrawal-requests/${id}/validate`, {});
|
||||
}
|
||||
|
||||
/** Runs the exact same checklist approve() will run, against a draft that hasn't been submitted
|
||||
* yet — so the clerk sees it in the confirm dialog, before committing to the request. */
|
||||
previewValidate(data: any): Observable<any> {
|
||||
return this.http.post('/clerk/share-withdrawal-requests/preview-validate', data);
|
||||
}
|
||||
|
||||
approve(id: number): Observable<any> {
|
||||
return this.http.post(`/clerk/share-withdrawal-requests/${id}/approve`, {});
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ import { CommonModule } from '@angular/common';
|
||||
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { HttpClient, HttpParams } from '@angular/common/http';
|
||||
import { catchError, debounceTime, distinctUntilChanged, map } from 'rxjs/operators';
|
||||
import { catchError, debounceTime, distinctUntilChanged, map, timeout } from 'rxjs/operators';
|
||||
import { forkJoin, of, Subject } from 'rxjs';
|
||||
import { MatDialog, MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
@@ -3426,6 +3426,7 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
||||
meetingDate: shareRow.meetingDate,
|
||||
description: shareRow.description || null,
|
||||
settlementPaymentTypeId: savingsRow.paymentTypeId,
|
||||
settlementMode: 'SAVINGS',
|
||||
settlementRowSnapshot
|
||||
};
|
||||
|
||||
@@ -3456,11 +3457,60 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
||||
? 'Pending Manager approval — redemption, settlement and account closure all post together on approval.'
|
||||
: 'Pending Manager approval — redemption and settlement both post together on approval.'
|
||||
];
|
||||
this.showConfirmAlert('info', 'Confirm Share Withdrawal Request', confirmLines, 'Submit for Approval', () =>
|
||||
this.showShareWithdrawalConfirm(payload, confirmLines, () =>
|
||||
this.doSubmitShareRedemptionTransfer(payload, shareRow, shares, linkedAcNo)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Shows the confirm dialog with the same checklist the Manager will see when approving this
|
||||
* request — fetched live from the backend (`previewValidate`) rather than re-implemented here,
|
||||
* so it can never show the clerk something different from what the approver actually sees. A
|
||||
* failing check is shown, not blocked: approve() enforces its own hard rules separately (e.g.
|
||||
* Share Advance Collection applied), this list is advisory so problems surface to whoever can
|
||||
* still fix them, before a manager's time is spent on a request that was always going to fail.
|
||||
*/
|
||||
private showShareWithdrawalConfirm(
|
||||
payload: Record<string, unknown>,
|
||||
baseLines: string[],
|
||||
onConfirm: () => void
|
||||
): void {
|
||||
this.clerkShareWithdrawalService
|
||||
.previewValidate(payload)
|
||||
.pipe(
|
||||
// A request that never resolves (slow network, server busy) must not leave the Submit
|
||||
// button looking dead — the dialog still has to open, just without the checklist.
|
||||
timeout(5000),
|
||||
catchError(() => of({ __previewFailed: true }))
|
||||
)
|
||||
.subscribe((res: any) => {
|
||||
const checks: { label: string; pass: boolean; detail: string }[] = res?.checks ?? [];
|
||||
// A failed call (most likely the backend not yet carrying the /preview-validate endpoint)
|
||||
// says so explicitly rather than just omitting the section — a silently empty checklist
|
||||
// looks identical to "everything passed, nothing to show", which is the one reading this
|
||||
// must never give.
|
||||
const checkLines = res?.__previewFailed ? [
|
||||
'',
|
||||
'⚠ Validation checklist unavailable right now — the request can still be submitted.'
|
||||
] : checks.length ? [
|
||||
'',
|
||||
'Validation Checks (same as Manager approval):',
|
||||
...checks.map((c) => `${c.pass ? '✓' : '⚠'} ${c.label}: ${c.detail}`)
|
||||
] : [];
|
||||
// baseLines ends with a blank line followed by the "Pending Manager approval…" footer
|
||||
// sentence, which must stay last so the modal renders it as a footnote rather than a
|
||||
// key/value row — so the checklist is spliced in just before that pair, not appended after.
|
||||
const footerStart =
|
||||
baseLines.length >= 2 && baseLines[baseLines.length - 2] === '' ? baseLines.length - 2 : baseLines.length;
|
||||
const lines = [
|
||||
...baseLines.slice(0, footerStart),
|
||||
...checkLines,
|
||||
...baseLines.slice(footerStart)
|
||||
];
|
||||
this.showConfirmAlert('info', 'Confirm Share Withdrawal Request', lines, 'Submit for Approval', onConfirm);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Share redemption settled to a GL account the clerk picks on the CR row, instead of the
|
||||
* member's linked savings account — mirrors submitShareRedemptionTransfer() above, but the
|
||||
@@ -3572,7 +3622,7 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
||||
? 'Pending Manager approval — redemption, settlement and account closure all post together on approval.'
|
||||
: 'Pending Manager approval — redemption and settlement both post together on approval.'
|
||||
];
|
||||
this.showConfirmAlert('info', 'Confirm Share Withdrawal Request', confirmLines, 'Submit for Approval', () =>
|
||||
this.showShareWithdrawalConfirm(payload, confirmLines, () =>
|
||||
this.doSubmitShareGlSettlementTransfer(payload, shareRow, shares, glRow.acNo)
|
||||
);
|
||||
}
|
||||
@@ -5196,7 +5246,8 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
||||
this.showAlert('error', 'Invalid Account Type', [
|
||||
`Account type(s) not allowed in Bank Transfer: ${invalidAccounts.map((r) => r.acTyp + ' (' + r.acNo + ')').join(', ')}`,
|
||||
'Only Savings (SD) and Current (CA) accounts are permitted.',
|
||||
'GL, FD, RD, SHR accounts are not allowed — use Disbursement/Collection instead.'
|
||||
'GL, FD and SHR accounts are not allowed — use Disbursement/Collection instead.',
|
||||
'RD installments are paid through a cashier Receipt or Auto Debit.'
|
||||
]);
|
||||
return;
|
||||
}
|
||||
@@ -5250,6 +5301,19 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
||||
this.rows.length >= 2 &&
|
||||
this.rows.every((r) => r.typ === 'Disbursement' || r.typ === 'Fund Transfer')
|
||||
) {
|
||||
// A Recurring Deposit is never paid this way: these requests post straight into the account, so the
|
||||
// installment schedule never hears of the money -- installments stay unpaid, Auto Debit collects them
|
||||
// again and the maturity amount comes out wrong. RD installments come in through the cashier's
|
||||
// Receipt or the RD's own Auto Debit.
|
||||
const rdRows = this.rows.filter((r) => r.acTyp === 'RD');
|
||||
if (rdRows.length > 0) {
|
||||
this.showAlert('error', 'Recurring Deposit Not Allowed', [
|
||||
`RD account(s) ${rdRows.map((r) => r.acNo).join(', ')} cannot be used in a Disbursement, Collection or Fund Transfer.`,
|
||||
'Pay RD installments through a cashier Receipt, or by Auto Debit from the linked savings account.'
|
||||
]);
|
||||
return;
|
||||
}
|
||||
|
||||
const drRows = this.rows.filter((r) => r.dbCr === 'Dr');
|
||||
const crRows = this.rows.filter((r) => r.dbCr === 'Cr');
|
||||
|
||||
|
||||
@@ -129,6 +129,31 @@
|
||||
<span>* Date of Meeting</span>
|
||||
<input type="date" [(ngModel)]="meetingDate" [disabled]="isReview" />
|
||||
</label>
|
||||
<label class="inv-form-field">
|
||||
<span>* Settlement Destination</span>
|
||||
@if (!isReview) {
|
||||
<select [ngModel]="settlementMode" (ngModelChange)="onSettlementModeChange($event)">
|
||||
<option value="SAVINGS">Member's Linked Savings Account</option>
|
||||
<option value="GL">GL Account</option>
|
||||
</select>
|
||||
} @else {
|
||||
<input
|
||||
type="text"
|
||||
[value]="reviewRequest?.settlement_mode === 'GL' ? 'GL Account' : 'Linked Savings Account'"
|
||||
readonly
|
||||
/>
|
||||
}
|
||||
</label>
|
||||
@if (!isReview && settlementMode === 'GL') {
|
||||
<label class="inv-form-field">
|
||||
<span>* Settlement GL Account</span>
|
||||
<mifosx-gl-account-selector
|
||||
[inputFormControl]="toGlAccountControl"
|
||||
[glAccountList]="glAccountsData"
|
||||
[required]="true"
|
||||
></mifosx-gl-account-selector>
|
||||
</label>
|
||||
}
|
||||
<label class="inv-form-field">
|
||||
<span>* Settlement Payment Type</span>
|
||||
@if (!isReview) {
|
||||
@@ -386,14 +411,25 @@
|
||||
<td>Date of Meeting</td>
|
||||
<td>{{ meetingDate }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Settlement Destination</td>
|
||||
<td>{{ settlementMode === 'GL' ? 'GL Account' : 'Linked Savings Account' }}</td>
|
||||
</tr>
|
||||
@if (settlementMode === 'GL') {
|
||||
<tr>
|
||||
<td>Settlement GL Account</td>
|
||||
<td>{{ selectedSettlementGlName }}</td>
|
||||
</tr>
|
||||
} @else {
|
||||
<tr>
|
||||
<td>Linked Savings Account</td>
|
||||
<td>{{ account?.savingsAccountNumber || 'None — settlement will not run automatically' }}</td>
|
||||
</tr>
|
||||
}
|
||||
<tr>
|
||||
<td>Settlement Payment Type</td>
|
||||
<td>{{ settlementPaymentTypeName }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Linked Savings Account</td>
|
||||
<td>{{ account?.savingsAccountNumber || 'None — settlement will not run automatically' }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { FormsModule, UntypedFormControl } from '@angular/forms';
|
||||
import { ActivatedRoute, Router, RouterModule } from '@angular/router';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
|
||||
@@ -19,6 +19,9 @@ import { SharesService } from '../../shares/shares.service';
|
||||
import { ClerkShareWithdrawalService } from '../../cashier/clerk-share-withdrawal.service';
|
||||
import { CashierService } from '../../cashier/cashier.service';
|
||||
import { SearchSelectComponent, SearchSelectOption } from '../../shared/search-select/search-select.component';
|
||||
import { GlAccountSelectorComponent } from '../../shared/accounting/gl-account-selector/gl-account-selector.component';
|
||||
import { AccountingService } from '../../accounting/accounting.service';
|
||||
import { GLAccount } from '../../shared/models/general.model';
|
||||
|
||||
export type ShareWdMode = 'create' | 'review';
|
||||
|
||||
@@ -51,7 +54,8 @@ interface ActivityEntry {
|
||||
RouterModule,
|
||||
MatIconModule,
|
||||
MatSnackBarModule,
|
||||
SearchSelectComponent
|
||||
SearchSelectComponent,
|
||||
GlAccountSelectorComponent
|
||||
]
|
||||
})
|
||||
export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
@@ -60,6 +64,7 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
private sharesService = inject(SharesService);
|
||||
private wdService = inject(ClerkShareWithdrawalService);
|
||||
private cashierService = inject(CashierService);
|
||||
private accountingService = inject(AccountingService);
|
||||
private snackBar = inject(MatSnackBar);
|
||||
|
||||
/** When embedded (e.g. opened as a popup from a list screen instead of routed to directly), mode
|
||||
@@ -91,6 +96,17 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
paymentTypes: any[] = [];
|
||||
settlementPaymentTypeId: number | null = null;
|
||||
|
||||
/** Where the redeemed value goes. 'SAVINGS' (the long-standing default) credits the member's
|
||||
* linked savings account. 'GL' lets the clerk pick any postable GL account directly — same
|
||||
* option the Cashier's Transaction Entry screen already offers on its CR row, now available
|
||||
* here too so both entry points behave the same way. Naming the product's own Share Sundry GL
|
||||
* here is still fine: the backend recognises it and books straight to Sundry with no further
|
||||
* settlement leg (see ClerkShareWithdrawalRequestApiResource#submit). */
|
||||
settlementMode: 'SAVINGS' | 'GL' = 'SAVINGS';
|
||||
settlementGlAccountId: number | null = null;
|
||||
glAccountsData: GLAccount[] = [];
|
||||
toGlAccountControl = new UntypedFormControl('');
|
||||
|
||||
activityLog: ActivityEntry[] = [];
|
||||
reviewRequest: any = null;
|
||||
showRejectDialog = false;
|
||||
@@ -132,6 +148,17 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
return this.selectedSettlementPaymentType?.name || '—';
|
||||
}
|
||||
|
||||
/** The chosen GL account's display name, for the confirm dialog and the checklist. Falls back to
|
||||
* the raw id while the GL account list is still loading. */
|
||||
get selectedSettlementGlName(): string {
|
||||
if (!this.settlementGlAccountId) {
|
||||
return '—';
|
||||
}
|
||||
return (
|
||||
this.glAccountsData.find((g) => g.id === this.settlementGlAccountId)?.name || `GL #${this.settlementGlAccountId}`
|
||||
);
|
||||
}
|
||||
|
||||
get isFormValid(): boolean {
|
||||
if (!this.account) return false;
|
||||
if (!this.requestedShares || this.requestedShares <= 0) return false;
|
||||
@@ -141,6 +168,7 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
if (!this.resolutionNumber.trim()) return false;
|
||||
if (!this.meetingDate) return false;
|
||||
if (!this.settlementPaymentTypeId) return false;
|
||||
if (this.settlementMode === 'GL' && !this.settlementGlAccountId) return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
@@ -160,11 +188,18 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
pass: shares > 0 && shares <= held,
|
||||
detail: `${shares} of ${held} shares held`
|
||||
},
|
||||
{
|
||||
label: 'Linked savings account confirmed',
|
||||
pass: !!this.account?.savingsAccountNumber,
|
||||
detail: this.account?.savingsAccountNumber || 'No linked savings account — settlement cannot run automatically'
|
||||
},
|
||||
this.settlementMode === 'GL'
|
||||
? {
|
||||
label: 'Settlement GL Account selected',
|
||||
pass: !!this.settlementGlAccountId,
|
||||
detail: this.settlementGlAccountId ? this.selectedSettlementGlName : 'Missing'
|
||||
}
|
||||
: {
|
||||
label: 'Linked savings account confirmed',
|
||||
pass: !!this.account?.savingsAccountNumber,
|
||||
detail:
|
||||
this.account?.savingsAccountNumber || 'No linked savings account — settlement cannot run automatically'
|
||||
},
|
||||
{
|
||||
label: 'Settlement Payment Type selected (non-cash)',
|
||||
pass: this.settlementPaymentTypeName !== '—',
|
||||
@@ -214,11 +249,37 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
.pipe(catchError(() => of([])))
|
||||
.subscribe((types: any[]) => (this.paymentTypes = types ?? []));
|
||||
|
||||
this.toGlAccountControl.valueChanges.subscribe((id: any) => {
|
||||
this.settlementGlAccountId = id ? Number(id) : null;
|
||||
});
|
||||
|
||||
if (this.requestId && this.mode === 'review') {
|
||||
this.loadReviewRequest(this.requestId);
|
||||
}
|
||||
}
|
||||
|
||||
/** Flips the settlement destination. Switching away from GL clears whatever was picked so a
|
||||
* stale GL id can never ride along on a SAVINGS submission. */
|
||||
onSettlementModeChange(mode: 'SAVINGS' | 'GL'): void {
|
||||
this.settlementMode = mode;
|
||||
if (mode === 'GL') {
|
||||
this.loadGlAccounts();
|
||||
} else {
|
||||
this.settlementGlAccountId = null;
|
||||
this.toGlAccountControl.setValue('');
|
||||
}
|
||||
}
|
||||
|
||||
/** Fetched on first use rather than with the page, since most withdrawals settle to savings. */
|
||||
private loadGlAccounts(): void {
|
||||
if (this.glAccountsData.length) {
|
||||
return;
|
||||
}
|
||||
this.accountingService.getGlAccounts().subscribe((accounts: GLAccount[]) => {
|
||||
this.glAccountsData = accounts ?? [];
|
||||
});
|
||||
}
|
||||
|
||||
onAccountSelected(accountId: string): void {
|
||||
this.selectedAccountId = accountId;
|
||||
if (!accountId) {
|
||||
@@ -246,6 +307,11 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
this.resolutionNumber = req.resolution_number ?? '';
|
||||
this.meetingDate = req.meeting_date ? String(req.meeting_date).split('T')[0].split(' ')[0] : this.meetingDate;
|
||||
this.description = req.description ?? '';
|
||||
this.settlementMode = req.settlement_mode === 'GL' ? 'GL' : 'SAVINGS';
|
||||
this.settlementGlAccountId = req.settlement_gl_account_id ? Number(req.settlement_gl_account_id) : null;
|
||||
if (this.settlementMode === 'GL') {
|
||||
this.loadGlAccounts();
|
||||
}
|
||||
|
||||
if (req.activity_log) {
|
||||
try {
|
||||
@@ -289,7 +355,9 @@ export class ShareWithdrawalRequestComponent implements OnInit {
|
||||
resolutionNumber: this.resolutionNumber.trim(),
|
||||
meetingDate: this.meetingDate,
|
||||
description: this.description,
|
||||
settlementPaymentTypeId: this.settlementPaymentTypeId
|
||||
settlementPaymentTypeId: this.settlementPaymentTypeId,
|
||||
settlementMode: this.settlementMode,
|
||||
...(this.settlementMode === 'GL' ? { settlementGlAccountId: this.settlementGlAccountId } : {})
|
||||
};
|
||||
this.wdService.submit(payload).subscribe({
|
||||
next: () => {
|
||||
|
||||
@@ -591,16 +591,13 @@
|
||||
<i class="fa fa-calendar section-header__icon"></i>
|
||||
<h3 class="section-header__title">{{ 'labels.heading.Recurring Deposit Accounts' | translate }}</h3>
|
||||
</div>
|
||||
<div class="section-header__right">
|
||||
<button mat-raised-button color="primary" (click)="toggleRecurringAccountsOverview()">
|
||||
{{ viewAccountsLabel(showClosedRecurringAccounts) | translate }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (!showClosedRecurringAccounts) {
|
||||
<!-- Active and ended recurring deposits share one table; the Status column says how each one ended (matured or
|
||||
closed early), so the client's RD history stays visible without switching views. -->
|
||||
@if (savingAccounts) {
|
||||
<div class="table-wrapper">
|
||||
<table mat-table [dataSource]="savingAccounts | accountsFilter: 'saving' : 'open' : 'isRecurring'">
|
||||
<table mat-table [dataSource]="savingAccounts | accountsFilter: 'saving' : 'all' : 'isRecurring'">
|
||||
<ng-container matColumnDef="Account No">
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Account No' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
@@ -614,6 +611,15 @@
|
||||
<mifosx-long-text textValue="{{ element.productName }}" chars="35"></mifosx-long-text>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Status">
|
||||
<th mat-header-cell *matHeaderCellDef>Status</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<span class="rd-status" [class.rd-status--ended]="element.timeline?.closedOnDate">{{ rdStatusLabel(element) }}</span>
|
||||
@if (element.timeline?.closedOnDate) {
|
||||
<div class="rd-status__date">on {{ element.timeline.closedOnDate | dateFormat }}</div>
|
||||
}
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Last Active">
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Last Active' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let element">{{ element.lastActiveTransactionDate | dateFormat }}</td>
|
||||
@@ -638,7 +644,7 @@
|
||||
<i class="fa fa-check"></i>
|
||||
</button>
|
||||
}
|
||||
@if (!element.status.submittedAndPendingApproval && !element.status.active) {
|
||||
@if (element.status.approved) {
|
||||
<button
|
||||
class="account-action-button"
|
||||
mat-raised-button
|
||||
@@ -664,7 +670,7 @@
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="no-data">
|
||||
<td mat-footer-cell *matFooterCellDef [attr.colspan]="openSavingsColumns.length">
|
||||
<td mat-footer-cell *matFooterCellDef [attr.colspan]="recurringColumns.length">
|
||||
<div class="table-empty-state">
|
||||
<i class="fa fa-folder-open-o table-empty-state__icon"></i>
|
||||
<p class="table-empty-state__text">
|
||||
@@ -674,67 +680,17 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="openSavingsColumns"></tr>
|
||||
<tr mat-header-row *matHeaderRowDef="recurringColumns"></tr>
|
||||
<tr
|
||||
mat-row
|
||||
*matRowDef="let row; columns: openSavingsColumns"
|
||||
*matRowDef="let row; columns: recurringColumns"
|
||||
[routerLink]="['../', 'recurring-deposits-accounts', row.id, 'general']"
|
||||
class="select-row"
|
||||
></tr>
|
||||
<tr
|
||||
mat-footer-row
|
||||
*matFooterRowDef="
|
||||
(savingAccounts | accountsFilter: 'saving' : 'open' : 'isRecurring')?.length === 0 ? ['no-data'] : []
|
||||
"
|
||||
></tr>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Closed Recurring Deposit Accounts -->
|
||||
@if (showClosedRecurringAccounts) {
|
||||
<div class="table-wrapper">
|
||||
<table mat-table [dataSource]="savingAccounts | accountsFilter: 'saving' : 'closed' : 'isRecurring'">
|
||||
<ng-container matColumnDef="Account No">
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Account No' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<i class="fa fa-stop" [ngClass]="element.status.code | statusLookup"></i>
|
||||
<mifosx-account-number accountNo="{{ element.accountNo }}"></mifosx-account-number>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Saving Account">
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Recurring Deposit Product' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<mifosx-long-text textValue="{{ element.productName }}" chars="35"></mifosx-long-text>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Closed Date">
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Closed Date' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let element">{{ element.timeline.closedOnDate | dateFormat }}</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="no-data">
|
||||
<td mat-footer-cell *matFooterCellDef [attr.colspan]="closedSavingsColumns.length">
|
||||
<div class="table-empty-state">
|
||||
<i class="fa fa-folder-open-o table-empty-state__icon"></i>
|
||||
<p class="table-empty-state__text">
|
||||
{{ 'labels.messages.No Closed Recurring Deposit Accounts Available' | translate }}
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="closedSavingsColumns"></tr>
|
||||
<tr
|
||||
mat-row
|
||||
*matRowDef="let row; columns: closedSavingsColumns"
|
||||
[routerLink]="['../', 'recurring-deposits-accounts', row.id, 'general']"
|
||||
class="select-row"
|
||||
></tr>
|
||||
<tr
|
||||
mat-footer-row
|
||||
*matFooterRowDef="
|
||||
(savingAccounts | accountsFilter: 'saving' : 'closed' : 'isRecurring')?.length === 0 ? ['no-data'] : []
|
||||
(savingAccounts | accountsFilter: 'saving' : 'all' : 'isRecurring')?.length === 0 ? ['no-data'] : []
|
||||
"
|
||||
></tr>
|
||||
</table>
|
||||
|
||||
@@ -419,3 +419,24 @@ table[mat-table] {
|
||||
font-size: 24px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.rd-status {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
background: #dcfce7;
|
||||
color: #166534;
|
||||
|
||||
&--ended {
|
||||
background: #e2e8f0;
|
||||
color: #475569;
|
||||
}
|
||||
}
|
||||
|
||||
.rd-status__date {
|
||||
margin-top: 2px;
|
||||
font-size: 11px;
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
@@ -187,6 +187,15 @@ export class GeneralTabComponent implements OnDestroy {
|
||||
'Saving Account',
|
||||
'Closed Date'
|
||||
];
|
||||
/** Closed Recurring Deposit Accounts Columns - with how each one ended, for tracking. */
|
||||
recurringColumns: string[] = [
|
||||
'Account No',
|
||||
'Saving Account',
|
||||
'Status',
|
||||
'Last Active',
|
||||
'Balance',
|
||||
'Actions'
|
||||
];
|
||||
/** Open Shares Accounts Columns */
|
||||
openSharesColumns: string[] = [
|
||||
'Account No',
|
||||
@@ -475,6 +484,30 @@ export class GeneralTabComponent implements OnDestroy {
|
||||
);
|
||||
}
|
||||
|
||||
/** Where a recurring deposit stands - for one that has ended, how it ended. */
|
||||
rdStatusLabel(account: any): string {
|
||||
switch (account?.status?.code) {
|
||||
case 'savingsAccountStatusType.active':
|
||||
return 'Active';
|
||||
case 'savingsAccountStatusType.matured':
|
||||
return 'Matured (not closed)';
|
||||
case 'savingsAccountStatusType.submitted.and.pending.approval':
|
||||
return 'Pending Approval';
|
||||
case 'savingsAccountStatusType.approved':
|
||||
return 'Approved';
|
||||
case 'savingsAccountStatusType.closed':
|
||||
return 'Matured & Closed';
|
||||
case 'savingsAccountStatusType.pre.mature.closure':
|
||||
return 'Premature Closed';
|
||||
case 'savingsAccountStatusType.rejected':
|
||||
return 'Rejected';
|
||||
case 'savingsAccountStatusType.withdrawn.by.applicant':
|
||||
return 'Withdrawn by Client';
|
||||
default:
|
||||
return account?.status?.value ?? '';
|
||||
}
|
||||
}
|
||||
|
||||
viewAccountsLabel(closed: boolean): string {
|
||||
if (closed) {
|
||||
return 'labels.buttons.View Active Accounts';
|
||||
|
||||
@@ -377,6 +377,8 @@
|
||||
</button>
|
||||
}
|
||||
@if (selectedTabIndex < totalTabs - 1) {
|
||||
<!-- Tooltip sits on a wrapper: a disabled button fires no mouse events, so it can't host it. -->
|
||||
<span [matTooltip]="currentStepBlockerMessage" [matTooltipDisabled]="!currentStepBlockerMessage">
|
||||
<button mat-raised-button color="primary" (click)="onNext()" [disabled]="savingClient || !currentStepValid">
|
||||
@if (savingClient) {
|
||||
<mat-progress-spinner diameter="18" mode="indeterminate" class="m-r-10"></mat-progress-spinner>
|
||||
@@ -390,6 +392,7 @@
|
||||
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
||||
}
|
||||
</button>
|
||||
</span>
|
||||
}
|
||||
@if (selectedTabIndex === totalTabs - 1) {
|
||||
<button mat-raised-button color="primary" [routerLink]="['../']">
|
||||
|
||||
@@ -393,6 +393,12 @@ export class EditClientComponent {
|
||||
if (this.selectedTabIndex === 0 && this.clientGeneralForm?.valid && !this.contactVerificationComplete) {
|
||||
return 'Verify the OTP sent to both the old and new mobile number/email before saving.';
|
||||
}
|
||||
if (this.selectedTabIndex === 0 && this.clientGeneralForm && !this.clientGeneralForm.valid) {
|
||||
const labels = this.invalidGeneralFieldLabels();
|
||||
if (labels.length) {
|
||||
return `Please fill/correct: ${labels.join(', ')}.`;
|
||||
}
|
||||
}
|
||||
if (this.selectedTabIndex === 1) {
|
||||
const labels = this.clientKycStep?.invalidFieldLabels || [];
|
||||
if (labels.length) {
|
||||
@@ -408,6 +414,42 @@ export class EditClientComponent {
|
||||
return 'Please fill all mandatory fields on this tab to continue.';
|
||||
}
|
||||
|
||||
/**
|
||||
* Readable names of the General-tab controls that are invalid. Older clients can be missing
|
||||
* fields that are now mandatory (e.g. mobile/email), which leaves Save disabled with nothing
|
||||
* on screen saying why — this feeds the button tooltip.
|
||||
*/
|
||||
private invalidGeneralFieldLabels(): string[] {
|
||||
const labels: Record<string, string> = {
|
||||
officeId: 'Office',
|
||||
legalFormId: 'Legal Form',
|
||||
genderId: 'Gender',
|
||||
mobileNo: 'Mobile No',
|
||||
alternateMobileNo: 'Alternate Mobile No',
|
||||
emailAddress: 'Email',
|
||||
dateOfBirth: 'Date of Birth',
|
||||
submittedOnDate: 'Submitted On',
|
||||
activationDate: 'Activation Date',
|
||||
savingsProductId: 'Savings Product',
|
||||
firstname: 'First Name',
|
||||
middlename: 'Middle Name',
|
||||
lastname: 'Last Name',
|
||||
fullname: 'Name',
|
||||
monthlyIncome: 'Monthly Income',
|
||||
annualIncome: 'Annual Income',
|
||||
monthlyTurnover: 'Monthly Turnover',
|
||||
annualTurnover: 'Yearly Turnover',
|
||||
agricultureIncome: 'Agriculture Income',
|
||||
nonAgricultureIncome: 'Non-Agriculture Income',
|
||||
guardianDetails: 'Guardian',
|
||||
clientNonPersonDetails: 'Entity Details'
|
||||
};
|
||||
const controls = this.clientGeneralForm?.controls || {};
|
||||
return Object.keys(controls)
|
||||
.filter((name) => controls[name].invalid)
|
||||
.map((name) => labels[name] || name);
|
||||
}
|
||||
|
||||
/** Whether the current tab has unsaved edits */
|
||||
isCurrentTabEdited(): boolean {
|
||||
return this.tabEditMode[this.selectedTabIndex] === true;
|
||||
|
||||
@@ -48,7 +48,12 @@ export class CacheInterceptor implements HttpInterceptor {
|
||||
'/cashreconciliation',
|
||||
'/cashsettlement',
|
||||
'/cashtransfer',
|
||||
'/branchday'
|
||||
'/branchday',
|
||||
// A deposit's lien moves with every repayment of the loan it secures, and decides whether the
|
||||
// deposit may be closed at all - a stale copy would show a released lien as still blocking.
|
||||
'/liens',
|
||||
// The RD Dashboard counts late installments as of today; a cached copy would hide a payment just taken.
|
||||
'/recurringdepositaccounts/dashboard'
|
||||
];
|
||||
|
||||
private isCacheable(url: string): boolean {
|
||||
|
||||
@@ -67,12 +67,18 @@ export class ErrorHandlerInterceptor implements HttpInterceptor {
|
||||
// endpoint isn't available on a given backend deployment, the client-general-step
|
||||
// component already falls back to riskRules = [] silently; no toast needed here either.
|
||||
const isKycRiskRulesRequest = request.url.includes('/kyc/risk-rules');
|
||||
// A document's own file can be missing from the content store (a database copied between
|
||||
// environments without its file store is the usual cause) even though its m_document row
|
||||
// survives — the backend reports that as a 404, same as a client with no photo, and every
|
||||
// caller that fetches a signature/attachment image already recovers with its own catchError.
|
||||
const isDocumentAttachmentRequest = request.url.match(/\/documents\/\d+\/attachment$/);
|
||||
const isSilentRequest =
|
||||
isClientImageRequest ||
|
||||
isClientKycRequest ||
|
||||
isDirectorRequest ||
|
||||
isClientPendingEditRequest ||
|
||||
isKycRiskRulesRequest;
|
||||
isKycRiskRulesRequest ||
|
||||
isDocumentAttachmentRequest;
|
||||
|
||||
// Explicit per-request opt-out (e.g. per-row enrichment fetches on a list page whose
|
||||
// component already recovers via its own catchError) — silenced for every status, since
|
||||
@@ -93,8 +99,8 @@ export class ErrorHandlerInterceptor implements HttpInterceptor {
|
||||
throw response;
|
||||
}
|
||||
|
||||
// Resolved once and emitted in one place below, so every failure here is consistently tagged
|
||||
// as an error and therefore surfaces as a centred modal rather than a corner toast.
|
||||
// Resolved once and emitted in one place below — see the severity decision there for which of
|
||||
// these surfaces as a centred modal versus a corner toast.
|
||||
let alert: { type: string; message: string } | null = null;
|
||||
if (status === 401 || (environment.oauth.enabled && status === 400)) {
|
||||
alert = { type: 'Authentication Error', message: 'Invalid User Details. Please try again!' };
|
||||
@@ -119,7 +125,13 @@ export class ErrorHandlerInterceptor implements HttpInterceptor {
|
||||
message: errorMessage || 'This action is not allowed in the current state.'
|
||||
};
|
||||
} else if (status === 500) {
|
||||
alert = { type: 'Internal Server Error', message: 'Internal Server Error. Please try again later.' };
|
||||
// errorMessage carries the backend's actual explanation (defaultUserMessage/developerMessage)
|
||||
// when one is present; the generic sentence is only a last resort for a response with no body
|
||||
// at all (a proxy timeout, a stack trace the server never wrapped into JSON).
|
||||
alert = {
|
||||
type: 'Internal Server Error',
|
||||
message: errorMessage || 'Internal Server Error. Please try again later.'
|
||||
};
|
||||
} else if (status === 501) {
|
||||
alert = {
|
||||
type: this.translate.instant('error.resource.notImplemented.type'),
|
||||
@@ -133,7 +145,17 @@ export class ErrorHandlerInterceptor implements HttpInterceptor {
|
||||
}
|
||||
|
||||
if (alert) {
|
||||
this.alertService.alert({ ...alert, severity: 'error' });
|
||||
// A GET is the page reading data it did not ask the user for, in the background — a photo,
|
||||
// an attachment, a notes list, a standing-instructions panel. Every one of those already has
|
||||
// its own catchError fallback at the call site (see transaction-entry.component.ts and
|
||||
// similar account-overview loaders), so the page keeps working regardless. Blocking the whole
|
||||
// screen on a dialog the user has to click "OK" on, for data that was never more than a
|
||||
// secondary panel, is the "irritate na ho" complaint this guards against — it goes to the
|
||||
// corner toast instead, same place a non-error alert already goes. A write (POST/PUT/PATCH/
|
||||
// DELETE) is different: that is the one action the user was waiting on, so its failure still
|
||||
// needs the centred, must-acknowledge dialog.
|
||||
const isBackgroundRead = request.method === 'GET' && (status === 500 || status === 501 || status === 503);
|
||||
this.alertService.alert({ ...alert, severity: isBackgroundRead ? undefined : 'error' });
|
||||
}
|
||||
|
||||
throw response;
|
||||
|
||||
@@ -1220,6 +1220,9 @@
|
||||
<button mat-menu-item tabindex="0" [routerLink]="['/fd-dashboard']">
|
||||
<fa-icon icon="calendar-check" class="menu-item-icon"></fa-icon> FD Dashboard
|
||||
</button>
|
||||
<button mat-menu-item tabindex="0" [routerLink]="['/rd-dashboard']">
|
||||
<fa-icon icon="piggy-bank" class="menu-item-icon"></fa-icon> RD Dashboard
|
||||
</button>
|
||||
<button mat-menu-item tabindex="0">
|
||||
<fa-icon icon="chart-line" class="menu-item-icon"></fa-icon> FD Interest Report
|
||||
</button>
|
||||
|
||||
+50
-2
@@ -195,6 +195,13 @@ export class CreateRecurringDepositsAccountComponent {
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (this.recurringDepositsAccountProductTemplate?.introducerRequired && !detailsStep?.introducerId) {
|
||||
this.alertService.alert({
|
||||
type: 'Error',
|
||||
message: 'This product requires an introducer. Please choose an existing customer as introducer before submitting.'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!this.selectedTenureValue || this.selectedTenureFrequencyId === null) {
|
||||
this.alertService.alert({
|
||||
type: 'Error',
|
||||
@@ -209,6 +216,39 @@ export class CreateRecurringDepositsAccountComponent {
|
||||
});
|
||||
return;
|
||||
}
|
||||
// Same limits the server enforces - checked here so the message names the numbers before anything is sent.
|
||||
const minInstallment = Number(this.recurringDepositsAccountProductTemplate?.minDepositAmount) || 0;
|
||||
const maxInstallment = Number(this.recurringDepositsAccountProductTemplate?.maxDepositAmount) || 0;
|
||||
if (minInstallment > 0 && this.selectedDepositAmount < minInstallment) {
|
||||
this.alertService.alert({
|
||||
type: 'Error',
|
||||
message: `Installment ${this.selectedDepositAmount} is below this product's minimum of ${minInstallment}.`
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (maxInstallment > 0 && this.selectedDepositAmount > maxInstallment) {
|
||||
this.alertService.alert({
|
||||
type: 'Error',
|
||||
message: `Installment ${this.selectedDepositAmount} is above this product's maximum of ${maxInstallment}.`
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (
|
||||
this.recurringDepositsAccountCurrencyStep?.autoDebitFacility &&
|
||||
detailsStep?.selectedLinkedAccount?.accountType !== 'SAVINGS'
|
||||
) {
|
||||
this.alertService.alert({
|
||||
type: 'Error',
|
||||
message:
|
||||
'Auto Debit collects each installment from the linked account. Link a Savings account under Deposit Account Link, or turn Auto Debit off.'
|
||||
});
|
||||
return;
|
||||
}
|
||||
const lienError = this.recurringDepositsAccountCurrencyStep?.lienPercentageError;
|
||||
if (lienError) {
|
||||
this.alertService.alert({ type: 'Error', message: `Loan against this RD: ${lienError}` });
|
||||
return;
|
||||
}
|
||||
if (!detailsStep?.selectedCustomerSegment) {
|
||||
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
||||
return;
|
||||
@@ -255,8 +295,16 @@ export class CreateRecurringDepositsAccountComponent {
|
||||
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
||||
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
||||
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
||||
adjustAdvanceTowardsFuturePayments: pt?.adjustAdvanceTowardsFuturePayments ?? false,
|
||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? false
|
||||
// Money paid ahead of a due date counts towards the next installments. Without this an advance cash
|
||||
// payment stayed unallocated: the schedule kept showing the installment unpaid, so Auto Debit collected it
|
||||
// a second time and the missed-installment penalty charged it. The RD product form has no such option, so
|
||||
// the product's value was always false.
|
||||
adjustAdvanceTowardsFuturePayments: true,
|
||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? false,
|
||||
// Lien Marked products only - the server ignores it otherwise and caps it at the product's limit.
|
||||
...(currencyStep?.lienAllowed && currencyStep?.lienPercentage != null
|
||||
? { lienPercentage: Number(currencyStep.lienPercentage) }
|
||||
: {})
|
||||
};
|
||||
|
||||
// Charges from product template
|
||||
|
||||
+12
-2
@@ -233,6 +233,11 @@ export class EditRecurringDepositAccountComponent {
|
||||
});
|
||||
return;
|
||||
}
|
||||
const lienError = this.recurringDepositsAccountCurrencyStep?.lienPercentageError;
|
||||
if (lienError) {
|
||||
this.alertService.alert({ type: 'Error', message: `Loan against this RD: ${lienError}` });
|
||||
return;
|
||||
}
|
||||
if (!detailsStep?.selectedCustomerSegment) {
|
||||
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
||||
return;
|
||||
@@ -275,8 +280,13 @@ export class EditRecurringDepositAccountComponent {
|
||||
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
||||
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
||||
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
||||
adjustAdvanceTowardsFuturePayments: pt?.adjustAdvanceTowardsFuturePayments ?? false,
|
||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? false
|
||||
// See create-recurring-deposits-account: advance payments must count towards the next installments.
|
||||
adjustAdvanceTowardsFuturePayments: true,
|
||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? false,
|
||||
// Lien Marked products only - the server ignores it otherwise and caps it at the product's limit.
|
||||
...(currencyStep?.lienAllowed && currencyStep?.lienPercentage != null
|
||||
? { lienPercentage: Number(currencyStep.lienPercentage) }
|
||||
: {})
|
||||
};
|
||||
|
||||
const rawCharges: any[] = pt?.charges ?? [];
|
||||
|
||||
+2
-1
@@ -70,8 +70,9 @@ export class ActivateRecurringDepositsAccountComponent implements OnInit {
|
||||
*/
|
||||
createActivateRecurringDepositsAccountForm() {
|
||||
this.activateRecurringDepositsAccountForm = this.formBuilder.group({
|
||||
// Defaults to the business date (the branch's working day), which is what the account is normally activated on.
|
||||
activatedOnDate: [
|
||||
'',
|
||||
this.settingsService.businessDate,
|
||||
Validators.required
|
||||
]
|
||||
});
|
||||
|
||||
+2
-1
@@ -72,8 +72,9 @@ export class ApproveRecurringDepositsAccountComponent implements OnInit {
|
||||
*/
|
||||
createApproveRecurringDepositsAccountForm() {
|
||||
this.approveRecurringDepositsAccountForm = this.formBuilder.group({
|
||||
// Defaults to the business date (the branch's working day), which is what the account is normally approved on.
|
||||
approvedOnDate: [
|
||||
'',
|
||||
this.settingsService.businessDate,
|
||||
Validators.required
|
||||
],
|
||||
note: ['']
|
||||
|
||||
+11
-1
@@ -13,6 +13,16 @@
|
||||
<div class="layout-column">
|
||||
<h3 class="mat-h3 flex-fill">{{ title }}</h3>
|
||||
|
||||
@if (totalLienAmount > 0) {
|
||||
<p class="lien-warn">
|
||||
This deposit is pledged as loan security (lien {{ totalLienAmount | number: '1.2-2' }} -
|
||||
@for (lien of liens; track lien.loanId; let last = $last) {
|
||||
loan {{ lien.loanAccountNo }}{{ last ? '' : ', ' }}
|
||||
}
|
||||
). It cannot be closed until the loan is repaid or the guarantee is released.
|
||||
</p>
|
||||
}
|
||||
|
||||
<mat-form-field (click)="closedOnDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
||||
<input
|
||||
@@ -154,7 +164,7 @@
|
||||
<button type="button" mat-raised-button [routerLink]="['../general']">
|
||||
{{ 'labels.buttons.Cancel' | translate }}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!closeRecurringDepositForm.valid">
|
||||
<button mat-raised-button color="primary" [disabled]="!closeRecurringDepositForm.valid || totalLienAmount > 0">
|
||||
{{ 'labels.buttons.Submit' | translate }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
|
||||
+6
@@ -10,6 +10,12 @@
|
||||
max-width: 37rem;
|
||||
}
|
||||
|
||||
.lien-warn {
|
||||
margin: 0 0 16px;
|
||||
font-size: 13px;
|
||||
color: #c62828;
|
||||
}
|
||||
|
||||
.expandcollapsebutton {
|
||||
margin-top: -7px;
|
||||
margin-left: 2%;
|
||||
|
||||
+15
-1
@@ -64,6 +64,9 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
||||
maxDate = new Date();
|
||||
/** Close Recurring Deposit Account form. */
|
||||
closeRecurringDepositForm: UntypedFormGroup;
|
||||
/** Loans this deposit secures. While any remain, the server refuses to close it. */
|
||||
liens: any[] = [];
|
||||
totalLienAmount = 0;
|
||||
|
||||
/**
|
||||
* Retrieves action details template data from `resolve`
|
||||
@@ -79,6 +82,11 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
||||
this.maturityAmount = data.recurringDepositsAccountActionData.maturityAmount;
|
||||
this.onAccountClosureOptions = data.recurringDepositsAccountActionData.onAccountClosureOptions;
|
||||
this.paymentTypes = data.recurringDepositsAccountActionData.paymentTypeOptions;
|
||||
// A matured deposit closes on or after its maturity date - the server refuses anything earlier.
|
||||
const maturityDate = data.recurringDepositsAccountActionData.maturityDate;
|
||||
if (Array.isArray(maturityDate) && maturityDate.length >= 3) {
|
||||
this.minDate = new Date(maturityDate[0], maturityDate[1] - 1, maturityDate[2]);
|
||||
}
|
||||
if (data.recurringDepositsAccountActionData.maturityAmount) {
|
||||
this.title = 'Recurring Deposit Closure on Maturity';
|
||||
} else {
|
||||
@@ -92,6 +100,10 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
||||
this.maxDate = this.settingsService.businessDate;
|
||||
this.createcloseRecurringDepositForm();
|
||||
this.addTransferDetails();
|
||||
this.recurringDepositsService.getRecurringDepositLiens(this.accountId).subscribe((response: any) => {
|
||||
this.liens = response?.liens ?? [];
|
||||
this.totalLienAmount = Number(response?.totalLienAmount) || 0;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -99,8 +111,10 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
||||
*/
|
||||
createcloseRecurringDepositForm() {
|
||||
this.closeRecurringDepositForm = this.formBuilder.group({
|
||||
// The business date, not the computer's clock: the branch's working day can differ from the calendar day,
|
||||
// and closing on the clock's date (before maturity, or before the deposit's last installment) fails.
|
||||
closedOnDate: [
|
||||
new Date(),
|
||||
this.settingsService.businessDate,
|
||||
Validators.required
|
||||
],
|
||||
maturityAmount: [{ value: this.maturityAmount, disabled: true }],
|
||||
|
||||
+131
-2
@@ -11,6 +11,51 @@
|
||||
<form [formGroup]="prematureCloseRecurringDepositsAccountForm" (ngSubmit)="submit()">
|
||||
<mat-card-content>
|
||||
<div class="layout-column">
|
||||
@if (account) {
|
||||
<div class="pc-context">
|
||||
<div class="pc-row">
|
||||
<span>Account</span><b>{{ account.accountNo }}</b>
|
||||
</div>
|
||||
<div class="pc-row">
|
||||
<span>Current balance</span><b>{{ currencySymbol }} {{ balance | number: '1.2-2' }}</b>
|
||||
</div>
|
||||
@if (account.maturityDate) {
|
||||
<div class="pc-row">
|
||||
<span>Maturity date</span><b>{{ account.maturityDate | dateFormat }}</b>
|
||||
</div>
|
||||
}
|
||||
@if (account.maturityAmount != null) {
|
||||
<div class="pc-row">
|
||||
<span>Amount at maturity</span><b>{{ currencySymbol }} {{ account.maturityAmount | number: '1.2-2' }}</b>
|
||||
</div>
|
||||
}
|
||||
<div class="pc-row">
|
||||
<span>Pre-closure penalty</span>
|
||||
<b>
|
||||
@if (account.preClosurePenalApplicable) {
|
||||
{{ account.preClosurePenalInterest }}% less interest
|
||||
@if (account.preClosurePenalInterestOnType?.value) {
|
||||
({{ account.preClosurePenalInterestOnType.value }})
|
||||
}
|
||||
} @else {
|
||||
None
|
||||
}
|
||||
</b>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (totalLienAmount > 0) {
|
||||
<p class="pc-warn">
|
||||
This deposit is pledged as loan security (lien {{ currencySymbol }}
|
||||
{{ totalLienAmount | number: '1.2-2' }} -
|
||||
@for (lien of liens; track lien.loanId; let last = $last) {
|
||||
loan {{ lien.loanAccountNo }}{{ last ? '' : ', ' }}
|
||||
}
|
||||
). It cannot be closed until the loan is repaid or the guarantee is released.
|
||||
</p>
|
||||
}
|
||||
|
||||
<mat-form-field (click)="closedOnDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
||||
<input
|
||||
@@ -23,6 +68,7 @@
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="closedOnDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #closedOnDatePicker></mat-datepicker>
|
||||
<mat-hint>Must be before the maturity date - on or after it, use Close instead.</mat-hint>
|
||||
@if (prematureCloseRecurringDepositsAccountForm.controls.closedOnDate.hasError('required')) {
|
||||
<mat-error>
|
||||
{{ 'labels.inputs.Closed On Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
@@ -30,6 +76,89 @@
|
||||
</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
@if (reasonOptions.length > 1) {
|
||||
<mat-form-field subscriptSizing="dynamic">
|
||||
<mat-label>Closure reason</mat-label>
|
||||
<mat-select formControlName="prematureClosureReasonId">
|
||||
@for (reason of reasonOptions; track reason.id) {
|
||||
<mat-option [value]="reason.id">{{ reason.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
<mat-hint>{{ selectedReasonHint }}</mat-hint>
|
||||
</mat-form-field>
|
||||
}
|
||||
|
||||
<div class="pc-calc">
|
||||
<button
|
||||
type="button"
|
||||
mat-stroked-button
|
||||
color="primary"
|
||||
(click)="calculate()"
|
||||
[disabled]="
|
||||
calculating || totalLienAmount > 0 || !prematureCloseRecurringDepositsAccountForm.value.closedOnDate
|
||||
"
|
||||
>
|
||||
{{ calculating ? 'Calculating…' : 'Calculate Payout' }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@if (preview) {
|
||||
<div class="pc-result">
|
||||
<div class="pc-row pc-row--total">
|
||||
<span>Payable on premature closure</span>
|
||||
<b>{{ currencySymbol }} {{ preview.payoutAmount | number: '1.2-2' }}</b>
|
||||
</div>
|
||||
@if (shortfallVsMaturity != null && shortfallVsMaturity > 0) {
|
||||
<div class="pc-row pc-row--muted">
|
||||
<span>Less than at maturity by</span>
|
||||
<b>{{ currencySymbol }} {{ shortfallVsMaturity | number: '1.2-2' }}</b>
|
||||
</div>
|
||||
}
|
||||
<p class="pc-note">
|
||||
Paid by transfer to the client's savings account - a recurring deposit cannot be broken for cash.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@if (destinationAccounts.length === 0) {
|
||||
<p class="pc-warn">
|
||||
This client has no active savings account to receive the proceeds. Open one first, then close this
|
||||
deposit.
|
||||
</p>
|
||||
} @else {
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Transfer to Savings' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toSavingsAccountId">
|
||||
@for (savings of destinationAccounts; track savings.id) {
|
||||
<mat-option [value]="savings.id">
|
||||
{{ savings.accountNo }} - {{ savings.productName }}
|
||||
@if (savings.owner) {
|
||||
(nominee: {{ savings.owner }})
|
||||
} @else if (savings.id === account?.linkedAccountId) {
|
||||
(linked)
|
||||
}
|
||||
</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
@if (prematureCloseRecurringDepositsAccountForm.controls.toSavingsAccountId.hasError('required')) {
|
||||
<mat-error>
|
||||
{{ 'labels.inputs.Transfer to savings account' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Transfer Description' | translate }}</mat-label>
|
||||
<input matInput formControlName="transferDescription" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{ 'labels.inputs.Note' | translate }}</mat-label>
|
||||
<textarea matInput cdkTextareaAutosize formControlName="note"></textarea>
|
||||
</mat-form-field>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</mat-card-content>
|
||||
|
||||
@@ -37,8 +166,8 @@
|
||||
<button type="button" mat-raised-button [routerLink]="['../../']">
|
||||
{{ 'labels.buttons.Cancel' | translate }}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!prematureCloseRecurringDepositsAccountForm">
|
||||
{{ 'labels.buttons.Confirm' | translate }}
|
||||
<button mat-raised-button color="primary" [disabled]="!canConfirm">
|
||||
{{ submitting ? 'Closing…' : ('labels.buttons.Confirm' | translate) }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
</form>
|
||||
|
||||
+42
@@ -9,3 +9,45 @@
|
||||
.container {
|
||||
max-width: 37rem;
|
||||
}
|
||||
|
||||
.pc-context,
|
||||
.pc-result {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
padding: 12px 14px;
|
||||
margin-bottom: 16px;
|
||||
border: 1px solid rgb(128 128 128 / 30%);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.pc-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
font-size: 13px;
|
||||
|
||||
&--total {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
&--muted {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
.pc-calc {
|
||||
margin: 4px 0 16px;
|
||||
}
|
||||
|
||||
.pc-note {
|
||||
margin: 4px 0 0;
|
||||
font-size: 12px;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.pc-warn {
|
||||
margin: 0 0 16px;
|
||||
font-size: 13px;
|
||||
color: #c62828;
|
||||
}
|
||||
|
||||
+258
-51
@@ -8,25 +8,41 @@
|
||||
|
||||
/** Angular Imports */
|
||||
import { Component, OnInit, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
|
||||
import { ActivatedRoute, Router, RouterLink } from '@angular/router';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
import { CdkTextareaAutosize } from '@angular/cdk/text-field';
|
||||
|
||||
/** Custom Services */
|
||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||
import { ClientsService } from 'app/clients/clients.service';
|
||||
import { SettingsService } from 'app/settings/settings.service';
|
||||
import { Dates } from 'app/core/utils/dates';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/** DepositAccountOnClosureType.TRANSFER_TO_SAVINGS - the only way a broken RD may be paid out. */
|
||||
const TRANSFER_TO_SAVINGS = 200;
|
||||
|
||||
/** PrematureClosureReasonType values the RD closure understands. */
|
||||
const REASON_NORMAL = 100;
|
||||
const REASON_DECEASED = 400;
|
||||
const REASON_NOMINEE_HEIR = 500;
|
||||
|
||||
/**
|
||||
* Premature Close Recurring Deposits Account Component
|
||||
*
|
||||
* The server will only break a recurring deposit early by transferring the proceeds to one of the client's savings
|
||||
* accounts (no cash payout, no reinvest), and it needs to be told so: onAccountClosureId and toSavingsAccountId are
|
||||
* mandatory. This screen used to send only the closure date, so every premature closure was rejected. It now asks the
|
||||
* server what the deposit would pay on the chosen date (calculatePrematureAmount, which applies the product's
|
||||
* pre-closure penalty) and only lets the closure be confirmed against that exact figure.
|
||||
*/
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-premature-close-recurring-deposit-account',
|
||||
templateUrl: './premature-close-recurring-deposit-account.component.html',
|
||||
styleUrls: ['./premature-close-recurring-deposit-account.component.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
CdkTextareaAutosize
|
||||
]
|
||||
})
|
||||
export class PrematureCloseRecurringDepositAccountComponent implements OnInit {
|
||||
@@ -36,72 +52,263 @@ export class PrematureCloseRecurringDepositAccountComponent implements OnInit {
|
||||
private route = inject(ActivatedRoute);
|
||||
private router = inject(Router);
|
||||
private settingsService = inject(SettingsService);
|
||||
private clientsService = inject(ClientsService);
|
||||
|
||||
/** Minimum date allowed. */
|
||||
/** Savings accounts of this deposit's nominees - offered as destinations only for a deceased holder. */
|
||||
nomineeSavingsAccounts: any[] = [];
|
||||
|
||||
/** Minimum date allowed: the deposit's activation date once loaded. */
|
||||
minDate = new Date(2000, 0, 1);
|
||||
/** Maximum date allowed. */
|
||||
/** Maximum date allowed: the business date, and never the maturity date or later (that is a normal Close). */
|
||||
maxDate = new Date();
|
||||
/** premature close Recurring Deposits Account form. */
|
||||
prematureCloseRecurringDepositsAccountForm: UntypedFormGroup;
|
||||
/** Recurring Deposits Account Id */
|
||||
accountId: any;
|
||||
/** The deposit being closed, for the context panel and the default destination account. */
|
||||
account: any;
|
||||
|
||||
/** Result of the last calculatePrematureAmount call, and the date it was calculated for. */
|
||||
preview: { payoutAmount: number; savingsAccounts: any[]; closureOptionId: number } | null = null;
|
||||
previewedFor: string | null = null;
|
||||
calculating = false;
|
||||
submitting = false;
|
||||
/** Loans this deposit secures. While any remain, the server refuses to close it. */
|
||||
liens: any[] = [];
|
||||
totalLienAmount = 0;
|
||||
|
||||
/**
|
||||
* @param {FormBuilder} formBuilder Form Builder
|
||||
* @param {RecurringDepositsService} recurringDepositsService Recurring Deposits Service
|
||||
* @param {Dates} dateUtils Date Utils
|
||||
* @param {ActivatedRoute} route Activated Route
|
||||
* @param {Router} router Router
|
||||
* @param {SettingsService} settingsService Settings Service
|
||||
*/
|
||||
constructor() {
|
||||
this.accountId = this.route.parent.snapshot.params['recurringDepositAccountId'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates the premature close recurring deposits form.
|
||||
*/
|
||||
ngOnInit() {
|
||||
this.maxDate = this.settingsService.businessDate;
|
||||
this.createprematureCloseRecurringDepositsAccountForm();
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates the premature close recurring deposits account form.
|
||||
*/
|
||||
createprematureCloseRecurringDepositsAccountForm() {
|
||||
this.prematureCloseRecurringDepositsAccountForm = this.formBuilder.group({
|
||||
closedOnDate: [
|
||||
'',
|
||||
Validators.required
|
||||
]
|
||||
this.recurringDepositsService.getRecurringDepositsAccountData(this.accountId).subscribe((account: any) => {
|
||||
this.account = account;
|
||||
const activatedOn = this.toDate(account?.timeline?.activatedOnDate);
|
||||
if (activatedOn) {
|
||||
this.minDate = activatedOn;
|
||||
}
|
||||
const maturity = this.toDate(account?.maturityDate);
|
||||
if (maturity) {
|
||||
const dayBeforeMaturity = new Date(maturity);
|
||||
dayBeforeMaturity.setDate(dayBeforeMaturity.getDate() - 1);
|
||||
if (dayBeforeMaturity < this.maxDate) {
|
||||
this.maxDate = dayBeforeMaturity;
|
||||
}
|
||||
}
|
||||
});
|
||||
this.recurringDepositsService.getRecurringDepositLiens(this.accountId).subscribe((response: any) => {
|
||||
this.liens = response?.liens ?? [];
|
||||
this.totalLienAmount = Number(response?.totalLienAmount) || 0;
|
||||
});
|
||||
// A different date or reason is a different payout - the old preview no longer describes what would happen.
|
||||
this.prematureCloseRecurringDepositsAccountForm.get('closedOnDate').valueChanges.subscribe(() => {
|
||||
this.preview = null;
|
||||
this.previewedFor = null;
|
||||
});
|
||||
this.prematureCloseRecurringDepositsAccountForm.get('prematureClosureReasonId').valueChanges.subscribe((reason: number) => {
|
||||
this.preview = null;
|
||||
this.previewedFor = null;
|
||||
if (reason === REASON_DECEASED) {
|
||||
this.loadNomineeSavingsAccounts();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Submits the form and premature closes the recurring deposit account,
|
||||
* if successful redirects to the recurring deposit account.
|
||||
*/
|
||||
submit() {
|
||||
const prematureCloseRecurringDepositsAccountFormData = this.prematureCloseRecurringDepositsAccountForm.value;
|
||||
const locale = this.settingsService.language.code;
|
||||
const dateFormat = this.settingsService.dateFormat;
|
||||
const prevClosedOnDate: Date = this.prematureCloseRecurringDepositsAccountForm.value.closedOnDate;
|
||||
if (prematureCloseRecurringDepositsAccountFormData.closedOnDate instanceof Date) {
|
||||
prematureCloseRecurringDepositsAccountFormData.closedOnDate = this.dateUtils.formatDate(
|
||||
prevClosedOnDate,
|
||||
dateFormat
|
||||
);
|
||||
/** Reasons this deposit's product allows; Normal is always there. */
|
||||
get reasonOptions(): Array<{ id: number; label: string; hint: string }> {
|
||||
const options = [{ id: REASON_NORMAL, label: 'Normal', hint: "Pre-closure penalty as per the deposit's terms." }];
|
||||
if (this.account?.noPenaltyNomineeHeirClosure) {
|
||||
options.push({ id: REASON_NOMINEE_HEIR, label: 'Nominee / legal heir claim', hint: 'No pre-closure penalty.' });
|
||||
}
|
||||
const data = {
|
||||
...prematureCloseRecurringDepositsAccountFormData,
|
||||
dateFormat,
|
||||
locale
|
||||
};
|
||||
this.recurringDepositsService
|
||||
.executeRecurringDepositsAccountCommand(this.accountId, 'prematureClose', data)
|
||||
.subscribe(() => {
|
||||
this.router.navigate(['../../'], { relativeTo: this.route });
|
||||
if (this.account?.deceasedSettlement) {
|
||||
options.push({
|
||||
id: REASON_DECEASED,
|
||||
label: 'Account holder deceased',
|
||||
hint: "No penalty, allowed inside lock-in; may be paid to a nominee's savings account."
|
||||
});
|
||||
}
|
||||
return options;
|
||||
}
|
||||
|
||||
get selectedReasonHint(): string {
|
||||
const reason = this.prematureCloseRecurringDepositsAccountForm.value.prematureClosureReasonId;
|
||||
return this.reasonOptions.find((option) => option.id === reason)?.hint ?? '';
|
||||
}
|
||||
|
||||
/** The client's own savings accounts, plus - for a deceased holder - the nominees' savings accounts. */
|
||||
get destinationAccounts(): any[] {
|
||||
const own = (this.preview?.savingsAccounts ?? []).map((acc: any) => ({ ...acc, owner: null }));
|
||||
if (this.prematureCloseRecurringDepositsAccountForm.value.prematureClosureReasonId !== REASON_DECEASED) {
|
||||
return own;
|
||||
}
|
||||
const ownIds = new Set(own.map((acc: any) => acc.id));
|
||||
return [
|
||||
...own,
|
||||
...this.nomineeSavingsAccounts.filter((acc: any) => !ownIds.has(acc.id))
|
||||
];
|
||||
}
|
||||
|
||||
private loadNomineeSavingsAccounts() {
|
||||
this.nomineeSavingsAccounts = [];
|
||||
const clientId = this.account?.clientId;
|
||||
if (!clientId || !this.account?.accountNo) {
|
||||
return;
|
||||
}
|
||||
this.clientsService.getClientNominees(clientId, this.account.accountNo, 'RD').subscribe((nominees: any) => {
|
||||
const list: any[] = Array.isArray(nominees) ? nominees : (nominees?.pageItems ?? []);
|
||||
list
|
||||
.filter((nominee: any) => nominee?.nomineeClientId && nominee.isActive !== false)
|
||||
.forEach((nominee: any) => {
|
||||
this.clientsService.getClientAccountData(nominee.nomineeClientId).subscribe((accounts: any) => {
|
||||
const savings = (accounts?.savingsAccounts ?? []).filter(
|
||||
(acc: any) => acc?.depositType?.id === 100 && acc?.status?.active
|
||||
);
|
||||
this.nomineeSavingsAccounts = [
|
||||
...this.nomineeSavingsAccounts,
|
||||
...savings.map((acc: any) => ({
|
||||
id: acc.id,
|
||||
accountNo: acc.accountNo,
|
||||
productName: acc.productName,
|
||||
owner: nominee.nomineeDisplayName
|
||||
}))
|
||||
];
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
createprematureCloseRecurringDepositsAccountForm() {
|
||||
this.prematureCloseRecurringDepositsAccountForm = this.formBuilder.group({
|
||||
closedOnDate: [
|
||||
this.settingsService.businessDate,
|
||||
Validators.required
|
||||
],
|
||||
prematureClosureReasonId: [REASON_NORMAL],
|
||||
toSavingsAccountId: [
|
||||
null,
|
||||
Validators.required
|
||||
],
|
||||
transferDescription: ['Premature closure of recurring deposit'],
|
||||
note: ['']
|
||||
});
|
||||
}
|
||||
|
||||
get balance(): number | null {
|
||||
return this.account?.summary?.accountBalance ?? null;
|
||||
}
|
||||
|
||||
get currencySymbol(): string {
|
||||
return this.account?.currency?.displaySymbol || this.account?.currency?.code || '';
|
||||
}
|
||||
|
||||
/** What breaking early costs compared with letting the deposit run to maturity, when both are known. */
|
||||
get shortfallVsMaturity(): number | null {
|
||||
const maturityAmount = this.account?.maturityAmount;
|
||||
if (!this.preview || maturityAmount == null) {
|
||||
return null;
|
||||
}
|
||||
return Number(maturityAmount) - Number(this.preview.payoutAmount);
|
||||
}
|
||||
|
||||
get canConfirm(): boolean {
|
||||
return (
|
||||
this.totalLienAmount <= 0 &&
|
||||
!!this.preview &&
|
||||
this.previewedFor === this.formattedClosedOnDate &&
|
||||
this.prematureCloseRecurringDepositsAccountForm.valid &&
|
||||
!this.submitting
|
||||
);
|
||||
}
|
||||
|
||||
private get formattedClosedOnDate(): string | null {
|
||||
const value = this.prematureCloseRecurringDepositsAccountForm.value.closedOnDate;
|
||||
if (!value) {
|
||||
return null;
|
||||
}
|
||||
return value instanceof Date ? this.dateUtils.formatDate(value, this.settingsService.dateFormat) : value;
|
||||
}
|
||||
|
||||
/** Asks the server what the deposit pays if broken on the chosen date. */
|
||||
calculate() {
|
||||
const closedOnDate = this.formattedClosedOnDate;
|
||||
if (!closedOnDate) {
|
||||
return;
|
||||
}
|
||||
this.calculating = true;
|
||||
const data = {
|
||||
closedOnDate,
|
||||
prematureClosureReasonId: this.prematureCloseRecurringDepositsAccountForm.value.prematureClosureReasonId,
|
||||
dateFormat: this.settingsService.dateFormat,
|
||||
locale: this.settingsService.language.code
|
||||
};
|
||||
this.recurringDepositsService.executeRecurringDepositsAccountCommand(this.accountId, 'calculatePrematureAmount', data).subscribe({
|
||||
next: (response: any) => {
|
||||
const savingsAccounts = response?.savingsAccounts ?? [];
|
||||
const closureOptionId =
|
||||
(response?.onAccountClosureOptions ?? []).find((option: any) => option.id === TRANSFER_TO_SAVINGS)?.id ??
|
||||
TRANSFER_TO_SAVINGS;
|
||||
this.preview = { payoutAmount: response?.maturityAmount, savingsAccounts, closureOptionId };
|
||||
this.previewedFor = closedOnDate;
|
||||
this.calculating = false;
|
||||
this.selectDefaultDestination(savingsAccounts);
|
||||
},
|
||||
error: () => {
|
||||
this.calculating = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/** The deposit's own linked savings account, when it has one the client can still receive into. */
|
||||
private selectDefaultDestination(savingsAccounts: any[]) {
|
||||
const control = this.prematureCloseRecurringDepositsAccountForm.get('toSavingsAccountId');
|
||||
if (control.value && savingsAccounts.some((acc: any) => acc.id === control.value)) {
|
||||
return;
|
||||
}
|
||||
const linkedId = this.account?.linkedAccountId;
|
||||
const linked = savingsAccounts.find((acc: any) => acc.id === linkedId);
|
||||
control.setValue(linked?.id ?? (savingsAccounts.length === 1 ? savingsAccounts[0].id : null));
|
||||
}
|
||||
|
||||
submit() {
|
||||
if (!this.canConfirm) {
|
||||
return;
|
||||
}
|
||||
const formValue = this.prematureCloseRecurringDepositsAccountForm.value;
|
||||
const data: any = {
|
||||
closedOnDate: this.formattedClosedOnDate,
|
||||
onAccountClosureId: this.preview.closureOptionId,
|
||||
prematureClosureReasonId: formValue.prematureClosureReasonId,
|
||||
toSavingsAccountId: formValue.toSavingsAccountId,
|
||||
transferDescription: formValue.transferDescription,
|
||||
dateFormat: this.settingsService.dateFormat,
|
||||
locale: this.settingsService.language.code
|
||||
};
|
||||
if (formValue.note) {
|
||||
data.note = formValue.note;
|
||||
}
|
||||
this.submitting = true;
|
||||
this.recurringDepositsService.executeRecurringDepositsAccountCommand(this.accountId, 'prematureClose', data).subscribe({
|
||||
next: () => {
|
||||
this.router.navigate(['../../'], { relativeTo: this.route });
|
||||
},
|
||||
error: () => {
|
||||
this.submitting = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/** API dates arrive as [yyyy, m, d] arrays or ISO strings. */
|
||||
private toDate(value: any): Date | null {
|
||||
if (!value) {
|
||||
return null;
|
||||
}
|
||||
if (Array.isArray(value)) {
|
||||
return new Date(value[0], value[1] - 1, value[2]);
|
||||
}
|
||||
const parsed = new Date(value);
|
||||
return isNaN(parsed.getTime()) ? null : parsed;
|
||||
}
|
||||
}
|
||||
|
||||
+9
-1
@@ -30,6 +30,14 @@
|
||||
@if (actions['Close']) {
|
||||
<mifosx-close-recurring-deposits-account></mifosx-close-recurring-deposits-account>
|
||||
}
|
||||
@if (actions['Deposit'] || actions['Withdrawal']) {
|
||||
<!-- A direct deposit from the account screen skips the manager's approval; RD installments come in through the
|
||||
cashier's Receipt or Auto Debit instead, so the Deposit action is not offered here even by URL. -->
|
||||
@if (actions['Deposit']) {
|
||||
<p>
|
||||
RD installments cannot be deposited from the account screen. Use a cashier Receipt, or Auto Debit from the linked
|
||||
savings account.
|
||||
</p>
|
||||
}
|
||||
@if (actions['Withdrawal']) {
|
||||
<mifosx-deposit-recurring-deposits-account [currency]="currency"></mifosx-deposit-recurring-deposits-account>
|
||||
}
|
||||
|
||||
+41
-2
@@ -30,11 +30,50 @@
|
||||
<div class="racc-alert racc-alert--editable">
|
||||
<div class="racc-alert__content">
|
||||
<h4>Auto Debit Facility</h4>
|
||||
<p>Enable automatic deduction of funds for recurring payments, utility bills, or EMI obligations.</p>
|
||||
@if (recurringDepositsAccountProductTemplate?.autoDebitFacility) {
|
||||
<p>
|
||||
Collect each installment automatically on its due date from the linked Savings account (Deposit Account
|
||||
Link, Details tab). A short balance leaves it overdue and it is retried on the next run.
|
||||
</p>
|
||||
} @else {
|
||||
<p>This product does not offer Auto Debit.</p>
|
||||
}
|
||||
</div>
|
||||
<mat-slide-toggle [(ngModel)]="autoDebitFacility" color="primary"></mat-slide-toggle>
|
||||
<mat-slide-toggle
|
||||
[(ngModel)]="autoDebitFacility"
|
||||
[disabled]="!recurringDepositsAccountProductTemplate?.autoDebitFacility"
|
||||
color="primary"
|
||||
></mat-slide-toggle>
|
||||
</div>
|
||||
|
||||
@if (lienAllowed) {
|
||||
<div class="racc-alert racc-alert--editable">
|
||||
<div class="racc-alert__content">
|
||||
<h4>Loan against this RD (Lien)</h4>
|
||||
<p>
|
||||
How much of the RD balance can be given as loan, checked on the balance at the time the loan is taken.
|
||||
Product limit: {{ productLienLimit }}%.
|
||||
</p>
|
||||
@if (lienPercentageError) {
|
||||
<p class="racc-lien-error">{{ lienPercentageError }}</p>
|
||||
}
|
||||
</div>
|
||||
<mat-form-field appearance="outline" class="racc-lien-field" subscriptSizing="dynamic">
|
||||
<mat-label>Max loan (%)</mat-label>
|
||||
<input
|
||||
matInput
|
||||
type="number"
|
||||
min="1"
|
||||
[max]="productLienLimit"
|
||||
step="0.01"
|
||||
[(ngModel)]="lienPercentage"
|
||||
[ngModelOptions]="{ standalone: true }"
|
||||
/>
|
||||
<span matTextSuffix>%</span>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="racc-alert">
|
||||
<div class="racc-alert__content">
|
||||
<h4>Dormancy Alert</h4>
|
||||
|
||||
+9
@@ -126,6 +126,15 @@ $gray-900: #202124;
|
||||
}
|
||||
}
|
||||
|
||||
.racc-lien-field {
|
||||
width: 140px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.racc-lien-error {
|
||||
color: #c62828;
|
||||
}
|
||||
|
||||
.racc-alert--editable {
|
||||
border-color: #bae6fd;
|
||||
background: #f0f9ff;
|
||||
|
||||
+42
-2
@@ -6,8 +6,9 @@
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
import { Component, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
|
||||
import { Component, Input, OnChanges, SimpleChanges, ViewChild, inject } from '@angular/core';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||
import { NomineeFormComponent } from 'app/shared/nominee-form/nominee-form.component';
|
||||
import { DormancyAlertPanelComponent } from 'app/shared/dormancy-alert-panel/dormancy-alert-panel.component';
|
||||
import { MatSlideToggle } from '@angular/material/slide-toggle';
|
||||
@@ -36,7 +37,14 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
||||
showNomineeForm = false;
|
||||
nomineeError = '';
|
||||
|
||||
private recurringDepositsService = inject(RecurringDepositsService);
|
||||
|
||||
autoDebitFacility = false;
|
||||
/**
|
||||
* Lien Marked products only: how much of this RD may be given as loan, as % of its balance when the loan is taken.
|
||||
* Starts at the product's percentage; may be lowered, never raised above it.
|
||||
*/
|
||||
lienPercentage: number | null = null;
|
||||
|
||||
private existingAccountApplied = false;
|
||||
|
||||
@@ -50,13 +58,44 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
||||
if (Array.isArray(ea.nominees) && ea.nominees.length > 0) {
|
||||
this.nominees = [...ea.nominees];
|
||||
}
|
||||
// The account response does not carry the deposit's own lien percentage; the lien endpoint does.
|
||||
if (ea.id) {
|
||||
this.recurringDepositsService.getRecurringDepositLiens(ea.id).subscribe((response: any) => {
|
||||
this.lienPercentage = response?.lienPercentage ?? response?.productLienPercentage ?? null;
|
||||
});
|
||||
}
|
||||
}
|
||||
if (changes['recurringDepositsAccountProductTemplate']?.currentValue && !this.existingAccountApplied) {
|
||||
const pt = changes['recurringDepositsAccountProductTemplate'].currentValue;
|
||||
this.autoDebitFacility = !!pt.autoDebitFacility;
|
||||
this.lienPercentage = pt.lienMarked ? (pt.lienPercentage ?? 100) : null;
|
||||
}
|
||||
}
|
||||
|
||||
get lienAllowed(): boolean {
|
||||
return !!this.recurringDepositsAccountProductTemplate?.lienMarked;
|
||||
}
|
||||
|
||||
/** The product's ceiling; a product with no percentage allows the whole balance. */
|
||||
get productLienLimit(): number {
|
||||
return Number(this.recurringDepositsAccountProductTemplate?.lienPercentage) || 100;
|
||||
}
|
||||
|
||||
/** Why the entered percentage would be refused, or null when it is fine. */
|
||||
get lienPercentageError(): string | null {
|
||||
if (!this.lienAllowed) {
|
||||
return null;
|
||||
}
|
||||
if (this.lienPercentage === null || this.lienPercentage === undefined || `${this.lienPercentage}` === '') {
|
||||
return 'Enter how much of the RD balance can be given as loan.';
|
||||
}
|
||||
const value = Number(this.lienPercentage);
|
||||
if (!(value > 0) || value > this.productLienLimit) {
|
||||
return `Must be more than 0% and at most ${this.productLienLimit}% (product limit).`;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
get totalShare(): number {
|
||||
return this.nominees.reduce((sum, n) => sum + (+n.percentageShare || 0), 0);
|
||||
}
|
||||
@@ -112,7 +151,8 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
||||
|
||||
get currencyStepData() {
|
||||
return {
|
||||
autoDebitFacility: this.autoDebitFacility
|
||||
autoDebitFacility: this.autoDebitFacility,
|
||||
...(this.lienAllowed && this.lienPercentage != null ? { lienPercentage: Number(this.lienPercentage) } : {})
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
+20
-1
@@ -121,11 +121,30 @@
|
||||
{{ productTemplate.shareLinkingEnabled ? 'Yes' : 'No' }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="rad-field rad-info-row">
|
||||
<span class="rad-info-label">Introducer Required</span>
|
||||
<span class="rad-badge" [class.rad-badge--yes]="productTemplate.introducerRequired">
|
||||
{{ productTemplate.introducerRequired ? 'Yes' : 'No' }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- The product requires an introducer: an existing customer, never the depositor themselves. -->
|
||||
@if (productTemplate?.introducerRequired) {
|
||||
<mifosx-introducer-search
|
||||
[excludedClientIds]="primaryClientId ? [primaryClientId] : []"
|
||||
[preselectedIntroducer]="
|
||||
introducerId ? { clientId: introducerId, displayName: introducerName, cifNumber: introducerCif } : null
|
||||
"
|
||||
(introducerChange)="onIntroducerChange($event)"
|
||||
></mifosx-introducer-search>
|
||||
}
|
||||
|
||||
<!-- ══ Deposit Account Link ══════════════════════════════════════════ -->
|
||||
@if (productTemplate?.shareLinkingEnabled) {
|
||||
<!-- Also offered when the product allows Auto Debit: that is the account installments are collected from. -->
|
||||
@if (productTemplate?.shareLinkingEnabled || productTemplate?.autoDebitFacility) {
|
||||
<div class="dal-card">
|
||||
<div class="dal-card__header">
|
||||
<div class="dal-card__header-left">
|
||||
|
||||
+27
-1
@@ -24,6 +24,7 @@ import { Dates } from 'app/core/utils/dates';
|
||||
import { MatDialog } from '@angular/material/dialog';
|
||||
|
||||
/** Custom Services */
|
||||
import { ProductsService } from 'app/products/products.service';
|
||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||
import { ClientsService } from 'app/clients/clients.service';
|
||||
import {
|
||||
@@ -62,6 +63,7 @@ import { IntroducerSearchComponent } from 'app/shared/introducer-search/introduc
|
||||
export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnChanges {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
private recurringDepositsService = inject(RecurringDepositsService);
|
||||
private productsService = inject(ProductsService);
|
||||
private settingsService = inject(SettingsService);
|
||||
private dateUtils = inject(Dates);
|
||||
private cdr = inject(ChangeDetectorRef);
|
||||
@@ -117,6 +119,10 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
||||
primaryClientName = '';
|
||||
primaryClientCif = '';
|
||||
primaryClientId: number | null = null;
|
||||
/** Introducer - asked for only when the product has "Introducer Required" on. */
|
||||
introducerId: number | null = null;
|
||||
introducerName: string | null = null;
|
||||
introducerCif: string | null = null;
|
||||
primaryHolderShare = 50;
|
||||
|
||||
// ── Status of Account (RBI) ────────────────────────────────────────────
|
||||
@@ -453,6 +459,14 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
||||
}
|
||||
}
|
||||
this.productTemplate = response;
|
||||
// The account template leaves out the product's installment limits; the calculator and the submit check
|
||||
// read them from this template, so they are taken from the product itself.
|
||||
if (response.minDepositAmount == null && response.maxDepositAmount == null) {
|
||||
this.productsService.getRecurringDepositProduct(String(productId)).subscribe((product: any) => {
|
||||
response.minDepositAmount = product?.minDepositAmount ?? null;
|
||||
response.maxDepositAmount = product?.maxDepositAmount ?? null;
|
||||
});
|
||||
}
|
||||
this.accountTypeOptions = this.extractOptions(response.accountTypeOptions, response.accountType);
|
||||
this.customerSegmentOptions = this.extractOptions(response.customerSegmentOptions, response.customerSegment);
|
||||
this.selectedAccountType = response.accountType ?? null;
|
||||
@@ -463,7 +477,7 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
||||
this.recurringDepositsAccountProductTemplate.emit(response);
|
||||
this.fieldOfficerData = response.fieldOfficerOptions;
|
||||
this.isProductSelected = true;
|
||||
if (response.shareLinkingEnabled) {
|
||||
if (response.shareLinkingEnabled || response.autoDebitFacility) {
|
||||
this.loadClientAccounts();
|
||||
}
|
||||
this.recurringDepositAccountDetailsForm.patchValue({
|
||||
@@ -610,6 +624,12 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
||||
return this.dateUtils.formatDate(dateValue, 'M/d/yyyy') || '';
|
||||
}
|
||||
|
||||
onIntroducerChange(event: { clientId: number; displayName: string; cifNumber?: string } | null): void {
|
||||
this.introducerId = event?.clientId ?? null;
|
||||
this.introducerName = event?.displayName ?? null;
|
||||
this.introducerCif = event?.cifNumber ?? null;
|
||||
}
|
||||
|
||||
onGuardianChange(event: { clientId: number; displayName: string; cifNumber?: string } | null): void {
|
||||
this.guardianClientId = event?.clientId ?? null;
|
||||
this.guardianName = event?.displayName ?? '';
|
||||
@@ -795,6 +815,12 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
||||
value.minorDateOfBirth = this.minorDob ? this.dateUtils.formatDate(this.minorDob, 'dd MMMM yyyy') : null;
|
||||
}
|
||||
|
||||
if (this.productTemplate?.introducerRequired && this.introducerId) {
|
||||
value.introducerId = this.introducerId;
|
||||
value.introducerName = this.introducerName;
|
||||
value.introducerCifNumber = this.introducerCif;
|
||||
}
|
||||
|
||||
if (this.selectedLinkedAccount) {
|
||||
value.linkedAccountId = this.selectedLinkedAccount.id;
|
||||
value.linkedAccountType = this.selectedLinkedAccount.accountType;
|
||||
|
||||
+39
-1
@@ -93,7 +93,13 @@
|
||||
<div class="fdrc-calc-field">
|
||||
<label class="fdrc-calc-label">
|
||||
Monthly Installment
|
||||
<span class="fdrc-calc-optional">(optional — for maturity estimation)</span>
|
||||
<span class="fdrc-calc-optional"
|
||||
>(required@if (minInstallment > 0) {
|
||||
— min ₹{{ minInstallment }}
|
||||
}@if (maxInstallment > 0) {
|
||||
, max ₹{{ maxInstallment }}
|
||||
})</span
|
||||
>
|
||||
</label>
|
||||
<div class="fdrc-amount-row">
|
||||
<span class="fdrc-amount-prefix">₹</span>
|
||||
@@ -257,6 +263,21 @@
|
||||
</span>
|
||||
<span class="fdrc-maturity-row__value">{{ matchResult.appliedRate | number: '1.2-2' }}% p.a.</span>
|
||||
</div>
|
||||
@if (matchResult.interestCalculation) {
|
||||
<div class="fdrc-maturity-row">
|
||||
<span class="fdrc-maturity-row__label">Interest Type</span>
|
||||
<span class="fdrc-maturity-row__value">
|
||||
{{ matchResult.interestCalculation }}
|
||||
@if (matchResult.interestCalculation === 'Compounding') {
|
||||
({{ interestPeriodLabel(matchResult.compoundingPeriod) }})
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
<div class="fdrc-maturity-row">
|
||||
<span class="fdrc-maturity-row__label">Interest Credited</span>
|
||||
<span class="fdrc-maturity-row__value">{{ interestPeriodLabel(matchResult.postingPeriod) }}</span>
|
||||
</div>
|
||||
}
|
||||
<div class="fdrc-maturity-row fdrc-maturity-row--interest">
|
||||
<span class="fdrc-maturity-row__label">Estimated Interest Earned</span>
|
||||
<span class="fdrc-maturity-row__value">₹ {{ matchResult.interestEarned | number: '1.2-2' }}</span>
|
||||
@@ -267,6 +288,23 @@
|
||||
>₹ {{ matchResult.maturityAmount | number: '1.2-2' }}</span
|
||||
>
|
||||
</div>
|
||||
@if (matchResult.postingSchedule?.length) {
|
||||
<details class="fdrc-credits">
|
||||
<summary>Interest credits to the RD ({{ matchResult.postingSchedule.length }})</summary>
|
||||
<table class="fdrc-credits__table">
|
||||
<tr>
|
||||
<th>Credited on</th>
|
||||
<th class="text-right">Interest</th>
|
||||
</tr>
|
||||
@for (p of matchResult.postingSchedule; track p.date) {
|
||||
<tr>
|
||||
<td>{{ p.date }}</td>
|
||||
<td class="text-right">₹ {{ p.interest | number: '1.2-2' }}</td>
|
||||
</tr>
|
||||
}
|
||||
</table>
|
||||
</details>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
+28
@@ -1127,3 +1127,31 @@ $red-light: #fee2e2;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.fdrc-credits {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
&__table {
|
||||
width: 100%;
|
||||
margin-top: 6px;
|
||||
border-collapse: collapse;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 3px 6px;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+164
-69
@@ -42,6 +42,7 @@ import { FormatNumberPipe } from '../../../../pipes/format-number.pipe';
|
||||
import { YesnoPipe } from '../../../../pipes/yesno.pipe';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { buildRdChart, tenureInMonths } from 'app/products/recurring-deposit-products/rd-product-chart';
|
||||
|
||||
export type RdPeriodUnit = 'Days' | 'Months' | 'Years';
|
||||
|
||||
@@ -53,6 +54,12 @@ export interface SlabMatchResult {
|
||||
interestEarned?: number;
|
||||
tenureDays?: number;
|
||||
daysInYear?: number;
|
||||
/** From the product, as the server calculated it: Simple / Compounding, and the period names. */
|
||||
interestCalculation?: string;
|
||||
compoundingPeriod?: string;
|
||||
postingPeriod?: string;
|
||||
/** Each interest credit the deposit will receive, if every installment is paid on time. */
|
||||
postingSchedule?: { date: string; interest: number }[];
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -123,20 +130,62 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
return (this.cbsBaseRates || []).find((r) => r.fdType === 'DOUBLE' && r.isActive);
|
||||
}
|
||||
|
||||
/**
|
||||
* The product's own chart - the one the server prices the RD from - with each slab's senior-citizen rate taken
|
||||
* from the CBS base chart it was built from. Falls back to the base chart only when the product has no chart.
|
||||
*/
|
||||
get interestRateChartData(): any[] {
|
||||
if (this.activeBase?.slabs?.length) {
|
||||
return this.normalizeCbsSlabs(this.activeBase.slabs);
|
||||
}
|
||||
const cbsSlabs: any[] = this.activeBase?.slabs || [];
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
if (!template) return [];
|
||||
return (
|
||||
template.accountChart?.chartSlabs ??
|
||||
template.activeChart?.chartSlabs ??
|
||||
template.interestRateCharts?.[0]?.chartSlabs ??
|
||||
template.interestRateChart?.chartSlabs ??
|
||||
template.chartSlabs ??
|
||||
[]
|
||||
);
|
||||
const productSlabs: any[] =
|
||||
template?.accountChart?.chartSlabs ??
|
||||
template?.activeChart?.chartSlabs ??
|
||||
template?.interestRateCharts?.[0]?.chartSlabs ??
|
||||
template?.interestRateChart?.chartSlabs ??
|
||||
template?.chartSlabs ??
|
||||
[];
|
||||
if (this.chartCache?.cbsSlabs !== cbsSlabs || this.chartCache?.productSlabs !== productSlabs) {
|
||||
this.chartCache = { cbsSlabs, productSlabs, slabs: this.mergeChart(cbsSlabs, productSlabs) };
|
||||
}
|
||||
return this.chartCache.slabs;
|
||||
}
|
||||
|
||||
private chartCache: { cbsSlabs: any[]; productSlabs: any[]; slabs: any[] } | null = null;
|
||||
|
||||
/** The product's minimum deposit term in months - the server refuses anything shorter. Null when it sets none. */
|
||||
/** The product's installment limits (0 = no limit). */
|
||||
get minInstallment(): number {
|
||||
return Number(this.recurringDepositsAccountProductTemplate?.minDepositAmount) || 0;
|
||||
}
|
||||
|
||||
get maxInstallment(): number {
|
||||
return Number(this.recurringDepositsAccountProductTemplate?.maxDepositAmount) || 0;
|
||||
}
|
||||
|
||||
get productMinTenureMonths(): number | null {
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return tenureInMonths(template?.minDepositTerm, template?.minDepositTermType?.id);
|
||||
}
|
||||
|
||||
private mergeChart(cbsSlabs: any[], productSlabs: any[]): any[] {
|
||||
const baseSlabs = this.normalizeCbsSlabs(buildRdChart(cbsSlabs, [], null).slabs);
|
||||
if (!productSlabs.length) {
|
||||
return baseSlabs;
|
||||
}
|
||||
// Products made before RD charts moved to months still hold the base chart's own year slabs
|
||||
const candidates = [...baseSlabs, ...this.normalizeCbsSlabs(cbsSlabs)];
|
||||
return productSlabs.map((slab: any) => {
|
||||
if (slab.seniorCitizenRate != null) {
|
||||
return slab;
|
||||
}
|
||||
const base = candidates.find(
|
||||
(candidate: any) =>
|
||||
candidate.fromPeriod === slab.fromPeriod &&
|
||||
(candidate.toPeriod ?? null) === (slab.toPeriod ?? null) &&
|
||||
this.periodLabel(candidate) === this.periodLabel(slab)
|
||||
);
|
||||
return base?.seniorCitizenRate != null ? { ...slab, seniorCitizenRate: base.seniorCitizenRate } : slab;
|
||||
});
|
||||
}
|
||||
|
||||
private normalizeCbsSlabs(slabs: any[]): any[] {
|
||||
@@ -146,6 +195,10 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
}));
|
||||
}
|
||||
|
||||
private periodLabel(slab: any): string {
|
||||
return String(slab.periodType?.value ?? slab.periodTypeLabel ?? '').toLowerCase();
|
||||
}
|
||||
|
||||
chartSlabsDisplayedColumns: string[] = [
|
||||
'period',
|
||||
'amountRange',
|
||||
@@ -253,6 +306,28 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
return period; // days
|
||||
}
|
||||
|
||||
/**
|
||||
* Whether the tenure falls in the slab, counted the way the server counts it: in whole units of the slab's own
|
||||
* period type, so a 30-month RD is "2 years" against a year slab and lands in "1-2 Years" rather than between
|
||||
* slabs. Day and week slabs keep the day comparison.
|
||||
*/
|
||||
private isTenureInSlab(slab: any, tenureMonths: number, tenureDays: number): boolean {
|
||||
const label = this.periodLabel(slab) || 'days';
|
||||
let tenure: number;
|
||||
let from = slab.fromPeriod ?? 0;
|
||||
let to = slab.toPeriod ?? Infinity;
|
||||
if (label.includes('month')) {
|
||||
tenure = tenureMonths;
|
||||
} else if (label.includes('year')) {
|
||||
tenure = Math.floor(tenureMonths / 12);
|
||||
} else {
|
||||
tenure = tenureDays;
|
||||
from = this.slabPeriodToDays(from, label);
|
||||
to = to === Infinity ? Infinity : this.slabPeriodToDays(to, label);
|
||||
}
|
||||
return tenure >= from && tenure <= to;
|
||||
}
|
||||
|
||||
calculateRate() {
|
||||
this.validationWarning = null;
|
||||
this.matchResult = null;
|
||||
@@ -263,6 +338,26 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
}
|
||||
|
||||
const enteredDays = this.toDays(this.tenureValue, this.tenurePeriodUnit);
|
||||
const enteredMonths = this.tenurePeriodUnit === 'Years' ? this.tenureValue * 12 : this.tenureValue;
|
||||
const minimumMonths = this.productMinTenureMonths;
|
||||
if (minimumMonths != null && enteredMonths < minimumMonths) {
|
||||
this.validationWarning = `Minimum RD tenure for this product is ${minimumMonths} months.`;
|
||||
return;
|
||||
}
|
||||
// The installment must be within the product's limits - the same check the submit and the server make, shown
|
||||
// here so a wrong amount is caught before the rest of the form is filled.
|
||||
if (!this.principalAmount || this.principalAmount <= 0) {
|
||||
this.validationWarning = 'Please enter the monthly installment amount.';
|
||||
return;
|
||||
}
|
||||
if (this.minInstallment > 0 && this.principalAmount < this.minInstallment) {
|
||||
this.validationWarning = `Minimum monthly installment for this product is ₹${this.minInstallment}.`;
|
||||
return;
|
||||
}
|
||||
if (this.maxInstallment > 0 && this.principalAmount > this.maxInstallment) {
|
||||
this.validationWarning = `Maximum monthly installment for this product is ₹${this.maxInstallment}.`;
|
||||
return;
|
||||
}
|
||||
const slabs: any[] = this.interestRateChartData || [];
|
||||
|
||||
if (!slabs.length) {
|
||||
@@ -275,11 +370,7 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
|
||||
for (let i = 0; i < slabs.length; i++) {
|
||||
const slab = slabs[i];
|
||||
const periodTypeValue = slab.periodType?.value || 'Days';
|
||||
const fromDays = this.slabPeriodToDays(slab.fromPeriod ?? 0, periodTypeValue);
|
||||
const toDays = slab.toPeriod != null ? this.slabPeriodToDays(slab.toPeriod, periodTypeValue) : Infinity;
|
||||
|
||||
if (enteredDays >= fromDays && enteredDays <= toDays) {
|
||||
if (this.isTenureInSlab(slab, enteredMonths, enteredDays)) {
|
||||
matchedSlab = slab;
|
||||
matchedIndex = i;
|
||||
break;
|
||||
@@ -329,10 +420,20 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
tenureInMonths: tenureInMonths,
|
||||
interestCompoundingPeriodInMonths: compoundingMonths
|
||||
};
|
||||
// With the product named, the server calculates with the product's own interest settings (simple/compounding,
|
||||
// compounding and posting periods, days in year) - the same figure the opened account will carry.
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
const productId = template?.depositProductId ?? template?.productId;
|
||||
if (productId) {
|
||||
calculationData.productId = productId;
|
||||
}
|
||||
|
||||
if (this.submittedOnDate) {
|
||||
const date = new Date(this.submittedOnDate);
|
||||
calculationData.submittedOnDate = date.toISOString().split('T')[0];
|
||||
// The local calendar date - toISOString() is UTC, which in IST turns midnight of the 9th into the 8th and
|
||||
// starts the projection a day early (a different maturity amount from the one the account gets).
|
||||
const pad = (n: number) => String(n).padStart(2, '0');
|
||||
calculationData.submittedOnDate = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
|
||||
calculationData.dateFormat = 'yyyy-MM-dd'; // Standard ISO for API
|
||||
calculationData.locale = 'en';
|
||||
}
|
||||
@@ -341,6 +442,10 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
result.maturityAmount = apiResult.maturityAmount;
|
||||
result.interestEarned = apiResult.totalInterest;
|
||||
result.daysInYear = apiResult.daysInYear;
|
||||
result.interestCalculation = apiResult.interestCalculation;
|
||||
result.compoundingPeriod = apiResult.compoundingPeriod;
|
||||
result.postingPeriod = apiResult.postingPeriod;
|
||||
result.postingSchedule = apiResult.postingSchedule;
|
||||
this.matchResult = { ...result };
|
||||
this.emitTenureSelection();
|
||||
});
|
||||
@@ -350,6 +455,18 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
}
|
||||
}
|
||||
|
||||
/** "QUATERLY" / "BIANNUAL" / "MONTHLY" (server enum names) as a person would say them. */
|
||||
interestPeriodLabel(name?: string): string {
|
||||
const labels: Record<string, string> = {
|
||||
DAILY: 'Daily',
|
||||
MONTHLY: 'Monthly',
|
||||
QUATERLY: 'Quarterly',
|
||||
BIANNUAL: 'Half-yearly',
|
||||
ANNUAL: 'Yearly'
|
||||
};
|
||||
return name ? (labels[name] ?? name) : '';
|
||||
}
|
||||
|
||||
private emitTenureSelection() {
|
||||
const frequencyId = this.resolveFrequencyId(this.tenurePeriodUnit);
|
||||
if (frequencyId !== null && this.matchResult) {
|
||||
@@ -441,76 +558,54 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
||||
|
||||
// ── Header Getters ──────────────────────────────────────────────────────
|
||||
|
||||
get chartName(): string {
|
||||
if (this.activeBase) {
|
||||
return this.activeBase.versionLabel || 'CBS Base Interest Rate';
|
||||
}
|
||||
/**
|
||||
* The RD product's own chart - the one the deposit is actually priced on. The CBS base chart (an FD master the
|
||||
* product's chart was built from) is shown only when the product has no chart of its own.
|
||||
*/
|
||||
private get productChart(): any {
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return (
|
||||
template?.accountChart?.name ||
|
||||
template?.activeChart?.name ||
|
||||
template?.interestRateCharts?.[0]?.name ||
|
||||
template?.interestRateChart?.name ||
|
||||
template?.name ||
|
||||
''
|
||||
template?.accountChart ||
|
||||
template?.activeChart ||
|
||||
template?.interestRateCharts?.[0] ||
|
||||
template?.interestRateChart ||
|
||||
null
|
||||
);
|
||||
}
|
||||
|
||||
get chartName(): string {
|
||||
if (this.productChart) {
|
||||
return this.productChart.name || '';
|
||||
}
|
||||
return this.activeBase?.versionLabel || 'CBS Base Interest Rate';
|
||||
}
|
||||
|
||||
get chartFromDate(): any {
|
||||
if (this.activeBase) {
|
||||
return this.activeBase.effectiveFromDate;
|
||||
if (this.productChart) {
|
||||
return this.productChart.fromDate;
|
||||
}
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return (
|
||||
template?.accountChart?.fromDate ||
|
||||
template?.activeChart?.fromDate ||
|
||||
template?.interestRateCharts?.[0]?.fromDate ||
|
||||
template?.interestRateChart?.fromDate ||
|
||||
template?.fromDate
|
||||
);
|
||||
return this.activeBase?.effectiveFromDate;
|
||||
}
|
||||
|
||||
get chartEndDate(): any {
|
||||
if (this.activeBase) {
|
||||
return null;
|
||||
if (this.productChart) {
|
||||
return this.productChart.endDate;
|
||||
}
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return (
|
||||
template?.accountChart?.endDate ||
|
||||
template?.activeChart?.endDate ||
|
||||
template?.interestRateCharts?.[0]?.endDate ||
|
||||
template?.interestRateChart?.endDate ||
|
||||
template?.endDate
|
||||
);
|
||||
return null;
|
||||
}
|
||||
|
||||
get chartDescription(): string {
|
||||
if (this.activeBase) {
|
||||
return this.activeBase.remarks || '';
|
||||
if (this.productChart) {
|
||||
return this.productChart.description || '';
|
||||
}
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return (
|
||||
template?.accountChart?.description ||
|
||||
template?.activeChart?.description ||
|
||||
template?.interestRateCharts?.[0]?.description ||
|
||||
template?.interestRateChart?.description ||
|
||||
template?.description ||
|
||||
''
|
||||
);
|
||||
return this.activeBase?.remarks || '';
|
||||
}
|
||||
|
||||
get isActive(): boolean {
|
||||
if (this.activeBase) {
|
||||
return this.activeBase.isActive;
|
||||
if (this.productChart) {
|
||||
return this.productChart.isActive ?? true;
|
||||
}
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return (
|
||||
template?.accountChart?.isActive ??
|
||||
template?.activeChart?.isActive ??
|
||||
template?.interestRateCharts?.[0]?.isActive ??
|
||||
template?.interestRateChart?.isActive ??
|
||||
true
|
||||
);
|
||||
return this.activeBase?.isActive ?? true;
|
||||
}
|
||||
|
||||
get isPrimaryGroupingByAmount(): boolean {
|
||||
|
||||
+13
-21
@@ -84,25 +84,17 @@
|
||||
</div>
|
||||
}
|
||||
|
||||
<mat-checkbox class="flex-98 margin-v" labelPosition="before" formControlName="preClosurePenalApplicable">
|
||||
{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}
|
||||
</mat-checkbox>
|
||||
|
||||
@if (closureSettingsForm.value.preClosurePenalApplicable) {
|
||||
<mat-form-field class="flex-48">
|
||||
<mat-label>{{ 'labels.inputs.Penal Interest' | translate }} (%)</mat-label>
|
||||
<input type="number" matInput formControlName="preClosurePenalInterest" min="0" step="0.01" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field class="flex-48">
|
||||
<mat-label>{{ 'labels.inputs.Period' | translate }}</mat-label>
|
||||
<mat-select formControlName="preClosurePenalInterestOnTypeId">
|
||||
@for (preClosurePenalInterestOnType of preClosurePenalInterestOnTypeData; track preClosurePenalInterestOnType) {
|
||||
<mat-option [value]="preClosurePenalInterestOnType.id">
|
||||
{{ preClosurePenalInterestOnType.value | translateKey: 'catalogs' }}
|
||||
</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
}
|
||||
<!-- The premature-closure penalty is the product's, shown here and never changed per account. -->
|
||||
<div class="flex-98 margin-v rdmt-penal">
|
||||
<div class="rdmt-penal__title">{{ 'labels.inputs.Apply Penal Interest (less)' | translate }} <span class="rdmt-penal__tag">From Product</span></div>
|
||||
@if (closureSettingsForm.value.preClosurePenalApplicable) {
|
||||
<div class="rdmt-penal__row">
|
||||
<span>Penal Interest: <strong>{{ closureSettingsForm.value.preClosurePenalInterest }}%</strong></span>
|
||||
<span>Period: <strong>{{ penalPeriodLabel }}</strong></span>
|
||||
</div>
|
||||
<div class="rdmt-penal__hint">On premature closure the rate is reduced by this much.</div>
|
||||
} @else {
|
||||
<div class="rdmt-penal__row"><strong>No</strong> - no penal interest is charged on premature closure of this product.</div>
|
||||
}
|
||||
</div>
|
||||
</form>
|
||||
|
||||
+34
@@ -150,3 +150,37 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rdmt-penal {
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
background: #f8fafc;
|
||||
font-size: 13px;
|
||||
|
||||
&__title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
&__tag {
|
||||
margin-left: 6px;
|
||||
padding: 1px 6px;
|
||||
border-radius: 8px;
|
||||
background: #e0f2fe;
|
||||
color: #0369a1;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&__row {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
&__hint {
|
||||
margin-top: 4px;
|
||||
font-size: 11px;
|
||||
color: #64748b;
|
||||
}
|
||||
}
|
||||
|
||||
+14
-2
@@ -82,7 +82,7 @@ export class RecurringDepositsAccountMaturityTermsStepComponent implements OnCha
|
||||
);
|
||||
this.savingsAccountsData = template.savingsAccounts ?? [];
|
||||
this.preClosurePenalInterestOnTypeData = template.preClosurePenalInterestOnTypeOptions ?? [];
|
||||
if (!this.closureSettingsForm.get('preClosurePenalApplicable').dirty) {
|
||||
{
|
||||
this.closureSettingsForm.patchValue({
|
||||
preClosurePenalApplicable: template.preClosurePenalApplicable ?? false,
|
||||
preClosurePenalInterest: template.preClosurePenalInterest ?? '',
|
||||
@@ -103,9 +103,21 @@ export class RecurringDepositsAccountMaturityTermsStepComponent implements OnCha
|
||||
this.closureSettingsForm.get('transferToSavingsId')?.setValue('');
|
||||
}
|
||||
|
||||
/** Chosen maturity/closure settings, ready to merge into the submit payload. */
|
||||
/** "Whole Term" / "Till Premature Withdrawal", as the product has it. */
|
||||
get penalPeriodLabel(): string {
|
||||
const id = this.closureSettingsForm.value.preClosurePenalInterestOnTypeId;
|
||||
return this.preClosurePenalInterestOnTypeData.find((option: any) => option.id === id)?.value ?? '-';
|
||||
}
|
||||
|
||||
/**
|
||||
* Chosen maturity/closure settings, ready to merge into the submit payload. The premature-closure penalty is left
|
||||
* out: it is the product's, which the submit already carries and the server applies regardless.
|
||||
*/
|
||||
get closureSettings() {
|
||||
const settings = this.closureSettingsForm.getRawValue();
|
||||
delete settings.preClosurePenalApplicable;
|
||||
delete settings.preClosurePenalInterest;
|
||||
delete settings.preClosurePenalInterestOnTypeId;
|
||||
for (const key in settings) {
|
||||
if (settings[key] === '') {
|
||||
delete settings[key];
|
||||
|
||||
+3
-3
@@ -878,12 +878,12 @@
|
||||
}
|
||||
<div class="preview-field">
|
||||
<span class="preview-label">{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}</span>
|
||||
<span class="preview-value">{{ closureSettings?.preClosurePenalApplicable | yesNo }}</span>
|
||||
<span class="preview-value">{{ productPenal.applicable | yesNo }}</span>
|
||||
</div>
|
||||
@if (closureSettings?.preClosurePenalApplicable) {
|
||||
@if (productPenal.applicable) {
|
||||
<div class="preview-field">
|
||||
<span class="preview-label">{{ 'labels.inputs.Penal Interest' | translate }} (%)</span>
|
||||
<span class="preview-value">{{ closureSettings?.preClosurePenalInterest }}%</span>
|
||||
<span class="preview-value">{{ productPenal.interest }}%</span>
|
||||
</div>
|
||||
<div class="preview-field">
|
||||
<span class="preview-label">{{ 'labels.inputs.Period' | translate }}</span>
|
||||
|
||||
+11
-1
@@ -218,10 +218,20 @@ export class RecurringDepositsAccountPreviewStepComponent implements OnChanges {
|
||||
return match ? `(${match.accountNo}) ${match.savingsProductName}` : '—';
|
||||
}
|
||||
|
||||
/** The premature-closure penalty is the product's (the account cannot change it), so it is shown from the product. */
|
||||
get productPenal(): { applicable: boolean; interest: any; typeId: any } {
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
return {
|
||||
applicable: !!template?.preClosurePenalApplicable,
|
||||
interest: template?.preClosurePenalInterest,
|
||||
typeId: template?.preClosurePenalInterestOnType?.id
|
||||
};
|
||||
}
|
||||
|
||||
get closurePenalInterestOnTypeLabel(): string {
|
||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||
const options = template?.preClosurePenalInterestOnTypeOptions ?? [];
|
||||
const match = options.find((o: any) => o.id === this.closureSettings?.preClosurePenalInterestOnTypeId);
|
||||
const match = options.find((o: any) => o.id === this.productPenal.typeId);
|
||||
return match?.value ?? '—';
|
||||
}
|
||||
|
||||
|
||||
+21
@@ -200,6 +200,27 @@
|
||||
}}
|
||||
</span>
|
||||
</div>
|
||||
@if (lienLimit) {
|
||||
<div class="nx-row">
|
||||
<span class="nx-row__label">Loan against RD ({{ lienLimit.percentage }}% of balance)</span>
|
||||
<span class="nx-row__value nx-row__value--amount">
|
||||
up to {{ lienLimit.maxLoanAmount | currency: currency.code : 'symbol-narrow' : '1.2-2' }}, available
|
||||
{{ lienLimit.availableForLoan | currency: currency.code : 'symbol-narrow' : '1.2-2' }}
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
@if (totalLienAmount > 0) {
|
||||
<div class="nx-row">
|
||||
<span class="nx-row__label">Lien Marked (loan security)</span>
|
||||
<span class="nx-row__value nx-row__value--amount">
|
||||
{{ totalLienAmount | currency: currency.code : 'symbol-narrow' : '1.2-2' }}
|
||||
-
|
||||
@for (lien of liens; track lien.loanId; let last = $last) {
|
||||
Loan {{ lien.loanAccountNo }}{{ last ? '' : ', ' }}
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
<div class="nx-row">
|
||||
<span class="nx-row__label">{{ 'labels.inputs.Recurring Deposit Amount' | translate }}</span>
|
||||
<span class="nx-row__value nx-row__value--amount">
|
||||
|
||||
+29
@@ -15,6 +15,7 @@ import { DateFormatPipe } from '../../../../pipes/date-format.pipe';
|
||||
import { FormatNumberPipe } from '../../../../pipes/format-number.pipe';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-general-tab',
|
||||
@@ -34,14 +35,22 @@ export class GeneralTabComponent {
|
||||
private route = inject(ActivatedRoute);
|
||||
private router = inject(Router);
|
||||
|
||||
private recurringDepositsService = inject(RecurringDepositsService);
|
||||
|
||||
recurringDepositsAccountData: any;
|
||||
isprematureAllowed = false;
|
||||
entityType: string;
|
||||
currency: Currency;
|
||||
/** Loans this deposit secures; empty when it is free of lien. */
|
||||
liens: any[] = [];
|
||||
totalLienAmount = 0;
|
||||
/** Loan limit today (Lien Marked products only): % that applies, what it comes to, and what is left. */
|
||||
lienLimit: { percentage: number; maxLoanAmount: number; availableForLoan: number } | null = null;
|
||||
|
||||
constructor() {
|
||||
this.route.parent.data.subscribe((data: { recurringDepositsAccountData: any }) => {
|
||||
this.recurringDepositsAccountData = data.recurringDepositsAccountData;
|
||||
this.loadLiens(this.recurringDepositsAccountData?.id);
|
||||
this.currency = this.recurringDepositsAccountData.currency;
|
||||
this.isprematureAllowed = data.recurringDepositsAccountData.maturityDate != null;
|
||||
if (this.router.url.includes('clients')) {
|
||||
@@ -53,4 +62,24 @@ export class GeneralTabComponent {
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
private loadLiens(accountId: any) {
|
||||
this.liens = [];
|
||||
this.totalLienAmount = 0;
|
||||
this.lienLimit = null;
|
||||
if (!accountId) {
|
||||
return;
|
||||
}
|
||||
this.recurringDepositsService.getRecurringDepositLiens(accountId).subscribe((response: any) => {
|
||||
this.liens = response?.liens ?? [];
|
||||
this.totalLienAmount = Number(response?.totalLienAmount) || 0;
|
||||
this.lienLimit = response?.lienAllowed
|
||||
? {
|
||||
percentage: Number(response.effectiveLienPercentage) || 0,
|
||||
maxLoanAmount: Number(response.maxLoanAmount) || 0,
|
||||
availableForLoan: Number(response.availableForLoan) || 0
|
||||
}
|
||||
: null;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
+14
@@ -82,6 +82,20 @@
|
||||
<span class="rd-kpi__label">{{ 'labels.inputs.Deposit Period' | translate }}</span>
|
||||
<span class="rd-kpi__value">{{ recurringDepositsAccountData.depositPeriod | number }}</span>
|
||||
</div>
|
||||
<!-- Interest credited to the deposit so far - by its product's posting period (monthly, quarterly...), plus the
|
||||
remainder on the maturity date. -->
|
||||
<div class="rd-kpi rd-kpi--interest">
|
||||
<span class="rd-kpi__label">Interest Posted</span>
|
||||
<span class="rd-kpi__value">
|
||||
{{
|
||||
(recurringDepositsAccountData.summary.totalInterestPosted || 0)
|
||||
| currency: currency.code : 'symbol-narrow' : '1.2-2'
|
||||
}}
|
||||
</span>
|
||||
@if (recurringDepositsAccountData.interestPostingPeriodType?.value) {
|
||||
<span class="rd-kpi__sub">Credited {{ recurringDepositsAccountData.interestPostingPeriodType.value }}</span>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
|
||||
+11
@@ -212,6 +212,17 @@ $border: #e2e8f0;
|
||||
background: rgb(139 92 246 / 22%);
|
||||
border-color: rgb(139 92 246 / 35%);
|
||||
}
|
||||
|
||||
&--interest {
|
||||
background: rgb(16 185 129 / 22%);
|
||||
border-color: rgb(16 185 129 / 35%);
|
||||
}
|
||||
|
||||
&__sub {
|
||||
margin-top: 1px;
|
||||
font-size: 9.5px;
|
||||
color: rgb(255 255 255 / 75%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Status pill */
|
||||
|
||||
+84
@@ -40,6 +40,10 @@ import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
|
||||
import { StatusLookupPipe } from '../../../pipes/status-lookup.pipe';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { DormancyAlertPanelComponent } from 'app/shared/dormancy-alert-panel/dormancy-alert-panel.component';
|
||||
import { ProductsService } from 'app/products/products.service';
|
||||
import { FormDialogComponent } from 'app/shared/form-dialog/form-dialog.component';
|
||||
import { InputBase } from 'app/shared/form-dialog/formfield/model/input-base';
|
||||
import { AlertService } from 'app/core/alert/alert.service';
|
||||
|
||||
/**
|
||||
* RecurringDeposits Account View Component
|
||||
@@ -79,6 +83,8 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
||||
private settingsService = inject(SettingsService);
|
||||
private dateUtils = inject(Dates);
|
||||
private authenticationService = inject(AuthenticationService);
|
||||
private productsService = inject(ProductsService);
|
||||
private alertService = inject(AlertService);
|
||||
dialog = inject(MatDialog);
|
||||
private translateService = inject(TranslateService);
|
||||
|
||||
@@ -105,6 +111,7 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
||||
'Enable Withhold Tax': 'interest',
|
||||
'Disable Withhold Tax': 'interest',
|
||||
'Premature Close': 'danger',
|
||||
'Extend Tenure': 'admin',
|
||||
'Undo Activation': 'admin',
|
||||
Close: 'danger',
|
||||
'Modify Application': 'admin',
|
||||
@@ -128,6 +135,7 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
||||
'Enable Withhold Tax': 'percentage',
|
||||
'Disable Withhold Tax': 'percentage',
|
||||
'Premature Close': 'times-circle',
|
||||
'Extend Tenure': 'calendar-alt',
|
||||
'Undo Activation': 'undo',
|
||||
Close: 'times-circle',
|
||||
'Modify Application': 'edit',
|
||||
@@ -184,6 +192,30 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
||||
|
||||
ngOnInit() {
|
||||
this.setConditionalButtons();
|
||||
this.applyProductRules();
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons the deposit's product decides: no Premature Close unless the product has "Premature Withdrawal option" on,
|
||||
* and an Extend Tenure action when it has "Tenure Flexibility" on. The server enforces both as well.
|
||||
*/
|
||||
private applyProductRules() {
|
||||
const productId = this.recurringDepositsAccountData.depositProductId;
|
||||
if (!productId) {
|
||||
return;
|
||||
}
|
||||
this.productsService.getRecurringDepositProduct(String(productId)).subscribe((product: any) => {
|
||||
if (!product?.prematureWithdrawalOption) {
|
||||
this.buttonConfig.buttonsArray = this.buttonConfig.buttonsArray.filter((btn) => btn.name !== 'Premature Close');
|
||||
this.buttonConfig.optionArray = this.buttonConfig.optionArray.filter((opt) => opt.name !== 'Premature Close');
|
||||
}
|
||||
if (product?.tenureFlexibility && this.recurringDepositsAccountData.status?.value === 'Active') {
|
||||
this.buttonConfig.addOption({
|
||||
name: 'Extend Tenure',
|
||||
taskPermissionName: 'EXTENDTENURE_RECURRINGDEPOSITACCOUNT'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -312,9 +344,61 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
||||
case 'Terminate':
|
||||
this.terminateRecurringDepositsAccount();
|
||||
break;
|
||||
case 'Extend Tenure':
|
||||
this.extendTenure();
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Lengthens the deposit's tenure (product has Tenure Flexibility on). New installments are added after the current
|
||||
* last one, so Auto Debit keeps collecting through the added months; the rate becomes the chart's rate for the new
|
||||
* tenure and the maturity date and amount are worked out again.
|
||||
*/
|
||||
private extendTenure() {
|
||||
const current = Number(this.recurringDepositsAccountData.depositPeriod) || 0;
|
||||
const unit = this.recurringDepositsAccountData.depositPeriodFrequency?.value || 'Months';
|
||||
const data = {
|
||||
title: 'Extend Tenure',
|
||||
layout: { addButtonText: 'Extend' },
|
||||
formfields: [
|
||||
new InputBase({
|
||||
controlName: 'depositPeriod',
|
||||
label: `New tenure in ${unit} (now ${current})`,
|
||||
value: current + 1,
|
||||
type: 'number',
|
||||
required: true,
|
||||
min: current + 1,
|
||||
order: 1
|
||||
})
|
||||
]
|
||||
};
|
||||
this.dialog
|
||||
.open(FormDialogComponent, { data })
|
||||
.afterClosed()
|
||||
.subscribe((response: any) => {
|
||||
const newPeriod = Number(response?.data?.value?.depositPeriod);
|
||||
if (!response?.data) {
|
||||
return;
|
||||
}
|
||||
if (!newPeriod || newPeriod <= current) {
|
||||
this.alertService.alert({ type: 'Extend Tenure', message: `The new tenure must be more than ${current} ${unit}.` });
|
||||
return;
|
||||
}
|
||||
this.recurringDepositsService
|
||||
.executeRecurringDepositsAccountCommand(this.recurringDepositsAccountData.id, 'extendTenure', {
|
||||
depositPeriod: newPeriod,
|
||||
locale: this.settingsService.language.code
|
||||
})
|
||||
.subscribe((result: any) => {
|
||||
if (result?.commandId && !result?.changes) {
|
||||
this.alertService.alert({ type: 'Extend Tenure', message: 'Tenure extension submitted for approval.' });
|
||||
}
|
||||
this.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Deletes Recurring Deposits Account.
|
||||
*/
|
||||
|
||||
+4
-10
@@ -36,12 +36,9 @@ export class RecurringDepositsButtonsConfiguration {
|
||||
setButtons(status: string) {
|
||||
switch (status) {
|
||||
case 'Active':
|
||||
// No Deposit button: a direct deposit here skips the manager's approval. RD installments come in
|
||||
// through the cashier's Receipt (maker-checker) or Auto Debit.
|
||||
this.buttonsArray = [
|
||||
{
|
||||
name: 'Deposit',
|
||||
icon: 'fa fa-arrow-up',
|
||||
taskPermissionName: 'DEPOSIT_RECURRINGDEPOSITACCOUNT'
|
||||
},
|
||||
{
|
||||
name: 'Withdrawal',
|
||||
icon: 'fa fa-arrow-down',
|
||||
@@ -103,12 +100,9 @@ export class RecurringDepositsButtonsConfiguration {
|
||||
name: 'Calculate Interest',
|
||||
icon: 'fa fa-calculator',
|
||||
taskPermissionName: 'CALCULATEINTEREST_RECURRINGDEPOSITACCOUNT'
|
||||
},
|
||||
{
|
||||
name: 'Post Interest',
|
||||
icon: 'fa fa-money',
|
||||
taskPermissionName: 'POSTINTEREST_RECURRINGDEPOSITACCOUNT'
|
||||
}
|
||||
// No Post Interest: the term's interest is credited by the server on the maturity date, and again only at
|
||||
// closure for any days after it.
|
||||
];
|
||||
break;
|
||||
case 'Rejected':
|
||||
|
||||
@@ -31,6 +31,14 @@ export class RecurringDepositsService {
|
||||
return this.http.get(`/recurringdepositaccounts/${recurringDepositAccountId}`, { params: httpParams });
|
||||
}
|
||||
|
||||
/**
|
||||
* Loans this recurring deposit currently secures (lien), with the amount each one holds.
|
||||
* Returns { totalLienAmount, liens: [{ loanId, loanAccountNo, loanStatus, amount }] }.
|
||||
*/
|
||||
getRecurringDepositLiens(recurringDepositAccountId: any): Observable<any> {
|
||||
return this.http.get(`/recurringdepositaccounts/${recurringDepositAccountId}/liens`);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param clientId Client Id
|
||||
* @param clientName Client Name
|
||||
|
||||
@@ -230,11 +230,29 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (mapping of selection[role.configKey]; track $index; let i = $index) {
|
||||
<!-- Tracked by the row's own id, never by position. With $index, deleting a row shifted every
|
||||
row after it up one, Angular reused the inputs bound to the old positions, and
|
||||
ngModel wrote their values back into the shortened array - the row reappeared and
|
||||
Save stayed grey. -->
|
||||
@for (mapping of selection[role.configKey]; track mapping.rowId; let i = $index) {
|
||||
<tr [class.rrc-map__row--invalid]="isRowInvalid(mapping)">
|
||||
<td>
|
||||
<mat-form-field appearance="outline" subscriptSizing="dynamic" class="rrc-map__field">
|
||||
<mat-select [(ngModel)]="mapping.glAccountId" [disabled]="savingKey === role.configKey">
|
||||
<!-- The chart runs to a hundred accounts, so the list is typed into rather
|
||||
than scrolled. Cleared as the dropdown opens, so each one opens whole. -->
|
||||
<mat-select
|
||||
[(ngModel)]="mapping.glAccountId"
|
||||
[disabled]="savingKey === role.configKey"
|
||||
(openedChange)="accountSearch = ''"
|
||||
>
|
||||
<mat-option>
|
||||
<ngx-mat-select-search
|
||||
[(ngModel)]="accountSearch"
|
||||
[ngModelOptions]="{ standalone: true }"
|
||||
placeholderLabel="Search by GL code or name"
|
||||
noEntriesFoundLabel="No account matches"
|
||||
></ngx-mat-select-search>
|
||||
</mat-option>
|
||||
@for (o of availableAccounts(role, i); track o.id) {
|
||||
<mat-option [value]="o.id">{{ o.glCode }} · {{ o.name }}</mat-option>
|
||||
}
|
||||
|
||||
@@ -7,8 +7,9 @@
|
||||
*/
|
||||
|
||||
import { Component, OnInit, inject } from '@angular/core';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
||||
import { catchError, forkJoin, of } from 'rxjs';
|
||||
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { OrganizationService } from '../organization.service';
|
||||
|
||||
@@ -20,6 +21,15 @@ export interface ReserveMapping {
|
||||
glAccountId: number;
|
||||
weightPercentage: number;
|
||||
liabilityClass: string | null;
|
||||
/**
|
||||
* Identity for the row, so the template can track rows by it rather than by position.
|
||||
*
|
||||
* Tracking by index made deletion impossible: removing a row shifts every row after it up one, so
|
||||
* Angular reused the inputs that were bound to the old positions and ngModel wrote their values
|
||||
* straight back into the shortened array. The row reappeared, the draft matched what was stored
|
||||
* again, and Save stayed grey. Never sent to the backend.
|
||||
*/
|
||||
rowId: number;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -43,7 +53,9 @@ export interface ReserveMapping {
|
||||
styleUrls: ['./rbi-reserve-config.component.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
FormsModule
|
||||
FormsModule,
|
||||
ReactiveFormsModule,
|
||||
NgxMatSelectSearchModule
|
||||
]
|
||||
})
|
||||
export class RbiReserveConfigComponent implements OnInit {
|
||||
@@ -80,9 +92,33 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
/** Every reserve role the backend returned, before the form filter narrows it. */
|
||||
private allRoles: any[] = [];
|
||||
|
||||
/** Re-slices what is on screen. No round trip - the full set is already held. */
|
||||
/** Hands each mapping row an identity the template can track it by. See ReserveMapping.rowId. */
|
||||
private nextRowId = 1;
|
||||
|
||||
/**
|
||||
* What is typed into the search box inside an open account dropdown.
|
||||
*
|
||||
* One field for the whole screen rather than one per row: only one dropdown is open at a time, and
|
||||
* it is cleared as each one opens, so a term left behind cannot narrow the next list a user opens
|
||||
* without them seeing why it is short.
|
||||
*/
|
||||
accountSearch = '';
|
||||
|
||||
/**
|
||||
* Re-slices what is on screen. No round trip - the full set is already held.
|
||||
*
|
||||
* The rows are rebuilt for whatever the new slice brings in. They used not to be: selection was
|
||||
* filled once, for the heads the first slice happened to contain, so switching the filter showed
|
||||
* the newly admitted heads with no rows at all - a card with a name and an empty body, reading as
|
||||
* a head that had nothing mapped when it was simply never read.
|
||||
*/
|
||||
onFormFilterChange(): void {
|
||||
this.glRoles = this.rolesForScreen();
|
||||
for (const role of this.glRoles) {
|
||||
if (!this.selection[role.configKey]) {
|
||||
this.reloadSelection(role);
|
||||
}
|
||||
}
|
||||
this.rebuildGroups();
|
||||
}
|
||||
|
||||
@@ -230,11 +266,7 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
for (const role of this.glRoles) {
|
||||
// Read back what is stored rather than re-derived: a weight or a class the administrator set
|
||||
// deliberately would otherwise be replaced by a default on the next save.
|
||||
this.selection[role.configKey] = (role.accounts || []).map((a: any) => ({
|
||||
glAccountId: a.glAccountId,
|
||||
weightPercentage: a.weightPercentage === null || a.weightPercentage === undefined ? 100 : +a.weightPercentage,
|
||||
liabilityClass: a.liabilityClass ?? (role.classified ? 'TIME' : null)
|
||||
}));
|
||||
this.reloadSelection(role);
|
||||
}
|
||||
this.rebuildGroups();
|
||||
}
|
||||
@@ -288,9 +320,16 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
);
|
||||
}
|
||||
|
||||
/** A role with nothing mapped makes its return refuse to compute — surfaced, not hidden. */
|
||||
/**
|
||||
* A role with nothing mapped makes its return refuse to compute — surfaced, not hidden.
|
||||
*
|
||||
* Read from what is STORED, not from the draft on screen. The returns run off the saved mapping,
|
||||
* so a row cleared but not yet saved changes nothing for them; counting it as unmapped made the
|
||||
* banner announce that returns could not compute while they were still computing perfectly well.
|
||||
* The unsaved edit is already shown by Save turning active.
|
||||
*/
|
||||
isUnmapped(role: any): boolean {
|
||||
return !(this.selection[role.configKey] || []).length;
|
||||
return !(role.accounts || []).length;
|
||||
}
|
||||
|
||||
get unmappedCount(): number {
|
||||
@@ -327,11 +366,29 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
// a bank look compliant when it is not.
|
||||
this.selection[role.configKey] = [
|
||||
...(this.selection[role.configKey] || []),
|
||||
{ glAccountId: null as any, weightPercentage: 100, liabilityClass: role.classified ? 'TIME' : null }];
|
||||
{
|
||||
glAccountId: null as any,
|
||||
weightPercentage: 100,
|
||||
liabilityClass: role.classified ? 'TIME' : null,
|
||||
rowId: this.nextRowId++
|
||||
}];
|
||||
}
|
||||
|
||||
/**
|
||||
* Drops a row and saves the head straight away.
|
||||
*
|
||||
* The bin used to clear the row on screen and leave it to Save, which read as the mapping having
|
||||
* been removed when nothing had reached the server - the row came back on the next refresh. A bin
|
||||
* is understood to delete, so it deletes: a row with nothing chosen in it never existed on the
|
||||
* server and only has to go from the screen, and anything else is written through at once.
|
||||
*/
|
||||
removeMapping(role: any, index: number): void {
|
||||
this.selection[role.configKey] = (this.selection[role.configKey] || []).filter((_, i) => i !== index);
|
||||
const rows = this.selection[role.configKey] || [];
|
||||
const removed = rows[index];
|
||||
this.selection[role.configKey] = rows.filter((_, i) => i !== index);
|
||||
if (removed?.glAccountId) {
|
||||
this.saveRole(role);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -343,7 +400,23 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
const rows = this.selection[role.configKey] || [];
|
||||
const taken = new Set(rows.filter((_, i) => i !== index).map((m) => `${m.glAccountId}/${m.liabilityClass ?? ''}`));
|
||||
const current = rows[index];
|
||||
return this.glAccountOptions.filter((o) => !taken.has(`${o.id}/${current?.liabilityClass ?? ''}`));
|
||||
const free = this.glAccountOptions.filter((o) => !taken.has(`${o.id}/${current?.liabilityClass ?? ''}`));
|
||||
|
||||
// Typed into the search box above the list. Matched on code AND name, because an administrator
|
||||
// looking for a head knows one or the other - the GL code off a trial balance, or the name off
|
||||
// the balance sheet - and should not have to know which this list is sorted by.
|
||||
const term = (this.accountSearch || '').trim().toLowerCase();
|
||||
if (!term) {
|
||||
return free;
|
||||
}
|
||||
// The chosen account stays in the list whatever is typed. Dropping it would leave mat-select
|
||||
// with a value that matches no option, and the row would read as empty.
|
||||
return free.filter(
|
||||
(o) =>
|
||||
o.id === current?.glAccountId ||
|
||||
`${o.glCode}`.toLowerCase().includes(term) ||
|
||||
`${o.name}`.toLowerCase().includes(term)
|
||||
);
|
||||
}
|
||||
|
||||
/** A row that cannot be saved - no account chosen, or a portion outside 0-100. */
|
||||
@@ -379,6 +452,16 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
.filter((e) => Math.abs(e.total - 100) > 0.0001);
|
||||
}
|
||||
|
||||
/** Rebuilds one head's rows from what the server last returned, discarding the draft. */
|
||||
private reloadSelection(role: any): void {
|
||||
this.selection[role.configKey] = (role.accounts || []).map((a: any) => ({
|
||||
glAccountId: a.glAccountId,
|
||||
weightPercentage: a.weightPercentage === null || a.weightPercentage === undefined ? 100 : +a.weightPercentage,
|
||||
liabilityClass: a.liabilityClass ?? (role.classified ? 'TIME' : null),
|
||||
rowId: this.nextRowId++
|
||||
}));
|
||||
}
|
||||
|
||||
saveRole(role: any): void {
|
||||
this.savingKey = role.configKey;
|
||||
this.errorMsg = '';
|
||||
@@ -398,6 +481,11 @@ export class RbiReserveConfigComponent implements OnInit {
|
||||
catchError((err: any) => {
|
||||
this.savingKey = null;
|
||||
this.errorMsg = err?.error?.errors?.[0]?.defaultUserMessage ?? 'Could not save this mapping.';
|
||||
// Put the screen back to what the server holds. A failed save that left the draft showing
|
||||
// would say the change had gone through while the server still had the old mapping - and
|
||||
// the bin deletes immediately, so this is the only thing between a rejected delete and a
|
||||
// row that looks gone but is not.
|
||||
this.reloadSelection(role);
|
||||
return of(null);
|
||||
})
|
||||
)
|
||||
|
||||
@@ -62,7 +62,7 @@ export class AccountsFilterPipe implements PipeTransform {
|
||||
account.status.code === 'savingsAccountStatusType.rejected'
|
||||
);
|
||||
});
|
||||
} else {
|
||||
} else if (status !== 'all') {
|
||||
accounts = accounts.filter((account: any) => {
|
||||
return (
|
||||
account.status.code !== 'savingsAccountStatusType.withdrawn.by.applicant' &&
|
||||
|
||||
+12
-1
@@ -89,7 +89,18 @@
|
||||
<p class="base-rate-remarks">{{ activeBaseVersion.remarks }}</p>
|
||||
}
|
||||
|
||||
<table class="base-rate-table" mat-table [dataSource]="activeBaseVersion.slabs">
|
||||
<p class="base-rate-remarks">
|
||||
RD tenure is counted in months, from {{ rdChart.minTenureMonths ?? '-' }} months (the Minimum Tenure on the
|
||||
Terms tab). A rate below the first slab comes from the RD CBS base chart; the rest from this chart.
|
||||
</p>
|
||||
@if (rdChart.shortTermRateMissing) {
|
||||
<p class="base-rate-remarks">
|
||||
The RD CBS base chart has no rate for {{ configuredMinTenureMonths }} months, so this product can only be
|
||||
opened from {{ rdChart.minTenureMonths }} months.
|
||||
</p>
|
||||
}
|
||||
|
||||
<table class="base-rate-table" mat-table [dataSource]="activeBaseSlabs">
|
||||
<ng-container matColumnDef="srNo">
|
||||
<th mat-header-cell *matHeaderCellDef>Sr.</th>
|
||||
<td mat-cell *matCellDef="let slab">{{ slab.srNo }}</td>
|
||||
|
||||
+92
-12
@@ -35,6 +35,8 @@ import { ProductsService } from 'app/products/products.service';
|
||||
import { SettingsService } from 'app/settings/settings.service';
|
||||
import { Accounting } from 'app/core/utils/accounting';
|
||||
import { Dates } from 'app/core/utils/dates';
|
||||
import { AlertService } from 'app/core/alert/alert.service';
|
||||
import { buildRdChart, RdChart, tenureInMonths } from '../rd-product-chart';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
import { RecurringDepositProductPreviewStepComponent } from '../recurring-deposit-product-stepper/recurring-deposit-product-preview-step/recurring-deposit-product-preview-step.component';
|
||||
import { MatTabsModule } from '@angular/material/tabs';
|
||||
@@ -74,6 +76,7 @@ export class CreateRecurringDepositProductComponent {
|
||||
private settingsService = inject(SettingsService);
|
||||
private accounting = inject(Accounting);
|
||||
private dateUtils = inject(Dates);
|
||||
private alertService = inject(AlertService);
|
||||
|
||||
@ViewChild(RecurringDepositProductDetailsStepComponent, { static: true })
|
||||
recurringDepositProductDetailsStep: RecurringDepositProductDetailsStepComponent;
|
||||
@@ -92,6 +95,9 @@ export class CreateRecurringDepositProductComponent {
|
||||
accountingRuleData: string[] = [];
|
||||
selectedTabIndex = 0;
|
||||
rdInterestRates: any[] = [];
|
||||
rdBaseSlabs: any[] = [];
|
||||
private rdChartCache: { baseSlabs: any[]; rdBaseSlabs: any[]; minTenureMonths: number | null; chart: RdChart } | null =
|
||||
null;
|
||||
readonly rdSlabColumns = [
|
||||
'srNo',
|
||||
'description',
|
||||
@@ -122,6 +128,17 @@ export class CreateRecurringDepositProductComponent {
|
||||
this.rdInterestRates = [];
|
||||
}
|
||||
});
|
||||
// The RD base chart supplies the rate for 6 months to below 1 year, which the FD chart does not cover
|
||||
this.productsService.getRdBaseInterestRates().subscribe({
|
||||
next: (rates: any) => {
|
||||
const versions: any[] = Array.isArray(rates) ? rates : rates ? [rates] : [];
|
||||
const active = versions.find((version: any) => version.isActive) ?? versions[0];
|
||||
this.rdBaseSlabs = active?.slabs || [];
|
||||
},
|
||||
error: () => {
|
||||
this.rdBaseSlabs = [];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
get recurringDepositProductDetailsForm() {
|
||||
@@ -167,11 +184,37 @@ export class CreateRecurringDepositProductComponent {
|
||||
return null;
|
||||
}
|
||||
|
||||
/** The product's chart in months, from 6 months up - see rd-product-chart.ts. */
|
||||
/** The minimum tenure entered on the Terms tab, in months. */
|
||||
get configuredMinTenureMonths(): number | null {
|
||||
const terms = this.recurringDepositProductTermsForm?.value;
|
||||
return tenureInMonths(terms?.minDepositTerm, terms?.minDepositTermTypeId);
|
||||
}
|
||||
|
||||
get rdChart(): RdChart {
|
||||
const baseSlabs = this.activeBaseVersion?.slabs || [];
|
||||
const minTenureMonths = this.configuredMinTenureMonths;
|
||||
if (
|
||||
this.rdChartCache?.baseSlabs !== baseSlabs ||
|
||||
this.rdChartCache?.rdBaseSlabs !== this.rdBaseSlabs ||
|
||||
this.rdChartCache?.minTenureMonths !== minTenureMonths
|
||||
) {
|
||||
this.rdChartCache = {
|
||||
baseSlabs,
|
||||
rdBaseSlabs: this.rdBaseSlabs,
|
||||
minTenureMonths,
|
||||
chart: buildRdChart(baseSlabs, this.rdBaseSlabs, minTenureMonths)
|
||||
};
|
||||
}
|
||||
return this.rdChartCache.chart;
|
||||
}
|
||||
|
||||
get activeBaseSlabs() {
|
||||
return this.activeBaseVersion?.slabs || [];
|
||||
return this.rdChart.slabs;
|
||||
}
|
||||
|
||||
get recurringDepositProduct() {
|
||||
const rdChart = this.rdChart;
|
||||
return {
|
||||
...this.recurringDepositProductDetailsStep.recurringDepositProductDetails,
|
||||
...this.recurringDepositProductCurrencyStep.recurringDepositProductCurrency,
|
||||
@@ -179,14 +222,20 @@ export class CreateRecurringDepositProductComponent {
|
||||
...this.recurringDepositProductSettingsStep.recurringDepositProductSettings,
|
||||
...this.recurringDepositProductChargesStep.recurringDepositProductCharges,
|
||||
...this.recurringDepositProductAccountingStep.recurringDepositProductAccounting,
|
||||
// The minimum comes from the Terms tab. Only when the chart has no rate that short is it raised to where the
|
||||
// chart's rates begin, so no account can be opened for a tenure the chart cannot price.
|
||||
...(rdChart.minTenureMonths != null && rdChart.minTenureMonths !== this.configuredMinTenureMonths
|
||||
? { minDepositTerm: rdChart.minTenureMonths, minDepositTermTypeId: 2 }
|
||||
: {}),
|
||||
charts: this.recurringDepositProductCharts,
|
||||
rdSlabs: this.activeBaseSlabs
|
||||
rdSlabs: rdChart.slabs
|
||||
};
|
||||
}
|
||||
|
||||
get recurringDepositProductCharts() {
|
||||
const activeBaseVersion = this.activeBaseVersion;
|
||||
if (!activeBaseVersion?.slabs?.length) {
|
||||
const slabs = this.rdChart.slabs;
|
||||
if (!activeBaseVersion || !slabs.length) {
|
||||
return [];
|
||||
}
|
||||
const dateFormat = this.settingsService.dateFormat;
|
||||
@@ -208,7 +257,7 @@ export class CreateRecurringDepositProductComponent {
|
||||
isPrimaryGroupingByAmount: false,
|
||||
locale: this.settingsService.language.code,
|
||||
dateFormat,
|
||||
chartSlabs: activeBaseVersion.slabs.map((slab: any) => {
|
||||
chartSlabs: slabs.map((slab: any) => {
|
||||
const chartSlab: any = {
|
||||
periodType: slab.periodTypeEnum,
|
||||
fromPeriod: slab.fromPeriod,
|
||||
@@ -232,7 +281,28 @@ export class CreateRecurringDepositProductComponent {
|
||||
] as any[];
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms (min/max installment) and Settings (lien percentage) have rules of their own that the Next buttons do not
|
||||
* enforce. Opens the first tab that breaks one, with its errors shown, instead of submitting.
|
||||
*/
|
||||
private focusFirstInvalidStep(): boolean {
|
||||
const steps = [
|
||||
{ form: this.recurringDepositProductTermsForm, tab: 2 },
|
||||
{ form: this.recurringDepositProductSettingsForm, tab: 3 }
|
||||
];
|
||||
const invalid = steps.find((step) => step.form?.invalid);
|
||||
if (!invalid) {
|
||||
return false;
|
||||
}
|
||||
invalid.form.markAllAsTouched();
|
||||
this.selectedTabIndex = invalid.tab;
|
||||
return true;
|
||||
}
|
||||
|
||||
submit() {
|
||||
if (this.focusFirstInvalidStep()) {
|
||||
return;
|
||||
}
|
||||
const recurringDepositProduct: any = this.pruneEmptyValues({
|
||||
...this.recurringDepositProduct,
|
||||
charts: this.recurringDepositProductCharts,
|
||||
@@ -243,14 +313,24 @@ export class CreateRecurringDepositProductComponent {
|
||||
recurringDepositProduct.description = '';
|
||||
}
|
||||
delete recurringDepositProduct.advancedAccountingRules;
|
||||
this.productsService.createRecurringDepositProduct(recurringDepositProduct).subscribe((response: any) => {
|
||||
this.router.navigate(
|
||||
[
|
||||
'../',
|
||||
response.resourceId
|
||||
],
|
||||
{ relativeTo: this.route }
|
||||
);
|
||||
this.productsService.createRecurringDepositProduct(recurringDepositProduct).subscribe({
|
||||
next: (response: any) => {
|
||||
if (response?.rollbackTransaction) {
|
||||
this.alertService.alert({
|
||||
type: 'Success',
|
||||
message: 'Recurring deposit product creation request submitted successfully for approval.'
|
||||
});
|
||||
this.router.navigate(['../'], { relativeTo: this.route });
|
||||
} else {
|
||||
this.router.navigate(
|
||||
[
|
||||
'../',
|
||||
response.resourceId
|
||||
],
|
||||
{ relativeTo: this.route }
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
+21
@@ -241,7 +241,28 @@ export class EditRecurringDepositProductComponent {
|
||||
] as any[];
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms (min/max installment) and Settings (lien percentage) have rules of their own that the Next buttons do not
|
||||
* enforce. Opens the first tab that breaks one, with its errors shown, instead of submitting.
|
||||
*/
|
||||
private focusFirstInvalidStep(): boolean {
|
||||
const steps = [
|
||||
{ form: this.recurringDepositProductTermsForm, tab: 2 },
|
||||
{ form: this.recurringDepositProductSettingsForm, tab: 3 }
|
||||
];
|
||||
const invalid = steps.find((step) => step.form?.invalid);
|
||||
if (!invalid) {
|
||||
return false;
|
||||
}
|
||||
invalid.form.markAllAsTouched();
|
||||
this.selectedTabIndex = invalid.tab;
|
||||
return true;
|
||||
}
|
||||
|
||||
submit() {
|
||||
if (this.focusFirstInvalidStep()) {
|
||||
return;
|
||||
}
|
||||
const recurringDepositProduct: any = this.pruneEmptyValues({
|
||||
...this.recurringDepositProduct,
|
||||
charges: (this.recurringDepositProduct.charges ?? []).map((charge: any) => ({ id: charge.id })),
|
||||
|
||||
@@ -0,0 +1,207 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Builds a recurring deposit product's interest chart in months.
|
||||
*
|
||||
* RD products take their rates from the FD "DOUBLE" CBS base chart, which is kept in years and starts at 1 year, so
|
||||
* on its own it leaves every tenure under 12 months without a rate. When the product's minimum tenure is shorter than
|
||||
* that, the band from the minimum up to just below the first slab takes its rate from the RD CBS base chart - the slab
|
||||
* covering the shortest possible span of that many months.
|
||||
*
|
||||
* Every slab is expressed in months because the backend matches a tenure to a slab by counting whole units of the
|
||||
* slab's own period type: a 30-month RD is "2 years" against a year slab, so "1-2 Years" really covers 12-35 months.
|
||||
* Writing that out as months keeps the chart identical in meaning while letting a single chart hold the sub-year band.
|
||||
*/
|
||||
|
||||
/** SavingsPeriodFrequencyType ids. */
|
||||
const MONTHS_PERIOD_TYPE = 2;
|
||||
const YEARS_PERIOD_TYPE = 3;
|
||||
|
||||
export interface RdChartSlab {
|
||||
srNo: number;
|
||||
description: string;
|
||||
periodTypeEnum: number;
|
||||
periodTypeLabel: string;
|
||||
fromPeriod: number;
|
||||
toPeriod: number | null;
|
||||
annualInterestRate: number;
|
||||
seniorCitizenRate?: number;
|
||||
amountRangeFrom?: number;
|
||||
amountRangeTo?: number;
|
||||
}
|
||||
|
||||
export interface RdChart {
|
||||
slabs: RdChartSlab[];
|
||||
/** Shortest tenure, in months, the product opens - its minimum deposit term. */
|
||||
minTenureMonths: number | null;
|
||||
/** Set when the RD base chart has no rate for the minimum tenure, so the product can only start at its first slab. */
|
||||
shortTermRateMissing: boolean;
|
||||
}
|
||||
|
||||
/** A tenure given as a count of months or years (SavingsPeriodFrequencyType id), in months. */
|
||||
export function tenureInMonths(term: number | string | null | undefined, termTypeId: number | null | undefined): number | null {
|
||||
const value = Number(term);
|
||||
if (term === null || term === undefined || term === '' || !Number.isFinite(value) || value <= 0) {
|
||||
return null;
|
||||
}
|
||||
return termTypeId === YEARS_PERIOD_TYPE ? value * 12 : value;
|
||||
}
|
||||
|
||||
function unitInMonths(slab: any): number | null {
|
||||
const label = String(slab.periodTypeLabel ?? slab.periodType?.value ?? '').toLowerCase();
|
||||
if (label.startsWith('year')) {
|
||||
return 12;
|
||||
}
|
||||
if (label.startsWith('month')) {
|
||||
return 1;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function inDays(slab: any, period: number): number | null {
|
||||
const label = String(slab.periodTypeLabel ?? slab.periodType?.value ?? '').toLowerCase();
|
||||
if (label.startsWith('day')) {
|
||||
return period;
|
||||
}
|
||||
if (label.startsWith('week')) {
|
||||
return period * 7;
|
||||
}
|
||||
if (label.startsWith('month')) {
|
||||
return period * 30;
|
||||
}
|
||||
if (label.startsWith('year')) {
|
||||
return period * 365;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
/** The fewest calendar days any run of {@code months} months can span (6 months -> 181, January to July). */
|
||||
function shortestSpanInDays(months: number): number {
|
||||
let shortest = Infinity;
|
||||
for (let start = 0; start < 12; start++) {
|
||||
const from = Date.UTC(2025, start, 1);
|
||||
const to = Date.UTC(2025, start + months, 1);
|
||||
shortest = Math.min(shortest, Math.round((to - from) / 86400000));
|
||||
}
|
||||
return shortest;
|
||||
}
|
||||
|
||||
/** The RD base chart rate for an RD of {@code months} months, or null when that chart has no slab covering it. */
|
||||
function shortTermRate(rdBaseSlabs: any[], months: number): number | null {
|
||||
const days = shortestSpanInDays(months);
|
||||
const slab = (rdBaseSlabs || []).find((candidate: any) => {
|
||||
const from = inDays(candidate, candidate.fromPeriod ?? 0);
|
||||
const to = candidate.toPeriod == null ? Infinity : inDays(candidate, candidate.toPeriod);
|
||||
return from != null && to != null && from <= days && days <= to;
|
||||
});
|
||||
return slab?.annualInterestRate ?? null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Month-wise slabs from {@code fromMonths} to {@code toMonths}, each month priced from the RD base chart and runs of
|
||||
* months at the same rate merged into one slab - so a 3-month minimum against a chart with day bands for 46-90,
|
||||
* 91-180 and 181-364 days becomes 3, 4-5 and 6-11 months rather than one rate for the lot. Empty when the base chart
|
||||
* has no rate for the first month; a later month without one carries the previous month's rate.
|
||||
*/
|
||||
function shortTermBands(rdBaseSlabs: any[], fromMonths: number, toMonths: number): RdChartSlab[] {
|
||||
const bands: RdChartSlab[] = [];
|
||||
let previousRate: number | null = null;
|
||||
let bandStart = fromMonths;
|
||||
for (let month = fromMonths; month <= toMonths; month++) {
|
||||
const rate = shortTermRate(rdBaseSlabs, month) ?? previousRate;
|
||||
if (rate == null) {
|
||||
return [];
|
||||
}
|
||||
const last = bands[bands.length - 1];
|
||||
if (last && last.annualInterestRate === rate) {
|
||||
last.toPeriod = month;
|
||||
last.description = monthsLabel(bandStart, month);
|
||||
} else {
|
||||
bandStart = month;
|
||||
bands.push({
|
||||
srNo: 0,
|
||||
description: monthsLabel(month, month),
|
||||
periodTypeEnum: MONTHS_PERIOD_TYPE,
|
||||
periodTypeLabel: 'Months',
|
||||
fromPeriod: month,
|
||||
toPeriod: month,
|
||||
annualInterestRate: rate
|
||||
});
|
||||
}
|
||||
previousRate = rate;
|
||||
}
|
||||
return bands;
|
||||
}
|
||||
|
||||
function monthsLabel(from: number, to: number | null): string {
|
||||
return to == null ? `${from}+ Months` : `${from} to ${to} Months`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param minTenureMonths the product's minimum tenure in months; null when not yet entered, in which case the chart
|
||||
* simply starts at its first slab
|
||||
*/
|
||||
export function buildRdChart(baseSlabs: any[], rdBaseSlabs: any[], minTenureMonths: number | null): RdChart {
|
||||
const slabs: RdChartSlab[] = [];
|
||||
const sorted = [...(baseSlabs || [])].sort((a: any, b: any) => (a.fromPeriod ?? 0) - (b.fromPeriod ?? 0));
|
||||
for (const slab of sorted) {
|
||||
const unit = unitInMonths(slab);
|
||||
if (unit == null) {
|
||||
continue;
|
||||
}
|
||||
const from = (slab.fromPeriod ?? 0) * unit;
|
||||
const to = slab.toPeriod == null ? null : (slab.toPeriod + 1) * unit - 1;
|
||||
const converted: RdChartSlab = {
|
||||
srNo: 0,
|
||||
description: monthsLabel(from, to),
|
||||
periodTypeEnum: MONTHS_PERIOD_TYPE,
|
||||
periodTypeLabel: 'Months',
|
||||
fromPeriod: from,
|
||||
toPeriod: to,
|
||||
annualInterestRate: slab.annualInterestRate
|
||||
};
|
||||
if (slab.seniorCitizenRate != null) {
|
||||
converted.seniorCitizenRate = slab.seniorCitizenRate;
|
||||
}
|
||||
if (slab.amountRangeFrom != null && slab.amountRangeFrom !== '') {
|
||||
converted.amountRangeFrom = slab.amountRangeFrom;
|
||||
}
|
||||
if (slab.amountRangeTo != null && slab.amountRangeTo !== '') {
|
||||
converted.amountRangeTo = slab.amountRangeTo;
|
||||
}
|
||||
slabs.push(converted);
|
||||
}
|
||||
|
||||
// The server only accepts a chart whose first slab starts at 0 or 1, so the chart always opens at 1 month and the
|
||||
// product's minimum deposit term - not the chart - is what keeps an RD from being opened below the minimum.
|
||||
let shortTermRateMissing = false;
|
||||
let effectiveMinimum: number | null = null;
|
||||
const firstFrom = slabs.length ? slabs[0].fromPeriod : null;
|
||||
if (firstFrom != null) {
|
||||
effectiveMinimum = minTenureMonths == null ? firstFrom : Math.max(minTenureMonths, 1);
|
||||
if (firstFrom > 1) {
|
||||
const needsShortTermBand = minTenureMonths != null && minTenureMonths < firstFrom;
|
||||
const shortTermSlabs = needsShortTermBand ? shortTermBands(rdBaseSlabs, minTenureMonths, firstFrom - 1) : [];
|
||||
if (shortTermSlabs.length) {
|
||||
// The first band is opened down to 1 month for the server; its label still names the real minimum.
|
||||
shortTermSlabs[0].fromPeriod = 1;
|
||||
slabs.unshift(...shortTermSlabs);
|
||||
} else {
|
||||
// No rate below the first slab: stretch it down to 1 month to satisfy the server, but keep the minimum at
|
||||
// where that slab really starts so nothing shorter can be opened at its rate.
|
||||
shortTermRateMissing = needsShortTermBand;
|
||||
slabs[0].fromPeriod = 1;
|
||||
effectiveMinimum = Math.max(effectiveMinimum, firstFrom);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
slabs.forEach((slab, index) => (slab.srNo = index + 1));
|
||||
return { slabs, minTenureMonths: effectiveMinimum, shortTermRateMissing };
|
||||
}
|
||||
+40
-25
@@ -95,11 +95,14 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
otherGlMappingsMap: this.recurringDepositProductsTemplate?.otherGlMappingsMap
|
||||
};
|
||||
const accountingMappingOptions = this.recurringDepositProductsTemplate?.accountingMappingOptions || {};
|
||||
// Defaults to Cash (2) for a brand-new product (no existing accountingRule yet), but preserves
|
||||
// the product's own current accounting rule when editing - previously this was hardcoded to 2
|
||||
// unconditionally, which silently forced every edited product onto Cash-based accounting (and
|
||||
// its required GL mappings) even for products that were and should remain "None".
|
||||
const accountingRuleId = this.recurringDepositProductsTemplate?.accountingRule?.id ?? 2;
|
||||
// Cash (2) for a brand-new product, but the product's own current accounting rule when editing -
|
||||
// previously this was hardcoded to 2 unconditionally, which silently forced every edited product
|
||||
// onto Cash-based accounting (and its required GL mappings) even for products that were and
|
||||
// should remain "None". Only an existing product (one with an id) has a rule of its own: the
|
||||
// create template always reports accountingRule = None, so reading it there submitted every new
|
||||
// product as None while this screen showed "Cash", and hid the GL mappings it needs.
|
||||
const isEditing = !!this.recurringDepositProductsTemplate?.id;
|
||||
const accountingRuleId = isEditing ? (this.recurringDepositProductsTemplate?.accountingRule?.id ?? 2) : 2;
|
||||
|
||||
this.assetAccountOptions = accountingMappingOptions.assetAccountOptions || [];
|
||||
this.liabilityAccountOptions = accountingMappingOptions.liabilityAccountOptions || [];
|
||||
@@ -172,11 +175,20 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
if (this.isCashOrAccrualAccounting()) {
|
||||
const glMappings = mappings.otherGlMappingsMap || mappings.otherGlMappings;
|
||||
this.setOtherGlMappings('assetsOtherGlMappings', glMappings?.assets || [], this.assetAccountOptions);
|
||||
this.setOtherGlMappings(
|
||||
'liabilitiesOtherGlMappings',
|
||||
glMappings?.liabilities || [],
|
||||
// Interest Paid is a liability clearing account (Dr Payable / Cr Paid, then Dr Paid / Cr RD), saved under
|
||||
// liabilities. Products saved before that kept it under expenses, so both groups are read.
|
||||
const fromLiabilities = this.extractNamedGlMapping(
|
||||
this.extractNamedGlMapping(
|
||||
glMappings?.liabilities || [],
|
||||
RECURRING_DEPOSIT_INTEREST_PAID_ACCOUNT_NAME,
|
||||
'savingsInterestPaidAccountId',
|
||||
this.liabilityAccountOptions
|
||||
),
|
||||
SAVINGS_INTEREST_PAID_ACCOUNT_NAME,
|
||||
'savingsInterestPaidAccountId',
|
||||
this.liabilityAccountOptions
|
||||
);
|
||||
this.setOtherGlMappings('liabilitiesOtherGlMappings', fromLiabilities, this.liabilityAccountOptions);
|
||||
const fromExpenses = this.extractNamedGlMapping(
|
||||
this.extractNamedGlMapping(
|
||||
glMappings?.expenses || [],
|
||||
@@ -265,15 +277,15 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
|
||||
const otherGlMappings = {
|
||||
assets: map('assetsOtherGlMappings', this.assetAccountOptions),
|
||||
liabilities: map('liabilitiesOtherGlMappings', this.liabilityAccountOptions),
|
||||
expenses: [
|
||||
liabilities: [
|
||||
...namedAsOtherGlMapping(
|
||||
'savingsInterestPaidAccountId',
|
||||
RECURRING_DEPOSIT_INTEREST_PAID_ACCOUNT_NAME,
|
||||
this.expenseAccountOptions
|
||||
this.liabilityAccountOptions
|
||||
),
|
||||
...map('expensesOtherGlMappings', this.expenseAccountOptions)
|
||||
...map('liabilitiesOtherGlMappings', this.liabilityAccountOptions)
|
||||
],
|
||||
expenses: map('expensesOtherGlMappings', this.expenseAccountOptions),
|
||||
income: map('incomeOtherGlMappings', this.incomeAccountOptions)
|
||||
};
|
||||
return Object.values(otherGlMappings).some((v) => v.length) ? otherGlMappings : null;
|
||||
@@ -312,6 +324,7 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
setRequired('incomeFromPenaltyAccountId', cashOrAccrual);
|
||||
setRequired('feesReceivableAccountId', accrualOnly);
|
||||
setRequired('penaltiesReceivableAccountId', accrualOnly);
|
||||
// Required on accrual (the accrual job credits it); optional on cash, where it only routes the closure posting.
|
||||
setRequired('interestPayableAccountId', accrualOnly);
|
||||
setRequired('escheatLiabilityId', cashOrAccrual && this.isDormancyTrackingEnabled());
|
||||
|
||||
@@ -330,8 +343,8 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
rows: [
|
||||
{
|
||||
key: 'savingsReferenceAccountId',
|
||||
label: 'Savings Reference Account',
|
||||
inputLabel: 'Savings reference account',
|
||||
label: 'Recurring Deposit Reference Account',
|
||||
inputLabel: 'Recurring deposit reference account',
|
||||
controlName: 'savingsReferenceAccountId',
|
||||
options: this.assetAccountOptions,
|
||||
required: true
|
||||
@@ -364,8 +377,8 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
rows: [
|
||||
{
|
||||
key: 'savingsControlAccountId',
|
||||
label: 'Savings Control Account',
|
||||
inputLabel: 'Savings control account',
|
||||
label: 'Recurring Deposit Control Account',
|
||||
inputLabel: 'Recurring deposit control account',
|
||||
controlName: 'savingsControlAccountId',
|
||||
options: this.liabilityAccountOptions,
|
||||
required: true
|
||||
@@ -378,13 +391,22 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
options: this.liabilityAccountOptions,
|
||||
required: true
|
||||
},
|
||||
// Offered on cash as well as accrual: the interest credited at maturity or premature closure is routed
|
||||
// Dr Interest On Recurring Deposits / Cr Payable, Dr Payable / Cr Interest Paid, Dr Interest Paid / Cr
|
||||
// the RD. Optional - a product naming neither posts straight to the control account as before.
|
||||
{
|
||||
key: 'interestPayableAccountId',
|
||||
label: 'Interest Payable Account',
|
||||
inputLabel: 'Interest payable account',
|
||||
controlName: 'interestPayableAccountId',
|
||||
options: this.liabilityAccountOptions,
|
||||
accrualOnly: true
|
||||
options: this.liabilityAccountOptions
|
||||
},
|
||||
{
|
||||
key: 'savingsInterestPaidAccountId',
|
||||
label: 'Recurring Deposit Interest Paid',
|
||||
inputLabel: 'Recurring deposit interest paid',
|
||||
controlName: 'savingsInterestPaidAccountId',
|
||||
options: this.liabilityAccountOptions
|
||||
},
|
||||
{
|
||||
key: 'escheatLiabilityId',
|
||||
@@ -411,13 +433,6 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
||||
controlName: 'interestOnSavingsAccountId',
|
||||
options: this.expenseAccountOptions,
|
||||
required: true
|
||||
},
|
||||
{
|
||||
key: 'savingsInterestPaidAccountId',
|
||||
label: 'Recurring Deposit Interest Paid',
|
||||
inputLabel: 'Recurring deposit interest paid',
|
||||
controlName: 'savingsInterestPaidAccountId',
|
||||
options: this.expenseAccountOptions
|
||||
}
|
||||
],
|
||||
otherMappingsControlName: 'expensesOtherGlMappings',
|
||||
|
||||
+9
-2
@@ -66,7 +66,10 @@
|
||||
<div class="rdpc-alert">
|
||||
<div class="rdpc-alert__content">
|
||||
<h4>Nomination Facility</h4>
|
||||
<p>Allow account holders to designate individuals to receive funds in the event of account holder's death.</p>
|
||||
<p>
|
||||
Yes: every RD under this product must have at least one nominee (100% share) before it can be opened. No:
|
||||
nominees cannot be recorded on its RDs.
|
||||
</p>
|
||||
</div>
|
||||
<mat-radio-group class="rdpc-alert__choices" formControlName="nominationFacility">
|
||||
<mat-radio-button [value]="true">yes</mat-radio-button>
|
||||
@@ -77,7 +80,11 @@
|
||||
<div class="rdpc-alert">
|
||||
<div class="rdpc-alert__content">
|
||||
<h4>Auto Debit Facility</h4>
|
||||
<p>Enable automatic deduction of funds for recurring payments, utility bills, or EMI obligations.</p>
|
||||
<p>
|
||||
Yes: an RD can opt in to having each installment collected automatically on its due date from its linked
|
||||
Savings account (needs Deposit Account Link). If the balance is short, the installment stays overdue and is
|
||||
retried on the next run.
|
||||
</p>
|
||||
</div>
|
||||
<mat-radio-group class="rdpc-alert__choices" formControlName="autoDebitFacility">
|
||||
<mat-radio-button [value]="true">yes</mat-radio-button>
|
||||
|
||||
+12
-4
@@ -68,37 +68,41 @@
|
||||
</div>
|
||||
|
||||
<div class="rdpd-grid rdpd-grid--classification">
|
||||
<mat-form-field appearance="outline" class="rdpd-field">
|
||||
<mat-form-field appearance="outline" class="rdpd-field" subscriptSizing="dynamic">
|
||||
<mat-label>Account Type</mat-label>
|
||||
<mat-select formControlName="accountType" required>
|
||||
@for (accountType of accountTypeData; track accountType) {
|
||||
<mat-option [value]="accountType">{{ accountType }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
<mat-hint>Default account type pre-selected when an RD is opened under this product.</mat-hint>
|
||||
<mat-error>Account Type <strong>is required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpd-field">
|
||||
<mat-form-field appearance="outline" class="rdpd-field" subscriptSizing="dynamic">
|
||||
<mat-label>GL Account (Liability)</mat-label>
|
||||
<mat-select formControlName="glAccountId" [compareWith]="compareById">
|
||||
@for (account of liabilityAccountOptions; track account.id) {
|
||||
<mat-option [value]="account.id">{{ account.name }} ({{ account.glCode }})</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
<mat-hint>Its GL code forms part of every new RD account number. Postings use the Accounting tab.</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpd-field" (click)="effectiveToPicker.open()">
|
||||
<mat-form-field appearance="outline" class="rdpd-field" subscriptSizing="dynamic" (click)="effectiveToPicker.open()">
|
||||
<mat-label>Effective To</mat-label>
|
||||
<input matInput [matDatepicker]="effectiveToPicker" formControlName="effectiveTo" />
|
||||
<mat-datepicker-toggle matSuffix [for]="effectiveToPicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #effectiveToPicker></mat-datepicker>
|
||||
<mat-hint>Last day new RDs can be opened. Existing RDs run to maturity.</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpd-field" (click)="endDatePicker.open()">
|
||||
<mat-form-field appearance="outline" class="rdpd-field" subscriptSizing="dynamic" (click)="endDatePicker.open()">
|
||||
<mat-label>End Date</mat-label>
|
||||
<input matInput [matDatepicker]="endDatePicker" formControlName="endDate" [min]="minEndDate" />
|
||||
<mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #endDatePicker></mat-datepicker>
|
||||
<mat-hint>Product wind-up date. No RD may mature after it.</mat-hint>
|
||||
@if (recurringDepositProductDetailsForm.get('endDate')?.hasError('matDatepickerMin')) {
|
||||
<mat-error>End Date must be after Effective To date</mat-error>
|
||||
}
|
||||
@@ -115,6 +119,10 @@
|
||||
|
||||
<div class="rdpd-field rdpd-field--full rdpd-checkbox-row">
|
||||
<mat-checkbox formControlName="shareLinkingEnabled">Deposit Account Link</mat-checkbox>
|
||||
<span class="rdpd-checkbox-hint">
|
||||
Every RD must be linked to the customer's Savings/Current account - the default account for maturity payout
|
||||
and the account Auto Debit collects installments from.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+7
@@ -76,6 +76,13 @@ $gray-900: #202124;
|
||||
|
||||
.rdpd-checkbox-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 4px 12px;
|
||||
min-height: 56px;
|
||||
}
|
||||
|
||||
.rdpd-checkbox-hint {
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
+27
-53
@@ -150,7 +150,7 @@
|
||||
<mat-divider class="flex-100"></mat-divider>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">{{ 'labels.inputs.Nominal Annual Interest Rate' | translate }} (%):</span>
|
||||
<span class="flex-40">Post-Maturity Interest Rate (%):</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.nominalAnnualInterestRate | formatNumber }} %</span>
|
||||
</div>
|
||||
|
||||
@@ -199,41 +199,11 @@
|
||||
|
||||
@if (recurringDepositProduct.effectiveDate) {
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Effective Date:</span>
|
||||
<span class="flex-40">Product Effective From:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.effectiveDate | dateFormat }}</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (recurringDepositProduct.averagePeriod) {
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Average Period:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.averagePeriod }}</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Auto Interest Post:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.autoPost | yesNo }}</span>
|
||||
</div>
|
||||
|
||||
@if (
|
||||
recurringDepositProduct.frequencyFixDay !== undefined &&
|
||||
recurringDepositProduct.frequencyFixDay !== null &&
|
||||
recurringDepositProduct.frequencyFixDay !== ''
|
||||
) {
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Frequency (Fix Day):</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.frequencyFixDay }}</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (recurringDepositProduct.lastInterestDate) {
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Last Interest Date:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.lastInterestDate | dateFormat }}</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- ── Settings ── -->
|
||||
<h3 class="mat-h3 flex-100">{{ 'labels.heading.Settings' | translate }}</h3>
|
||||
<mat-divider class="flex-100"></mat-divider>
|
||||
@@ -258,10 +228,13 @@
|
||||
<span class="flex-60">{{ recurringDepositProduct.lienMarked | yesNo }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">{{ 'labels.inputs.Apply Withdrawal Fee for Transfers' | translate }}:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.withdrawalFeeForTransfers | yesNo }}</span>
|
||||
</div>
|
||||
@if (recurringDepositProduct.lienMarked && recurringDepositProduct.lienPercentage) {
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Max loan against RD:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.lienPercentage }}% of balance</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Enable Lock-in Period:</span>
|
||||
@@ -279,23 +252,24 @@
|
||||
}
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Maturity Instructions:</span>
|
||||
<span class="flex-40">Execute Maturity Instruction Automatically:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.maturityInstructions | yesNo }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Credit Maturity Proceeds:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.creditMaturityProceeds | yesNo }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Penalty Grace Period (Missed Installments):</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.penaltyGracePeriodMissedInstallments | yesNo }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
<span class="flex-40">Panel Request Applicable:</span>
|
||||
<span class="flex-60">{{ recurringDepositProduct.panelRequestApplicable | yesNo }}</span>
|
||||
<span class="flex-40">Missed Installment Penalty:</span>
|
||||
<span class="flex-60">
|
||||
@if (recurringDepositProduct.penaltyGracePeriodMissedInstallments) {
|
||||
{{
|
||||
recurringDepositProduct.missedInstallmentPenaltyType === 2
|
||||
? recurringDepositProduct.missedInstallmentPenaltyAmount + '% of installment'
|
||||
: recurringDepositProduct.missedInstallmentPenaltyAmount + ' per installment'
|
||||
}}
|
||||
after {{ recurringDepositProduct.missedInstallmentGraceDays ?? 0 }} grace day(s)
|
||||
} @else {
|
||||
No
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-100 layout-row">
|
||||
@@ -347,7 +321,7 @@
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toPeriod">
|
||||
<th mat-header-cell *matHeaderCellDef>To</th>
|
||||
<td mat-cell *matCellDef="let slab">{{ slab.toPeriod ?? '—' }}</td>
|
||||
<td mat-cell *matCellDef="let slab">{{ slab.toPeriod ?? '—' }}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="periodTypeLabel">
|
||||
<th mat-header-cell *matHeaderCellDef>Period</th>
|
||||
@@ -406,7 +380,7 @@
|
||||
<div class="spa-gl-section">
|
||||
<h5 class="mat-h5">Assets</h5>
|
||||
<div class="spa-gl-row">
|
||||
<span class="spa-gl-row__label">Savings Reference Account</span>
|
||||
<span class="spa-gl-row__label">Recurring Deposit Reference Account</span>
|
||||
<span class="spa-gl-row__value">{{
|
||||
formatGlAccountById(
|
||||
recurringDepositProduct.savingsReferenceAccountId,
|
||||
@@ -439,7 +413,7 @@
|
||||
<div class="spa-gl-section">
|
||||
<h5 class="mat-h5">Liabilities</h5>
|
||||
<div class="spa-gl-row">
|
||||
<span class="spa-gl-row__label">Savings Control Account</span>
|
||||
<span class="spa-gl-row__label">Recurring Deposit Control Account</span>
|
||||
<span class="spa-gl-row__value">{{
|
||||
formatGlAccountById(
|
||||
recurringDepositProduct.savingsControlAccountId,
|
||||
@@ -472,7 +446,7 @@
|
||||
<div class="spa-gl-section">
|
||||
<h5 class="mat-h5">Expenses</h5>
|
||||
<div class="spa-gl-row">
|
||||
<span class="spa-gl-row__label">Interest on Savings Account</span>
|
||||
<span class="spa-gl-row__label">Interest on Recurring Deposits</span>
|
||||
<span class="spa-gl-row__value">{{
|
||||
formatGlAccountById(
|
||||
recurringDepositProduct.interestOnSavingsAccountId,
|
||||
|
||||
+93
-18
@@ -18,10 +18,34 @@
|
||||
<mat-checkbox formControlName="loanFacility">Loan Facility</mat-checkbox>
|
||||
<mat-checkbox formControlName="prematureWithdrawalOption">Premature Withdrawal option</mat-checkbox>
|
||||
<mat-checkbox formControlName="tenureFlexibility">Tenure Flexibility</mat-checkbox>
|
||||
<mat-checkbox formControlName="lienMarked">Lien Marked</mat-checkbox>
|
||||
<mat-checkbox formControlName="withdrawalFeeForTransfers">Apply Withdrawal Fee for Transfers</mat-checkbox>
|
||||
<mat-checkbox
|
||||
formControlName="lienMarked"
|
||||
title="RDs of this product can be pledged as loan security (guarantor account). A pledged RD cannot be closed until the loan is repaid."
|
||||
>Lien Marked (can be pledged for a loan)</mat-checkbox
|
||||
>
|
||||
</div>
|
||||
|
||||
@if (recurringDepositProductSettingsForm.value.lienMarked) {
|
||||
<div class="rdps-lockin-fields">
|
||||
<mat-form-field appearance="outline" class="rdps-field" subscriptSizing="dynamic">
|
||||
<mat-label>Max loan against RD (% of balance)</mat-label>
|
||||
<input type="number" matInput formControlName="lienPercentage" min="1" max="100" step="0.01" required />
|
||||
<mat-hint>
|
||||
e.g. 90 = loan up to 90% of the RD balance. Lien is checked when the RD is added as a loan guarantor.
|
||||
</mat-hint>
|
||||
@if (recurringDepositProductSettingsForm.get('lienPercentage').hasError('required')) {
|
||||
<mat-error>Enter the percentage of the RD balance that can be given as loan</mat-error>
|
||||
}
|
||||
@if (
|
||||
recurringDepositProductSettingsForm.get('lienPercentage').hasError('min') ||
|
||||
recurringDepositProductSettingsForm.get('lienPercentage').hasError('max')
|
||||
) {
|
||||
<mat-error>Must be between 1 and 100</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
</div>
|
||||
}
|
||||
|
||||
<mat-checkbox class="rdps-preclosure-toggle" formControlName="preClosurePenalApplicable">
|
||||
{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}
|
||||
</mat-checkbox>
|
||||
@@ -93,34 +117,85 @@
|
||||
</div>
|
||||
<div class="rdps-body rdps-body--list">
|
||||
<div class="rdps-list-row">
|
||||
<span>Maturity Instructions</span>
|
||||
<span>
|
||||
Execute maturity instruction automatically
|
||||
<small class="rdps-row-hint">
|
||||
On maturity day the instruction chosen when the RD was opened runs by itself - Transfer to Savings (to
|
||||
the chosen or linked savings account) or Reinvest. Off: the RD stays Matured, earning the post-maturity
|
||||
rate, until staff close it. Never runs while the RD has a lien.
|
||||
</small>
|
||||
</span>
|
||||
<mat-checkbox formControlName="maturityInstructions"></mat-checkbox>
|
||||
</div>
|
||||
<div class="rdps-list-row">
|
||||
<span
|
||||
>Option to credit maturity proceeds directly to the linked account or reinvest in another product (like
|
||||
FD).</span
|
||||
>
|
||||
<mat-checkbox formControlName="creditMaturityProceeds"></mat-checkbox>
|
||||
</div>
|
||||
<div class="rdps-list-row">
|
||||
<span>Penalty / Grace Period for Missed Installments</span>
|
||||
<span>
|
||||
Penalty / Grace Period for Missed Installments
|
||||
<small class="rdps-row-hint">
|
||||
An installment still unpaid after the grace days is charged a penalty once, collected from the RD
|
||||
balance (Income From Penalties).
|
||||
</small>
|
||||
</span>
|
||||
<mat-checkbox formControlName="penaltyGracePeriodMissedInstallments"></mat-checkbox>
|
||||
</div>
|
||||
@if (recurringDepositProductSettingsForm.value.penaltyGracePeriodMissedInstallments) {
|
||||
<div class="rdps-lockin-fields rdps-penalty-fields">
|
||||
<mat-form-field appearance="outline" class="rdps-field" subscriptSizing="dynamic">
|
||||
<mat-label>Grace days</mat-label>
|
||||
<input type="number" matInput formControlName="missedInstallmentGraceDays" min="0" step="1" required />
|
||||
<mat-hint>Due 10th + 5 grace days = penalty from the 16th</mat-hint>
|
||||
@if (recurringDepositProductSettingsForm.get('missedInstallmentGraceDays').invalid) {
|
||||
<mat-error>Whole days, 0 or more</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="rdps-field" subscriptSizing="dynamic">
|
||||
<mat-label>Penalty type</mat-label>
|
||||
<mat-select formControlName="missedInstallmentPenaltyType" required>
|
||||
<mat-option [value]="1">Flat amount per installment</mat-option>
|
||||
<mat-option [value]="2">% of the installment</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="rdps-field" subscriptSizing="dynamic">
|
||||
<mat-label>{{
|
||||
recurringDepositProductSettingsForm.value.missedInstallmentPenaltyType === 2 ? 'Penalty (%)' : 'Penalty amount'
|
||||
}}</mat-label>
|
||||
<input type="number" matInput formControlName="missedInstallmentPenaltyAmount" min="0.01" step="0.01" required />
|
||||
@if (recurringDepositProductSettingsForm.get('missedInstallmentPenaltyAmount').invalid) {
|
||||
<mat-error>{{
|
||||
recurringDepositProductSettingsForm.value.missedInstallmentPenaltyType === 2
|
||||
? 'Between 0.01 and 100'
|
||||
: 'Must be more than 0'
|
||||
}}</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
</div>
|
||||
}
|
||||
<div class="rdps-list-row">
|
||||
<span>Panel Request Applicable</span>
|
||||
<mat-checkbox formControlName="panelRequestApplicable"></mat-checkbox>
|
||||
</div>
|
||||
<div class="rdps-list-row">
|
||||
<span>No penalty for nominee / legal heir closure</span>
|
||||
<span>
|
||||
No penalty for nominee / legal heir closure
|
||||
<small class="rdps-row-hint">
|
||||
Premature close with reason "Nominee / legal heir claim" pays the full slab rate - no pre-closure penalty.
|
||||
</small>
|
||||
</span>
|
||||
<mat-checkbox formControlName="noPenaltyNomineeHeirClosure"></mat-checkbox>
|
||||
</div>
|
||||
<div class="rdps-list-row">
|
||||
<span>Deceased Settlement</span>
|
||||
<span>
|
||||
Deceased Settlement
|
||||
<small class="rdps-row-hint">
|
||||
Premature close with reason "Account holder deceased": no penalty, allowed even inside lock-in, and the
|
||||
proceeds may go to a nominee's savings account.
|
||||
</small>
|
||||
</span>
|
||||
<mat-checkbox formControlName="deceasedSettlement"></mat-checkbox>
|
||||
</div>
|
||||
<div class="rdps-list-row">
|
||||
<span>Allow Debit Txn after due date</span>
|
||||
<span>
|
||||
Allow Debit Txn after due date
|
||||
<small class="rdps-row-hint">
|
||||
For RDs on Auto Debit. On: a missed installment keeps being collected on later days. Off: it is debited
|
||||
only on its due date; a missed one stays overdue.
|
||||
</small>
|
||||
</span>
|
||||
<mat-checkbox formControlName="allowDebitTxnAfterDueDate"></mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+11
@@ -112,6 +112,17 @@ $gray-900: #202124;
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
.rdps-row-hint {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.rdps-penalty-fields {
|
||||
padding: 12px 0 4px;
|
||||
}
|
||||
|
||||
.rdps-list-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
+61
-7
@@ -7,7 +7,7 @@
|
||||
*/
|
||||
|
||||
import { Component, OnInit, Input, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, ReactiveFormsModule } from '@angular/forms';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
|
||||
import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
@@ -44,7 +44,9 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
||||
prematureWithdrawalOption: this.recurringDepositProductsTemplate.prematureWithdrawalOption ?? false,
|
||||
tenureFlexibility: this.recurringDepositProductsTemplate.tenureFlexibility ?? false,
|
||||
lienMarked: this.recurringDepositProductsTemplate.lienMarked ?? false,
|
||||
withdrawalFeeForTransfers: this.recurringDepositProductsTemplate.withdrawalFeeForTransfers ?? false,
|
||||
lienPercentage: this.recurringDepositProductsTemplate.lienPercentage ?? '',
|
||||
// Not offered for recurring deposits - no withdrawal fee is ever charged on one - so it is always off.
|
||||
withdrawalFeeForTransfers: false,
|
||||
enableLockinPeriod: this.recurringDepositProductsTemplate.enableLockinPeriod ?? false,
|
||||
lockinPeriodFrequency: this.recurringDepositProductsTemplate.lockinPeriodFrequency ?? '',
|
||||
lockinPeriodFrequencyType: this.recurringDepositProductsTemplate.lockinPeriodFrequencyType?.id ?? '',
|
||||
@@ -52,10 +54,11 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
||||
preClosurePenalInterest: this.recurringDepositProductsTemplate.preClosurePenalInterest ?? '',
|
||||
preClosurePenalInterestOnTypeId: this.recurringDepositProductsTemplate.preClosurePenalInterestOnType?.id ?? '',
|
||||
maturityInstructions: this.recurringDepositProductsTemplate.maturityInstructions ?? false,
|
||||
creditMaturityProceeds: this.recurringDepositProductsTemplate.creditMaturityProceeds ?? false,
|
||||
penaltyGracePeriodMissedInstallments:
|
||||
this.recurringDepositProductsTemplate.penaltyGracePeriodMissedInstallments ?? false,
|
||||
panelRequestApplicable: this.recurringDepositProductsTemplate.panelRequestApplicable ?? false,
|
||||
missedInstallmentGraceDays: this.recurringDepositProductsTemplate.missedInstallmentGraceDays ?? 0,
|
||||
missedInstallmentPenaltyType: this.recurringDepositProductsTemplate.missedInstallmentPenaltyType ?? 1,
|
||||
missedInstallmentPenaltyAmount: this.recurringDepositProductsTemplate.missedInstallmentPenaltyAmount ?? '',
|
||||
noPenaltyNomineeHeirClosure: this.recurringDepositProductsTemplate.noPenaltyNomineeHeirClosure ?? false,
|
||||
deceasedSettlement: this.recurringDepositProductsTemplate.deceasedSettlement ?? false,
|
||||
allowDebitTxnAfterDueDate: this.recurringDepositProductsTemplate.allowDebitTxnAfterDueDate ?? false,
|
||||
@@ -72,6 +75,7 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
||||
prematureWithdrawalOption: [false],
|
||||
tenureFlexibility: [false],
|
||||
lienMarked: [false],
|
||||
lienPercentage: [''],
|
||||
withdrawalFeeForTransfers: [false],
|
||||
enableLockinPeriod: [false],
|
||||
lockinPeriodFrequency: [''],
|
||||
@@ -80,21 +84,71 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
||||
preClosurePenalInterest: [''],
|
||||
preClosurePenalInterestOnTypeId: [''],
|
||||
maturityInstructions: [false],
|
||||
creditMaturityProceeds: [false],
|
||||
penaltyGracePeriodMissedInstallments: [false],
|
||||
panelRequestApplicable: [false],
|
||||
missedInstallmentGraceDays: [0],
|
||||
missedInstallmentPenaltyType: [1],
|
||||
missedInstallmentPenaltyAmount: [''],
|
||||
noPenaltyNomineeHeirClosure: [false],
|
||||
deceasedSettlement: [false],
|
||||
allowDebitTxnAfterDueDate: [false],
|
||||
accountClosedZeroBalanceInDayClosing: [false],
|
||||
minBalanceForInterestCalculation: ['']
|
||||
});
|
||||
// The loan limit only means something - and is only required - while the product allows a lien.
|
||||
const lienMarked = this.recurringDepositProductSettingsForm.get('lienMarked');
|
||||
const lienPercentage = this.recurringDepositProductSettingsForm.get('lienPercentage');
|
||||
lienMarked.valueChanges.subscribe((marked: boolean) => {
|
||||
if (marked) {
|
||||
lienPercentage.setValidators([
|
||||
Validators.required,
|
||||
Validators.min(1),
|
||||
Validators.max(100)
|
||||
]);
|
||||
} else {
|
||||
lienPercentage.clearValidators();
|
||||
}
|
||||
lienPercentage.updateValueAndValidity();
|
||||
});
|
||||
// Missed-installment penalty: its three fields are only required - and only sent - while it is switched on.
|
||||
const penaltyOn = this.recurringDepositProductSettingsForm.get('penaltyGracePeriodMissedInstallments');
|
||||
const graceDays = this.recurringDepositProductSettingsForm.get('missedInstallmentGraceDays');
|
||||
const penaltyType = this.recurringDepositProductSettingsForm.get('missedInstallmentPenaltyType');
|
||||
const penaltyAmount = this.recurringDepositProductSettingsForm.get('missedInstallmentPenaltyAmount');
|
||||
const syncPenaltyValidators = () => {
|
||||
if (penaltyOn.value) {
|
||||
graceDays.setValidators([
|
||||
Validators.required,
|
||||
Validators.min(0),
|
||||
Validators.pattern(/^\d+$/)
|
||||
]);
|
||||
penaltyType.setValidators([Validators.required]);
|
||||
penaltyAmount.setValidators([
|
||||
Validators.required,
|
||||
Validators.min(0.01),
|
||||
...(penaltyType.value === 2 ? [Validators.max(100)] : [])
|
||||
]);
|
||||
} else {
|
||||
graceDays.clearValidators();
|
||||
penaltyType.clearValidators();
|
||||
penaltyAmount.clearValidators();
|
||||
}
|
||||
graceDays.updateValueAndValidity({ emitEvent: false });
|
||||
penaltyType.updateValueAndValidity({ emitEvent: false });
|
||||
penaltyAmount.updateValueAndValidity({ emitEvent: false });
|
||||
};
|
||||
penaltyOn.valueChanges.subscribe(syncPenaltyValidators);
|
||||
penaltyType.valueChanges.subscribe(syncPenaltyValidators);
|
||||
}
|
||||
|
||||
get recurringDepositProductSettings() {
|
||||
const settings = { ...this.recurringDepositProductSettingsForm.value };
|
||||
if (!settings.penaltyGracePeriodMissedInstallments) {
|
||||
delete settings.missedInstallmentGraceDays;
|
||||
delete settings.missedInstallmentPenaltyType;
|
||||
delete settings.missedInstallmentPenaltyAmount;
|
||||
}
|
||||
for (const key in settings) {
|
||||
if (settings[key] === '') {
|
||||
if (settings[key] === '' || settings[key] === null) {
|
||||
delete settings[key];
|
||||
}
|
||||
}
|
||||
|
||||
+62
-55
@@ -10,18 +10,62 @@
|
||||
<div class="rdpt-section">
|
||||
<div class="rdpt-section__header">
|
||||
<span class="rdpt-section__badge"><i class="fas fa-coins"></i></span>
|
||||
<span>Deposit Amount</span>
|
||||
<span>Installment Amount (per period)</span>
|
||||
</div>
|
||||
<div class="rdpt-body">
|
||||
<div class="rdpt-grid rdpt-grid--three">
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Minimum</mat-label>
|
||||
<input type="number" matInput formControlName="minDepositAmount" min="0" step="0.01" />
|
||||
<mat-hint>Smallest installment an account may commit to. Blank = no limit.</mat-hint>
|
||||
@if (recurringDepositProductTermsForm.get('minDepositAmount').hasError('min')) {
|
||||
<mat-error>Minimum must be zero or greater</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Maximum</mat-label>
|
||||
<input type="number" matInput formControlName="maxDepositAmount" min="0" step="0.01" />
|
||||
<mat-hint>Largest installment an account may commit to. Blank = no limit.</mat-hint>
|
||||
@if (recurringDepositProductTermsForm.get('maxDepositAmount').hasError('min')) {
|
||||
<mat-error>Maximum must be zero or greater</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
</div>
|
||||
@if (recurringDepositProductTermsForm.hasError('maxBelowMin')) {
|
||||
<div class="rdpt-note">
|
||||
<span>⚠️</span>
|
||||
<span>Maximum installment cannot be less than the minimum.</span>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rdpt-section">
|
||||
<div class="rdpt-section__header">
|
||||
<span class="rdpt-section__badge"><i class="fas fa-hourglass-half"></i></span>
|
||||
<span>Tenure</span>
|
||||
</div>
|
||||
<div class="rdpt-body">
|
||||
<div class="rdpt-grid rdpt-grid--three">
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Minimum Tenure</mat-label>
|
||||
<input type="number" matInput formControlName="minDepositTerm" min="1" step="1" required />
|
||||
<mat-hint>Shortest RD this product opens. The rate chart starts here.</mat-hint>
|
||||
@if (recurringDepositProductTermsForm.get('minDepositTerm').hasError('required')) {
|
||||
<mat-error>Minimum Tenure <strong>is required</strong></mat-error>
|
||||
}
|
||||
@if (recurringDepositProductTermsForm.get('minDepositTerm').hasError('min')) {
|
||||
<mat-error>Minimum Tenure must be at least 1</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Minimum Tenure In</mat-label>
|
||||
<mat-select formControlName="minDepositTermTypeId" required>
|
||||
@for (unit of tenureUnitOptions; track unit.id) {
|
||||
<mat-option [value]="unit.id">{{ unit.value }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
@@ -35,51 +79,54 @@
|
||||
<div class="rdpt-banner">
|
||||
<span class="rdpt-banner__icon">ℹ️</span>
|
||||
<span>
|
||||
Recurring Deposit base rate:
|
||||
<b>{{ recurringDepositProductTermsForm.get('nominalAnnualInterestRate').value }}%</b>
|
||||
The rate an RD earns during its term always comes from the <b>CBS Base Chart</b> slab for its tenure. The
|
||||
rate below applies only after maturity.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="rdpt-grid rdpt-grid--three">
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>{{ 'labels.inputs.Nominal Annual Interest' | translate }}</mat-label>
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Post-Maturity Interest Rate (%)</mat-label>
|
||||
<input
|
||||
type="number"
|
||||
matInput
|
||||
matTooltip="{{ 'tooltips.The default interest rate set' | translate }}"
|
||||
matTooltip="Simple interest a matured RD earns from its maturity date until the customer actually collects it"
|
||||
formControlName="nominalAnnualInterestRate"
|
||||
required
|
||||
min="0"
|
||||
step="0.01"
|
||||
/>
|
||||
<mat-hint>Paid from maturity date to closure date if collected late. 0 = nothing extra.</mat-hint>
|
||||
@if (recurringDepositProductTermsForm.get('nominalAnnualInterestRate').hasError('required')) {
|
||||
<mat-error>
|
||||
{{ 'labels.inputs.Nominal Annual Interest' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
Post-Maturity Interest Rate {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong> (enter 0 for none)
|
||||
</mat-error>
|
||||
}
|
||||
@if (recurringDepositProductTermsForm.get('nominalAnnualInterestRate').hasError('min')) {
|
||||
<mat-error>{{ 'labels.inputs.Nominal Annual Interest' | translate }} must be zero or greater</mat-error>
|
||||
<mat-error>Post-Maturity Interest Rate must be zero or greater</mat-error>
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>Effective Date</mat-label>
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>Product Effective From</mat-label>
|
||||
<input matInput [matDatepicker]="effectiveDatePicker" formControlName="effectiveDate" />
|
||||
<mat-datepicker-toggle matSuffix [for]="effectiveDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #effectiveDatePicker></mat-datepicker>
|
||||
<mat-hint>No RD can be opened under this product before this date. Blank = from today.</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||
<mat-label>{{ 'labels.inputs.Interest Calculation Type' | translate }}</mat-label>
|
||||
<mat-select
|
||||
formControlName="interestCalculateSelector"
|
||||
matTooltip="{{ 'tooltips.The method used to calculate interest' | translate }}"
|
||||
matTooltip="Compounding: interest also earns interest. Simple: interest is earned on installments only."
|
||||
>
|
||||
@for (opt of interestCalculationTypeOptionData; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.value }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
<mat-hint>{{ interestCalculationTypeHint }}</mat-hint>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
||||
@@ -117,17 +164,6 @@
|
||||
<mat-error>Days in Year <strong>is required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
@if (recurringDepositProductTermsForm.value.interestCalculationType === 2) {
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>Average Period</mat-label>
|
||||
<mat-select formControlName="averagePeriod">
|
||||
@for (period of periodFrequencyData; track period.id) {
|
||||
<mat-option [value]="period.value">{{ period.value }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
}
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>{{ 'labels.inputs.Interest Posting Period' | translate }}</mat-label>
|
||||
<mat-select
|
||||
@@ -149,35 +185,6 @@
|
||||
</div>
|
||||
|
||||
<div class="rdpt-footer">
|
||||
<div class="rdpt-footer__grid">
|
||||
<div class="rdpt-toggle-card">
|
||||
<div>
|
||||
<h4>Auto Interest Post</h4>
|
||||
</div>
|
||||
<div class="rdpt-toggle-card__choices">
|
||||
@for (option of yesNoOptions; track option.value) {
|
||||
<label class="inline-flex items-center cursor-pointer">
|
||||
<input type="radio" class="w-4 h-4" formControlName="autoPost" [value]="option.value" />
|
||||
<span class="ml-2 text-sm">{{ option.label }}</span>
|
||||
</label>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>Frequency (Fix Day)</mat-label>
|
||||
<input type="number" matInput formControlName="frequencyFixDay" />
|
||||
<mat-hint>Days</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field appearance="outline" class="rdpt-field">
|
||||
<mat-label>Last Interest Date</mat-label>
|
||||
<input matInput [matDatepicker]="lastInterestDatePicker" formControlName="lastInterestDate" />
|
||||
<mat-datepicker-toggle matSuffix [for]="lastInterestDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #lastInterestDatePicker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
||||
@if (recurringDepositProductTermsForm.value.interestCalculationType === 1) {
|
||||
<div class="rdpt-note">
|
||||
<span>⚠️</span>
|
||||
|
||||
+103
-72
@@ -7,12 +7,32 @@
|
||||
*/
|
||||
|
||||
import { Component, OnInit, Input, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { AbstractControl, UntypedFormGroup, UntypedFormBuilder, ValidationErrors, Validators } from '@angular/forms';
|
||||
import { MatTooltip } from '@angular/material/tooltip';
|
||||
import { Dates } from 'app/core/utils/dates';
|
||||
import { SettingsService } from 'app/settings/settings.service';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/** Interest Calculation Type options a recurring deposit actually honours (matched by label, as the server does). */
|
||||
const RD_INTEREST_CALCULATION_OPTIONS = [
|
||||
'compounding',
|
||||
'simple'
|
||||
];
|
||||
|
||||
/** SavingsPeriodFrequencyType ids an RD tenure is counted in. */
|
||||
const RD_TENURE_MONTHS = 2;
|
||||
const RD_TENURE_YEARS = 3;
|
||||
|
||||
/** Max installment below min installment would make every account impossible to open. */
|
||||
function maxNotBelowMin(group: AbstractControl): ValidationErrors | null {
|
||||
const min = group.get('minDepositAmount')?.value;
|
||||
const max = group.get('maxDepositAmount')?.value;
|
||||
if (min === '' || min === null || max === '' || max === null) {
|
||||
return null;
|
||||
}
|
||||
return Number(max) < Number(min) ? { maxBelowMin: true } : null;
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-recurring-deposit-product-terms-step',
|
||||
templateUrl: './recurring-deposit-product-terms-step.component.html',
|
||||
@@ -33,14 +53,13 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
||||
|
||||
interestCompoundingPeriodTypeData: any;
|
||||
interestPostingPeriodTypeData: any;
|
||||
readonly tenureUnitOptions = [
|
||||
{ id: RD_TENURE_MONTHS, value: 'Months' },
|
||||
{ id: RD_TENURE_YEARS, value: 'Years' }
|
||||
];
|
||||
interestCalculationTypeData: any;
|
||||
interestCalculationTypeOptionData: any;
|
||||
interestCalculationDaysInYearTypeData: any;
|
||||
periodFrequencyData: any[] = [];
|
||||
yesNoOptions: Array<{ value: boolean; label: string }> = [
|
||||
{ value: true, label: 'Yes' },
|
||||
{ value: false, label: 'No' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
this.createrecurringDepositProductTermsForm();
|
||||
@@ -51,28 +70,31 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
||||
this.interestPostingPeriodTypeData = this.recurringDepositProductsTemplate.interestPostingPeriodTypeOptions;
|
||||
// Standard enum (1=Daily, 2=Average) → "Interest Calculate" dropdown → interestCalculationType form control
|
||||
this.interestCalculationTypeData = this.recurringDepositProductsTemplate.interestCalculationTypeOptions;
|
||||
// CBS code values → "Interest Calculation Type" dropdown → interestCalculateSelector form control
|
||||
this.interestCalculationTypeOptionData = this.recurringDepositProductsTemplate.interestCalculationTypeOption || [];
|
||||
// CBS code values → "Interest Calculation Type" dropdown → interestCalculateSelector form control. The code is
|
||||
// shared with savings/current products, so values an RD ignores (e.g. "Accrual") are left out here.
|
||||
this.interestCalculationTypeOptionData = (this.recurringDepositProductsTemplate.interestCalculationTypeOption || []).filter(
|
||||
(opt: any) => RD_INTEREST_CALCULATION_OPTIONS.includes(this.optionLabel(opt))
|
||||
);
|
||||
this.interestCalculationDaysInYearTypeData =
|
||||
this.recurringDepositProductsTemplate.interestCalculationDaysInYearTypeOptions;
|
||||
this.periodFrequencyData = this.recurringDepositProductsTemplate.periodFrequencyOptions || [];
|
||||
this.setYesNoOptions(this.recurringDepositProductsTemplate?.yesNoOptions);
|
||||
|
||||
const isEditing = !!this.recurringDepositProductsTemplate.id;
|
||||
const defaultPeriod = this.periodFrequencyData[0]?.value || 'Monthly';
|
||||
const savedEnumTypeId =
|
||||
this.recurringDepositProductsTemplate.interestCalculationType?.id ||
|
||||
this.interestCalculationTypeData?.[0]?.id ||
|
||||
1;
|
||||
const compoundingId =
|
||||
this.interestCalculationTypeOptionData.find((opt: any) => this.optionLabel(opt) === 'compounding')?.id ?? null;
|
||||
const savedSelectorId = isEditing
|
||||
? (this.recurringDepositProductsTemplate.interestCalculateSelector ??
|
||||
this.interestCalculationTypeOptionData?.[0]?.id ??
|
||||
null)
|
||||
: (this.interestCalculationTypeOptionData?.[0]?.id ?? null);
|
||||
? (this.recurringDepositProductsTemplate.interestCalculateSelector ?? compoundingId)
|
||||
: compoundingId;
|
||||
|
||||
this.recurringDepositProductTermsForm.patchValue({
|
||||
nominalAnnualInterestRate: this.recurringDepositProductsTemplate.nominalAnnualInterestRate ?? 0,
|
||||
interestCompoundingPeriodType: this.recurringDepositProductsTemplate.interestCompoundingPeriodType?.id,
|
||||
// RD interest is never posted period by period - the server credits it once, at maturity or premature
|
||||
// closure - so the period is not offered. The field is still required by the server and must be no shorter
|
||||
// than the compounding period, which Annually always satisfies.
|
||||
interestPostingPeriodType: this.recurringDepositProductsTemplate.interestPostingPeriodType?.id,
|
||||
interestCalculationType: savedEnumTypeId,
|
||||
interestCalculationDaysInYearType: this.recurringDepositProductsTemplate.interestCalculationDaysInYearType?.id,
|
||||
@@ -80,17 +102,29 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
||||
? this.parseDate(this.recurringDepositProductsTemplate.effectiveDate)
|
||||
: '',
|
||||
interestCalculateSelector: savedSelectorId,
|
||||
averagePeriod: isEditing ? this.recurringDepositProductsTemplate.averagePeriod || defaultPeriod : defaultPeriod,
|
||||
autoPost: isEditing ? (this.recurringDepositProductsTemplate.autoPost ?? true) : true,
|
||||
frequencyFixDay: isEditing ? (this.recurringDepositProductsTemplate.frequencyFixDay ?? 30) : 30,
|
||||
lastInterestDate: this.recurringDepositProductsTemplate.lastInterestDate
|
||||
? this.parseDate(this.recurringDepositProductsTemplate.lastInterestDate)
|
||||
: '',
|
||||
minDepositAmount: this.recurringDepositProductsTemplate.minDepositAmount ?? '',
|
||||
maxDepositAmount: this.recurringDepositProductsTemplate.maxDepositAmount ?? ''
|
||||
maxDepositAmount: this.recurringDepositProductsTemplate.maxDepositAmount ?? '',
|
||||
minDepositTerm: this.recurringDepositProductsTemplate.minDepositTerm ?? '',
|
||||
minDepositTermTypeId: this.recurringDepositProductsTemplate.minDepositTermType?.id ?? RD_TENURE_MONTHS
|
||||
});
|
||||
}
|
||||
|
||||
/** What the chosen Interest Calculation Type does to an account's interest. */
|
||||
get interestCalculationTypeHint(): string {
|
||||
const selected = (this.interestCalculationTypeOptionData || []).find(
|
||||
(opt: any) => opt.id === this.recurringDepositProductTermsForm.value.interestCalculateSelector
|
||||
);
|
||||
return this.optionLabel(selected) === 'simple'
|
||||
? 'Interest is earned on installments only - it never earns interest itself.'
|
||||
: 'Interest earns interest every compounding period; all of it is credited at maturity.';
|
||||
}
|
||||
|
||||
private optionLabel(opt: any): string {
|
||||
return String(opt?.value ?? opt?.name ?? '')
|
||||
.trim()
|
||||
.toLowerCase();
|
||||
}
|
||||
|
||||
private parseDate(dateValue: any): Date | null {
|
||||
if (!dateValue) return null;
|
||||
if (Array.isArray(dateValue)) {
|
||||
@@ -100,57 +134,56 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
||||
return new Date(dateValue);
|
||||
}
|
||||
|
||||
private setYesNoOptions(options: any[]) {
|
||||
if (!Array.isArray(options)) return;
|
||||
const mapped = options
|
||||
.map((opt: any) => {
|
||||
const raw = opt?.name ?? opt?.value ?? opt;
|
||||
const norm = typeof raw === 'string' ? raw.trim().toUpperCase() : raw;
|
||||
if (norm === 'YES') return { value: true, label: 'Yes' };
|
||||
if (norm === 'NO') return { value: false, label: 'No' };
|
||||
return null;
|
||||
})
|
||||
.filter(Boolean);
|
||||
if (mapped.length) this.yesNoOptions = mapped;
|
||||
}
|
||||
|
||||
createrecurringDepositProductTermsForm() {
|
||||
this.recurringDepositProductTermsForm = this.formBuilder.group({
|
||||
nominalAnnualInterestRate: [
|
||||
'',
|
||||
[
|
||||
Validators.required,
|
||||
this.recurringDepositProductTermsForm = this.formBuilder.group(
|
||||
{
|
||||
nominalAnnualInterestRate: [
|
||||
'',
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(0)
|
||||
]
|
||||
],
|
||||
interestCompoundingPeriodType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestPostingPeriodType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestCalculationType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestCalculationDaysInYearType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
effectiveDate: [''],
|
||||
interestCalculateSelector: [null],
|
||||
minDepositAmount: [
|
||||
'',
|
||||
Validators.min(0)
|
||||
],
|
||||
maxDepositAmount: [
|
||||
'',
|
||||
Validators.min(0)
|
||||
],
|
||||
minDepositTerm: [
|
||||
'',
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(1)
|
||||
]
|
||||
],
|
||||
minDepositTermTypeId: [
|
||||
RD_TENURE_MONTHS,
|
||||
Validators.required
|
||||
]
|
||||
],
|
||||
interestCompoundingPeriodType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestPostingPeriodType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestCalculationType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
interestCalculationDaysInYearType: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
effectiveDate: [''],
|
||||
interestCalculateSelector: [1],
|
||||
averagePeriod: ['Monthly'],
|
||||
autoPost: [true],
|
||||
frequencyFixDay: [
|
||||
30,
|
||||
[Validators.min(0)]
|
||||
],
|
||||
lastInterestDate: [''],
|
||||
minDepositAmount: [''],
|
||||
maxDepositAmount: ['']
|
||||
});
|
||||
},
|
||||
{ validators: maxNotBelowMin }
|
||||
);
|
||||
}
|
||||
|
||||
get recurringDepositProductTerms() {
|
||||
@@ -160,8 +193,6 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
||||
if (formValue.effectiveDate instanceof Date) {
|
||||
formValue.effectiveDate = this.dateUtils.formatDate(formValue.effectiveDate, dateFormat) || '';
|
||||
}
|
||||
formValue.minDepositAmount = formValue.minDepositAmount;
|
||||
formValue.maxDepositAmount = formValue.maxDepositAmount;
|
||||
return formValue;
|
||||
}
|
||||
}
|
||||
|
||||
+21
-77
@@ -190,14 +190,14 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">{{ 'labels.inputs.Nominal Annual Interest' | translate }}</span>
|
||||
<span class="vsp-k">Post-Maturity Interest Rate</span>
|
||||
<span class="vsp-v vsp-v--accent"
|
||||
>{{ recurringDepositProduct.nominalAnnualInterestRate | formatNumber }}<span class="vsp-suffix">%</span></span
|
||||
>
|
||||
</div>
|
||||
@if (recurringDepositProduct.effectiveDate) {
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Effective Date</span>
|
||||
<span class="vsp-k">Product Effective From</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.effectiveDate | dateFormat }}</span>
|
||||
</div>
|
||||
}
|
||||
@@ -211,12 +211,6 @@
|
||||
<span class="vsp-k">Interest Calculate</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationType?.value }}</span>
|
||||
</div>
|
||||
@if (recurringDepositProduct.averagePeriod) {
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Average Period</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.averagePeriod }}</span>
|
||||
</div>
|
||||
}
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">{{ 'labels.inputs.Interest Posting Period' | translate }}</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.interestPostingPeriodType.value }}</span>
|
||||
@@ -229,30 +223,6 @@
|
||||
<span class="vsp-k">{{ 'labels.inputs.Days in Year' | translate }}</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationDaysInYearType.value }}</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Auto Post</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
[class.vsp-pill--green]="recurringDepositProduct.autoPost"
|
||||
[class.vsp-pill--gray]="!recurringDepositProduct.autoPost"
|
||||
>
|
||||
{{ recurringDepositProduct.autoPost | yesNo }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
@if (recurringDepositProduct.frequencyFixDay) {
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Frequency (Fix Day)</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.frequencyFixDay }}</span>
|
||||
</div>
|
||||
}
|
||||
@if (recurringDepositProduct.lastInterestDate) {
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Last Interest Date</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.lastInterestDate | dateFormat }}</span>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -313,18 +283,12 @@
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">{{ 'labels.inputs.Apply Withdrawal Fee for Transfers' | translate }}</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
[class.vsp-pill--green]="recurringDepositProduct.withdrawalFeeForTransfers"
|
||||
[class.vsp-pill--gray]="!recurringDepositProduct.withdrawalFeeForTransfers"
|
||||
>
|
||||
{{ recurringDepositProduct.withdrawalFeeForTransfers | yesNo }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
@if (recurringDepositProduct.lienMarked && recurringDepositProduct.lienPercentage) {
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Max loan against RD</span>
|
||||
<span class="vsp-v">{{ recurringDepositProduct.lienPercentage }}% of balance</span>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<h4 class="vsp-sub-h">{{ 'labels.inputs.Lock-in Period' | translate }}</h4>
|
||||
@@ -355,7 +319,7 @@
|
||||
<h4 class="vsp-sub-h">Maturity Instructions</h4>
|
||||
<div class="vsp-grid">
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Maturity Instructions</span>
|
||||
<span class="vsp-k">Execute Maturity Instruction Automatically</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
@@ -367,39 +331,18 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Credit Maturity Proceeds</span>
|
||||
<span class="vsp-k">Missed Installment Penalty</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
[class.vsp-pill--green]="recurringDepositProduct.creditMaturityProceeds"
|
||||
[class.vsp-pill--gray]="!recurringDepositProduct.creditMaturityProceeds"
|
||||
>
|
||||
{{ recurringDepositProduct.creditMaturityProceeds | yesNo }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Penalty Grace Period (Missed Installments)</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
[class.vsp-pill--green]="recurringDepositProduct.penaltyGracePeriodMissedInstallments"
|
||||
[class.vsp-pill--gray]="!recurringDepositProduct.penaltyGracePeriodMissedInstallments"
|
||||
>
|
||||
{{ recurringDepositProduct.penaltyGracePeriodMissedInstallments | yesNo }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
<span class="vsp-k">Panel Request Applicable</span>
|
||||
<span class="vsp-v">
|
||||
<span
|
||||
class="vsp-pill"
|
||||
[class.vsp-pill--green]="recurringDepositProduct.panelRequestApplicable"
|
||||
[class.vsp-pill--gray]="!recurringDepositProduct.panelRequestApplicable"
|
||||
>
|
||||
{{ recurringDepositProduct.panelRequestApplicable | yesNo }}
|
||||
</span>
|
||||
@if (recurringDepositProduct.penaltyGracePeriodMissedInstallments) {
|
||||
{{
|
||||
recurringDepositProduct.missedInstallmentPenaltyType === 2
|
||||
? recurringDepositProduct.missedInstallmentPenaltyAmount + '% of installment'
|
||||
: recurringDepositProduct.missedInstallmentPenaltyAmount + ' per installment'
|
||||
}}
|
||||
after {{ recurringDepositProduct.missedInstallmentGraceDays ?? 0 }} grace day(s)
|
||||
} @else {
|
||||
<span class="vsp-pill vsp-pill--gray">{{ false | yesNo }}</span>
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
<div class="vsp-kv">
|
||||
@@ -752,6 +695,7 @@
|
||||
<mifosx-view-savings-accounting-details
|
||||
[accountingRule]="recurringDepositProduct.accountingRule"
|
||||
[accountingMappings]="recurringDepositProduct.accountingMappings"
|
||||
productLabel="Recurring deposit"
|
||||
></mifosx-view-savings-accounting-details>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -715,16 +715,14 @@
|
||||
<td class="f1s-table__num">{{ amount(v) }}</td>
|
||||
}
|
||||
</tr>
|
||||
<!-- The base-date row carries a different date per column, and the whole
|
||||
requirement hangs off those dates, so they are printed rather than inferred. -->
|
||||
@if (line.baseDates?.length) {
|
||||
<tr class="f1s-subnote">
|
||||
<td>Base dates — the matching close one month earlier</td>
|
||||
@for (d of line.baseDates; track $index) {
|
||||
<td class="f1s-table__num">{{ d }}</td>
|
||||
}
|
||||
</tr>
|
||||
}
|
||||
<!--
|
||||
The base dates used to print here as a row of their own, under IV(b). It is gone
|
||||
for two reasons: the filed form has no such line, so it put a row on the return
|
||||
that RBI's own format does not carry; and it described the base as "the matching
|
||||
close one month earlier", which contradicted IV(b)'s own heading right above it.
|
||||
Each column's base date is already on its heading, which is where a reader looks
|
||||
for the period a column reports.
|
||||
-->
|
||||
}
|
||||
}
|
||||
@if (part.surplus?.length) {
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route } from '../core/route/route.service';
|
||||
import { RdDashboardComponent } from './rd-dashboard.component';
|
||||
|
||||
const routes: Routes = [
|
||||
Route.withShell([
|
||||
{
|
||||
path: 'rd-dashboard',
|
||||
component: RdDashboardComponent,
|
||||
data: { title: 'RD Dashboard', breadcrumb: 'RD Dashboard' }
|
||||
}
|
||||
])
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class RdDashboardRoutingModule {}
|
||||
@@ -0,0 +1,256 @@
|
||||
<!--
|
||||
Copyright since 2025 Mifos Initiative
|
||||
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
-->
|
||||
|
||||
<div class="rdd-container">
|
||||
<!-- Header -->
|
||||
<div class="rdd-header">
|
||||
<div class="rdd-header__left">
|
||||
<div class="rdd-header__icon">
|
||||
<fa-icon icon="piggy-bank"></fa-icon>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="rdd-header__title">RD Dashboard</h2>
|
||||
<p class="rdd-header__sub">
|
||||
All running Recurring Deposits as of <strong>{{ businessDate || '—' }}</strong> (business date). Click any
|
||||
card to see those RDs in the list below.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="rdd-btn rdd-btn--slim" (click)="load()" [disabled]="loading">
|
||||
<fa-icon icon="sync-alt" [class.fa-spin]="loading"></fa-icon>
|
||||
<span>{{ loading ? 'Loading...' : 'Reload' }}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@if (errorMessage) {
|
||||
<div class="rdd-alert">
|
||||
<fa-icon icon="exclamation-triangle"></fa-icon>
|
||||
<span>{{ errorMessage }}</span>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- 1. Summary -->
|
||||
<section class="rdd-section">
|
||||
<h3 class="rdd-section__title">RD Book at a Glance</h3>
|
||||
<div class="rdd-cards">
|
||||
<button class="rdd-card rdd-card--success" [class.rdd-card--active]="stageFilter === 'REGULAR'" (click)="showStage('REGULAR')">
|
||||
<span class="rdd-card__label"><fa-icon icon="chart-line"></fa-icon> Active RDs</span>
|
||||
<span class="rdd-card__val">{{ summary.activeCount }}</span>
|
||||
<span class="rdd-card__sub">Balance ₹{{ summary.activeBalance | number: '1.2-2' }}</span>
|
||||
</button>
|
||||
|
||||
<button class="rdd-card rdd-card--info" [class.rdd-card--active]="stageFilter === 'MATURED'" (click)="showStage('MATURED')">
|
||||
<span class="rdd-card__label"><fa-icon icon="calendar-check"></fa-icon> Matured – Close Pending</span>
|
||||
<span class="rdd-card__val">{{ summary.maturedCount }}</span>
|
||||
<span class="rdd-card__sub">To pay ₹{{ summary.maturedAmount | number: '1.2-2' }}</span>
|
||||
</button>
|
||||
|
||||
<div class="rdd-card rdd-card--neutral rdd-card--static">
|
||||
<span class="rdd-card__label"><fa-icon icon="check-circle"></fa-icon> Closed This Month</span>
|
||||
<span class="rdd-card__val">{{ maturedClosedThisMonth + prematureClosedThisMonth }}</span>
|
||||
<span class="rdd-card__sub">On maturity {{ maturedClosedThisMonth }} · Premature {{ prematureClosedThisMonth }}</span>
|
||||
</div>
|
||||
|
||||
<div class="rdd-card rdd-card--neutral rdd-card--static">
|
||||
<span class="rdd-card__label"><fa-icon icon="hand-holding-usd"></fa-icon> This Month's Installments</span>
|
||||
<span class="rdd-card__val">{{ summary.collectionPercent }}%</span>
|
||||
<div class="rdd-progress">
|
||||
<div class="rdd-progress__bar" [style.width.%]="summary.collectionPercent"></div>
|
||||
</div>
|
||||
<span class="rdd-card__sub"
|
||||
>Received ₹{{ summary.receivedThisMonth | number: '1.0-0' }} of ₹{{
|
||||
summary.dueThisMonth | number: '1.0-0'
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<button class="rdd-card rdd-card--danger" [class.rdd-card--active]="extraFilter === 'overdue'" (click)="showExtra('overdue')">
|
||||
<span class="rdd-card__label"><fa-icon icon="exclamation-circle"></fa-icon> Overdue RDs</span>
|
||||
<span class="rdd-card__val">{{ summary.overdueCount }}</span>
|
||||
<span class="rdd-card__sub">Pending ₹{{ summary.overdueAmount | number: '1.2-2' }}</span>
|
||||
</button>
|
||||
|
||||
<button class="rdd-card rdd-card--warn" [class.rdd-card--active]="extraFilter === 'lien'" (click)="showExtra('lien')">
|
||||
<span class="rdd-card__label"><fa-icon icon="lock"></fa-icon> Under Lien (Loan)</span>
|
||||
<span class="rdd-card__val">{{ summary.lienCount }}</span>
|
||||
<span class="rdd-card__sub">Lien ₹{{ summary.lienAmount | number: '1.2-2' }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. Installment health -->
|
||||
<section class="rdd-section">
|
||||
<h3 class="rdd-section__title">Installment Health</h3>
|
||||
<div class="rdd-health">
|
||||
<div class="rdd-tiles">
|
||||
<button class="rdd-tile" [class.rdd-tile--active]="stageFilter === 'DUE_TODAY'" (click)="showStage('DUE_TODAY')">
|
||||
<span class="rdd-tile__dot rdd-tile__dot--neutral"></span>
|
||||
<span class="rdd-tile__label">Due today</span>
|
||||
<span class="rdd-tile__val">{{ summary.dueTodayCount }}</span>
|
||||
<span class="rdd-tile__sub">{{ summary.dueTodayPaidCount }} paid · {{ summary.dueTodayCount - summary.dueTodayPaidCount }} pending</span>
|
||||
</button>
|
||||
<button class="rdd-tile" [class.rdd-tile--active]="stageFilter === 'IN_GRACE'" (click)="showStage('IN_GRACE')">
|
||||
<span class="rdd-tile__dot rdd-tile__dot--warn"></span>
|
||||
<span class="rdd-tile__label">Late, in grace</span>
|
||||
<span class="rdd-tile__val">{{ summary.inGraceCount }}</span>
|
||||
<span class="rdd-tile__sub">₹{{ summary.inGraceAmount | number: '1.0-0' }} · no penalty yet</span>
|
||||
</button>
|
||||
<button class="rdd-tile" [class.rdd-tile--active]="stageFilter === 'PAST_GRACE'" (click)="showStage('PAST_GRACE')">
|
||||
<span class="rdd-tile__dot rdd-tile__dot--danger"></span>
|
||||
<span class="rdd-tile__label">Past grace</span>
|
||||
<span class="rdd-tile__val">{{ summary.pastGraceCount }}</span>
|
||||
<span class="rdd-tile__sub">₹{{ summary.pastGraceAmount | number: '1.0-0' }} · penalty applies</span>
|
||||
</button>
|
||||
<div class="rdd-tile rdd-tile--static">
|
||||
<span class="rdd-tile__dot rdd-tile__dot--success"></span>
|
||||
<span class="rdd-tile__label">Penalty income</span>
|
||||
<span class="rdd-tile__val">₹{{ penaltyIncomeThisMonth | number: '1.0-0' }}</span>
|
||||
<span class="rdd-tile__sub">This month · ₹{{ penaltyIncomeTotal | number: '1.0-0' }} in all</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rdd-ageing">
|
||||
<div class="rdd-ageing__title">How late are overdue RDs?</div>
|
||||
@for (b of ageingBuckets; track b.key) {
|
||||
<button class="rdd-ageing__row" [class.rdd-ageing__row--active]="extraFilter === b.key" (click)="showExtra(b.key)">
|
||||
<span class="rdd-ageing__label">{{ b.label }}</span>
|
||||
<span class="rdd-ageing__track">
|
||||
<span class="rdd-ageing__bar" [style.width.%]="ageingWidth(b.key)"></span>
|
||||
</span>
|
||||
<span class="rdd-ageing__count">{{ summary.ageing[b.key] || 0 }}</span>
|
||||
</button>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. Action list -->
|
||||
<section class="rdd-section">
|
||||
<h3 class="rdd-section__title">RD List – What to Do Next</h3>
|
||||
<div class="rdd-toolbar">
|
||||
<div class="rdd-search">
|
||||
<fa-icon icon="search" class="rdd-search__icon"></fa-icon>
|
||||
<input class="rdd-search__input" type="text" placeholder="Account no. or client name" [(ngModel)]="search" />
|
||||
</div>
|
||||
<select class="rdd-select" [(ngModel)]="officeFilter">
|
||||
<option [ngValue]="''">All branches</option>
|
||||
@for (o of offices; track o.id) {
|
||||
<option [ngValue]="o.id">{{ o.name }}</option>
|
||||
}
|
||||
</select>
|
||||
<select class="rdd-select" [(ngModel)]="productFilter">
|
||||
<option [ngValue]="''">All products</option>
|
||||
@for (p of products; track p.id) {
|
||||
<option [ngValue]="p.id">{{ p.name }}</option>
|
||||
}
|
||||
</select>
|
||||
<select class="rdd-select" [(ngModel)]="stageFilter" (ngModelChange)="extraFilter = ''">
|
||||
<option [ngValue]="''">All statuses</option>
|
||||
@for (k of stageKeys; track k) {
|
||||
<option [ngValue]="k">{{ stages[k].label }}</option>
|
||||
}
|
||||
</select>
|
||||
@if (anyFilter) {
|
||||
<button class="rdd-btn rdd-btn--slim" (click)="resetFilters()"><fa-icon icon="undo"></fa-icon> Clear</button>
|
||||
}
|
||||
<span class="rdd-toolbar__spacer"></span>
|
||||
<span class="rdd-count"
|
||||
><strong>{{ visibleRows.length }}</strong> of {{ rows.length }} RDs</span
|
||||
>
|
||||
</div>
|
||||
|
||||
@if (loading) {
|
||||
<div class="rdd-state"><fa-icon icon="spinner" [class.fa-spin]="true"></fa-icon> Loading RDs...</div>
|
||||
} @else if (visibleRows.length === 0) {
|
||||
<div class="rdd-state">
|
||||
<fa-icon icon="inbox"></fa-icon>
|
||||
{{ rows.length ? 'No RDs match these filters.' : 'No running Recurring Deposits.' }}
|
||||
</div>
|
||||
} @else {
|
||||
<div class="rdd-table-card">
|
||||
<table class="rdd-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Account</th>
|
||||
<th>Client</th>
|
||||
<th>Product</th>
|
||||
<th class="text-right">Installment</th>
|
||||
<th>Next Due</th>
|
||||
<th class="text-right">Overdue</th>
|
||||
<th>Maturity</th>
|
||||
<th>Status</th>
|
||||
<th class="text-center">Auto Debit</th>
|
||||
<th class="text-right">Lien</th>
|
||||
<th class="text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (r of visibleRows; track r.id) {
|
||||
<tr class="rdd-row" (click)="openAccount(r)">
|
||||
<td>
|
||||
<span class="rdd-mono">{{ r.accountNo }}</span>
|
||||
<div class="rdd-sub">{{ r.officeName }}</div>
|
||||
</td>
|
||||
<td class="rdd-strong">{{ r.clientName }}</td>
|
||||
<td class="rdd-muted">{{ r.productName }}</td>
|
||||
<td class="text-right">
|
||||
<span class="rdd-mono">₹{{ r.installmentAmount | number: '1.2-2' }}</span>
|
||||
<div class="rdd-sub">{{ r.paidInstallments }} of {{ r.totalInstallments }} paid</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="rdd-mono">{{ r.nextDueDate || '—' }}</span>
|
||||
<div class="rdd-sub" [class.rdd-sub--danger]="r.daysLate > 0">{{ dueText(r) }}</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
@if (r.overdueInstallments > 0) {
|
||||
<span class="rdd-mono rdd-danger">₹{{ r.overdueAmount | number: '1.2-2' }}</span>
|
||||
<div class="rdd-sub">
|
||||
{{ r.overdueInstallments }} installment{{ r.overdueInstallments === 1 ? '' : 's' }}
|
||||
</div>
|
||||
} @else {
|
||||
<span class="rdd-muted">—</span>
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
<span class="rdd-mono">{{ r.maturityDate || '—' }}</span>
|
||||
<div class="rdd-sub">{{ maturityText(r) }}</div>
|
||||
</td>
|
||||
<td>
|
||||
<span [class]="stageClass(r.stage)" [title]="r.meta.hint">{{ r.meta.label }}</span>
|
||||
@if (r.penaltyCount > 0) {
|
||||
<div class="rdd-sub">Penalty ₹{{ r.penaltyAmount | number: '1.0-0' }} ({{ r.penaltyCount }}x)</div>
|
||||
}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
@if (r.autoDebit) {
|
||||
<span class="rdd-yes" [title]="'From ' + (r.linkedAccountNo || 'linked savings')">On</span>
|
||||
} @else {
|
||||
<span class="rdd-muted">Off</span>
|
||||
}
|
||||
</td>
|
||||
<td class="text-right">
|
||||
@if (r.lienAmount > 0) {
|
||||
<span class="rdd-mono">₹{{ r.lienAmount | number: '1.0-0' }}</span>
|
||||
} @else {
|
||||
<span class="rdd-muted">—</span>
|
||||
}
|
||||
</td>
|
||||
<td class="text-center rdd-actions" (click)="$event.stopPropagation()">
|
||||
@if (r.stage === 'MATURED') {
|
||||
<button class="rdd-btn rdd-btn--primary rdd-btn--xs" (click)="closeAccount(r)">Close</button>
|
||||
}
|
||||
<button class="rdd-btn rdd-btn--xs" (click)="openAccount(r)">View</button>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
</div>
|
||||
@@ -0,0 +1,620 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
/** RD Dashboard - same light, compact look as the FD Dashboard. */
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
font-family:
|
||||
'DM Sans',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: #0f172a;
|
||||
background: #f8fafc;
|
||||
min-height: 100vh;
|
||||
padding: 12px 16px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.rdd-container {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
/* ── Header ─────────────────────────────────────────────────────────────── */
|
||||
|
||||
.rdd-header {
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 12px;
|
||||
padding: 10px 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
|
||||
|
||||
&__left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 8px;
|
||||
background: #ecfdf5;
|
||||
color: #059669;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&__sub {
|
||||
margin: 2px 0 0;
|
||||
font-size: 11.5px;
|
||||
color: #64748b;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-alert {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
background: #fef2f2;
|
||||
border: 1px solid #fca5a5;
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
/* ── Sections ───────────────────────────────────────────────────────────── */
|
||||
|
||||
.rdd-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
|
||||
&__title {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #334155;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── 1. Summary cards ───────────────────────────────────────────────────── */
|
||||
|
||||
.rdd-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.rdd-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-left: 4px solid #cbd5e1;
|
||||
border-radius: 10px;
|
||||
padding: 10px 14px;
|
||||
text-align: left;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
|
||||
&:hover:not(.rdd-card--static) {
|
||||
box-shadow: 0 4px 12px rgb(15 23 42 / 6%);
|
||||
}
|
||||
|
||||
&--static {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&__label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
&__val {
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
&__sub {
|
||||
font-size: 11px;
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
&--success {
|
||||
border-left-color: #10b981;
|
||||
|
||||
.rdd-card__label fa-icon {
|
||||
color: #10b981;
|
||||
}
|
||||
|
||||
&.rdd-card--active {
|
||||
background: #ecfdf5;
|
||||
border-color: #6ee7b7;
|
||||
}
|
||||
}
|
||||
|
||||
&--info {
|
||||
border-left-color: #3b82f6;
|
||||
|
||||
.rdd-card__label fa-icon {
|
||||
color: #3b82f6;
|
||||
}
|
||||
|
||||
&.rdd-card--active {
|
||||
background: #eff6ff;
|
||||
border-color: #93c5fd;
|
||||
}
|
||||
}
|
||||
|
||||
&--danger {
|
||||
border-left-color: #ef4444;
|
||||
|
||||
.rdd-card__label fa-icon {
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
&.rdd-card--active {
|
||||
background: #fef2f2;
|
||||
border-color: #fca5a5;
|
||||
}
|
||||
}
|
||||
|
||||
&--warn {
|
||||
border-left-color: #f59e0b;
|
||||
|
||||
.rdd-card__label fa-icon {
|
||||
color: #f59e0b;
|
||||
}
|
||||
|
||||
&.rdd-card--active {
|
||||
background: #fffbeb;
|
||||
border-color: #fcd34d;
|
||||
}
|
||||
}
|
||||
|
||||
&--neutral {
|
||||
border-left-color: #64748b;
|
||||
|
||||
.rdd-card__label fa-icon {
|
||||
color: #64748b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-progress {
|
||||
height: 6px;
|
||||
border-radius: 3px;
|
||||
background: #e2e8f0;
|
||||
overflow: hidden;
|
||||
|
||||
&__bar {
|
||||
height: 100%;
|
||||
background: #10b981;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── 2. Installment health ──────────────────────────────────────────────── */
|
||||
|
||||
.rdd-health {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
gap: 10px;
|
||||
|
||||
@media (width <= 900px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-tiles {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.rdd-tile {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 1fr;
|
||||
column-gap: 8px;
|
||||
row-gap: 2px;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
padding: 10px 12px;
|
||||
text-align: left;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
|
||||
&:hover:not(.rdd-tile--static) {
|
||||
box-shadow: 0 4px 12px rgb(15 23 42 / 6%);
|
||||
}
|
||||
|
||||
&--active {
|
||||
border-color: #2563eb;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
&--static {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&__dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
|
||||
&--neutral {
|
||||
background: #64748b;
|
||||
}
|
||||
|
||||
&--warn {
|
||||
background: #f59e0b;
|
||||
}
|
||||
|
||||
&--danger {
|
||||
background: #ef4444;
|
||||
}
|
||||
|
||||
&--success {
|
||||
background: #10b981;
|
||||
}
|
||||
}
|
||||
|
||||
&__label {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
&__val,
|
||||
&__sub {
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
&__val {
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
&__sub {
|
||||
font-size: 10.5px;
|
||||
color: #64748b;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-ageing {
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
padding: 10px 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
&__title {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: #334155;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
&__row {
|
||||
display: grid;
|
||||
grid-template-columns: 74px 1fr 28px;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
padding: 3px 4px;
|
||||
border-radius: 6px;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&--active {
|
||||
background: #f1f5f9;
|
||||
}
|
||||
}
|
||||
|
||||
&__label {
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&__track {
|
||||
height: 8px;
|
||||
background: #f1f5f9;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__bar {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background: #f97316;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
&__count {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── 3. Action list ─────────────────────────────────────────────────────── */
|
||||
|
||||
.rdd-toolbar {
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
&__spacer {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-search {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 240px;
|
||||
|
||||
&__icon {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
color: #94a3b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
&__input {
|
||||
width: 100%;
|
||||
padding: 5px 8px 5px 27px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-family: inherit;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: #2563eb;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-select {
|
||||
padding: 5px 8px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-family: inherit;
|
||||
background: #fff;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
.rdd-count {
|
||||
font-size: 11.5px;
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
.rdd-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 6px 12px;
|
||||
border-radius: 6px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
border: 1px solid #cbd5e1;
|
||||
background: #fff;
|
||||
color: #334155;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
border-color: #2563eb;
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
&--slim {
|
||||
padding: 4px 10px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
&--xs {
|
||||
padding: 3px 9px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
&--primary {
|
||||
background: #2563eb;
|
||||
border-color: #2563eb;
|
||||
color: #fff;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: #1d4ed8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-state {
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
padding: 24px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
.rdd-table-card {
|
||||
background: #fff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.rdd-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
|
||||
th {
|
||||
padding: 8px 10px;
|
||||
background: #f1f5f9;
|
||||
color: #475569;
|
||||
font-size: 10.5px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 7px 10px;
|
||||
border-bottom: 1px solid #f1f5f9;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-row {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-mono {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 11.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.rdd-strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.rdd-muted {
|
||||
color: #64748b;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
.rdd-danger {
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.rdd-sub {
|
||||
font-size: 10.5px;
|
||||
color: #64748b;
|
||||
|
||||
&--danger {
|
||||
color: #dc2626;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-yes {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #059669;
|
||||
}
|
||||
|
||||
.rdd-actions {
|
||||
white-space: nowrap;
|
||||
|
||||
.rdd-btn + .rdd-btn {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.rdd-badge {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 12px;
|
||||
font-size: 10.5px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
|
||||
&--success {
|
||||
background: #ecfdf5;
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
&--info {
|
||||
background: #eff6ff;
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
&--warn {
|
||||
background: #fffbeb;
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
&--danger {
|
||||
background: #fef2f2;
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
&--neutral {
|
||||
background: #f1f5f9;
|
||||
color: #475569;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,256 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
/** Angular Imports */
|
||||
import { Component, OnInit, inject } from '@angular/core';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { Router } from '@angular/router';
|
||||
|
||||
/** Custom Modules */
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
|
||||
/** Custom Services */
|
||||
import { AccountsService } from '../accounts/accounts.service';
|
||||
|
||||
/** Dashboard data + computation */
|
||||
import {
|
||||
RD_AGEING_BUCKETS,
|
||||
RD_STAGES,
|
||||
RdDashboardResponse,
|
||||
RdRow,
|
||||
RdStage,
|
||||
RdSummary,
|
||||
buildRdRow,
|
||||
rdSummary,
|
||||
sortRdRows
|
||||
} from './rd-dashboard.compute';
|
||||
|
||||
/**
|
||||
* RD Dashboard: every running Recurring Deposit, with its installment position as of the business date.
|
||||
*
|
||||
* Three parts, top to bottom: the summary cards (how the RD book stands), installment health (who is late and how
|
||||
* badly), and the action list (each RD with what to do next). Every figure comes from one call to
|
||||
* `/recurringdepositaccounts/dashboard`, which works out paid/late installments the same way the nightly penalty job
|
||||
* does, so this screen and the penalties never disagree.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-rd-dashboard',
|
||||
templateUrl: './rd-dashboard.component.html',
|
||||
styleUrls: ['./rd-dashboard.component.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
FormsModule,
|
||||
FaIconComponent
|
||||
]
|
||||
})
|
||||
export class RdDashboardComponent implements OnInit {
|
||||
private accountsService = inject(AccountsService);
|
||||
private router = inject(Router);
|
||||
|
||||
loading = false;
|
||||
errorMessage = '';
|
||||
|
||||
businessDate = '';
|
||||
maturedClosedThisMonth = 0;
|
||||
prematureClosedThisMonth = 0;
|
||||
penaltyIncomeThisMonth = 0;
|
||||
penaltyIncomeTotal = 0;
|
||||
|
||||
rows: RdRow[] = [];
|
||||
summary: RdSummary = rdSummary([]);
|
||||
|
||||
/** Filters */
|
||||
stageFilter: RdStage | '' = '';
|
||||
/** Narrower than a stage: 'overdue' (any late installment), 'lien', or an ageing bucket key. */
|
||||
extraFilter = '';
|
||||
officeFilter: number | '' = '';
|
||||
productFilter: number | '' = '';
|
||||
search = '';
|
||||
|
||||
offices: { id: number; name: string }[] = [];
|
||||
products: { id: number; name: string }[] = [];
|
||||
|
||||
readonly stages = RD_STAGES;
|
||||
readonly stageKeys: RdStage[] = [
|
||||
'MATURED',
|
||||
'PAST_GRACE',
|
||||
'IN_GRACE',
|
||||
'DUE_TODAY',
|
||||
'REGULAR'
|
||||
];
|
||||
readonly ageingBuckets = RD_AGEING_BUCKETS;
|
||||
|
||||
ngOnInit(): void {
|
||||
this.load();
|
||||
}
|
||||
|
||||
load(): void {
|
||||
this.loading = true;
|
||||
this.errorMessage = '';
|
||||
this.accountsService.getRecurringDepositDashboard().subscribe({
|
||||
next: (res: RdDashboardResponse) => {
|
||||
this.businessDate = res?.businessDate || '';
|
||||
this.maturedClosedThisMonth = Number(res?.maturedClosedThisMonth) || 0;
|
||||
this.prematureClosedThisMonth = Number(res?.prematureClosedThisMonth) || 0;
|
||||
this.penaltyIncomeThisMonth = Number(res?.penaltyIncomeThisMonth) || 0;
|
||||
this.penaltyIncomeTotal = Number(res?.penaltyIncomeTotal) || 0;
|
||||
const accounts = Array.isArray(res?.accounts) ? res.accounts : [];
|
||||
this.rows = sortRdRows(accounts.map((a) => buildRdRow(a, this.businessDate)));
|
||||
this.summary = rdSummary(this.rows);
|
||||
this.offices = this.distinct(this.rows.map((r) => ({ id: r.officeId, name: r.officeName })));
|
||||
this.products = this.distinct(this.rows.map((r) => ({ id: r.productId, name: r.productName })));
|
||||
this.loading = false;
|
||||
},
|
||||
error: (err: any) => {
|
||||
this.rows = [];
|
||||
this.summary = rdSummary([]);
|
||||
this.loading = false;
|
||||
this.errorMessage =
|
||||
err?.error?.defaultUserMessage || err?.error?.developerMessage || 'Could not load the RD dashboard.';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
private distinct(items: { id: number; name: string }[]): { id: number; name: string }[] {
|
||||
const seen = new Map<number, string>();
|
||||
items.forEach((i) => seen.set(i.id, i.name));
|
||||
return [...seen.entries()].map(([id, name]) => ({ id, name })).sort((a, b) => a.name.localeCompare(b.name));
|
||||
}
|
||||
|
||||
// ── Filtering ──────────────────────────────────────────────────────────────
|
||||
|
||||
get visibleRows(): RdRow[] {
|
||||
const needle = this.search.trim().toLowerCase();
|
||||
return this.rows.filter((r) => {
|
||||
if (this.stageFilter && r.stage !== this.stageFilter) {
|
||||
return false;
|
||||
}
|
||||
if (this.extraFilter === 'overdue' && !(r.overdueInstallments > 0 && r.stage !== 'MATURED')) {
|
||||
return false;
|
||||
}
|
||||
if (this.extraFilter === 'lien' && !(r.lienAmount > 0)) {
|
||||
return false;
|
||||
}
|
||||
if (this.isAgeingKey(this.extraFilter) && r.ageingKey !== this.extraFilter) {
|
||||
return false;
|
||||
}
|
||||
if (this.officeFilter !== '' && r.officeId !== this.officeFilter) {
|
||||
return false;
|
||||
}
|
||||
if (this.productFilter !== '' && r.productId !== this.productFilter) {
|
||||
return false;
|
||||
}
|
||||
if (needle && !`${r.accountNo} ${r.clientName}`.toLowerCase().includes(needle)) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
private isAgeingKey(key: string): boolean {
|
||||
return this.ageingBuckets.some((b) => b.key === key);
|
||||
}
|
||||
|
||||
/** Clicking a card or tile shows just those RDs in the list below; clicking it again shows all. */
|
||||
showStage(stage: RdStage): void {
|
||||
const same = this.stageFilter === stage && !this.extraFilter;
|
||||
this.stageFilter = same ? '' : stage;
|
||||
this.extraFilter = '';
|
||||
}
|
||||
|
||||
showExtra(key: string): void {
|
||||
const same = this.extraFilter === key && !this.stageFilter;
|
||||
this.extraFilter = same ? '' : key;
|
||||
this.stageFilter = '';
|
||||
}
|
||||
|
||||
get anyFilter(): boolean {
|
||||
return !!(this.stageFilter || this.extraFilter || this.officeFilter !== '' || this.productFilter !== '' || this.search);
|
||||
}
|
||||
|
||||
resetFilters(): void {
|
||||
this.stageFilter = '';
|
||||
this.extraFilter = '';
|
||||
this.officeFilter = '';
|
||||
this.productFilter = '';
|
||||
this.search = '';
|
||||
}
|
||||
|
||||
/** Width of an ageing bar, relative to the largest bucket. */
|
||||
ageingWidth(key: string): number {
|
||||
const max = Math.max(1, ...this.ageingBuckets.map((b) => this.summary.ageing[b.key] || 0));
|
||||
return Math.round(((this.summary.ageing[key] || 0) / max) * 100);
|
||||
}
|
||||
|
||||
// ── Navigation ─────────────────────────────────────────────────────────────
|
||||
|
||||
openAccount(row: RdRow): void {
|
||||
this.router.navigate([
|
||||
'/clients',
|
||||
row.clientId,
|
||||
'recurring-deposits-accounts',
|
||||
row.id,
|
||||
'general'
|
||||
]);
|
||||
}
|
||||
|
||||
closeAccount(row: RdRow): void {
|
||||
this.router.navigate([
|
||||
'/clients',
|
||||
row.clientId,
|
||||
'recurring-deposits-accounts',
|
||||
row.id,
|
||||
'actions',
|
||||
'Close'
|
||||
]);
|
||||
}
|
||||
|
||||
// ── Presentation ───────────────────────────────────────────────────────────
|
||||
|
||||
stageClass(stage: RdStage): string {
|
||||
return `rdd-badge rdd-badge--${RD_STAGES[stage].tone}`;
|
||||
}
|
||||
|
||||
/** "5 days late" / "Due today" / "Due in 12 days", as a branch officer would say it. */
|
||||
dueText(row: RdRow): string {
|
||||
if (row.stage === 'MATURED') {
|
||||
return 'Term complete';
|
||||
}
|
||||
if (!row.nextDueDate) {
|
||||
return 'All installments paid';
|
||||
}
|
||||
if (row.daysLate > 0) {
|
||||
return `${row.daysLate} day${row.daysLate === 1 ? '' : 's'} late`;
|
||||
}
|
||||
const days = this.daysUntil(row.nextDueDate);
|
||||
if (days === 0) {
|
||||
return 'Due today';
|
||||
}
|
||||
return `Due in ${days} day${days === 1 ? '' : 's'}`;
|
||||
}
|
||||
|
||||
maturityText(row: RdRow): string {
|
||||
if (row.daysToMaturity == null) {
|
||||
return '';
|
||||
}
|
||||
if (row.daysToMaturity < 0) {
|
||||
return `Matured ${-row.daysToMaturity} day${row.daysToMaturity === -1 ? '' : 's'} ago`;
|
||||
}
|
||||
if (row.daysToMaturity === 0) {
|
||||
return 'Matures today';
|
||||
}
|
||||
return `In ${row.daysToMaturity} day${row.daysToMaturity === 1 ? '' : 's'}`;
|
||||
}
|
||||
|
||||
private daysUntil(iso: string): number {
|
||||
const a = new Date(`${this.businessDate}T00:00:00Z`).getTime();
|
||||
const b = new Date(`${iso}T00:00:00Z`).getTime();
|
||||
return Math.round((b - a) / 86400000);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,214 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Where a running Recurring Deposit stands today, most urgent first:
|
||||
* - MATURED: the term is over - the deposit is waiting to be closed and paid out.
|
||||
* - PAST_GRACE: an installment is late beyond the product's grace days - the penalty applies.
|
||||
* - IN_GRACE: an installment is late but still inside the grace days - no penalty yet.
|
||||
* - DUE_TODAY: today's installment has not come in yet.
|
||||
* - REGULAR: nothing due or late.
|
||||
*/
|
||||
export type RdStage = 'MATURED' | 'PAST_GRACE' | 'IN_GRACE' | 'DUE_TODAY' | 'REGULAR';
|
||||
|
||||
export interface RdStageMeta {
|
||||
label: string;
|
||||
tone: 'danger' | 'warn' | 'info' | 'success' | 'neutral';
|
||||
hint: string;
|
||||
}
|
||||
|
||||
export const RD_STAGES: Record<RdStage, RdStageMeta> = {
|
||||
MATURED: { label: 'Matured – Close Pending', tone: 'info', hint: 'Term complete; close it to pay the client.' },
|
||||
PAST_GRACE: { label: 'Overdue – Penalty', tone: 'danger', hint: 'Late beyond the grace days; penalty applies.' },
|
||||
IN_GRACE: { label: 'Late – In Grace', tone: 'warn', hint: 'Late, but still within the grace days.' },
|
||||
DUE_TODAY: { label: 'Due Today', tone: 'neutral', hint: "Today's installment has not come in yet." },
|
||||
REGULAR: { label: 'Regular', tone: 'success', hint: 'All installments paid on time.' }
|
||||
};
|
||||
|
||||
/** Late-installment ageing buckets, by days since the oldest unpaid installment fell due. */
|
||||
export const RD_AGEING_BUCKETS = [
|
||||
{ key: '1-30', label: '1–30 days', from: 1, to: 30 },
|
||||
{ key: '31-60', label: '31–60 days', from: 31, to: 60 },
|
||||
{ key: '61-90', label: '61–90 days', from: 61, to: 90 },
|
||||
{ key: '90+', label: '90+ days', from: 91, to: Infinity }
|
||||
];
|
||||
|
||||
/** SavingsAccountStatusType.MATURED. */
|
||||
const STATUS_MATURED = 800;
|
||||
|
||||
/** One account as `/recurringdepositaccounts/dashboard` returns it. */
|
||||
export interface RdDashboardAccount {
|
||||
id: number;
|
||||
accountNo: string;
|
||||
clientId: number;
|
||||
clientName: string;
|
||||
officeId: number;
|
||||
officeName: string;
|
||||
productId: number;
|
||||
productName: string;
|
||||
status: number;
|
||||
balance: number;
|
||||
installmentAmount: number;
|
||||
maturityDate: string | null;
|
||||
maturityAmount: number | null;
|
||||
autoDebit: boolean;
|
||||
linkedAccountNo: string | null;
|
||||
graceDays: number;
|
||||
penaltyEnabled: boolean;
|
||||
totalInstallments: number;
|
||||
paidInstallments: number;
|
||||
nextDueDate: string | null;
|
||||
overdueInstallments: number;
|
||||
overdueAmount: number;
|
||||
dueTodayCount: number;
|
||||
dueTodayPaid: number;
|
||||
dueThisMonth: number;
|
||||
receivedThisMonth: number;
|
||||
paidThisMonth: number;
|
||||
penaltyCount: number;
|
||||
penaltyAmount: number;
|
||||
lienAmount: number;
|
||||
}
|
||||
|
||||
export interface RdDashboardResponse {
|
||||
businessDate: string;
|
||||
maturedClosedThisMonth: number;
|
||||
prematureClosedThisMonth: number;
|
||||
penaltyIncomeThisMonth: number;
|
||||
penaltyIncomeTotal: number;
|
||||
accounts: RdDashboardAccount[];
|
||||
}
|
||||
|
||||
export interface RdRow extends RdDashboardAccount {
|
||||
stage: RdStage;
|
||||
meta: RdStageMeta;
|
||||
/** Days since the oldest unpaid installment fell due; 0 when nothing is late. */
|
||||
daysLate: number;
|
||||
/** Days left until maturity; negative once past it. */
|
||||
daysToMaturity: number | null;
|
||||
ageingKey: string | null;
|
||||
}
|
||||
|
||||
function daysBetween(earlier: string, later: string): number {
|
||||
const a = new Date(`${earlier}T00:00:00Z`).getTime();
|
||||
const b = new Date(`${later}T00:00:00Z`).getTime();
|
||||
return Math.round((b - a) / 86400000);
|
||||
}
|
||||
|
||||
export function buildRdRow(a: RdDashboardAccount, today: string): RdRow {
|
||||
const num = (v: any) => Number(v) || 0;
|
||||
const account: RdDashboardAccount = {
|
||||
...a,
|
||||
balance: num(a.balance),
|
||||
installmentAmount: num(a.installmentAmount),
|
||||
maturityAmount: a.maturityAmount == null ? null : num(a.maturityAmount),
|
||||
graceDays: num(a.graceDays),
|
||||
totalInstallments: num(a.totalInstallments),
|
||||
paidInstallments: num(a.paidInstallments),
|
||||
overdueInstallments: num(a.overdueInstallments),
|
||||
overdueAmount: num(a.overdueAmount),
|
||||
dueTodayCount: num(a.dueTodayCount),
|
||||
dueTodayPaid: num(a.dueTodayPaid),
|
||||
dueThisMonth: num(a.dueThisMonth),
|
||||
receivedThisMonth: num(a.receivedThisMonth),
|
||||
paidThisMonth: num(a.paidThisMonth),
|
||||
penaltyCount: num(a.penaltyCount),
|
||||
penaltyAmount: num(a.penaltyAmount),
|
||||
lienAmount: num(a.lienAmount)
|
||||
};
|
||||
// When anything is late, the earliest unpaid installment is the oldest late one.
|
||||
const daysLate = account.overdueInstallments > 0 && account.nextDueDate ? daysBetween(account.nextDueDate, today) : 0;
|
||||
const daysToMaturity = account.maturityDate ? daysBetween(today, account.maturityDate) : null;
|
||||
|
||||
let stage: RdStage;
|
||||
if (account.status === STATUS_MATURED || (daysToMaturity != null && daysToMaturity <= 0)) {
|
||||
stage = 'MATURED';
|
||||
} else if (daysLate > 0) {
|
||||
stage = daysLate > account.graceDays ? 'PAST_GRACE' : 'IN_GRACE';
|
||||
} else if (account.dueTodayCount > account.dueTodayPaid) {
|
||||
stage = 'DUE_TODAY';
|
||||
} else {
|
||||
stage = 'REGULAR';
|
||||
}
|
||||
const bucket = daysLate > 0 ? RD_AGEING_BUCKETS.find((b) => daysLate >= b.from && daysLate <= b.to) : null;
|
||||
return {
|
||||
...account,
|
||||
stage,
|
||||
meta: RD_STAGES[stage],
|
||||
daysLate,
|
||||
daysToMaturity,
|
||||
ageingKey: bucket ? bucket.key : null
|
||||
};
|
||||
}
|
||||
|
||||
export interface RdSummary {
|
||||
activeCount: number;
|
||||
activeBalance: number;
|
||||
maturedCount: number;
|
||||
maturedAmount: number;
|
||||
dueThisMonth: number;
|
||||
receivedThisMonth: number;
|
||||
collectionPercent: number;
|
||||
overdueCount: number;
|
||||
overdueAmount: number;
|
||||
lienCount: number;
|
||||
lienAmount: number;
|
||||
dueTodayCount: number;
|
||||
dueTodayPaidCount: number;
|
||||
inGraceCount: number;
|
||||
inGraceAmount: number;
|
||||
pastGraceCount: number;
|
||||
pastGraceAmount: number;
|
||||
ageing: Record<string, number>;
|
||||
}
|
||||
|
||||
export function rdSummary(rows: RdRow[]): RdSummary {
|
||||
const sum = (list: RdRow[], f: (r: RdRow) => number) => list.reduce((s, r) => s + f(r), 0);
|
||||
const running = rows.filter((r) => r.stage !== 'MATURED');
|
||||
const matured = rows.filter((r) => r.stage === 'MATURED');
|
||||
const overdue = running.filter((r) => r.overdueInstallments > 0);
|
||||
const inGrace = rows.filter((r) => r.stage === 'IN_GRACE');
|
||||
const pastGrace = rows.filter((r) => r.stage === 'PAST_GRACE');
|
||||
const lien = rows.filter((r) => r.lienAmount > 0);
|
||||
const dueThisMonth = sum(running, (r) => r.dueThisMonth);
|
||||
const receivedThisMonth = sum(running, (r) => r.receivedThisMonth);
|
||||
const ageing: Record<string, number> = {};
|
||||
RD_AGEING_BUCKETS.forEach((b) => (ageing[b.key] = running.filter((r) => r.ageingKey === b.key).length));
|
||||
return {
|
||||
activeCount: running.length,
|
||||
activeBalance: sum(running, (r) => r.balance),
|
||||
maturedCount: matured.length,
|
||||
maturedAmount: sum(matured, (r) => r.maturityAmount ?? r.balance),
|
||||
dueThisMonth,
|
||||
receivedThisMonth,
|
||||
collectionPercent: dueThisMonth > 0 ? Math.round((receivedThisMonth / dueThisMonth) * 100) : 100,
|
||||
overdueCount: overdue.length,
|
||||
overdueAmount: sum(overdue, (r) => r.overdueAmount),
|
||||
lienCount: lien.length,
|
||||
lienAmount: sum(lien, (r) => r.lienAmount),
|
||||
dueTodayCount: running.filter((r) => r.dueTodayCount > 0).length,
|
||||
dueTodayPaidCount: running.filter((r) => r.dueTodayCount > 0 && r.dueTodayPaid >= r.dueTodayCount).length,
|
||||
inGraceCount: inGrace.length,
|
||||
inGraceAmount: sum(inGrace, (r) => r.overdueAmount),
|
||||
pastGraceCount: pastGrace.length,
|
||||
pastGraceAmount: sum(pastGrace, (r) => r.overdueAmount),
|
||||
ageing
|
||||
};
|
||||
}
|
||||
|
||||
/** Most urgent first: matured, then the longest late, then due today, then the rest by next due date. */
|
||||
export function sortRdRows(rows: RdRow[]): RdRow[] {
|
||||
const rank: Record<RdStage, number> = { MATURED: 0, PAST_GRACE: 1, IN_GRACE: 2, DUE_TODAY: 3, REGULAR: 4 };
|
||||
return [...rows].sort(
|
||||
(a, b) =>
|
||||
rank[a.stage] - rank[b.stage] ||
|
||||
b.daysLate - a.daysLate ||
|
||||
(a.nextDueDate || '9999').localeCompare(b.nextDueDate || '9999') ||
|
||||
a.accountNo.localeCompare(b.accountNo)
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
import { NgModule } from '@angular/core';
|
||||
|
||||
import { SharedModule } from '../shared/shared.module';
|
||||
import { RdDashboardRoutingModule } from './rd-dashboard-routing.module';
|
||||
import { RdDashboardComponent } from './rd-dashboard.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
SharedModule,
|
||||
RdDashboardRoutingModule,
|
||||
RdDashboardComponent
|
||||
]
|
||||
})
|
||||
export class RdDashboardModule {}
|
||||
@@ -226,7 +226,15 @@ export class SettingsService {
|
||||
* Returns current Business date server
|
||||
*/
|
||||
get businessDate(): Date {
|
||||
return this.dateUtils.convertToDate(localStorage.getItem('mifosXServerDate'), SettingsService.businessDateFormat);
|
||||
// With business dates switched off the server works on today's date, so the screens must too - the date
|
||||
// stored from when it was on would otherwise linger. Nothing stored (or unreadable) also falls back to today
|
||||
// instead of an Invalid Date.
|
||||
if (this.businessDateConfig === 'false') {
|
||||
return new Date();
|
||||
}
|
||||
const stored = localStorage.getItem('mifosXServerDate');
|
||||
const date = stored ? this.dateUtils.convertToDate(stored, SettingsService.businessDateFormat) : null;
|
||||
return date && !isNaN(date.getTime()) ? date : new Date();
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -749,7 +749,7 @@
|
||||
"Daily": "Daily",
|
||||
"Monthly": "Monthly",
|
||||
"Weekly": "Weekly",
|
||||
"Quarterly": "Quartely",
|
||||
"Quarterly": "Quarterly",
|
||||
"Semi-Annual": "Semi-Annual",
|
||||
"SemiWeeks": "SemiWeeks",
|
||||
"Annually": "Annually",
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
/* tslint:disable */
|
||||
export default {
|
||||
'mifos_x': {
|
||||
'version': '261006',
|
||||
'hash': '5ab4e9ea'
|
||||
'version': '261012',
|
||||
'hash': '6b0f218b'
|
||||
},
|
||||
'allow_switching_backend_instance': true
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user