feat: recurring deposit enhancements, dashboard, chart, and account view updates
This commit is contained in:
@@ -85,6 +85,11 @@ export class AccountsService {
|
|||||||
return this.http.get('/fixeddepositaccounts/maturity-dashboard');
|
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> {
|
getRecurringDepositAccounts(params: AccountListParams = {}): Observable<any> {
|
||||||
let httpParams = new HttpParams()
|
let httpParams = new HttpParams()
|
||||||
.set('paged', 'true')
|
.set('paged', 'true')
|
||||||
|
|||||||
@@ -64,6 +64,7 @@ import { BankCalendarModule } from './bank-calendar/bank-calendar.module';
|
|||||||
import { DeafModule } from './deaf/deaf.module';
|
import { DeafModule } from './deaf/deaf.module';
|
||||||
import { SavingsDailyInterestModule } from './savings-daily-interest/savings-daily-interest.module';
|
import { SavingsDailyInterestModule } from './savings-daily-interest/savings-daily-interest.module';
|
||||||
import { FdDashboardModule } from './fd-dashboard/fd-dashboard.module';
|
import { FdDashboardModule } from './fd-dashboard/fd-dashboard.module';
|
||||||
|
import { RdDashboardModule } from './rd-dashboard/rd-dashboard.module';
|
||||||
import { DicgcModule } from './dicgc/dicgc.module';
|
import { DicgcModule } from './dicgc/dicgc.module';
|
||||||
import { FiuModule } from './fiu/fiu.module';
|
import { FiuModule } from './fiu/fiu.module';
|
||||||
import { GlReportsModule } from './gl-reports/gl-reports.module';
|
import { GlReportsModule } from './gl-reports/gl-reports.module';
|
||||||
@@ -178,6 +179,7 @@ export function HttpLoaderFactory(http: HttpClient) {
|
|||||||
DeafModule,
|
DeafModule,
|
||||||
SavingsDailyInterestModule,
|
SavingsDailyInterestModule,
|
||||||
FdDashboardModule,
|
FdDashboardModule,
|
||||||
|
RdDashboardModule,
|
||||||
DicgcModule,
|
DicgcModule,
|
||||||
FiuModule,
|
FiuModule,
|
||||||
GlReportsModule,
|
GlReportsModule,
|
||||||
|
|||||||
@@ -5196,7 +5196,8 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
|||||||
this.showAlert('error', 'Invalid Account Type', [
|
this.showAlert('error', 'Invalid Account Type', [
|
||||||
`Account type(s) not allowed in Bank Transfer: ${invalidAccounts.map((r) => r.acTyp + ' (' + r.acNo + ')').join(', ')}`,
|
`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.',
|
'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;
|
return;
|
||||||
}
|
}
|
||||||
@@ -5250,6 +5251,19 @@ export class TransactionEntryComponent implements OnInit, OnDestroy {
|
|||||||
this.rows.length >= 2 &&
|
this.rows.length >= 2 &&
|
||||||
this.rows.every((r) => r.typ === 'Disbursement' || r.typ === 'Fund Transfer')
|
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 drRows = this.rows.filter((r) => r.dbCr === 'Dr');
|
||||||
const crRows = this.rows.filter((r) => r.dbCr === 'Cr');
|
const crRows = this.rows.filter((r) => r.dbCr === 'Cr');
|
||||||
|
|
||||||
|
|||||||
@@ -591,16 +591,13 @@
|
|||||||
<i class="fa fa-calendar section-header__icon"></i>
|
<i class="fa fa-calendar section-header__icon"></i>
|
||||||
<h3 class="section-header__title">{{ 'labels.heading.Recurring Deposit Accounts' | translate }}</h3>
|
<h3 class="section-header__title">{{ 'labels.heading.Recurring Deposit Accounts' | translate }}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="section-header__right">
|
|
||||||
<button mat-raised-button color="primary" (click)="toggleRecurringAccountsOverview()">
|
|
||||||
{{ viewAccountsLabel(showClosedRecurringAccounts) | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</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">
|
<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">
|
<ng-container matColumnDef="Account No">
|
||||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Account No' | translate }}</th>
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Account No' | translate }}</th>
|
||||||
<td mat-cell *matCellDef="let element">
|
<td mat-cell *matCellDef="let element">
|
||||||
@@ -614,6 +611,15 @@
|
|||||||
<mifosx-long-text textValue="{{ element.productName }}" chars="35"></mifosx-long-text>
|
<mifosx-long-text textValue="{{ element.productName }}" chars="35"></mifosx-long-text>
|
||||||
</td>
|
</td>
|
||||||
</ng-container>
|
</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">
|
<ng-container matColumnDef="Last Active">
|
||||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Last Active' | translate }}</th>
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Last Active' | translate }}</th>
|
||||||
<td mat-cell *matCellDef="let element">{{ element.lastActiveTransactionDate | dateFormat }}</td>
|
<td mat-cell *matCellDef="let element">{{ element.lastActiveTransactionDate | dateFormat }}</td>
|
||||||
@@ -638,7 +644,7 @@
|
|||||||
<i class="fa fa-check"></i>
|
<i class="fa fa-check"></i>
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
@if (!element.status.submittedAndPendingApproval && !element.status.active) {
|
@if (element.status.approved) {
|
||||||
<button
|
<button
|
||||||
class="account-action-button"
|
class="account-action-button"
|
||||||
mat-raised-button
|
mat-raised-button
|
||||||
@@ -664,7 +670,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="no-data">
|
<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">
|
<div class="table-empty-state">
|
||||||
<i class="fa fa-folder-open-o table-empty-state__icon"></i>
|
<i class="fa fa-folder-open-o table-empty-state__icon"></i>
|
||||||
<p class="table-empty-state__text">
|
<p class="table-empty-state__text">
|
||||||
@@ -674,67 +680,17 @@
|
|||||||
</td>
|
</td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<tr mat-header-row *matHeaderRowDef="openSavingsColumns"></tr>
|
<tr mat-header-row *matHeaderRowDef="recurringColumns"></tr>
|
||||||
<tr
|
<tr
|
||||||
mat-row
|
mat-row
|
||||||
*matRowDef="let row; columns: openSavingsColumns"
|
*matRowDef="let row; columns: recurringColumns"
|
||||||
[routerLink]="['../', 'recurring-deposits-accounts', row.id, 'general']"
|
[routerLink]="['../', 'recurring-deposits-accounts', row.id, 'general']"
|
||||||
class="select-row"
|
class="select-row"
|
||||||
></tr>
|
></tr>
|
||||||
<tr
|
<tr
|
||||||
mat-footer-row
|
mat-footer-row
|
||||||
*matFooterRowDef="
|
*matFooterRowDef="
|
||||||
(savingAccounts | accountsFilter: 'saving' : 'open' : 'isRecurring')?.length === 0 ? ['no-data'] : []
|
(savingAccounts | accountsFilter: 'saving' : 'all' : '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'] : []
|
|
||||||
"
|
"
|
||||||
></tr>
|
></tr>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
@@ -419,3 +419,24 @@ table[mat-table] {
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
z-index: 1;
|
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',
|
'Saving Account',
|
||||||
'Closed Date'
|
'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 */
|
/** Open Shares Accounts Columns */
|
||||||
openSharesColumns: string[] = [
|
openSharesColumns: string[] = [
|
||||||
'Account No',
|
'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 {
|
viewAccountsLabel(closed: boolean): string {
|
||||||
if (closed) {
|
if (closed) {
|
||||||
return 'labels.buttons.View Active Accounts';
|
return 'labels.buttons.View Active Accounts';
|
||||||
|
|||||||
@@ -377,6 +377,8 @@
|
|||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
@if (selectedTabIndex < totalTabs - 1) {
|
@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">
|
<button mat-raised-button color="primary" (click)="onNext()" [disabled]="savingClient || !currentStepValid">
|
||||||
@if (savingClient) {
|
@if (savingClient) {
|
||||||
<mat-progress-spinner diameter="18" mode="indeterminate" class="m-r-10"></mat-progress-spinner>
|
<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>
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
||||||
}
|
}
|
||||||
</button>
|
</button>
|
||||||
|
</span>
|
||||||
}
|
}
|
||||||
@if (selectedTabIndex === totalTabs - 1) {
|
@if (selectedTabIndex === totalTabs - 1) {
|
||||||
<button mat-raised-button color="primary" [routerLink]="['../']">
|
<button mat-raised-button color="primary" [routerLink]="['../']">
|
||||||
|
|||||||
@@ -393,6 +393,12 @@ export class EditClientComponent {
|
|||||||
if (this.selectedTabIndex === 0 && this.clientGeneralForm?.valid && !this.contactVerificationComplete) {
|
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.';
|
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) {
|
if (this.selectedTabIndex === 1) {
|
||||||
const labels = this.clientKycStep?.invalidFieldLabels || [];
|
const labels = this.clientKycStep?.invalidFieldLabels || [];
|
||||||
if (labels.length) {
|
if (labels.length) {
|
||||||
@@ -408,6 +414,42 @@ export class EditClientComponent {
|
|||||||
return 'Please fill all mandatory fields on this tab to continue.';
|
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 */
|
/** Whether the current tab has unsaved edits */
|
||||||
isCurrentTabEdited(): boolean {
|
isCurrentTabEdited(): boolean {
|
||||||
return this.tabEditMode[this.selectedTabIndex] === true;
|
return this.tabEditMode[this.selectedTabIndex] === true;
|
||||||
|
|||||||
@@ -48,7 +48,12 @@ export class CacheInterceptor implements HttpInterceptor {
|
|||||||
'/cashreconciliation',
|
'/cashreconciliation',
|
||||||
'/cashsettlement',
|
'/cashsettlement',
|
||||||
'/cashtransfer',
|
'/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 {
|
private isCacheable(url: string): boolean {
|
||||||
|
|||||||
@@ -1220,6 +1220,9 @@
|
|||||||
<button mat-menu-item tabindex="0" [routerLink]="['/fd-dashboard']">
|
<button mat-menu-item tabindex="0" [routerLink]="['/fd-dashboard']">
|
||||||
<fa-icon icon="calendar-check" class="menu-item-icon"></fa-icon> FD Dashboard
|
<fa-icon icon="calendar-check" class="menu-item-icon"></fa-icon> FD Dashboard
|
||||||
</button>
|
</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">
|
<button mat-menu-item tabindex="0">
|
||||||
<fa-icon icon="chart-line" class="menu-item-icon"></fa-icon> FD Interest Report
|
<fa-icon icon="chart-line" class="menu-item-icon"></fa-icon> FD Interest Report
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
+50
-2
@@ -195,6 +195,13 @@ export class CreateRecurringDepositsAccountComponent {
|
|||||||
});
|
});
|
||||||
return;
|
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) {
|
if (!this.selectedTenureValue || this.selectedTenureFrequencyId === null) {
|
||||||
this.alertService.alert({
|
this.alertService.alert({
|
||||||
type: 'Error',
|
type: 'Error',
|
||||||
@@ -209,6 +216,39 @@ export class CreateRecurringDepositsAccountComponent {
|
|||||||
});
|
});
|
||||||
return;
|
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) {
|
if (!detailsStep?.selectedCustomerSegment) {
|
||||||
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
||||||
return;
|
return;
|
||||||
@@ -255,8 +295,16 @@ export class CreateRecurringDepositsAccountComponent {
|
|||||||
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
||||||
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
||||||
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
||||||
adjustAdvanceTowardsFuturePayments: pt?.adjustAdvanceTowardsFuturePayments ?? false,
|
// Money paid ahead of a due date counts towards the next installments. Without this an advance cash
|
||||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? false
|
// 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
|
// Charges from product template
|
||||||
|
|||||||
+12
-2
@@ -233,6 +233,11 @@ export class EditRecurringDepositAccountComponent {
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
const lienError = this.recurringDepositsAccountCurrencyStep?.lienPercentageError;
|
||||||
|
if (lienError) {
|
||||||
|
this.alertService.alert({ type: 'Error', message: `Loan against this RD: ${lienError}` });
|
||||||
|
return;
|
||||||
|
}
|
||||||
if (!detailsStep?.selectedCustomerSegment) {
|
if (!detailsStep?.selectedCustomerSegment) {
|
||||||
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
|
||||||
return;
|
return;
|
||||||
@@ -275,8 +280,13 @@ export class EditRecurringDepositAccountComponent {
|
|||||||
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
isCalendarInherited: pt?.isCalendarInherited ?? false,
|
||||||
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
isMandatoryDeposit: pt?.isMandatoryDeposit ?? false,
|
||||||
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
allowWithdrawal: pt?.allowWithdrawal ?? false,
|
||||||
adjustAdvanceTowardsFuturePayments: pt?.adjustAdvanceTowardsFuturePayments ?? false,
|
// See create-recurring-deposits-account: advance payments must count towards the next installments.
|
||||||
autoDebitFacility: currencyStep?.autoDebitFacility ?? pt?.autoDebitFacility ?? 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) }
|
||||||
|
: {})
|
||||||
};
|
};
|
||||||
|
|
||||||
const rawCharges: any[] = pt?.charges ?? [];
|
const rawCharges: any[] = pt?.charges ?? [];
|
||||||
|
|||||||
+2
-1
@@ -70,8 +70,9 @@ export class ActivateRecurringDepositsAccountComponent implements OnInit {
|
|||||||
*/
|
*/
|
||||||
createActivateRecurringDepositsAccountForm() {
|
createActivateRecurringDepositsAccountForm() {
|
||||||
this.activateRecurringDepositsAccountForm = this.formBuilder.group({
|
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: [
|
activatedOnDate: [
|
||||||
'',
|
this.settingsService.businessDate,
|
||||||
Validators.required
|
Validators.required
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|||||||
+2
-1
@@ -72,8 +72,9 @@ export class ApproveRecurringDepositsAccountComponent implements OnInit {
|
|||||||
*/
|
*/
|
||||||
createApproveRecurringDepositsAccountForm() {
|
createApproveRecurringDepositsAccountForm() {
|
||||||
this.approveRecurringDepositsAccountForm = this.formBuilder.group({
|
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: [
|
approvedOnDate: [
|
||||||
'',
|
this.settingsService.businessDate,
|
||||||
Validators.required
|
Validators.required
|
||||||
],
|
],
|
||||||
note: ['']
|
note: ['']
|
||||||
|
|||||||
+11
-1
@@ -13,6 +13,16 @@
|
|||||||
<div class="layout-column">
|
<div class="layout-column">
|
||||||
<h3 class="mat-h3 flex-fill">{{ title }}</h3>
|
<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-form-field (click)="closedOnDatePicker.open()">
|
||||||
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
||||||
<input
|
<input
|
||||||
@@ -154,7 +164,7 @@
|
|||||||
<button type="button" mat-raised-button [routerLink]="['../general']">
|
<button type="button" mat-raised-button [routerLink]="['../general']">
|
||||||
{{ 'labels.buttons.Cancel' | translate }}
|
{{ 'labels.buttons.Cancel' | translate }}
|
||||||
</button>
|
</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 }}
|
{{ 'labels.buttons.Submit' | translate }}
|
||||||
</button>
|
</button>
|
||||||
</mat-card-actions>
|
</mat-card-actions>
|
||||||
|
|||||||
+6
@@ -10,6 +10,12 @@
|
|||||||
max-width: 37rem;
|
max-width: 37rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lien-warn {
|
||||||
|
margin: 0 0 16px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #c62828;
|
||||||
|
}
|
||||||
|
|
||||||
.expandcollapsebutton {
|
.expandcollapsebutton {
|
||||||
margin-top: -7px;
|
margin-top: -7px;
|
||||||
margin-left: 2%;
|
margin-left: 2%;
|
||||||
|
|||||||
+15
-1
@@ -64,6 +64,9 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
|||||||
maxDate = new Date();
|
maxDate = new Date();
|
||||||
/** Close Recurring Deposit Account form. */
|
/** Close Recurring Deposit Account form. */
|
||||||
closeRecurringDepositForm: UntypedFormGroup;
|
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`
|
* Retrieves action details template data from `resolve`
|
||||||
@@ -79,6 +82,11 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
|||||||
this.maturityAmount = data.recurringDepositsAccountActionData.maturityAmount;
|
this.maturityAmount = data.recurringDepositsAccountActionData.maturityAmount;
|
||||||
this.onAccountClosureOptions = data.recurringDepositsAccountActionData.onAccountClosureOptions;
|
this.onAccountClosureOptions = data.recurringDepositsAccountActionData.onAccountClosureOptions;
|
||||||
this.paymentTypes = data.recurringDepositsAccountActionData.paymentTypeOptions;
|
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) {
|
if (data.recurringDepositsAccountActionData.maturityAmount) {
|
||||||
this.title = 'Recurring Deposit Closure on Maturity';
|
this.title = 'Recurring Deposit Closure on Maturity';
|
||||||
} else {
|
} else {
|
||||||
@@ -92,6 +100,10 @@ export class CloseRecurringDepositsAccountComponent implements OnInit {
|
|||||||
this.maxDate = this.settingsService.businessDate;
|
this.maxDate = this.settingsService.businessDate;
|
||||||
this.createcloseRecurringDepositForm();
|
this.createcloseRecurringDepositForm();
|
||||||
this.addTransferDetails();
|
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() {
|
createcloseRecurringDepositForm() {
|
||||||
this.closeRecurringDepositForm = this.formBuilder.group({
|
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: [
|
closedOnDate: [
|
||||||
new Date(),
|
this.settingsService.businessDate,
|
||||||
Validators.required
|
Validators.required
|
||||||
],
|
],
|
||||||
maturityAmount: [{ value: this.maturityAmount, disabled: true }],
|
maturityAmount: [{ value: this.maturityAmount, disabled: true }],
|
||||||
|
|||||||
+131
-2
@@ -11,6 +11,51 @@
|
|||||||
<form [formGroup]="prematureCloseRecurringDepositsAccountForm" (ngSubmit)="submit()">
|
<form [formGroup]="prematureCloseRecurringDepositsAccountForm" (ngSubmit)="submit()">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="layout-column">
|
<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-form-field (click)="closedOnDatePicker.open()">
|
||||||
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
<mat-label>{{ 'labels.inputs.Closed On' | translate }}</mat-label>
|
||||||
<input
|
<input
|
||||||
@@ -23,6 +68,7 @@
|
|||||||
/>
|
/>
|
||||||
<mat-datepicker-toggle matSuffix [for]="closedOnDatePicker"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="closedOnDatePicker"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #closedOnDatePicker></mat-datepicker>
|
<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')) {
|
@if (prematureCloseRecurringDepositsAccountForm.controls.closedOnDate.hasError('required')) {
|
||||||
<mat-error>
|
<mat-error>
|
||||||
{{ 'labels.inputs.Closed On Date' | translate }} {{ 'labels.commons.is' | translate }}
|
{{ 'labels.inputs.Closed On Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||||
@@ -30,6 +76,89 @@
|
|||||||
</mat-error>
|
</mat-error>
|
||||||
}
|
}
|
||||||
</mat-form-field>
|
</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>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|
||||||
@@ -37,8 +166,8 @@
|
|||||||
<button type="button" mat-raised-button [routerLink]="['../../']">
|
<button type="button" mat-raised-button [routerLink]="['../../']">
|
||||||
{{ 'labels.buttons.Cancel' | translate }}
|
{{ 'labels.buttons.Cancel' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" [disabled]="!prematureCloseRecurringDepositsAccountForm">
|
<button mat-raised-button color="primary" [disabled]="!canConfirm">
|
||||||
{{ 'labels.buttons.Confirm' | translate }}
|
{{ submitting ? 'Closing…' : ('labels.buttons.Confirm' | translate) }}
|
||||||
</button>
|
</button>
|
||||||
</mat-card-actions>
|
</mat-card-actions>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
+42
@@ -9,3 +9,45 @@
|
|||||||
.container {
|
.container {
|
||||||
max-width: 37rem;
|
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 */
|
/** Angular Imports */
|
||||||
import { Component, OnInit, inject } from '@angular/core';
|
import { Component, OnInit, inject } from '@angular/core';
|
||||||
import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
|
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||||
import { ActivatedRoute, Router, RouterLink } from '@angular/router';
|
import { ActivatedRoute, Router } from '@angular/router';
|
||||||
|
import { CdkTextareaAutosize } from '@angular/cdk/text-field';
|
||||||
|
|
||||||
/** Custom Services */
|
/** Custom Services */
|
||||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||||
|
import { ClientsService } from 'app/clients/clients.service';
|
||||||
import { SettingsService } from 'app/settings/settings.service';
|
import { SettingsService } from 'app/settings/settings.service';
|
||||||
import { Dates } from 'app/core/utils/dates';
|
import { Dates } from 'app/core/utils/dates';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
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
|
* 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({
|
@Component({
|
||||||
selector: 'mifosx-premature-close-recurring-deposit-account',
|
selector: 'mifosx-premature-close-recurring-deposit-account',
|
||||||
templateUrl: './premature-close-recurring-deposit-account.component.html',
|
templateUrl: './premature-close-recurring-deposit-account.component.html',
|
||||||
styleUrls: ['./premature-close-recurring-deposit-account.component.scss'],
|
styleUrls: ['./premature-close-recurring-deposit-account.component.scss'],
|
||||||
imports: [
|
imports: [
|
||||||
...STANDALONE_SHARED_IMPORTS
|
...STANDALONE_SHARED_IMPORTS,
|
||||||
|
CdkTextareaAutosize
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
export class PrematureCloseRecurringDepositAccountComponent implements OnInit {
|
export class PrematureCloseRecurringDepositAccountComponent implements OnInit {
|
||||||
@@ -36,72 +52,263 @@ export class PrematureCloseRecurringDepositAccountComponent implements OnInit {
|
|||||||
private route = inject(ActivatedRoute);
|
private route = inject(ActivatedRoute);
|
||||||
private router = inject(Router);
|
private router = inject(Router);
|
||||||
private settingsService = inject(SettingsService);
|
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);
|
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();
|
maxDate = new Date();
|
||||||
/** premature close Recurring Deposits Account form. */
|
/** premature close Recurring Deposits Account form. */
|
||||||
prematureCloseRecurringDepositsAccountForm: UntypedFormGroup;
|
prematureCloseRecurringDepositsAccountForm: UntypedFormGroup;
|
||||||
/** Recurring Deposits Account Id */
|
/** Recurring Deposits Account Id */
|
||||||
accountId: any;
|
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() {
|
constructor() {
|
||||||
this.accountId = this.route.parent.snapshot.params['recurringDepositAccountId'];
|
this.accountId = this.route.parent.snapshot.params['recurringDepositAccountId'];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Creates the premature close recurring deposits form.
|
|
||||||
*/
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.maxDate = this.settingsService.businessDate;
|
this.maxDate = this.settingsService.businessDate;
|
||||||
this.createprematureCloseRecurringDepositsAccountForm();
|
this.createprematureCloseRecurringDepositsAccountForm();
|
||||||
}
|
this.recurringDepositsService.getRecurringDepositsAccountData(this.accountId).subscribe((account: any) => {
|
||||||
|
this.account = account;
|
||||||
/**
|
const activatedOn = this.toDate(account?.timeline?.activatedOnDate);
|
||||||
* Creates the premature close recurring deposits account form.
|
if (activatedOn) {
|
||||||
*/
|
this.minDate = activatedOn;
|
||||||
createprematureCloseRecurringDepositsAccountForm() {
|
}
|
||||||
this.prematureCloseRecurringDepositsAccountForm = this.formBuilder.group({
|
const maturity = this.toDate(account?.maturityDate);
|
||||||
closedOnDate: [
|
if (maturity) {
|
||||||
'',
|
const dayBeforeMaturity = new Date(maturity);
|
||||||
Validators.required
|
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();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/** Reasons this deposit's product allows; Normal is always there. */
|
||||||
* Submits the form and premature closes the recurring deposit account,
|
get reasonOptions(): Array<{ id: number; label: string; hint: string }> {
|
||||||
* if successful redirects to the recurring deposit account.
|
const options = [{ id: REASON_NORMAL, label: 'Normal', hint: "Pre-closure penalty as per the deposit's terms." }];
|
||||||
*/
|
if (this.account?.noPenaltyNomineeHeirClosure) {
|
||||||
submit() {
|
options.push({ id: REASON_NOMINEE_HEIR, label: 'Nominee / legal heir claim', hint: 'No pre-closure penalty.' });
|
||||||
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
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
const data = {
|
if (this.account?.deceasedSettlement) {
|
||||||
...prematureCloseRecurringDepositsAccountFormData,
|
options.push({
|
||||||
dateFormat,
|
id: REASON_DECEASED,
|
||||||
locale
|
label: 'Account holder deceased',
|
||||||
};
|
hint: "No penalty, allowed inside lock-in; may be paid to a nominee's savings account."
|
||||||
this.recurringDepositsService
|
|
||||||
.executeRecurringDepositsAccountCommand(this.accountId, 'prematureClose', data)
|
|
||||||
.subscribe(() => {
|
|
||||||
this.router.navigate(['../../'], { relativeTo: this.route });
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
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']) {
|
@if (actions['Close']) {
|
||||||
<mifosx-close-recurring-deposits-account></mifosx-close-recurring-deposits-account>
|
<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>
|
<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 racc-alert--editable">
|
||||||
<div class="racc-alert__content">
|
<div class="racc-alert__content">
|
||||||
<h4>Auto Debit Facility</h4>
|
<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>
|
</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>
|
</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">
|
||||||
<div class="racc-alert__content">
|
<div class="racc-alert__content">
|
||||||
<h4>Dormancy Alert</h4>
|
<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 {
|
.racc-alert--editable {
|
||||||
border-color: #bae6fd;
|
border-color: #bae6fd;
|
||||||
background: #f0f9ff;
|
background: #f0f9ff;
|
||||||
|
|||||||
+42
-2
@@ -6,8 +6,9 @@
|
|||||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
* 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 { 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 { NomineeFormComponent } from 'app/shared/nominee-form/nominee-form.component';
|
||||||
import { DormancyAlertPanelComponent } from 'app/shared/dormancy-alert-panel/dormancy-alert-panel.component';
|
import { DormancyAlertPanelComponent } from 'app/shared/dormancy-alert-panel/dormancy-alert-panel.component';
|
||||||
import { MatSlideToggle } from '@angular/material/slide-toggle';
|
import { MatSlideToggle } from '@angular/material/slide-toggle';
|
||||||
@@ -36,7 +37,14 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
|||||||
showNomineeForm = false;
|
showNomineeForm = false;
|
||||||
nomineeError = '';
|
nomineeError = '';
|
||||||
|
|
||||||
|
private recurringDepositsService = inject(RecurringDepositsService);
|
||||||
|
|
||||||
autoDebitFacility = false;
|
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;
|
private existingAccountApplied = false;
|
||||||
|
|
||||||
@@ -50,13 +58,44 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
|||||||
if (Array.isArray(ea.nominees) && ea.nominees.length > 0) {
|
if (Array.isArray(ea.nominees) && ea.nominees.length > 0) {
|
||||||
this.nominees = [...ea.nominees];
|
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) {
|
if (changes['recurringDepositsAccountProductTemplate']?.currentValue && !this.existingAccountApplied) {
|
||||||
const pt = changes['recurringDepositsAccountProductTemplate'].currentValue;
|
const pt = changes['recurringDepositsAccountProductTemplate'].currentValue;
|
||||||
this.autoDebitFacility = !!pt.autoDebitFacility;
|
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 {
|
get totalShare(): number {
|
||||||
return this.nominees.reduce((sum, n) => sum + (+n.percentageShare || 0), 0);
|
return this.nominees.reduce((sum, n) => sum + (+n.percentageShare || 0), 0);
|
||||||
}
|
}
|
||||||
@@ -112,7 +151,8 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
|
|||||||
|
|
||||||
get currencyStepData() {
|
get currencyStepData() {
|
||||||
return {
|
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' }}
|
{{ productTemplate.shareLinkingEnabled ? 'Yes' : 'No' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</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>
|
||||||
</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 ══════════════════════════════════════════ -->
|
<!-- ══ 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">
|
||||||
<div class="dal-card__header">
|
<div class="dal-card__header">
|
||||||
<div class="dal-card__header-left">
|
<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';
|
import { MatDialog } from '@angular/material/dialog';
|
||||||
|
|
||||||
/** Custom Services */
|
/** Custom Services */
|
||||||
|
import { ProductsService } from 'app/products/products.service';
|
||||||
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||||
import { ClientsService } from 'app/clients/clients.service';
|
import { ClientsService } from 'app/clients/clients.service';
|
||||||
import {
|
import {
|
||||||
@@ -62,6 +63,7 @@ import { IntroducerSearchComponent } from 'app/shared/introducer-search/introduc
|
|||||||
export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnChanges {
|
export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnChanges {
|
||||||
private formBuilder = inject(UntypedFormBuilder);
|
private formBuilder = inject(UntypedFormBuilder);
|
||||||
private recurringDepositsService = inject(RecurringDepositsService);
|
private recurringDepositsService = inject(RecurringDepositsService);
|
||||||
|
private productsService = inject(ProductsService);
|
||||||
private settingsService = inject(SettingsService);
|
private settingsService = inject(SettingsService);
|
||||||
private dateUtils = inject(Dates);
|
private dateUtils = inject(Dates);
|
||||||
private cdr = inject(ChangeDetectorRef);
|
private cdr = inject(ChangeDetectorRef);
|
||||||
@@ -117,6 +119,10 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
|||||||
primaryClientName = '';
|
primaryClientName = '';
|
||||||
primaryClientCif = '';
|
primaryClientCif = '';
|
||||||
primaryClientId: number | null = null;
|
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;
|
primaryHolderShare = 50;
|
||||||
|
|
||||||
// ── Status of Account (RBI) ────────────────────────────────────────────
|
// ── Status of Account (RBI) ────────────────────────────────────────────
|
||||||
@@ -453,6 +459,14 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.productTemplate = response;
|
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.accountTypeOptions = this.extractOptions(response.accountTypeOptions, response.accountType);
|
||||||
this.customerSegmentOptions = this.extractOptions(response.customerSegmentOptions, response.customerSegment);
|
this.customerSegmentOptions = this.extractOptions(response.customerSegmentOptions, response.customerSegment);
|
||||||
this.selectedAccountType = response.accountType ?? null;
|
this.selectedAccountType = response.accountType ?? null;
|
||||||
@@ -463,7 +477,7 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
|||||||
this.recurringDepositsAccountProductTemplate.emit(response);
|
this.recurringDepositsAccountProductTemplate.emit(response);
|
||||||
this.fieldOfficerData = response.fieldOfficerOptions;
|
this.fieldOfficerData = response.fieldOfficerOptions;
|
||||||
this.isProductSelected = true;
|
this.isProductSelected = true;
|
||||||
if (response.shareLinkingEnabled) {
|
if (response.shareLinkingEnabled || response.autoDebitFacility) {
|
||||||
this.loadClientAccounts();
|
this.loadClientAccounts();
|
||||||
}
|
}
|
||||||
this.recurringDepositAccountDetailsForm.patchValue({
|
this.recurringDepositAccountDetailsForm.patchValue({
|
||||||
@@ -610,6 +624,12 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit, OnC
|
|||||||
return this.dateUtils.formatDate(dateValue, 'M/d/yyyy') || '';
|
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 {
|
onGuardianChange(event: { clientId: number; displayName: string; cifNumber?: string } | null): void {
|
||||||
this.guardianClientId = event?.clientId ?? null;
|
this.guardianClientId = event?.clientId ?? null;
|
||||||
this.guardianName = event?.displayName ?? '';
|
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;
|
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) {
|
if (this.selectedLinkedAccount) {
|
||||||
value.linkedAccountId = this.selectedLinkedAccount.id;
|
value.linkedAccountId = this.selectedLinkedAccount.id;
|
||||||
value.linkedAccountType = this.selectedLinkedAccount.accountType;
|
value.linkedAccountType = this.selectedLinkedAccount.accountType;
|
||||||
|
|||||||
+39
-1
@@ -93,7 +93,13 @@
|
|||||||
<div class="fdrc-calc-field">
|
<div class="fdrc-calc-field">
|
||||||
<label class="fdrc-calc-label">
|
<label class="fdrc-calc-label">
|
||||||
Monthly Installment
|
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>
|
</label>
|
||||||
<div class="fdrc-amount-row">
|
<div class="fdrc-amount-row">
|
||||||
<span class="fdrc-amount-prefix">₹</span>
|
<span class="fdrc-amount-prefix">₹</span>
|
||||||
@@ -257,6 +263,21 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="fdrc-maturity-row__value">{{ matchResult.appliedRate | number: '1.2-2' }}% p.a.</span>
|
<span class="fdrc-maturity-row__value">{{ matchResult.appliedRate | number: '1.2-2' }}% p.a.</span>
|
||||||
</div>
|
</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">
|
<div class="fdrc-maturity-row fdrc-maturity-row--interest">
|
||||||
<span class="fdrc-maturity-row__label">Estimated Interest Earned</span>
|
<span class="fdrc-maturity-row__label">Estimated Interest Earned</span>
|
||||||
<span class="fdrc-maturity-row__value">₹ {{ matchResult.interestEarned | number: '1.2-2' }}</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
|
>₹ {{ matchResult.maturityAmount | number: '1.2-2' }}</span
|
||||||
>
|
>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|||||||
+28
@@ -1127,3 +1127,31 @@ $red-light: #fee2e2;
|
|||||||
font-size: 14px;
|
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 { YesnoPipe } from '../../../../pipes/yesno.pipe';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
import { FormsModule } from '@angular/forms';
|
import { FormsModule } from '@angular/forms';
|
||||||
|
import { buildRdChart, tenureInMonths } from 'app/products/recurring-deposit-products/rd-product-chart';
|
||||||
|
|
||||||
export type RdPeriodUnit = 'Days' | 'Months' | 'Years';
|
export type RdPeriodUnit = 'Days' | 'Months' | 'Years';
|
||||||
|
|
||||||
@@ -53,6 +54,12 @@ export interface SlabMatchResult {
|
|||||||
interestEarned?: number;
|
interestEarned?: number;
|
||||||
tenureDays?: number;
|
tenureDays?: number;
|
||||||
daysInYear?: 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);
|
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[] {
|
get interestRateChartData(): any[] {
|
||||||
if (this.activeBase?.slabs?.length) {
|
const cbsSlabs: any[] = this.activeBase?.slabs || [];
|
||||||
return this.normalizeCbsSlabs(this.activeBase.slabs);
|
|
||||||
}
|
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||||
if (!template) return [];
|
const productSlabs: any[] =
|
||||||
return (
|
template?.accountChart?.chartSlabs ??
|
||||||
template.accountChart?.chartSlabs ??
|
template?.activeChart?.chartSlabs ??
|
||||||
template.activeChart?.chartSlabs ??
|
template?.interestRateCharts?.[0]?.chartSlabs ??
|
||||||
template.interestRateCharts?.[0]?.chartSlabs ??
|
template?.interestRateChart?.chartSlabs ??
|
||||||
template.interestRateChart?.chartSlabs ??
|
template?.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[] {
|
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[] = [
|
chartSlabsDisplayedColumns: string[] = [
|
||||||
'period',
|
'period',
|
||||||
'amountRange',
|
'amountRange',
|
||||||
@@ -253,6 +306,28 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
return period; // days
|
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() {
|
calculateRate() {
|
||||||
this.validationWarning = null;
|
this.validationWarning = null;
|
||||||
this.matchResult = null;
|
this.matchResult = null;
|
||||||
@@ -263,6 +338,26 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
}
|
}
|
||||||
|
|
||||||
const enteredDays = this.toDays(this.tenureValue, this.tenurePeriodUnit);
|
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 || [];
|
const slabs: any[] = this.interestRateChartData || [];
|
||||||
|
|
||||||
if (!slabs.length) {
|
if (!slabs.length) {
|
||||||
@@ -275,11 +370,7 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
|
|
||||||
for (let i = 0; i < slabs.length; i++) {
|
for (let i = 0; i < slabs.length; i++) {
|
||||||
const slab = slabs[i];
|
const slab = slabs[i];
|
||||||
const periodTypeValue = slab.periodType?.value || 'Days';
|
if (this.isTenureInSlab(slab, enteredMonths, enteredDays)) {
|
||||||
const fromDays = this.slabPeriodToDays(slab.fromPeriod ?? 0, periodTypeValue);
|
|
||||||
const toDays = slab.toPeriod != null ? this.slabPeriodToDays(slab.toPeriod, periodTypeValue) : Infinity;
|
|
||||||
|
|
||||||
if (enteredDays >= fromDays && enteredDays <= toDays) {
|
|
||||||
matchedSlab = slab;
|
matchedSlab = slab;
|
||||||
matchedIndex = i;
|
matchedIndex = i;
|
||||||
break;
|
break;
|
||||||
@@ -329,10 +420,20 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
tenureInMonths: tenureInMonths,
|
tenureInMonths: tenureInMonths,
|
||||||
interestCompoundingPeriodInMonths: compoundingMonths
|
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) {
|
if (this.submittedOnDate) {
|
||||||
const date = new Date(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.dateFormat = 'yyyy-MM-dd'; // Standard ISO for API
|
||||||
calculationData.locale = 'en';
|
calculationData.locale = 'en';
|
||||||
}
|
}
|
||||||
@@ -341,6 +442,10 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
result.maturityAmount = apiResult.maturityAmount;
|
result.maturityAmount = apiResult.maturityAmount;
|
||||||
result.interestEarned = apiResult.totalInterest;
|
result.interestEarned = apiResult.totalInterest;
|
||||||
result.daysInYear = apiResult.daysInYear;
|
result.daysInYear = apiResult.daysInYear;
|
||||||
|
result.interestCalculation = apiResult.interestCalculation;
|
||||||
|
result.compoundingPeriod = apiResult.compoundingPeriod;
|
||||||
|
result.postingPeriod = apiResult.postingPeriod;
|
||||||
|
result.postingSchedule = apiResult.postingSchedule;
|
||||||
this.matchResult = { ...result };
|
this.matchResult = { ...result };
|
||||||
this.emitTenureSelection();
|
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() {
|
private emitTenureSelection() {
|
||||||
const frequencyId = this.resolveFrequencyId(this.tenurePeriodUnit);
|
const frequencyId = this.resolveFrequencyId(this.tenurePeriodUnit);
|
||||||
if (frequencyId !== null && this.matchResult) {
|
if (frequencyId !== null && this.matchResult) {
|
||||||
@@ -441,76 +558,54 @@ export class RecurringDepositsAccountInterestRateChartStepComponent implements O
|
|||||||
|
|
||||||
// ── Header Getters ──────────────────────────────────────────────────────
|
// ── Header Getters ──────────────────────────────────────────────────────
|
||||||
|
|
||||||
get chartName(): string {
|
/**
|
||||||
if (this.activeBase) {
|
* The RD product's own chart - the one the deposit is actually priced on. The CBS base chart (an FD master the
|
||||||
return this.activeBase.versionLabel || 'CBS Base Interest Rate';
|
* 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;
|
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||||
return (
|
return (
|
||||||
template?.accountChart?.name ||
|
template?.accountChart ||
|
||||||
template?.activeChart?.name ||
|
template?.activeChart ||
|
||||||
template?.interestRateCharts?.[0]?.name ||
|
template?.interestRateCharts?.[0] ||
|
||||||
template?.interestRateChart?.name ||
|
template?.interestRateChart ||
|
||||||
template?.name ||
|
null
|
||||||
''
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get chartName(): string {
|
||||||
|
if (this.productChart) {
|
||||||
|
return this.productChart.name || '';
|
||||||
|
}
|
||||||
|
return this.activeBase?.versionLabel || 'CBS Base Interest Rate';
|
||||||
|
}
|
||||||
|
|
||||||
get chartFromDate(): any {
|
get chartFromDate(): any {
|
||||||
if (this.activeBase) {
|
if (this.productChart) {
|
||||||
return this.activeBase.effectiveFromDate;
|
return this.productChart.fromDate;
|
||||||
}
|
}
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
return this.activeBase?.effectiveFromDate;
|
||||||
return (
|
|
||||||
template?.accountChart?.fromDate ||
|
|
||||||
template?.activeChart?.fromDate ||
|
|
||||||
template?.interestRateCharts?.[0]?.fromDate ||
|
|
||||||
template?.interestRateChart?.fromDate ||
|
|
||||||
template?.fromDate
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
get chartEndDate(): any {
|
get chartEndDate(): any {
|
||||||
if (this.activeBase) {
|
if (this.productChart) {
|
||||||
return null;
|
return this.productChart.endDate;
|
||||||
}
|
}
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
return null;
|
||||||
return (
|
|
||||||
template?.accountChart?.endDate ||
|
|
||||||
template?.activeChart?.endDate ||
|
|
||||||
template?.interestRateCharts?.[0]?.endDate ||
|
|
||||||
template?.interestRateChart?.endDate ||
|
|
||||||
template?.endDate
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
get chartDescription(): string {
|
get chartDescription(): string {
|
||||||
if (this.activeBase) {
|
if (this.productChart) {
|
||||||
return this.activeBase.remarks || '';
|
return this.productChart.description || '';
|
||||||
}
|
}
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
return this.activeBase?.remarks || '';
|
||||||
return (
|
|
||||||
template?.accountChart?.description ||
|
|
||||||
template?.activeChart?.description ||
|
|
||||||
template?.interestRateCharts?.[0]?.description ||
|
|
||||||
template?.interestRateChart?.description ||
|
|
||||||
template?.description ||
|
|
||||||
''
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
get isActive(): boolean {
|
get isActive(): boolean {
|
||||||
if (this.activeBase) {
|
if (this.productChart) {
|
||||||
return this.activeBase.isActive;
|
return this.productChart.isActive ?? true;
|
||||||
}
|
}
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
return this.activeBase?.isActive ?? true;
|
||||||
return (
|
|
||||||
template?.accountChart?.isActive ??
|
|
||||||
template?.activeChart?.isActive ??
|
|
||||||
template?.interestRateCharts?.[0]?.isActive ??
|
|
||||||
template?.interestRateChart?.isActive ??
|
|
||||||
true
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
get isPrimaryGroupingByAmount(): boolean {
|
get isPrimaryGroupingByAmount(): boolean {
|
||||||
|
|||||||
+13
-21
@@ -84,25 +84,17 @@
|
|||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
<mat-checkbox class="flex-98 margin-v" labelPosition="before" formControlName="preClosurePenalApplicable">
|
<!-- The premature-closure penalty is the product's, shown here and never changed per account. -->
|
||||||
{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}
|
<div class="flex-98 margin-v rdmt-penal">
|
||||||
</mat-checkbox>
|
<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) {
|
||||||
@if (closureSettingsForm.value.preClosurePenalApplicable) {
|
<div class="rdmt-penal__row">
|
||||||
<mat-form-field class="flex-48">
|
<span>Penal Interest: <strong>{{ closureSettingsForm.value.preClosurePenalInterest }}%</strong></span>
|
||||||
<mat-label>{{ 'labels.inputs.Penal Interest' | translate }} (%)</mat-label>
|
<span>Period: <strong>{{ penalPeriodLabel }}</strong></span>
|
||||||
<input type="number" matInput formControlName="preClosurePenalInterest" min="0" step="0.01" />
|
</div>
|
||||||
</mat-form-field>
|
<div class="rdmt-penal__hint">On premature closure the rate is reduced by this much.</div>
|
||||||
|
} @else {
|
||||||
<mat-form-field class="flex-48">
|
<div class="rdmt-penal__row"><strong>No</strong> - no penal interest is charged on premature closure of this product.</div>
|
||||||
<mat-label>{{ 'labels.inputs.Period' | translate }}</mat-label>
|
}
|
||||||
<mat-select formControlName="preClosurePenalInterestOnTypeId">
|
</div>
|
||||||
@for (preClosurePenalInterestOnType of preClosurePenalInterestOnTypeData; track preClosurePenalInterestOnType) {
|
|
||||||
<mat-option [value]="preClosurePenalInterestOnType.id">
|
|
||||||
{{ preClosurePenalInterestOnType.value | translateKey: 'catalogs' }}
|
|
||||||
</mat-option>
|
|
||||||
}
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
}
|
|
||||||
</form>
|
</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.savingsAccountsData = template.savingsAccounts ?? [];
|
||||||
this.preClosurePenalInterestOnTypeData = template.preClosurePenalInterestOnTypeOptions ?? [];
|
this.preClosurePenalInterestOnTypeData = template.preClosurePenalInterestOnTypeOptions ?? [];
|
||||||
if (!this.closureSettingsForm.get('preClosurePenalApplicable').dirty) {
|
{
|
||||||
this.closureSettingsForm.patchValue({
|
this.closureSettingsForm.patchValue({
|
||||||
preClosurePenalApplicable: template.preClosurePenalApplicable ?? false,
|
preClosurePenalApplicable: template.preClosurePenalApplicable ?? false,
|
||||||
preClosurePenalInterest: template.preClosurePenalInterest ?? '',
|
preClosurePenalInterest: template.preClosurePenalInterest ?? '',
|
||||||
@@ -103,9 +103,21 @@ export class RecurringDepositsAccountMaturityTermsStepComponent implements OnCha
|
|||||||
this.closureSettingsForm.get('transferToSavingsId')?.setValue('');
|
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() {
|
get closureSettings() {
|
||||||
const settings = this.closureSettingsForm.getRawValue();
|
const settings = this.closureSettingsForm.getRawValue();
|
||||||
|
delete settings.preClosurePenalApplicable;
|
||||||
|
delete settings.preClosurePenalInterest;
|
||||||
|
delete settings.preClosurePenalInterestOnTypeId;
|
||||||
for (const key in settings) {
|
for (const key in settings) {
|
||||||
if (settings[key] === '') {
|
if (settings[key] === '') {
|
||||||
delete settings[key];
|
delete settings[key];
|
||||||
|
|||||||
+3
-3
@@ -878,12 +878,12 @@
|
|||||||
}
|
}
|
||||||
<div class="preview-field">
|
<div class="preview-field">
|
||||||
<span class="preview-label">{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}</span>
|
<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>
|
</div>
|
||||||
@if (closureSettings?.preClosurePenalApplicable) {
|
@if (productPenal.applicable) {
|
||||||
<div class="preview-field">
|
<div class="preview-field">
|
||||||
<span class="preview-label">{{ 'labels.inputs.Penal Interest' | translate }} (%)</span>
|
<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>
|
||||||
<div class="preview-field">
|
<div class="preview-field">
|
||||||
<span class="preview-label">{{ 'labels.inputs.Period' | translate }}</span>
|
<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}` : '—';
|
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 {
|
get closurePenalInterestOnTypeLabel(): string {
|
||||||
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
const template = this.recurringDepositsAccountProductTemplate || this.recurringDepositsAccountTemplate;
|
||||||
const options = template?.preClosurePenalInterestOnTypeOptions ?? [];
|
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 ?? '—';
|
return match?.value ?? '—';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+21
@@ -200,6 +200,27 @@
|
|||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</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">
|
<div class="nx-row">
|
||||||
<span class="nx-row__label">{{ 'labels.inputs.Recurring Deposit Amount' | translate }}</span>
|
<span class="nx-row__label">{{ 'labels.inputs.Recurring Deposit Amount' | translate }}</span>
|
||||||
<span class="nx-row__value nx-row__value--amount">
|
<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 { FormatNumberPipe } from '../../../../pipes/format-number.pipe';
|
||||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
|
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'mifosx-general-tab',
|
selector: 'mifosx-general-tab',
|
||||||
@@ -34,14 +35,22 @@ export class GeneralTabComponent {
|
|||||||
private route = inject(ActivatedRoute);
|
private route = inject(ActivatedRoute);
|
||||||
private router = inject(Router);
|
private router = inject(Router);
|
||||||
|
|
||||||
|
private recurringDepositsService = inject(RecurringDepositsService);
|
||||||
|
|
||||||
recurringDepositsAccountData: any;
|
recurringDepositsAccountData: any;
|
||||||
isprematureAllowed = false;
|
isprematureAllowed = false;
|
||||||
entityType: string;
|
entityType: string;
|
||||||
currency: Currency;
|
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() {
|
constructor() {
|
||||||
this.route.parent.data.subscribe((data: { recurringDepositsAccountData: any }) => {
|
this.route.parent.data.subscribe((data: { recurringDepositsAccountData: any }) => {
|
||||||
this.recurringDepositsAccountData = data.recurringDepositsAccountData;
|
this.recurringDepositsAccountData = data.recurringDepositsAccountData;
|
||||||
|
this.loadLiens(this.recurringDepositsAccountData?.id);
|
||||||
this.currency = this.recurringDepositsAccountData.currency;
|
this.currency = this.recurringDepositsAccountData.currency;
|
||||||
this.isprematureAllowed = data.recurringDepositsAccountData.maturityDate != null;
|
this.isprematureAllowed = data.recurringDepositsAccountData.maturityDate != null;
|
||||||
if (this.router.url.includes('clients')) {
|
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__label">{{ 'labels.inputs.Deposit Period' | translate }}</span>
|
||||||
<span class="rd-kpi__value">{{ recurringDepositsAccountData.depositPeriod | number }}</span>
|
<span class="rd-kpi__value">{{ recurringDepositsAccountData.depositPeriod | number }}</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+11
@@ -212,6 +212,17 @@ $border: #e2e8f0;
|
|||||||
background: rgb(139 92 246 / 22%);
|
background: rgb(139 92 246 / 22%);
|
||||||
border-color: rgb(139 92 246 / 35%);
|
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 */
|
/* Status pill */
|
||||||
|
|||||||
+84
@@ -40,6 +40,10 @@ import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
|
|||||||
import { StatusLookupPipe } from '../../../pipes/status-lookup.pipe';
|
import { StatusLookupPipe } from '../../../pipes/status-lookup.pipe';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
import { DormancyAlertPanelComponent } from 'app/shared/dormancy-alert-panel/dormancy-alert-panel.component';
|
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
|
* RecurringDeposits Account View Component
|
||||||
@@ -79,6 +83,8 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
|||||||
private settingsService = inject(SettingsService);
|
private settingsService = inject(SettingsService);
|
||||||
private dateUtils = inject(Dates);
|
private dateUtils = inject(Dates);
|
||||||
private authenticationService = inject(AuthenticationService);
|
private authenticationService = inject(AuthenticationService);
|
||||||
|
private productsService = inject(ProductsService);
|
||||||
|
private alertService = inject(AlertService);
|
||||||
dialog = inject(MatDialog);
|
dialog = inject(MatDialog);
|
||||||
private translateService = inject(TranslateService);
|
private translateService = inject(TranslateService);
|
||||||
|
|
||||||
@@ -105,6 +111,7 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
|||||||
'Enable Withhold Tax': 'interest',
|
'Enable Withhold Tax': 'interest',
|
||||||
'Disable Withhold Tax': 'interest',
|
'Disable Withhold Tax': 'interest',
|
||||||
'Premature Close': 'danger',
|
'Premature Close': 'danger',
|
||||||
|
'Extend Tenure': 'admin',
|
||||||
'Undo Activation': 'admin',
|
'Undo Activation': 'admin',
|
||||||
Close: 'danger',
|
Close: 'danger',
|
||||||
'Modify Application': 'admin',
|
'Modify Application': 'admin',
|
||||||
@@ -128,6 +135,7 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
|||||||
'Enable Withhold Tax': 'percentage',
|
'Enable Withhold Tax': 'percentage',
|
||||||
'Disable Withhold Tax': 'percentage',
|
'Disable Withhold Tax': 'percentage',
|
||||||
'Premature Close': 'times-circle',
|
'Premature Close': 'times-circle',
|
||||||
|
'Extend Tenure': 'calendar-alt',
|
||||||
'Undo Activation': 'undo',
|
'Undo Activation': 'undo',
|
||||||
Close: 'times-circle',
|
Close: 'times-circle',
|
||||||
'Modify Application': 'edit',
|
'Modify Application': 'edit',
|
||||||
@@ -184,6 +192,30 @@ export class RecurringDepositsAccountViewComponent implements OnInit {
|
|||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.setConditionalButtons();
|
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':
|
case 'Terminate':
|
||||||
this.terminateRecurringDepositsAccount();
|
this.terminateRecurringDepositsAccount();
|
||||||
break;
|
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.
|
* Deletes Recurring Deposits Account.
|
||||||
*/
|
*/
|
||||||
|
|||||||
+4
-10
@@ -36,12 +36,9 @@ export class RecurringDepositsButtonsConfiguration {
|
|||||||
setButtons(status: string) {
|
setButtons(status: string) {
|
||||||
switch (status) {
|
switch (status) {
|
||||||
case 'Active':
|
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 = [
|
this.buttonsArray = [
|
||||||
{
|
|
||||||
name: 'Deposit',
|
|
||||||
icon: 'fa fa-arrow-up',
|
|
||||||
taskPermissionName: 'DEPOSIT_RECURRINGDEPOSITACCOUNT'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: 'Withdrawal',
|
name: 'Withdrawal',
|
||||||
icon: 'fa fa-arrow-down',
|
icon: 'fa fa-arrow-down',
|
||||||
@@ -103,12 +100,9 @@ export class RecurringDepositsButtonsConfiguration {
|
|||||||
name: 'Calculate Interest',
|
name: 'Calculate Interest',
|
||||||
icon: 'fa fa-calculator',
|
icon: 'fa fa-calculator',
|
||||||
taskPermissionName: 'CALCULATEINTEREST_RECURRINGDEPOSITACCOUNT'
|
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;
|
break;
|
||||||
case 'Rejected':
|
case 'Rejected':
|
||||||
|
|||||||
@@ -31,6 +31,14 @@ export class RecurringDepositsService {
|
|||||||
return this.http.get(`/recurringdepositaccounts/${recurringDepositAccountId}`, { params: httpParams });
|
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 clientId Client Id
|
||||||
* @param clientName Client Name
|
* @param clientName Client Name
|
||||||
|
|||||||
@@ -230,11 +230,29 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<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)">
|
<tr [class.rrc-map__row--invalid]="isRowInvalid(mapping)">
|
||||||
<td>
|
<td>
|
||||||
<mat-form-field appearance="outline" subscriptSizing="dynamic" class="rrc-map__field">
|
<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) {
|
@for (o of availableAccounts(role, i); track o.id) {
|
||||||
<mat-option [value]="o.id">{{ o.glCode }} · {{ o.name }}</mat-option>
|
<mat-option [value]="o.id">{{ o.glCode }} · {{ o.name }}</mat-option>
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,8 +7,9 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { Component, OnInit, inject } from '@angular/core';
|
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 { catchError, forkJoin, of } from 'rxjs';
|
||||||
|
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
import { OrganizationService } from '../organization.service';
|
import { OrganizationService } from '../organization.service';
|
||||||
|
|
||||||
@@ -20,6 +21,15 @@ export interface ReserveMapping {
|
|||||||
glAccountId: number;
|
glAccountId: number;
|
||||||
weightPercentage: number;
|
weightPercentage: number;
|
||||||
liabilityClass: string | null;
|
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'],
|
styleUrls: ['./rbi-reserve-config.component.scss'],
|
||||||
imports: [
|
imports: [
|
||||||
...STANDALONE_SHARED_IMPORTS,
|
...STANDALONE_SHARED_IMPORTS,
|
||||||
FormsModule
|
FormsModule,
|
||||||
|
ReactiveFormsModule,
|
||||||
|
NgxMatSelectSearchModule
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
export class RbiReserveConfigComponent implements OnInit {
|
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. */
|
/** Every reserve role the backend returned, before the form filter narrows it. */
|
||||||
private allRoles: any[] = [];
|
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 {
|
onFormFilterChange(): void {
|
||||||
this.glRoles = this.rolesForScreen();
|
this.glRoles = this.rolesForScreen();
|
||||||
|
for (const role of this.glRoles) {
|
||||||
|
if (!this.selection[role.configKey]) {
|
||||||
|
this.reloadSelection(role);
|
||||||
|
}
|
||||||
|
}
|
||||||
this.rebuildGroups();
|
this.rebuildGroups();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -230,11 +266,7 @@ export class RbiReserveConfigComponent implements OnInit {
|
|||||||
for (const role of this.glRoles) {
|
for (const role of this.glRoles) {
|
||||||
// Read back what is stored rather than re-derived: a weight or a class the administrator set
|
// 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.
|
// deliberately would otherwise be replaced by a default on the next save.
|
||||||
this.selection[role.configKey] = (role.accounts || []).map((a: any) => ({
|
this.reloadSelection(role);
|
||||||
glAccountId: a.glAccountId,
|
|
||||||
weightPercentage: a.weightPercentage === null || a.weightPercentage === undefined ? 100 : +a.weightPercentage,
|
|
||||||
liabilityClass: a.liabilityClass ?? (role.classified ? 'TIME' : null)
|
|
||||||
}));
|
|
||||||
}
|
}
|
||||||
this.rebuildGroups();
|
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 {
|
isUnmapped(role: any): boolean {
|
||||||
return !(this.selection[role.configKey] || []).length;
|
return !(role.accounts || []).length;
|
||||||
}
|
}
|
||||||
|
|
||||||
get unmappedCount(): number {
|
get unmappedCount(): number {
|
||||||
@@ -327,11 +366,29 @@ export class RbiReserveConfigComponent implements OnInit {
|
|||||||
// a bank look compliant when it is not.
|
// a bank look compliant when it is not.
|
||||||
this.selection[role.configKey] = [
|
this.selection[role.configKey] = [
|
||||||
...(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 {
|
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 rows = this.selection[role.configKey] || [];
|
||||||
const taken = new Set(rows.filter((_, i) => i !== index).map((m) => `${m.glAccountId}/${m.liabilityClass ?? ''}`));
|
const taken = new Set(rows.filter((_, i) => i !== index).map((m) => `${m.glAccountId}/${m.liabilityClass ?? ''}`));
|
||||||
const current = rows[index];
|
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. */
|
/** 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);
|
.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 {
|
saveRole(role: any): void {
|
||||||
this.savingKey = role.configKey;
|
this.savingKey = role.configKey;
|
||||||
this.errorMsg = '';
|
this.errorMsg = '';
|
||||||
@@ -398,6 +481,11 @@ export class RbiReserveConfigComponent implements OnInit {
|
|||||||
catchError((err: any) => {
|
catchError((err: any) => {
|
||||||
this.savingKey = null;
|
this.savingKey = null;
|
||||||
this.errorMsg = err?.error?.errors?.[0]?.defaultUserMessage ?? 'Could not save this mapping.';
|
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);
|
return of(null);
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -62,7 +62,7 @@ export class AccountsFilterPipe implements PipeTransform {
|
|||||||
account.status.code === 'savingsAccountStatusType.rejected'
|
account.status.code === 'savingsAccountStatusType.rejected'
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
} else {
|
} else if (status !== 'all') {
|
||||||
accounts = accounts.filter((account: any) => {
|
accounts = accounts.filter((account: any) => {
|
||||||
return (
|
return (
|
||||||
account.status.code !== 'savingsAccountStatusType.withdrawn.by.applicant' &&
|
account.status.code !== 'savingsAccountStatusType.withdrawn.by.applicant' &&
|
||||||
|
|||||||
+12
-1
@@ -89,7 +89,18 @@
|
|||||||
<p class="base-rate-remarks">{{ activeBaseVersion.remarks }}</p>
|
<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">
|
<ng-container matColumnDef="srNo">
|
||||||
<th mat-header-cell *matHeaderCellDef>Sr.</th>
|
<th mat-header-cell *matHeaderCellDef>Sr.</th>
|
||||||
<td mat-cell *matCellDef="let slab">{{ slab.srNo }}</td>
|
<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 { SettingsService } from 'app/settings/settings.service';
|
||||||
import { Accounting } from 'app/core/utils/accounting';
|
import { Accounting } from 'app/core/utils/accounting';
|
||||||
import { Dates } from 'app/core/utils/dates';
|
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 { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||||
import { RecurringDepositProductPreviewStepComponent } from '../recurring-deposit-product-stepper/recurring-deposit-product-preview-step/recurring-deposit-product-preview-step.component';
|
import { RecurringDepositProductPreviewStepComponent } from '../recurring-deposit-product-stepper/recurring-deposit-product-preview-step/recurring-deposit-product-preview-step.component';
|
||||||
import { MatTabsModule } from '@angular/material/tabs';
|
import { MatTabsModule } from '@angular/material/tabs';
|
||||||
@@ -74,6 +76,7 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
private settingsService = inject(SettingsService);
|
private settingsService = inject(SettingsService);
|
||||||
private accounting = inject(Accounting);
|
private accounting = inject(Accounting);
|
||||||
private dateUtils = inject(Dates);
|
private dateUtils = inject(Dates);
|
||||||
|
private alertService = inject(AlertService);
|
||||||
|
|
||||||
@ViewChild(RecurringDepositProductDetailsStepComponent, { static: true })
|
@ViewChild(RecurringDepositProductDetailsStepComponent, { static: true })
|
||||||
recurringDepositProductDetailsStep: RecurringDepositProductDetailsStepComponent;
|
recurringDepositProductDetailsStep: RecurringDepositProductDetailsStepComponent;
|
||||||
@@ -92,6 +95,9 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
accountingRuleData: string[] = [];
|
accountingRuleData: string[] = [];
|
||||||
selectedTabIndex = 0;
|
selectedTabIndex = 0;
|
||||||
rdInterestRates: any[] = [];
|
rdInterestRates: any[] = [];
|
||||||
|
rdBaseSlabs: any[] = [];
|
||||||
|
private rdChartCache: { baseSlabs: any[]; rdBaseSlabs: any[]; minTenureMonths: number | null; chart: RdChart } | null =
|
||||||
|
null;
|
||||||
readonly rdSlabColumns = [
|
readonly rdSlabColumns = [
|
||||||
'srNo',
|
'srNo',
|
||||||
'description',
|
'description',
|
||||||
@@ -122,6 +128,17 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
this.rdInterestRates = [];
|
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() {
|
get recurringDepositProductDetailsForm() {
|
||||||
@@ -167,11 +184,37 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
return null;
|
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() {
|
get activeBaseSlabs() {
|
||||||
return this.activeBaseVersion?.slabs || [];
|
return this.rdChart.slabs;
|
||||||
}
|
}
|
||||||
|
|
||||||
get recurringDepositProduct() {
|
get recurringDepositProduct() {
|
||||||
|
const rdChart = this.rdChart;
|
||||||
return {
|
return {
|
||||||
...this.recurringDepositProductDetailsStep.recurringDepositProductDetails,
|
...this.recurringDepositProductDetailsStep.recurringDepositProductDetails,
|
||||||
...this.recurringDepositProductCurrencyStep.recurringDepositProductCurrency,
|
...this.recurringDepositProductCurrencyStep.recurringDepositProductCurrency,
|
||||||
@@ -179,14 +222,20 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
...this.recurringDepositProductSettingsStep.recurringDepositProductSettings,
|
...this.recurringDepositProductSettingsStep.recurringDepositProductSettings,
|
||||||
...this.recurringDepositProductChargesStep.recurringDepositProductCharges,
|
...this.recurringDepositProductChargesStep.recurringDepositProductCharges,
|
||||||
...this.recurringDepositProductAccountingStep.recurringDepositProductAccounting,
|
...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,
|
charts: this.recurringDepositProductCharts,
|
||||||
rdSlabs: this.activeBaseSlabs
|
rdSlabs: rdChart.slabs
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
get recurringDepositProductCharts() {
|
get recurringDepositProductCharts() {
|
||||||
const activeBaseVersion = this.activeBaseVersion;
|
const activeBaseVersion = this.activeBaseVersion;
|
||||||
if (!activeBaseVersion?.slabs?.length) {
|
const slabs = this.rdChart.slabs;
|
||||||
|
if (!activeBaseVersion || !slabs.length) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
const dateFormat = this.settingsService.dateFormat;
|
const dateFormat = this.settingsService.dateFormat;
|
||||||
@@ -208,7 +257,7 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
isPrimaryGroupingByAmount: false,
|
isPrimaryGroupingByAmount: false,
|
||||||
locale: this.settingsService.language.code,
|
locale: this.settingsService.language.code,
|
||||||
dateFormat,
|
dateFormat,
|
||||||
chartSlabs: activeBaseVersion.slabs.map((slab: any) => {
|
chartSlabs: slabs.map((slab: any) => {
|
||||||
const chartSlab: any = {
|
const chartSlab: any = {
|
||||||
periodType: slab.periodTypeEnum,
|
periodType: slab.periodTypeEnum,
|
||||||
fromPeriod: slab.fromPeriod,
|
fromPeriod: slab.fromPeriod,
|
||||||
@@ -232,7 +281,28 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
] as any[];
|
] 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() {
|
submit() {
|
||||||
|
if (this.focusFirstInvalidStep()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
const recurringDepositProduct: any = this.pruneEmptyValues({
|
const recurringDepositProduct: any = this.pruneEmptyValues({
|
||||||
...this.recurringDepositProduct,
|
...this.recurringDepositProduct,
|
||||||
charts: this.recurringDepositProductCharts,
|
charts: this.recurringDepositProductCharts,
|
||||||
@@ -243,14 +313,24 @@ export class CreateRecurringDepositProductComponent {
|
|||||||
recurringDepositProduct.description = '';
|
recurringDepositProduct.description = '';
|
||||||
}
|
}
|
||||||
delete recurringDepositProduct.advancedAccountingRules;
|
delete recurringDepositProduct.advancedAccountingRules;
|
||||||
this.productsService.createRecurringDepositProduct(recurringDepositProduct).subscribe((response: any) => {
|
this.productsService.createRecurringDepositProduct(recurringDepositProduct).subscribe({
|
||||||
this.router.navigate(
|
next: (response: any) => {
|
||||||
[
|
if (response?.rollbackTransaction) {
|
||||||
'../',
|
this.alertService.alert({
|
||||||
response.resourceId
|
type: 'Success',
|
||||||
],
|
message: 'Recurring deposit product creation request submitted successfully for approval.'
|
||||||
{ relativeTo: this.route }
|
});
|
||||||
);
|
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[];
|
] 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() {
|
submit() {
|
||||||
|
if (this.focusFirstInvalidStep()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
const recurringDepositProduct: any = this.pruneEmptyValues({
|
const recurringDepositProduct: any = this.pruneEmptyValues({
|
||||||
...this.recurringDepositProduct,
|
...this.recurringDepositProduct,
|
||||||
charges: (this.recurringDepositProduct.charges ?? []).map((charge: any) => ({ id: charge.id })),
|
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
|
otherGlMappingsMap: this.recurringDepositProductsTemplate?.otherGlMappingsMap
|
||||||
};
|
};
|
||||||
const accountingMappingOptions = this.recurringDepositProductsTemplate?.accountingMappingOptions || {};
|
const accountingMappingOptions = this.recurringDepositProductsTemplate?.accountingMappingOptions || {};
|
||||||
// Defaults to Cash (2) for a brand-new product (no existing accountingRule yet), but preserves
|
// Cash (2) for a brand-new product, but the product's own current accounting rule when editing -
|
||||||
// the product's own current accounting rule when editing - previously this was hardcoded to 2
|
// previously this was hardcoded to 2 unconditionally, which silently forced every edited product
|
||||||
// unconditionally, which silently forced every edited product onto Cash-based accounting (and
|
// onto Cash-based accounting (and its required GL mappings) even for products that were and
|
||||||
// its required GL mappings) even for products that were and should remain "None".
|
// should remain "None". Only an existing product (one with an id) has a rule of its own: the
|
||||||
const accountingRuleId = this.recurringDepositProductsTemplate?.accountingRule?.id ?? 2;
|
// 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.assetAccountOptions = accountingMappingOptions.assetAccountOptions || [];
|
||||||
this.liabilityAccountOptions = accountingMappingOptions.liabilityAccountOptions || [];
|
this.liabilityAccountOptions = accountingMappingOptions.liabilityAccountOptions || [];
|
||||||
@@ -172,11 +175,20 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
if (this.isCashOrAccrualAccounting()) {
|
if (this.isCashOrAccrualAccounting()) {
|
||||||
const glMappings = mappings.otherGlMappingsMap || mappings.otherGlMappings;
|
const glMappings = mappings.otherGlMappingsMap || mappings.otherGlMappings;
|
||||||
this.setOtherGlMappings('assetsOtherGlMappings', glMappings?.assets || [], this.assetAccountOptions);
|
this.setOtherGlMappings('assetsOtherGlMappings', glMappings?.assets || [], this.assetAccountOptions);
|
||||||
this.setOtherGlMappings(
|
// Interest Paid is a liability clearing account (Dr Payable / Cr Paid, then Dr Paid / Cr RD), saved under
|
||||||
'liabilitiesOtherGlMappings',
|
// liabilities. Products saved before that kept it under expenses, so both groups are read.
|
||||||
glMappings?.liabilities || [],
|
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.liabilityAccountOptions
|
||||||
);
|
);
|
||||||
|
this.setOtherGlMappings('liabilitiesOtherGlMappings', fromLiabilities, this.liabilityAccountOptions);
|
||||||
const fromExpenses = this.extractNamedGlMapping(
|
const fromExpenses = this.extractNamedGlMapping(
|
||||||
this.extractNamedGlMapping(
|
this.extractNamedGlMapping(
|
||||||
glMappings?.expenses || [],
|
glMappings?.expenses || [],
|
||||||
@@ -265,15 +277,15 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
|
|
||||||
const otherGlMappings = {
|
const otherGlMappings = {
|
||||||
assets: map('assetsOtherGlMappings', this.assetAccountOptions),
|
assets: map('assetsOtherGlMappings', this.assetAccountOptions),
|
||||||
liabilities: map('liabilitiesOtherGlMappings', this.liabilityAccountOptions),
|
liabilities: [
|
||||||
expenses: [
|
|
||||||
...namedAsOtherGlMapping(
|
...namedAsOtherGlMapping(
|
||||||
'savingsInterestPaidAccountId',
|
'savingsInterestPaidAccountId',
|
||||||
RECURRING_DEPOSIT_INTEREST_PAID_ACCOUNT_NAME,
|
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)
|
income: map('incomeOtherGlMappings', this.incomeAccountOptions)
|
||||||
};
|
};
|
||||||
return Object.values(otherGlMappings).some((v) => v.length) ? otherGlMappings : null;
|
return Object.values(otherGlMappings).some((v) => v.length) ? otherGlMappings : null;
|
||||||
@@ -312,6 +324,7 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
setRequired('incomeFromPenaltyAccountId', cashOrAccrual);
|
setRequired('incomeFromPenaltyAccountId', cashOrAccrual);
|
||||||
setRequired('feesReceivableAccountId', accrualOnly);
|
setRequired('feesReceivableAccountId', accrualOnly);
|
||||||
setRequired('penaltiesReceivableAccountId', 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('interestPayableAccountId', accrualOnly);
|
||||||
setRequired('escheatLiabilityId', cashOrAccrual && this.isDormancyTrackingEnabled());
|
setRequired('escheatLiabilityId', cashOrAccrual && this.isDormancyTrackingEnabled());
|
||||||
|
|
||||||
@@ -330,8 +343,8 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
rows: [
|
rows: [
|
||||||
{
|
{
|
||||||
key: 'savingsReferenceAccountId',
|
key: 'savingsReferenceAccountId',
|
||||||
label: 'Savings Reference Account',
|
label: 'Recurring Deposit Reference Account',
|
||||||
inputLabel: 'Savings reference account',
|
inputLabel: 'Recurring deposit reference account',
|
||||||
controlName: 'savingsReferenceAccountId',
|
controlName: 'savingsReferenceAccountId',
|
||||||
options: this.assetAccountOptions,
|
options: this.assetAccountOptions,
|
||||||
required: true
|
required: true
|
||||||
@@ -364,8 +377,8 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
rows: [
|
rows: [
|
||||||
{
|
{
|
||||||
key: 'savingsControlAccountId',
|
key: 'savingsControlAccountId',
|
||||||
label: 'Savings Control Account',
|
label: 'Recurring Deposit Control Account',
|
||||||
inputLabel: 'Savings control account',
|
inputLabel: 'Recurring deposit control account',
|
||||||
controlName: 'savingsControlAccountId',
|
controlName: 'savingsControlAccountId',
|
||||||
options: this.liabilityAccountOptions,
|
options: this.liabilityAccountOptions,
|
||||||
required: true
|
required: true
|
||||||
@@ -378,13 +391,22 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
options: this.liabilityAccountOptions,
|
options: this.liabilityAccountOptions,
|
||||||
required: true
|
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',
|
key: 'interestPayableAccountId',
|
||||||
label: 'Interest Payable Account',
|
label: 'Interest Payable Account',
|
||||||
inputLabel: 'Interest payable account',
|
inputLabel: 'Interest payable account',
|
||||||
controlName: 'interestPayableAccountId',
|
controlName: 'interestPayableAccountId',
|
||||||
options: this.liabilityAccountOptions,
|
options: this.liabilityAccountOptions
|
||||||
accrualOnly: true
|
},
|
||||||
|
{
|
||||||
|
key: 'savingsInterestPaidAccountId',
|
||||||
|
label: 'Recurring Deposit Interest Paid',
|
||||||
|
inputLabel: 'Recurring deposit interest paid',
|
||||||
|
controlName: 'savingsInterestPaidAccountId',
|
||||||
|
options: this.liabilityAccountOptions
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'escheatLiabilityId',
|
key: 'escheatLiabilityId',
|
||||||
@@ -411,13 +433,6 @@ export class RecurringDepositProductAccountingStepComponent implements OnInit {
|
|||||||
controlName: 'interestOnSavingsAccountId',
|
controlName: 'interestOnSavingsAccountId',
|
||||||
options: this.expenseAccountOptions,
|
options: this.expenseAccountOptions,
|
||||||
required: true
|
required: true
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'savingsInterestPaidAccountId',
|
|
||||||
label: 'Recurring Deposit Interest Paid',
|
|
||||||
inputLabel: 'Recurring deposit interest paid',
|
|
||||||
controlName: 'savingsInterestPaidAccountId',
|
|
||||||
options: this.expenseAccountOptions
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
otherMappingsControlName: 'expensesOtherGlMappings',
|
otherMappingsControlName: 'expensesOtherGlMappings',
|
||||||
|
|||||||
+9
-2
@@ -66,7 +66,10 @@
|
|||||||
<div class="rdpc-alert">
|
<div class="rdpc-alert">
|
||||||
<div class="rdpc-alert__content">
|
<div class="rdpc-alert__content">
|
||||||
<h4>Nomination Facility</h4>
|
<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>
|
</div>
|
||||||
<mat-radio-group class="rdpc-alert__choices" formControlName="nominationFacility">
|
<mat-radio-group class="rdpc-alert__choices" formControlName="nominationFacility">
|
||||||
<mat-radio-button [value]="true">yes</mat-radio-button>
|
<mat-radio-button [value]="true">yes</mat-radio-button>
|
||||||
@@ -77,7 +80,11 @@
|
|||||||
<div class="rdpc-alert">
|
<div class="rdpc-alert">
|
||||||
<div class="rdpc-alert__content">
|
<div class="rdpc-alert__content">
|
||||||
<h4>Auto Debit Facility</h4>
|
<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>
|
</div>
|
||||||
<mat-radio-group class="rdpc-alert__choices" formControlName="autoDebitFacility">
|
<mat-radio-group class="rdpc-alert__choices" formControlName="autoDebitFacility">
|
||||||
<mat-radio-button [value]="true">yes</mat-radio-button>
|
<mat-radio-button [value]="true">yes</mat-radio-button>
|
||||||
|
|||||||
+12
-4
@@ -68,37 +68,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rdpd-grid rdpd-grid--classification">
|
<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-label>Account Type</mat-label>
|
||||||
<mat-select formControlName="accountType" required>
|
<mat-select formControlName="accountType" required>
|
||||||
@for (accountType of accountTypeData; track accountType) {
|
@for (accountType of accountTypeData; track accountType) {
|
||||||
<mat-option [value]="accountType">{{ accountType }}</mat-option>
|
<mat-option [value]="accountType">{{ accountType }}</mat-option>
|
||||||
}
|
}
|
||||||
</mat-select>
|
</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-error>Account Type <strong>is required</strong></mat-error>
|
||||||
</mat-form-field>
|
</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-label>GL Account (Liability)</mat-label>
|
||||||
<mat-select formControlName="glAccountId" [compareWith]="compareById">
|
<mat-select formControlName="glAccountId" [compareWith]="compareById">
|
||||||
@for (account of liabilityAccountOptions; track account.id) {
|
@for (account of liabilityAccountOptions; track account.id) {
|
||||||
<mat-option [value]="account.id">{{ account.name }} ({{ account.glCode }})</mat-option>
|
<mat-option [value]="account.id">{{ account.name }} ({{ account.glCode }})</mat-option>
|
||||||
}
|
}
|
||||||
</mat-select>
|
</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>
|
||||||
|
|
||||||
<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>
|
<mat-label>Effective To</mat-label>
|
||||||
<input matInput [matDatepicker]="effectiveToPicker" formControlName="effectiveTo" />
|
<input matInput [matDatepicker]="effectiveToPicker" formControlName="effectiveTo" />
|
||||||
<mat-datepicker-toggle matSuffix [for]="effectiveToPicker"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="effectiveToPicker"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #effectiveToPicker></mat-datepicker>
|
<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>
|
||||||
|
|
||||||
<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>
|
<mat-label>End Date</mat-label>
|
||||||
<input matInput [matDatepicker]="endDatePicker" formControlName="endDate" [min]="minEndDate" />
|
<input matInput [matDatepicker]="endDatePicker" formControlName="endDate" [min]="minEndDate" />
|
||||||
<mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #endDatePicker></mat-datepicker>
|
<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')) {
|
@if (recurringDepositProductDetailsForm.get('endDate')?.hasError('matDatepickerMin')) {
|
||||||
<mat-error>End Date must be after Effective To date</mat-error>
|
<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">
|
<div class="rdpd-field rdpd-field--full rdpd-checkbox-row">
|
||||||
<mat-checkbox formControlName="shareLinkingEnabled">Deposit Account Link</mat-checkbox>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+7
@@ -76,6 +76,13 @@ $gray-900: #202124;
|
|||||||
|
|
||||||
.rdpd-checkbox-row {
|
.rdpd-checkbox-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
gap: 4px 12px;
|
||||||
min-height: 56px;
|
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>
|
<mat-divider class="flex-100"></mat-divider>
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
<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>
|
<span class="flex-60">{{ recurringDepositProduct.nominalAnnualInterestRate | formatNumber }} %</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -199,41 +199,11 @@
|
|||||||
|
|
||||||
@if (recurringDepositProduct.effectiveDate) {
|
@if (recurringDepositProduct.effectiveDate) {
|
||||||
<div class="flex-100 layout-row">
|
<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>
|
<span class="flex-60">{{ recurringDepositProduct.effectiveDate | dateFormat }}</span>
|
||||||
</div>
|
</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 ── -->
|
<!-- ── Settings ── -->
|
||||||
<h3 class="mat-h3 flex-100">{{ 'labels.heading.Settings' | translate }}</h3>
|
<h3 class="mat-h3 flex-100">{{ 'labels.heading.Settings' | translate }}</h3>
|
||||||
<mat-divider class="flex-100"></mat-divider>
|
<mat-divider class="flex-100"></mat-divider>
|
||||||
@@ -258,10 +228,13 @@
|
|||||||
<span class="flex-60">{{ recurringDepositProduct.lienMarked | yesNo }}</span>
|
<span class="flex-60">{{ recurringDepositProduct.lienMarked | yesNo }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
@if (recurringDepositProduct.lienMarked && recurringDepositProduct.lienPercentage) {
|
||||||
<span class="flex-40">{{ 'labels.inputs.Apply Withdrawal Fee for Transfers' | translate }}:</span>
|
<div class="flex-100 layout-row">
|
||||||
<span class="flex-60">{{ recurringDepositProduct.withdrawalFeeForTransfers | yesNo }}</span>
|
<span class="flex-40">Max loan against RD:</span>
|
||||||
</div>
|
<span class="flex-60">{{ recurringDepositProduct.lienPercentage }}% of balance</span>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
<div class="flex-100 layout-row">
|
||||||
<span class="flex-40">Enable Lock-in Period:</span>
|
<span class="flex-40">Enable Lock-in Period:</span>
|
||||||
@@ -279,23 +252,24 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
<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>
|
<span class="flex-60">{{ recurringDepositProduct.maturityInstructions | yesNo }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
<div class="flex-100 layout-row">
|
||||||
<span class="flex-40">Credit Maturity Proceeds:</span>
|
<span class="flex-40">Missed Installment Penalty:</span>
|
||||||
<span class="flex-60">{{ recurringDepositProduct.creditMaturityProceeds | yesNo }}</span>
|
<span class="flex-60">
|
||||||
</div>
|
@if (recurringDepositProduct.penaltyGracePeriodMissedInstallments) {
|
||||||
|
{{
|
||||||
<div class="flex-100 layout-row">
|
recurringDepositProduct.missedInstallmentPenaltyType === 2
|
||||||
<span class="flex-40">Penalty Grace Period (Missed Installments):</span>
|
? recurringDepositProduct.missedInstallmentPenaltyAmount + '% of installment'
|
||||||
<span class="flex-60">{{ recurringDepositProduct.penaltyGracePeriodMissedInstallments | yesNo }}</span>
|
: recurringDepositProduct.missedInstallmentPenaltyAmount + ' per installment'
|
||||||
</div>
|
}}
|
||||||
|
after {{ recurringDepositProduct.missedInstallmentGraceDays ?? 0 }} grace day(s)
|
||||||
<div class="flex-100 layout-row">
|
} @else {
|
||||||
<span class="flex-40">Panel Request Applicable:</span>
|
No
|
||||||
<span class="flex-60">{{ recurringDepositProduct.panelRequestApplicable | yesNo }}</span>
|
}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-100 layout-row">
|
<div class="flex-100 layout-row">
|
||||||
@@ -347,7 +321,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="toPeriod">
|
<ng-container matColumnDef="toPeriod">
|
||||||
<th mat-header-cell *matHeaderCellDef>To</th>
|
<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>
|
||||||
<ng-container matColumnDef="periodTypeLabel">
|
<ng-container matColumnDef="periodTypeLabel">
|
||||||
<th mat-header-cell *matHeaderCellDef>Period</th>
|
<th mat-header-cell *matHeaderCellDef>Period</th>
|
||||||
@@ -406,7 +380,7 @@
|
|||||||
<div class="spa-gl-section">
|
<div class="spa-gl-section">
|
||||||
<h5 class="mat-h5">Assets</h5>
|
<h5 class="mat-h5">Assets</h5>
|
||||||
<div class="spa-gl-row">
|
<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">{{
|
<span class="spa-gl-row__value">{{
|
||||||
formatGlAccountById(
|
formatGlAccountById(
|
||||||
recurringDepositProduct.savingsReferenceAccountId,
|
recurringDepositProduct.savingsReferenceAccountId,
|
||||||
@@ -439,7 +413,7 @@
|
|||||||
<div class="spa-gl-section">
|
<div class="spa-gl-section">
|
||||||
<h5 class="mat-h5">Liabilities</h5>
|
<h5 class="mat-h5">Liabilities</h5>
|
||||||
<div class="spa-gl-row">
|
<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">{{
|
<span class="spa-gl-row__value">{{
|
||||||
formatGlAccountById(
|
formatGlAccountById(
|
||||||
recurringDepositProduct.savingsControlAccountId,
|
recurringDepositProduct.savingsControlAccountId,
|
||||||
@@ -472,7 +446,7 @@
|
|||||||
<div class="spa-gl-section">
|
<div class="spa-gl-section">
|
||||||
<h5 class="mat-h5">Expenses</h5>
|
<h5 class="mat-h5">Expenses</h5>
|
||||||
<div class="spa-gl-row">
|
<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">{{
|
<span class="spa-gl-row__value">{{
|
||||||
formatGlAccountById(
|
formatGlAccountById(
|
||||||
recurringDepositProduct.interestOnSavingsAccountId,
|
recurringDepositProduct.interestOnSavingsAccountId,
|
||||||
|
|||||||
+93
-18
@@ -18,10 +18,34 @@
|
|||||||
<mat-checkbox formControlName="loanFacility">Loan Facility</mat-checkbox>
|
<mat-checkbox formControlName="loanFacility">Loan Facility</mat-checkbox>
|
||||||
<mat-checkbox formControlName="prematureWithdrawalOption">Premature Withdrawal option</mat-checkbox>
|
<mat-checkbox formControlName="prematureWithdrawalOption">Premature Withdrawal option</mat-checkbox>
|
||||||
<mat-checkbox formControlName="tenureFlexibility">Tenure Flexibility</mat-checkbox>
|
<mat-checkbox formControlName="tenureFlexibility">Tenure Flexibility</mat-checkbox>
|
||||||
<mat-checkbox formControlName="lienMarked">Lien Marked</mat-checkbox>
|
<mat-checkbox
|
||||||
<mat-checkbox formControlName="withdrawalFeeForTransfers">Apply Withdrawal Fee for Transfers</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>
|
</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">
|
<mat-checkbox class="rdps-preclosure-toggle" formControlName="preClosurePenalApplicable">
|
||||||
{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}
|
{{ 'labels.inputs.Apply Penal Interest (less)' | translate }}
|
||||||
</mat-checkbox>
|
</mat-checkbox>
|
||||||
@@ -93,34 +117,85 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="rdps-body rdps-body--list">
|
<div class="rdps-body rdps-body--list">
|
||||||
<div class="rdps-list-row">
|
<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>
|
<mat-checkbox formControlName="maturityInstructions"></mat-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<div class="rdps-list-row">
|
<div class="rdps-list-row">
|
||||||
<span
|
<span>
|
||||||
>Option to credit maturity proceeds directly to the linked account or reinvest in another product (like
|
Penalty / Grace Period for Missed Installments
|
||||||
FD).</span
|
<small class="rdps-row-hint">
|
||||||
>
|
An installment still unpaid after the grace days is charged a penalty once, collected from the RD
|
||||||
<mat-checkbox formControlName="creditMaturityProceeds"></mat-checkbox>
|
balance (Income From Penalties).
|
||||||
</div>
|
</small>
|
||||||
<div class="rdps-list-row">
|
</span>
|
||||||
<span>Penalty / Grace Period for Missed Installments</span>
|
|
||||||
<mat-checkbox formControlName="penaltyGracePeriodMissedInstallments"></mat-checkbox>
|
<mat-checkbox formControlName="penaltyGracePeriodMissedInstallments"></mat-checkbox>
|
||||||
</div>
|
</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">
|
<div class="rdps-list-row">
|
||||||
<span>Panel Request Applicable</span>
|
<span>
|
||||||
<mat-checkbox formControlName="panelRequestApplicable"></mat-checkbox>
|
No penalty for nominee / legal heir closure
|
||||||
</div>
|
<small class="rdps-row-hint">
|
||||||
<div class="rdps-list-row">
|
Premature close with reason "Nominee / legal heir claim" pays the full slab rate - no pre-closure penalty.
|
||||||
<span>No penalty for nominee / legal heir closure</span>
|
</small>
|
||||||
|
</span>
|
||||||
<mat-checkbox formControlName="noPenaltyNomineeHeirClosure"></mat-checkbox>
|
<mat-checkbox formControlName="noPenaltyNomineeHeirClosure"></mat-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<div class="rdps-list-row">
|
<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>
|
<mat-checkbox formControlName="deceasedSettlement"></mat-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<div class="rdps-list-row">
|
<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>
|
<mat-checkbox formControlName="allowDebitTxnAfterDueDate"></mat-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+11
@@ -112,6 +112,17 @@ $gray-900: #202124;
|
|||||||
padding: 0 24px;
|
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 {
|
.rdps-list-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
+61
-7
@@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { Component, OnInit, Input, inject } from '@angular/core';
|
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 { MatCheckbox } from '@angular/material/checkbox';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||||
|
|
||||||
@@ -44,7 +44,9 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
|||||||
prematureWithdrawalOption: this.recurringDepositProductsTemplate.prematureWithdrawalOption ?? false,
|
prematureWithdrawalOption: this.recurringDepositProductsTemplate.prematureWithdrawalOption ?? false,
|
||||||
tenureFlexibility: this.recurringDepositProductsTemplate.tenureFlexibility ?? false,
|
tenureFlexibility: this.recurringDepositProductsTemplate.tenureFlexibility ?? false,
|
||||||
lienMarked: this.recurringDepositProductsTemplate.lienMarked ?? 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,
|
enableLockinPeriod: this.recurringDepositProductsTemplate.enableLockinPeriod ?? false,
|
||||||
lockinPeriodFrequency: this.recurringDepositProductsTemplate.lockinPeriodFrequency ?? '',
|
lockinPeriodFrequency: this.recurringDepositProductsTemplate.lockinPeriodFrequency ?? '',
|
||||||
lockinPeriodFrequencyType: this.recurringDepositProductsTemplate.lockinPeriodFrequencyType?.id ?? '',
|
lockinPeriodFrequencyType: this.recurringDepositProductsTemplate.lockinPeriodFrequencyType?.id ?? '',
|
||||||
@@ -52,10 +54,11 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
|||||||
preClosurePenalInterest: this.recurringDepositProductsTemplate.preClosurePenalInterest ?? '',
|
preClosurePenalInterest: this.recurringDepositProductsTemplate.preClosurePenalInterest ?? '',
|
||||||
preClosurePenalInterestOnTypeId: this.recurringDepositProductsTemplate.preClosurePenalInterestOnType?.id ?? '',
|
preClosurePenalInterestOnTypeId: this.recurringDepositProductsTemplate.preClosurePenalInterestOnType?.id ?? '',
|
||||||
maturityInstructions: this.recurringDepositProductsTemplate.maturityInstructions ?? false,
|
maturityInstructions: this.recurringDepositProductsTemplate.maturityInstructions ?? false,
|
||||||
creditMaturityProceeds: this.recurringDepositProductsTemplate.creditMaturityProceeds ?? false,
|
|
||||||
penaltyGracePeriodMissedInstallments:
|
penaltyGracePeriodMissedInstallments:
|
||||||
this.recurringDepositProductsTemplate.penaltyGracePeriodMissedInstallments ?? false,
|
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,
|
noPenaltyNomineeHeirClosure: this.recurringDepositProductsTemplate.noPenaltyNomineeHeirClosure ?? false,
|
||||||
deceasedSettlement: this.recurringDepositProductsTemplate.deceasedSettlement ?? false,
|
deceasedSettlement: this.recurringDepositProductsTemplate.deceasedSettlement ?? false,
|
||||||
allowDebitTxnAfterDueDate: this.recurringDepositProductsTemplate.allowDebitTxnAfterDueDate ?? false,
|
allowDebitTxnAfterDueDate: this.recurringDepositProductsTemplate.allowDebitTxnAfterDueDate ?? false,
|
||||||
@@ -72,6 +75,7 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
|||||||
prematureWithdrawalOption: [false],
|
prematureWithdrawalOption: [false],
|
||||||
tenureFlexibility: [false],
|
tenureFlexibility: [false],
|
||||||
lienMarked: [false],
|
lienMarked: [false],
|
||||||
|
lienPercentage: [''],
|
||||||
withdrawalFeeForTransfers: [false],
|
withdrawalFeeForTransfers: [false],
|
||||||
enableLockinPeriod: [false],
|
enableLockinPeriod: [false],
|
||||||
lockinPeriodFrequency: [''],
|
lockinPeriodFrequency: [''],
|
||||||
@@ -80,21 +84,71 @@ export class RecurringDepositProductSettingsStepComponent implements OnInit {
|
|||||||
preClosurePenalInterest: [''],
|
preClosurePenalInterest: [''],
|
||||||
preClosurePenalInterestOnTypeId: [''],
|
preClosurePenalInterestOnTypeId: [''],
|
||||||
maturityInstructions: [false],
|
maturityInstructions: [false],
|
||||||
creditMaturityProceeds: [false],
|
|
||||||
penaltyGracePeriodMissedInstallments: [false],
|
penaltyGracePeriodMissedInstallments: [false],
|
||||||
panelRequestApplicable: [false],
|
missedInstallmentGraceDays: [0],
|
||||||
|
missedInstallmentPenaltyType: [1],
|
||||||
|
missedInstallmentPenaltyAmount: [''],
|
||||||
noPenaltyNomineeHeirClosure: [false],
|
noPenaltyNomineeHeirClosure: [false],
|
||||||
deceasedSettlement: [false],
|
deceasedSettlement: [false],
|
||||||
allowDebitTxnAfterDueDate: [false],
|
allowDebitTxnAfterDueDate: [false],
|
||||||
accountClosedZeroBalanceInDayClosing: [false],
|
accountClosedZeroBalanceInDayClosing: [false],
|
||||||
minBalanceForInterestCalculation: ['']
|
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() {
|
get recurringDepositProductSettings() {
|
||||||
const settings = { ...this.recurringDepositProductSettingsForm.value };
|
const settings = { ...this.recurringDepositProductSettingsForm.value };
|
||||||
|
if (!settings.penaltyGracePeriodMissedInstallments) {
|
||||||
|
delete settings.missedInstallmentGraceDays;
|
||||||
|
delete settings.missedInstallmentPenaltyType;
|
||||||
|
delete settings.missedInstallmentPenaltyAmount;
|
||||||
|
}
|
||||||
for (const key in settings) {
|
for (const key in settings) {
|
||||||
if (settings[key] === '') {
|
if (settings[key] === '' || settings[key] === null) {
|
||||||
delete settings[key];
|
delete settings[key];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+62
-55
@@ -10,18 +10,62 @@
|
|||||||
<div class="rdpt-section">
|
<div class="rdpt-section">
|
||||||
<div class="rdpt-section__header">
|
<div class="rdpt-section__header">
|
||||||
<span class="rdpt-section__badge"><i class="fas fa-coins"></i></span>
|
<span class="rdpt-section__badge"><i class="fas fa-coins"></i></span>
|
||||||
<span>Deposit Amount</span>
|
<span>Installment Amount (per period)</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="rdpt-body">
|
<div class="rdpt-body">
|
||||||
<div class="rdpt-grid rdpt-grid--three">
|
<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>
|
<mat-label>Minimum</mat-label>
|
||||||
<input type="number" matInput formControlName="minDepositAmount" min="0" step="0.01" />
|
<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>
|
||||||
|
|
||||||
<mat-form-field appearance="outline" class="rdpt-field">
|
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||||
<mat-label>Maximum</mat-label>
|
<mat-label>Maximum</mat-label>
|
||||||
<input type="number" matInput formControlName="maxDepositAmount" min="0" step="0.01" />
|
<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>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,51 +79,54 @@
|
|||||||
<div class="rdpt-banner">
|
<div class="rdpt-banner">
|
||||||
<span class="rdpt-banner__icon">ℹ️</span>
|
<span class="rdpt-banner__icon">ℹ️</span>
|
||||||
<span>
|
<span>
|
||||||
Recurring Deposit base rate:
|
The rate an RD earns during its term always comes from the <b>CBS Base Chart</b> slab for its tenure. The
|
||||||
<b>{{ recurringDepositProductTermsForm.get('nominalAnnualInterestRate').value }}%</b>
|
rate below applies only after maturity.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rdpt-grid rdpt-grid--three">
|
<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>{{ 'labels.inputs.Nominal Annual Interest' | translate }}</mat-label>
|
<mat-label>Post-Maturity Interest Rate (%)</mat-label>
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
matInput
|
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"
|
formControlName="nominalAnnualInterestRate"
|
||||||
required
|
required
|
||||||
min="0"
|
min="0"
|
||||||
step="0.01"
|
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')) {
|
@if (recurringDepositProductTermsForm.get('nominalAnnualInterestRate').hasError('required')) {
|
||||||
<mat-error>
|
<mat-error>
|
||||||
{{ 'labels.inputs.Nominal Annual Interest' | translate }} {{ 'labels.commons.is' | translate }}
|
Post-Maturity Interest Rate {{ 'labels.commons.is' | translate }}
|
||||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
<strong>{{ 'labels.commons.required' | translate }}</strong> (enter 0 for none)
|
||||||
</mat-error>
|
</mat-error>
|
||||||
}
|
}
|
||||||
@if (recurringDepositProductTermsForm.get('nominalAnnualInterestRate').hasError('min')) {
|
@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>
|
||||||
|
|
||||||
<mat-form-field appearance="outline" class="rdpt-field">
|
<mat-form-field appearance="outline" class="rdpt-field" subscriptSizing="dynamic">
|
||||||
<mat-label>Effective Date</mat-label>
|
<mat-label>Product Effective From</mat-label>
|
||||||
<input matInput [matDatepicker]="effectiveDatePicker" formControlName="effectiveDate" />
|
<input matInput [matDatepicker]="effectiveDatePicker" formControlName="effectiveDate" />
|
||||||
<mat-datepicker-toggle matSuffix [for]="effectiveDatePicker"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="effectiveDatePicker"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #effectiveDatePicker></mat-datepicker>
|
<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>
|
||||||
|
|
||||||
<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-label>{{ 'labels.inputs.Interest Calculation Type' | translate }}</mat-label>
|
||||||
<mat-select
|
<mat-select
|
||||||
formControlName="interestCalculateSelector"
|
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) {
|
@for (opt of interestCalculationTypeOptionData; track opt.id) {
|
||||||
<mat-option [value]="opt.id">{{ opt.value }}</mat-option>
|
<mat-option [value]="opt.id">{{ opt.value }}</mat-option>
|
||||||
}
|
}
|
||||||
</mat-select>
|
</mat-select>
|
||||||
|
<mat-hint>{{ interestCalculationTypeHint }}</mat-hint>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -117,17 +164,6 @@
|
|||||||
<mat-error>Days in Year <strong>is required</strong></mat-error>
|
<mat-error>Days in Year <strong>is required</strong></mat-error>
|
||||||
</mat-form-field>
|
</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-form-field appearance="outline" class="rdpt-field">
|
||||||
<mat-label>{{ 'labels.inputs.Interest Posting Period' | translate }}</mat-label>
|
<mat-label>{{ 'labels.inputs.Interest Posting Period' | translate }}</mat-label>
|
||||||
<mat-select
|
<mat-select
|
||||||
@@ -149,35 +185,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rdpt-footer">
|
<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) {
|
@if (recurringDepositProductTermsForm.value.interestCalculationType === 1) {
|
||||||
<div class="rdpt-note">
|
<div class="rdpt-note">
|
||||||
<span>⚠️</span>
|
<span>⚠️</span>
|
||||||
|
|||||||
+103
-72
@@ -7,12 +7,32 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { Component, OnInit, Input, inject } from '@angular/core';
|
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 { MatTooltip } from '@angular/material/tooltip';
|
||||||
import { Dates } from 'app/core/utils/dates';
|
import { Dates } from 'app/core/utils/dates';
|
||||||
import { SettingsService } from 'app/settings/settings.service';
|
import { SettingsService } from 'app/settings/settings.service';
|
||||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
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({
|
@Component({
|
||||||
selector: 'mifosx-recurring-deposit-product-terms-step',
|
selector: 'mifosx-recurring-deposit-product-terms-step',
|
||||||
templateUrl: './recurring-deposit-product-terms-step.component.html',
|
templateUrl: './recurring-deposit-product-terms-step.component.html',
|
||||||
@@ -33,14 +53,13 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
|||||||
|
|
||||||
interestCompoundingPeriodTypeData: any;
|
interestCompoundingPeriodTypeData: any;
|
||||||
interestPostingPeriodTypeData: any;
|
interestPostingPeriodTypeData: any;
|
||||||
|
readonly tenureUnitOptions = [
|
||||||
|
{ id: RD_TENURE_MONTHS, value: 'Months' },
|
||||||
|
{ id: RD_TENURE_YEARS, value: 'Years' }
|
||||||
|
];
|
||||||
interestCalculationTypeData: any;
|
interestCalculationTypeData: any;
|
||||||
interestCalculationTypeOptionData: any;
|
interestCalculationTypeOptionData: any;
|
||||||
interestCalculationDaysInYearTypeData: any;
|
interestCalculationDaysInYearTypeData: any;
|
||||||
periodFrequencyData: any[] = [];
|
|
||||||
yesNoOptions: Array<{ value: boolean; label: string }> = [
|
|
||||||
{ value: true, label: 'Yes' },
|
|
||||||
{ value: false, label: 'No' }
|
|
||||||
];
|
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
this.createrecurringDepositProductTermsForm();
|
this.createrecurringDepositProductTermsForm();
|
||||||
@@ -51,28 +70,31 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
|||||||
this.interestPostingPeriodTypeData = this.recurringDepositProductsTemplate.interestPostingPeriodTypeOptions;
|
this.interestPostingPeriodTypeData = this.recurringDepositProductsTemplate.interestPostingPeriodTypeOptions;
|
||||||
// Standard enum (1=Daily, 2=Average) → "Interest Calculate" dropdown → interestCalculationType form control
|
// Standard enum (1=Daily, 2=Average) → "Interest Calculate" dropdown → interestCalculationType form control
|
||||||
this.interestCalculationTypeData = this.recurringDepositProductsTemplate.interestCalculationTypeOptions;
|
this.interestCalculationTypeData = this.recurringDepositProductsTemplate.interestCalculationTypeOptions;
|
||||||
// CBS code values → "Interest Calculation Type" dropdown → interestCalculateSelector form control
|
// CBS code values → "Interest Calculation Type" dropdown → interestCalculateSelector form control. The code is
|
||||||
this.interestCalculationTypeOptionData = this.recurringDepositProductsTemplate.interestCalculationTypeOption || [];
|
// 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.interestCalculationDaysInYearTypeData =
|
||||||
this.recurringDepositProductsTemplate.interestCalculationDaysInYearTypeOptions;
|
this.recurringDepositProductsTemplate.interestCalculationDaysInYearTypeOptions;
|
||||||
this.periodFrequencyData = this.recurringDepositProductsTemplate.periodFrequencyOptions || [];
|
|
||||||
this.setYesNoOptions(this.recurringDepositProductsTemplate?.yesNoOptions);
|
|
||||||
|
|
||||||
const isEditing = !!this.recurringDepositProductsTemplate.id;
|
const isEditing = !!this.recurringDepositProductsTemplate.id;
|
||||||
const defaultPeriod = this.periodFrequencyData[0]?.value || 'Monthly';
|
|
||||||
const savedEnumTypeId =
|
const savedEnumTypeId =
|
||||||
this.recurringDepositProductsTemplate.interestCalculationType?.id ||
|
this.recurringDepositProductsTemplate.interestCalculationType?.id ||
|
||||||
this.interestCalculationTypeData?.[0]?.id ||
|
this.interestCalculationTypeData?.[0]?.id ||
|
||||||
1;
|
1;
|
||||||
|
const compoundingId =
|
||||||
|
this.interestCalculationTypeOptionData.find((opt: any) => this.optionLabel(opt) === 'compounding')?.id ?? null;
|
||||||
const savedSelectorId = isEditing
|
const savedSelectorId = isEditing
|
||||||
? (this.recurringDepositProductsTemplate.interestCalculateSelector ??
|
? (this.recurringDepositProductsTemplate.interestCalculateSelector ?? compoundingId)
|
||||||
this.interestCalculationTypeOptionData?.[0]?.id ??
|
: compoundingId;
|
||||||
null)
|
|
||||||
: (this.interestCalculationTypeOptionData?.[0]?.id ?? null);
|
|
||||||
|
|
||||||
this.recurringDepositProductTermsForm.patchValue({
|
this.recurringDepositProductTermsForm.patchValue({
|
||||||
nominalAnnualInterestRate: this.recurringDepositProductsTemplate.nominalAnnualInterestRate ?? 0,
|
nominalAnnualInterestRate: this.recurringDepositProductsTemplate.nominalAnnualInterestRate ?? 0,
|
||||||
interestCompoundingPeriodType: this.recurringDepositProductsTemplate.interestCompoundingPeriodType?.id,
|
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,
|
interestPostingPeriodType: this.recurringDepositProductsTemplate.interestPostingPeriodType?.id,
|
||||||
interestCalculationType: savedEnumTypeId,
|
interestCalculationType: savedEnumTypeId,
|
||||||
interestCalculationDaysInYearType: this.recurringDepositProductsTemplate.interestCalculationDaysInYearType?.id,
|
interestCalculationDaysInYearType: this.recurringDepositProductsTemplate.interestCalculationDaysInYearType?.id,
|
||||||
@@ -80,17 +102,29 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
|||||||
? this.parseDate(this.recurringDepositProductsTemplate.effectiveDate)
|
? this.parseDate(this.recurringDepositProductsTemplate.effectiveDate)
|
||||||
: '',
|
: '',
|
||||||
interestCalculateSelector: savedSelectorId,
|
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 ?? '',
|
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 {
|
private parseDate(dateValue: any): Date | null {
|
||||||
if (!dateValue) return null;
|
if (!dateValue) return null;
|
||||||
if (Array.isArray(dateValue)) {
|
if (Array.isArray(dateValue)) {
|
||||||
@@ -100,57 +134,56 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
|||||||
return new Date(dateValue);
|
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() {
|
createrecurringDepositProductTermsForm() {
|
||||||
this.recurringDepositProductTermsForm = this.formBuilder.group({
|
this.recurringDepositProductTermsForm = this.formBuilder.group(
|
||||||
nominalAnnualInterestRate: [
|
{
|
||||||
'',
|
nominalAnnualInterestRate: [
|
||||||
[
|
'',
|
||||||
Validators.required,
|
[
|
||||||
|
Validators.required,
|
||||||
|
Validators.min(0)
|
||||||
|
]
|
||||||
|
],
|
||||||
|
interestCompoundingPeriodType: [
|
||||||
|
'',
|
||||||
|
Validators.required
|
||||||
|
],
|
||||||
|
interestPostingPeriodType: [
|
||||||
|
'',
|
||||||
|
Validators.required
|
||||||
|
],
|
||||||
|
interestCalculationType: [
|
||||||
|
'',
|
||||||
|
Validators.required
|
||||||
|
],
|
||||||
|
interestCalculationDaysInYearType: [
|
||||||
|
'',
|
||||||
|
Validators.required
|
||||||
|
],
|
||||||
|
effectiveDate: [''],
|
||||||
|
interestCalculateSelector: [null],
|
||||||
|
minDepositAmount: [
|
||||||
|
'',
|
||||||
Validators.min(0)
|
Validators.min(0)
|
||||||
|
],
|
||||||
|
maxDepositAmount: [
|
||||||
|
'',
|
||||||
|
Validators.min(0)
|
||||||
|
],
|
||||||
|
minDepositTerm: [
|
||||||
|
'',
|
||||||
|
[
|
||||||
|
Validators.required,
|
||||||
|
Validators.min(1)
|
||||||
|
]
|
||||||
|
],
|
||||||
|
minDepositTermTypeId: [
|
||||||
|
RD_TENURE_MONTHS,
|
||||||
|
Validators.required
|
||||||
]
|
]
|
||||||
],
|
},
|
||||||
interestCompoundingPeriodType: [
|
{ validators: maxNotBelowMin }
|
||||||
'',
|
);
|
||||||
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: ['']
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
get recurringDepositProductTerms() {
|
get recurringDepositProductTerms() {
|
||||||
@@ -160,8 +193,6 @@ export class RecurringDepositProductTermsStepComponent implements OnInit {
|
|||||||
if (formValue.effectiveDate instanceof Date) {
|
if (formValue.effectiveDate instanceof Date) {
|
||||||
formValue.effectiveDate = this.dateUtils.formatDate(formValue.effectiveDate, dateFormat) || '';
|
formValue.effectiveDate = this.dateUtils.formatDate(formValue.effectiveDate, dateFormat) || '';
|
||||||
}
|
}
|
||||||
formValue.minDepositAmount = formValue.minDepositAmount;
|
|
||||||
formValue.maxDepositAmount = formValue.maxDepositAmount;
|
|
||||||
return formValue;
|
return formValue;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+21
-77
@@ -190,14 +190,14 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="vsp-kv">
|
<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"
|
<span class="vsp-v vsp-v--accent"
|
||||||
>{{ recurringDepositProduct.nominalAnnualInterestRate | formatNumber }}<span class="vsp-suffix">%</span></span
|
>{{ recurringDepositProduct.nominalAnnualInterestRate | formatNumber }}<span class="vsp-suffix">%</span></span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
@if (recurringDepositProduct.effectiveDate) {
|
@if (recurringDepositProduct.effectiveDate) {
|
||||||
<div class="vsp-kv">
|
<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>
|
<span class="vsp-v">{{ recurringDepositProduct.effectiveDate | dateFormat }}</span>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
@@ -211,12 +211,6 @@
|
|||||||
<span class="vsp-k">Interest Calculate</span>
|
<span class="vsp-k">Interest Calculate</span>
|
||||||
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationType?.value }}</span>
|
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationType?.value }}</span>
|
||||||
</div>
|
</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">
|
<div class="vsp-kv">
|
||||||
<span class="vsp-k">{{ 'labels.inputs.Interest Posting Period' | translate }}</span>
|
<span class="vsp-k">{{ 'labels.inputs.Interest Posting Period' | translate }}</span>
|
||||||
<span class="vsp-v">{{ recurringDepositProduct.interestPostingPeriodType.value }}</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-k">{{ 'labels.inputs.Days in Year' | translate }}</span>
|
||||||
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationDaysInYearType.value }}</span>
|
<span class="vsp-v">{{ recurringDepositProduct.interestCalculationDaysInYearType.value }}</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -313,18 +283,12 @@
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="vsp-kv">
|
@if (recurringDepositProduct.lienMarked && recurringDepositProduct.lienPercentage) {
|
||||||
<span class="vsp-k">{{ 'labels.inputs.Apply Withdrawal Fee for Transfers' | translate }}</span>
|
<div class="vsp-kv">
|
||||||
<span class="vsp-v">
|
<span class="vsp-k">Max loan against RD</span>
|
||||||
<span
|
<span class="vsp-v">{{ recurringDepositProduct.lienPercentage }}% of balance</span>
|
||||||
class="vsp-pill"
|
</div>
|
||||||
[class.vsp-pill--green]="recurringDepositProduct.withdrawalFeeForTransfers"
|
}
|
||||||
[class.vsp-pill--gray]="!recurringDepositProduct.withdrawalFeeForTransfers"
|
|
||||||
>
|
|
||||||
{{ recurringDepositProduct.withdrawalFeeForTransfers | yesNo }}
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="vsp-sub-h">{{ 'labels.inputs.Lock-in Period' | translate }}</h4>
|
<h4 class="vsp-sub-h">{{ 'labels.inputs.Lock-in Period' | translate }}</h4>
|
||||||
@@ -355,7 +319,7 @@
|
|||||||
<h4 class="vsp-sub-h">Maturity Instructions</h4>
|
<h4 class="vsp-sub-h">Maturity Instructions</h4>
|
||||||
<div class="vsp-grid">
|
<div class="vsp-grid">
|
||||||
<div class="vsp-kv">
|
<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-v">
|
||||||
<span
|
<span
|
||||||
class="vsp-pill"
|
class="vsp-pill"
|
||||||
@@ -367,39 +331,18 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="vsp-kv">
|
<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-v">
|
||||||
<span
|
@if (recurringDepositProduct.penaltyGracePeriodMissedInstallments) {
|
||||||
class="vsp-pill"
|
{{
|
||||||
[class.vsp-pill--green]="recurringDepositProduct.creditMaturityProceeds"
|
recurringDepositProduct.missedInstallmentPenaltyType === 2
|
||||||
[class.vsp-pill--gray]="!recurringDepositProduct.creditMaturityProceeds"
|
? recurringDepositProduct.missedInstallmentPenaltyAmount + '% of installment'
|
||||||
>
|
: recurringDepositProduct.missedInstallmentPenaltyAmount + ' per installment'
|
||||||
{{ recurringDepositProduct.creditMaturityProceeds | yesNo }}
|
}}
|
||||||
</span>
|
after {{ recurringDepositProduct.missedInstallmentGraceDays ?? 0 }} grace day(s)
|
||||||
</span>
|
} @else {
|
||||||
</div>
|
<span class="vsp-pill vsp-pill--gray">{{ false | yesNo }}</span>
|
||||||
<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>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="vsp-kv">
|
<div class="vsp-kv">
|
||||||
@@ -752,6 +695,7 @@
|
|||||||
<mifosx-view-savings-accounting-details
|
<mifosx-view-savings-accounting-details
|
||||||
[accountingRule]="recurringDepositProduct.accountingRule"
|
[accountingRule]="recurringDepositProduct.accountingRule"
|
||||||
[accountingMappings]="recurringDepositProduct.accountingMappings"
|
[accountingMappings]="recurringDepositProduct.accountingMappings"
|
||||||
|
productLabel="Recurring deposit"
|
||||||
></mifosx-view-savings-accounting-details>
|
></mifosx-view-savings-accounting-details>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@@ -715,16 +715,14 @@
|
|||||||
<td class="f1s-table__num">{{ amount(v) }}</td>
|
<td class="f1s-table__num">{{ amount(v) }}</td>
|
||||||
}
|
}
|
||||||
</tr>
|
</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. -->
|
The base dates used to print here as a row of their own, under IV(b). It is gone
|
||||||
@if (line.baseDates?.length) {
|
for two reasons: the filed form has no such line, so it put a row on the return
|
||||||
<tr class="f1s-subnote">
|
that RBI's own format does not carry; and it described the base as "the matching
|
||||||
<td>Base dates — the matching close one month earlier</td>
|
close one month earlier", which contradicted IV(b)'s own heading right above it.
|
||||||
@for (d of line.baseDates; track $index) {
|
Each column's base date is already on its heading, which is where a reader looks
|
||||||
<td class="f1s-table__num">{{ d }}</td>
|
for the period a column reports.
|
||||||
}
|
-->
|
||||||
</tr>
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@if (part.surplus?.length) {
|
@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
|
* Returns current Business date server
|
||||||
*/
|
*/
|
||||||
get businessDate(): Date {
|
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",
|
"Daily": "Daily",
|
||||||
"Monthly": "Monthly",
|
"Monthly": "Monthly",
|
||||||
"Weekly": "Weekly",
|
"Weekly": "Weekly",
|
||||||
"Quarterly": "Quartely",
|
"Quarterly": "Quarterly",
|
||||||
"Semi-Annual": "Semi-Annual",
|
"Semi-Annual": "Semi-Annual",
|
||||||
"SemiWeeks": "SemiWeeks",
|
"SemiWeeks": "SemiWeeks",
|
||||||
"Annually": "Annually",
|
"Annually": "Annually",
|
||||||
|
|||||||
@@ -9,8 +9,8 @@
|
|||||||
/* tslint:disable */
|
/* tslint:disable */
|
||||||
export default {
|
export default {
|
||||||
'mifos_x': {
|
'mifos_x': {
|
||||||
'version': '261006',
|
'version': '261012',
|
||||||
'hash': '5ab4e9ea'
|
'hash': '6b0f218b'
|
||||||
},
|
},
|
||||||
'allow_switching_backend_instance': true
|
'allow_switching_backend_instance': true
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user