feat(loan-products): build out Loans A/C (EMI) stepper and wire it to the rate register
Adds the curated Loans A/C steps (security/collateral, amount & tenure, repayment & EMI, interest, prepayment & closure) and a product-type picker (loan-product-types.ts) shared by the create wizard, product list and account picker. The interest step and a new register-rate-view read the live Loan Interest Rate Register for a product's chart/CIBIL rate instead of a hardcoded value, and a new loan-product-catalog service + template card back the loan account stepper's product pick. Also carries forward in-progress Loan Interest Rate Register UI work: an inline Add Slab panel (replacing window.prompt) and a Submit Details dialog for confirming name/effective dates before submitting for approval. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Claude Sonnet 5
+43
@@ -0,0 +1,43 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
@if (product) {
|
||||
<div class="lptc">
|
||||
<div class="lptc__head">
|
||||
<strong>{{ product.name }}</strong>
|
||||
<span class="lptc__chip">{{ category }}</span>
|
||||
<span class="lptc__chip lptc__chip--type">{{ type }}</span>
|
||||
</div>
|
||||
<div class="lptc__grid">
|
||||
<div>
|
||||
<span class="lptc__label">Amount</span>
|
||||
<span>
|
||||
@if (product.minPrincipal != null || product.maxPrincipal != null) {
|
||||
{{ product.minPrincipal | number: '1.0-0' }} – {{ product.maxPrincipal | number: '1.0-0' }}
|
||||
} @else {
|
||||
—
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="lptc__label">Tenure (repayments)</span>
|
||||
<span>
|
||||
@if (product.minNumberOfRepayments != null || product.maxNumberOfRepayments != null) {
|
||||
{{ product.minNumberOfRepayments }} – {{ product.maxNumberOfRepayments }}
|
||||
} @else {
|
||||
—
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="lptc__label">Short name</span>
|
||||
<span>{{ product.shortName || '—' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
+52
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
.lptc {
|
||||
margin: 4px 0 16px;
|
||||
padding: 12px 16px;
|
||||
border: 1px solid #bae6fd;
|
||||
border-radius: 8px;
|
||||
background: #f0f9ff;
|
||||
|
||||
&__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&__chip {
|
||||
padding: 1px 10px;
|
||||
border-radius: 999px;
|
||||
background: #e0f2fe;
|
||||
color: #075985;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
|
||||
&--type {
|
||||
background: #ede9fe;
|
||||
color: #5b21b6;
|
||||
}
|
||||
}
|
||||
|
||||
&__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px 16px;
|
||||
font-size: 13px;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
&__label {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
color: #64748b;
|
||||
}
|
||||
}
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
/**
|
||||
* 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 { Component, Input } from '@angular/core';
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { productCategoryLabel, productTypeLabel } from 'app/products/loan-products/loan-product-types';
|
||||
|
||||
/**
|
||||
* The product picked on the loan account form, summarised with its category, type and the main limits, so the
|
||||
* officer can see what the account will be opened under before going on.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-template-card',
|
||||
templateUrl: './loan-product-template-card.component.html',
|
||||
styleUrls: ['./loan-product-template-card.component.scss'],
|
||||
imports: [DecimalPipe]
|
||||
})
|
||||
export class LoanProductTemplateCardComponent {
|
||||
/** A product from the catalogue (the list shape), or undefined when none is picked. */
|
||||
@Input() product: any;
|
||||
|
||||
get category(): string {
|
||||
return productCategoryLabel(this.product?.advanceExtensions?.productTypeGroup);
|
||||
}
|
||||
|
||||
get type(): string {
|
||||
return productTypeLabel(
|
||||
this.product?.advanceExtensions?.productTypeGroup,
|
||||
this.product?.advanceExtensions?.productTypeSubGroup
|
||||
);
|
||||
}
|
||||
}
|
||||
+67
-2
@@ -32,6 +32,9 @@ import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
|
||||
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { LoanProductCatalogService } from '../../services/loan-product-catalog.service';
|
||||
import { LoanProductTemplateCardComponent } from '../loan-product-template-card/loan-product-template-card.component';
|
||||
import { PRODUCT_SUB_TYPES, PRODUCT_TYPE_GROUPS } from 'app/products/loan-products/loan-product-types';
|
||||
|
||||
/**
|
||||
* Loans Account Details Step
|
||||
@@ -49,7 +52,8 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
MatStepperPrevious,
|
||||
FaIconComponent,
|
||||
MatStepperNext,
|
||||
AsyncPipe
|
||||
AsyncPipe,
|
||||
LoanProductTemplateCardComponent
|
||||
]
|
||||
})
|
||||
export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
|
||||
@@ -59,6 +63,7 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
|
||||
private translateService = inject(TranslateService);
|
||||
private settingsService = inject(SettingsService);
|
||||
private commons = inject(Commons);
|
||||
private catalog = inject(LoanProductCatalogService);
|
||||
|
||||
//** Defining PlaceHolders for the search bar */
|
||||
placeHolderLabel = '';
|
||||
@@ -88,6 +93,27 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
|
||||
|
||||
loanId: any = null;
|
||||
|
||||
/** Category and product type narrow the product picker to the active products of that kind. */
|
||||
readonly categories = PRODUCT_TYPE_GROUPS;
|
||||
categoryFilter = '';
|
||||
typeFilter = '';
|
||||
/** Ids of the products active today; null until read, or if the read failed (then nothing is hidden). */
|
||||
private activeProductIds: Set<number> | null = null;
|
||||
/** Every product from the template, before any filter. */
|
||||
private allProducts: any[] = [];
|
||||
|
||||
/** Types offered for the chosen category; every type when no category is chosen. */
|
||||
get typeOptions() {
|
||||
return this.categoryFilter
|
||||
? (PRODUCT_SUB_TYPES[this.categoryFilter] ?? [])
|
||||
: Object.values(PRODUCT_SUB_TYPES).flat();
|
||||
}
|
||||
|
||||
/** The product picked in the form, with its category and type, for the template card. */
|
||||
get selectedProduct(): any {
|
||||
return this.catalog.get(this.loansAccountDetailsForm?.get('productId')?.value);
|
||||
}
|
||||
|
||||
loanProductSelected = false;
|
||||
/** Currency data. */
|
||||
protected productData: ReplaySubject<string[]> = new ReplaySubject<string[]>(1);
|
||||
@@ -115,7 +141,8 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
|
||||
this.maxDate = this.settingsService.maxFutureDate;
|
||||
this.buildDependencies();
|
||||
if (this.loansAccountTemplate) {
|
||||
this.productList = this.loansAccountTemplate.productOptions.sort(this.commons.dynamicSort('name'));
|
||||
this.allProducts = this.loansAccountTemplate.productOptions.sort(this.commons.dynamicSort('name'));
|
||||
this.productList = this.allProducts;
|
||||
if (this.loansAccountTemplate.loanProductId) {
|
||||
this.loansAccountDetailsForm.patchValue({
|
||||
productId: this.loansAccountTemplate.loanProductId,
|
||||
@@ -136,6 +163,44 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
|
||||
this.searchItem();
|
||||
});
|
||||
this.productData.next(this.productList.slice());
|
||||
this.loadActiveProducts();
|
||||
}
|
||||
|
||||
/**
|
||||
* A new account can only be opened on a product that is active today, and the picker can be narrowed by category
|
||||
* and type. Editing an existing account keeps every product, since its own product may have closed since.
|
||||
*/
|
||||
private loadActiveProducts(): void {
|
||||
if (this.loanId) {
|
||||
return;
|
||||
}
|
||||
this.catalog.activeProducts().subscribe((products) => {
|
||||
this.activeProductIds = products.length > 0 ? new Set(products.map((product) => Number(product.id))) : null;
|
||||
this.applyProductFilters();
|
||||
});
|
||||
}
|
||||
|
||||
onCategoryChange(): void {
|
||||
// A type belongs to one category, so a type from another category cannot stay selected.
|
||||
if (this.typeFilter && !this.typeOptions.some((type) => type.id === this.typeFilter)) {
|
||||
this.typeFilter = '';
|
||||
}
|
||||
this.applyProductFilters();
|
||||
}
|
||||
|
||||
/** Rebuilds the product list from the template: active only, then category and type, then the search text. */
|
||||
applyProductFilters(): void {
|
||||
this.productList = this.allProducts.filter((product: any) => {
|
||||
if (this.activeProductIds && !this.activeProductIds.has(Number(product.id))) {
|
||||
return false;
|
||||
}
|
||||
const ext = this.catalog.classification(product.id);
|
||||
if (this.categoryFilter && ext['productTypeGroup'] !== this.categoryFilter) {
|
||||
return false;
|
||||
}
|
||||
return !this.typeFilter || ext['productTypeSubGroup'] === this.typeFilter;
|
||||
});
|
||||
this.searchItem();
|
||||
}
|
||||
|
||||
ngOnDestroy(): void {
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
/**
|
||||
* 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 { Injectable, inject } from '@angular/core';
|
||||
import { Observable, of } from 'rxjs';
|
||||
import { catchError, map, tap } from 'rxjs/operators';
|
||||
import { ProductsService } from 'app/products/products.service';
|
||||
|
||||
/**
|
||||
* Read-only view of the loan product catalogue for the loan account screens: which products are active today and
|
||||
* what category and type each one is. Reads the normal product list once; the category and type of each product
|
||||
* come from the classification the list carries (`advanceExtensions`).
|
||||
*/
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class LoanProductCatalogService {
|
||||
private productsService = inject(ProductsService);
|
||||
|
||||
private byId = new Map<number, any>();
|
||||
|
||||
/**
|
||||
* The products that are active today. Also remembers every product it saw, so `get` and `classification` can
|
||||
* answer for them afterwards. An empty list on failure, so the picker never ends up with nothing to choose.
|
||||
*/
|
||||
activeProducts(): Observable<any[]> {
|
||||
return this.productsService.getLoanProducts().pipe(
|
||||
tap((products: any[]) => (products ?? []).forEach((product) => this.byId.set(Number(product.id), product))),
|
||||
map((products: any[]) => (products ?? []).filter((product) => product?.status === 'loanProduct.active')),
|
||||
catchError(() => of([]))
|
||||
);
|
||||
}
|
||||
|
||||
/** A product seen by `activeProducts`, or undefined before it ran or for an unknown id. */
|
||||
get(productId: any): any {
|
||||
return this.byId.get(Number(productId));
|
||||
}
|
||||
|
||||
/** The product's category and type (`productTypeGroup`, `productTypeSubGroup`, ...), empty when it has none. */
|
||||
classification(productId: any): Record<string, any> {
|
||||
return this.get(productId)?.advanceExtensions ?? {};
|
||||
}
|
||||
}
|
||||
+22
-1
@@ -27,7 +27,7 @@
|
||||
<div class="er__meta-bar">
|
||||
<div class="er__field">
|
||||
<label>REGISTER NAME</label>
|
||||
<input type="text" [(ngModel)]="register.name" [readonly]="!canEdit" />
|
||||
<input type="text" [(ngModel)]="register.name" [readonly]="!canEdit" placeholder="Entered when you submit" />
|
||||
</div>
|
||||
<div class="er__field er__field--date">
|
||||
<label>EFFECTIVE FROM</label>
|
||||
@@ -84,6 +84,27 @@
|
||||
</div>
|
||||
<div class="er__add-error" *ngIf="addProductError">{{ addProductError }}</div>
|
||||
</div>
|
||||
<div class="er__add-panel" *ngIf="addingSlab && canEdit">
|
||||
<div class="er__add-title">Add amount slab</div>
|
||||
<div class="er__add-fields">
|
||||
<div class="er__field">
|
||||
<label>UPPER LIMIT (₹) — leave blank for "above the last slab"</label>
|
||||
<input type="number" min="1" [(ngModel)]="newSlabAmount" placeholder="e.g. 5000000" />
|
||||
</div>
|
||||
<div class="er__field">
|
||||
<label>SLAB LABEL</label>
|
||||
<input
|
||||
type="text"
|
||||
[(ngModel)]="newSlabLabel"
|
||||
[placeholder]="suggestedSlabLabel() || 'e.g. Upto 50,00,000 or > 50,00,000'"
|
||||
/>
|
||||
</div>
|
||||
<button mat-flat-button color="primary" (click)="confirmAddSlab()">Add</button>
|
||||
<button mat-stroked-button (click)="cancelAddSlab()">Cancel</button>
|
||||
</div>
|
||||
<div class="er__add-hint">The new slab is added as the last column; fill in its rates for each product.</div>
|
||||
<div class="er__add-error" *ngIf="addSlabError">{{ addSlabError }}</div>
|
||||
</div>
|
||||
<div class="er__grid-scroll">
|
||||
<table class="er__grid">
|
||||
<thead>
|
||||
|
||||
+6
@@ -137,6 +137,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__add-hint {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
&__add-error {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
|
||||
+51
-6
@@ -227,6 +227,7 @@ export class EditRegisterComponent implements OnInit, OnDestroy {
|
||||
if (!this.canEdit) {
|
||||
return;
|
||||
}
|
||||
this.addingSlab = false;
|
||||
this.addingProduct = true;
|
||||
this.newProductName = '';
|
||||
this.newProductGl = null;
|
||||
@@ -271,23 +272,67 @@ export class EditRegisterComponent implements OnInit, OnDestroy {
|
||||
}
|
||||
}
|
||||
|
||||
/** Append a new amount slab column; every existing row grows by one blank cell. */
|
||||
/** "Add slab" panel state. A slab is an amount band; at least a label or an upper limit is needed. */
|
||||
addingSlab = false;
|
||||
newSlabLabel = '';
|
||||
newSlabAmount: number | null = null;
|
||||
addSlabError = '';
|
||||
|
||||
/** Opens the Add slab panel. */
|
||||
addSlab(): void {
|
||||
if (!this.canEdit) {
|
||||
return;
|
||||
}
|
||||
const label = window.prompt('Slab label (e.g. "Upto 50,00,000" or "> 50,00,000")', 'New slab');
|
||||
this.addingProduct = false;
|
||||
this.addingSlab = true;
|
||||
this.newSlabLabel = '';
|
||||
this.newSlabAmount = null;
|
||||
this.addSlabError = '';
|
||||
}
|
||||
|
||||
cancelAddSlab(): void {
|
||||
this.addingSlab = false;
|
||||
this.addSlabError = '';
|
||||
}
|
||||
|
||||
/** Label that is filled in for a slab when only the upper limit is given, e.g. "Upto 50,00,000". */
|
||||
suggestedSlabLabel(): string {
|
||||
const amount = this.newSlabAmount;
|
||||
return amount != null && Number.isFinite(amount) && amount > 0 ? `Upto ${amount.toLocaleString('en-IN')}` : '';
|
||||
}
|
||||
|
||||
/** Append the new amount slab as the last column; every existing row grows by one blank cell. */
|
||||
confirmAddSlab(): void {
|
||||
const amount = this.newSlabAmount;
|
||||
const hasAmount = amount != null && String(amount) !== '';
|
||||
if (hasAmount && (!Number.isFinite(amount) || (amount as number) <= 0)) {
|
||||
this.addSlabError = 'The upper limit must be a number greater than 0.';
|
||||
return;
|
||||
}
|
||||
const label = this.newSlabLabel.trim() || this.suggestedSlabLabel();
|
||||
if (!label) {
|
||||
this.addSlabError = 'Enter a label, or an upper limit to build one from.';
|
||||
return;
|
||||
}
|
||||
if (this.slabs.some((s) => s.label.trim().toLowerCase() === label.toLowerCase())) {
|
||||
this.addSlabError = 'A slab with this label already exists.';
|
||||
return;
|
||||
}
|
||||
if (hasAmount && this.slabs.some((s) => s.amountUpto === amount)) {
|
||||
this.addSlabError = 'A slab with this upper limit already exists.';
|
||||
return;
|
||||
}
|
||||
if (!hasAmount && this.slabs.some((s) => s.amountUpto === null)) {
|
||||
this.addSlabError = 'An open-ended slab (no upper limit) already exists.';
|
||||
return;
|
||||
}
|
||||
const amountText = window.prompt('Amount upper bound in ₹ (leave blank for no cap)', '');
|
||||
const amountUpto = amountText && amountText.trim() ? Number(amountText) : null;
|
||||
this.slabs.push({
|
||||
key: `s_${Date.now()}`,
|
||||
label: label.trim(),
|
||||
amountUpto: amountUpto !== null && !Number.isFinite(amountUpto) ? null : amountUpto
|
||||
label,
|
||||
amountUpto: hasAmount ? (amount as number) : null
|
||||
});
|
||||
this.rows.forEach((r) => r.rates.push(null));
|
||||
this.cancelAddSlab();
|
||||
}
|
||||
|
||||
editCibil(): void {
|
||||
|
||||
+1
-1
@@ -71,7 +71,7 @@
|
||||
>
|
||||
<mat-expansion-panel-header class="lirr__panel-header">
|
||||
<mat-panel-title class="lirr__panel-title">
|
||||
<span class="lirr__panel-name">{{ r.name }}</span>
|
||||
<span class="lirr__panel-name">{{ r.name || '(Untitled draft)' }}</span>
|
||||
<span [class]="statusChipClass(r.status)">{{ statusLabel(r.status) }}</span>
|
||||
</mat-panel-title>
|
||||
<mat-panel-description class="lirr__panel-desc">
|
||||
|
||||
+34
@@ -11,6 +11,12 @@ import { CommonModule } from '@angular/common';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatSnackBar } from '@angular/material/snack-bar';
|
||||
import { MatDialog } from '@angular/material/dialog';
|
||||
import {
|
||||
SubmitDetailsData,
|
||||
SubmitDetailsDialogComponent,
|
||||
SubmitDetailsResult
|
||||
} from '../submit-details-dialog/submit-details-dialog.component';
|
||||
import { RateRegisterService } from '../rate-register.service';
|
||||
import { CibilSlab, RateChartRow, RateRegister, SlabColumn } from '../models/rate-register.model';
|
||||
import { RateRegisterDiffComponent } from '../rate-register-diff/rate-register-diff.component';
|
||||
@@ -41,6 +47,7 @@ export class PreviewRegisterComponent implements OnInit {
|
||||
private readonly route = inject(ActivatedRoute);
|
||||
private readonly router = inject(Router);
|
||||
private readonly snack = inject(MatSnackBar);
|
||||
private readonly dialog = inject(MatDialog);
|
||||
|
||||
draft!: RateRegister;
|
||||
active?: RateRegister;
|
||||
@@ -98,6 +105,33 @@ export class PreviewRegisterComponent implements OnInit {
|
||||
if (this.submitting) {
|
||||
return;
|
||||
}
|
||||
const ref = this.dialog.open<SubmitDetailsDialogComponent, SubmitDetailsData, SubmitDetailsResult>(
|
||||
SubmitDetailsDialogComponent,
|
||||
{
|
||||
width: '520px',
|
||||
maxWidth: '95vw',
|
||||
data: {
|
||||
name: this.draft.name,
|
||||
effectiveFrom: this.draft.effectiveFrom,
|
||||
effectiveTo: this.draft.effectiveTo ?? '',
|
||||
activeName: this.active && this.active.id !== this.draft.id ? this.active.name : undefined,
|
||||
activeFrom: this.active && this.active.id !== this.draft.id ? this.active.effectiveFrom : undefined
|
||||
}
|
||||
}
|
||||
);
|
||||
ref.afterClosed().subscribe((details) => {
|
||||
if (!details) {
|
||||
return;
|
||||
}
|
||||
this.draft.name = details.name;
|
||||
this.draft.effectiveFrom = details.effectiveFrom;
|
||||
this.draft.effectiveTo = details.effectiveTo || null;
|
||||
this.service.saveDrafts();
|
||||
this.send();
|
||||
});
|
||||
}
|
||||
|
||||
private send(): void {
|
||||
this.submitting = true;
|
||||
this.service.submitForApproval(this.draft.id).subscribe({
|
||||
next: (res) => {
|
||||
|
||||
@@ -425,9 +425,10 @@ export class RateRegisterService {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
const copy: RateRegister = {
|
||||
id: newId,
|
||||
name: `${source.name} — new version`,
|
||||
effectiveFrom: source.effectiveFrom,
|
||||
effectiveTo: source.effectiveTo,
|
||||
// Left blank on purpose: the maker enters name and dates in the submit popup.
|
||||
name: '',
|
||||
effectiveFrom: '',
|
||||
effectiveTo: null,
|
||||
currency: source.currency,
|
||||
status: 'Draft',
|
||||
createdBy: 'Current User',
|
||||
|
||||
+139
@@ -0,0 +1,139 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
|
||||
export interface SubmitDetailsData {
|
||||
name: string;
|
||||
effectiveFrom: string;
|
||||
effectiveTo: string;
|
||||
/** Active version this one replaces, shown as context. */
|
||||
activeName?: string;
|
||||
activeFrom?: string;
|
||||
}
|
||||
|
||||
export interface SubmitDetailsResult {
|
||||
name: string;
|
||||
effectiveFrom: string;
|
||||
effectiveTo: string;
|
||||
}
|
||||
|
||||
/** Asks the maker for the version details (name, effective from / to) just before sending for approval. */
|
||||
@Component({
|
||||
selector: 'mifosx-submit-details-dialog',
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
MatDialogModule,
|
||||
MatButtonModule
|
||||
],
|
||||
template: `
|
||||
<h2 mat-dialog-title>Version details</h2>
|
||||
<mat-dialog-content class="sd">
|
||||
<p class="sd__hint">
|
||||
Confirm these details before sending the rate register for approval.
|
||||
<span *ngIf="data.activeName"
|
||||
>It will replace <b>{{ data.activeName }}</b
|
||||
><span *ngIf="data.activeFrom"> (effective {{ data.activeFrom }})</span> once approved.</span
|
||||
>
|
||||
</p>
|
||||
<div class="sd__field">
|
||||
<label>REGISTER NAME *</label>
|
||||
<input type="text" [(ngModel)]="name" />
|
||||
</div>
|
||||
<div class="sd__row">
|
||||
<div class="sd__field">
|
||||
<label>EFFECTIVE FROM *</label>
|
||||
<input type="date" [(ngModel)]="effectiveFrom" />
|
||||
</div>
|
||||
<div class="sd__field">
|
||||
<label>EFFECTIVE TO</label>
|
||||
<input type="date" [(ngModel)]="effectiveTo" [min]="effectiveFrom" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="sd__error" *ngIf="error">{{ error }}</div>
|
||||
</mat-dialog-content>
|
||||
<mat-dialog-actions align="end">
|
||||
<button mat-stroked-button (click)="ref.close()">Cancel</button>
|
||||
<button mat-flat-button color="primary" (click)="confirm()">Submit for approval</button>
|
||||
</mat-dialog-actions>
|
||||
`,
|
||||
styles: [
|
||||
`
|
||||
.sd {
|
||||
min-width: 460px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.sd__hint {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
}
|
||||
.sd__row {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
.sd__field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
.sd__field label {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
color: #64748b;
|
||||
letter-spacing: 0.3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.sd__field input {
|
||||
height: 34px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 6px;
|
||||
padding: 0 10px;
|
||||
font-size: 13px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.sd__error {
|
||||
font-size: 12px;
|
||||
color: #b91c1c;
|
||||
}
|
||||
`
|
||||
]
|
||||
})
|
||||
export class SubmitDetailsDialogComponent {
|
||||
readonly ref = inject<MatDialogRef<SubmitDetailsDialogComponent, SubmitDetailsResult>>(MatDialogRef);
|
||||
readonly data = inject<SubmitDetailsData>(MAT_DIALOG_DATA);
|
||||
|
||||
name = this.data.name;
|
||||
effectiveFrom = this.data.effectiveFrom;
|
||||
effectiveTo = this.data.effectiveTo;
|
||||
error = '';
|
||||
|
||||
confirm(): void {
|
||||
const name = this.name.trim();
|
||||
if (!name) {
|
||||
this.error = 'Enter the register name.';
|
||||
return;
|
||||
}
|
||||
if (!this.effectiveFrom) {
|
||||
this.error = 'Select the effective from date.';
|
||||
return;
|
||||
}
|
||||
if (this.effectiveTo && this.effectiveTo < this.effectiveFrom) {
|
||||
this.error = 'Effective to cannot be before effective from.';
|
||||
return;
|
||||
}
|
||||
this.ref.close({ name, effectiveFrom: this.effectiveFrom, effectiveTo: this.effectiveTo });
|
||||
}
|
||||
}
|
||||
+78
-1
@@ -75,7 +75,10 @@
|
||||
INTEREST
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-advance-interest-step></mifosx-loan-product-advance-interest-step>
|
||||
<mifosx-loan-product-advance-interest-step
|
||||
[productSubType]="advanceSubType"
|
||||
[glAccountId]="productGlAccount"
|
||||
></mifosx-loan-product-advance-interest-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
@@ -114,6 +117,77 @@
|
||||
}
|
||||
}
|
||||
|
||||
@if (isLoanAccount) {
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-shield-alt lp-tab-icon"></i>
|
||||
SECURITY & COLLATERAL
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-loan-security-step></mifosx-loan-product-loan-security-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-sliders-h lp-tab-icon"></i>
|
||||
AMOUNT & TENURE
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-loan-amount-tenure-step></mifosx-loan-product-loan-amount-tenure-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-calendar-alt lp-tab-icon"></i>
|
||||
REPAYMENT & EMI
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-loan-repayment-step></mifosx-loan-product-loan-repayment-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-percent lp-tab-icon"></i>
|
||||
INTEREST
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-loan-interest-step
|
||||
[productSubType]="advanceSubType"
|
||||
[glAccountId]="productGlAccount"
|
||||
></mifosx-loan-product-loan-interest-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-triangle-exclamation lp-tab-icon"></i>
|
||||
PENAL & NPA
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-penal-npa-step
|
||||
[loanProductsTemplate]="loanProductsTemplate"
|
||||
></mifosx-loan-product-penal-npa-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
<i class="fas fa-flag-checkered lp-tab-icon"></i>
|
||||
PREPAYMENT & CLOSURE
|
||||
</ng-template>
|
||||
<div class="lp-tab-content">
|
||||
<mifosx-loan-product-loan-prepayment-step></mifosx-loan-product-loan-prepayment-step>
|
||||
</div>
|
||||
</mat-tab>
|
||||
}
|
||||
|
||||
<!--
|
||||
OLD LOANS A/C PATH — commented out for now (replaced by the Loans A/C steps above).
|
||||
Settings, Interest Refund, Payment Allocation and Terms tabs are kept here so they can be restored.
|
||||
|
||||
@if (!isAdvanceProduct) {
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
@@ -178,6 +252,7 @@
|
||||
</div>
|
||||
</mat-tab>
|
||||
}
|
||||
-->
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
@@ -193,6 +268,7 @@
|
||||
</div>
|
||||
</mat-tab>
|
||||
|
||||
<!-- OLD LOANS A/C PATH (Deferred Income Recognition) — commented out for now.
|
||||
@if (isAdvancedPaymentStrategy) {
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
@@ -213,6 +289,7 @@
|
||||
</div>
|
||||
</mat-tab>
|
||||
}
|
||||
-->
|
||||
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>
|
||||
|
||||
+252
-15
@@ -24,6 +24,11 @@ import { LoanProductSettingsStepComponent } from '../loan-product-stepper/loan-p
|
||||
import { LoanProductChargesStepComponent } from '../loan-product-stepper/loan-product-charges-step/loan-product-charges-step.component';
|
||||
import { LoanProductAccountingStepComponent } from '../loan-product-stepper/loan-product-accounting-step/loan-product-accounting-step.component';
|
||||
import { LoanProductInterestRefundStepComponent } from '../loan-product-stepper/loan-product-interest-refund-step/loan-product-interest-refund-step.component';
|
||||
import { LoanProductLoanSecurityStepComponent } from '../loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component';
|
||||
import { LoanProductLoanAmountTenureStepComponent } from '../loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component';
|
||||
import { LoanProductLoanRepaymentStepComponent } from '../loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component';
|
||||
import { LoanProductLoanInterestStepComponent } from '../loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component';
|
||||
import { LoanProductLoanPrepaymentStepComponent } from '../loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component';
|
||||
|
||||
/** Custom Services */
|
||||
import { ProductsService } from 'app/products/products.service';
|
||||
@@ -63,12 +68,18 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
LoanProductPenalNpaStepComponent,
|
||||
LoanProductRenewalClosureStepComponent,
|
||||
LoanProductChequeBookStepComponent,
|
||||
LoanProductSettingsStepComponent,
|
||||
LoanProductInterestRefundStepComponent,
|
||||
LoanProductPaymentStrategyStepComponent,
|
||||
LoanProductTermsStepComponent,
|
||||
LoanProductLoanSecurityStepComponent,
|
||||
LoanProductLoanAmountTenureStepComponent,
|
||||
LoanProductLoanRepaymentStepComponent,
|
||||
LoanProductLoanInterestStepComponent,
|
||||
LoanProductLoanPrepaymentStepComponent,
|
||||
// Old Loans A/C path — commented out for now (its tabs are commented out in the template):
|
||||
// LoanProductSettingsStepComponent,
|
||||
// LoanProductInterestRefundStepComponent,
|
||||
// LoanProductPaymentStrategyStepComponent,
|
||||
// LoanProductTermsStepComponent,
|
||||
// LoanProductDeferredIncomeRecognitionStepComponent,
|
||||
LoanProductChargesStepComponent,
|
||||
LoanProductDeferredIncomeRecognitionStepComponent,
|
||||
LoanProductAccountingStepComponent,
|
||||
LoanProductPreviewStepComponent
|
||||
]
|
||||
@@ -97,6 +108,18 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
loanProductRenewalClosureStep: LoanProductRenewalClosureStepComponent;
|
||||
@ViewChild(LoanProductChequeBookStepComponent) loanProductChequeBookStep: LoanProductChequeBookStepComponent;
|
||||
|
||||
// Conditional tabs (Loans A/C only): resolved after the @if renders them.
|
||||
@ViewChild(LoanProductLoanSecurityStepComponent)
|
||||
loanProductLoanSecurityStep: LoanProductLoanSecurityStepComponent;
|
||||
@ViewChild(LoanProductLoanAmountTenureStepComponent)
|
||||
loanProductLoanAmountTenureStep: LoanProductLoanAmountTenureStepComponent;
|
||||
@ViewChild(LoanProductLoanRepaymentStepComponent)
|
||||
loanProductLoanRepaymentStep: LoanProductLoanRepaymentStepComponent;
|
||||
@ViewChild(LoanProductLoanInterestStepComponent)
|
||||
loanProductLoanInterestStep: LoanProductLoanInterestStepComponent;
|
||||
@ViewChild(LoanProductLoanPrepaymentStepComponent)
|
||||
loanProductLoanPrepaymentStep: LoanProductLoanPrepaymentStepComponent;
|
||||
|
||||
/** Charges step needs a real control; Settings is absent on the Advances path, so fall back to this. */
|
||||
readonly multiDisburseFallback = new UntypedFormControl(false);
|
||||
@ViewChild(LoanProductInterestRefundStepComponent, { static: true })
|
||||
@@ -179,6 +202,11 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
return this.isAdvanceProduct && !!this.loanProductAdvanceLimitTenureStep?.isOverdraft;
|
||||
}
|
||||
|
||||
/** The GL account chosen on the Details step; the rate register row can be matched by it. */
|
||||
get productGlAccount(): number | string | null {
|
||||
return this.loanProductDetailsStep?.loanProductDetailsForm?.get('glAccount')?.value ?? null;
|
||||
}
|
||||
|
||||
/** Sub type chosen on the Details step; drives the FD 12–15 month tenure policy downstream. */
|
||||
get advanceSubType(): string {
|
||||
return this.loanProductDetailsStep?.loanProductDetailsForm?.get('productTypeSubGroup')?.value ?? '';
|
||||
@@ -282,16 +310,26 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
return this.loanProductDetailsForm?.get('productTypeGroup')?.value === 'advances';
|
||||
}
|
||||
|
||||
/** The Details step's chosen product type; drives the Loans A/C (EMI) tabs. */
|
||||
get isLoanAccount(): boolean {
|
||||
return this.loanProductDetailsForm?.get('productTypeGroup')?.value === 'loans';
|
||||
}
|
||||
|
||||
get totalTabs(): number {
|
||||
let tabs = 4; // details, currency, charges, accounting (always)
|
||||
if (this.isAdvanceProduct) {
|
||||
// security & lien, limit & tenure, interest, penal & npa, renewal & closure
|
||||
tabs += 5;
|
||||
if (this.isOverdraftFacility) tabs += 1; // cheque book
|
||||
} else {
|
||||
tabs += 2; // settings, terms
|
||||
if (this.isAdvancedPaymentStrategy) tabs += 3; // interest refund, payment allocation, deferred income
|
||||
} else if (this.isLoanAccount) {
|
||||
// security & collateral, amount & tenure, repayment & emi, interest, penal & npa, prepayment & closure
|
||||
tabs += 6;
|
||||
}
|
||||
// Old Loans A/C path (Settings, Terms, Interest Refund, Payment Allocation, Deferred Income) — commented out:
|
||||
// else {
|
||||
// tabs += 2; // settings, terms
|
||||
// if (this.isAdvancedPaymentStrategy) tabs += 3; // interest refund, payment allocation, deferred income
|
||||
// }
|
||||
if (this.loanProductFormValid) tabs += 1; // preview
|
||||
return tabs;
|
||||
}
|
||||
@@ -313,12 +351,28 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
);
|
||||
}
|
||||
|
||||
// Loans A/C: original Settings + Terms path.
|
||||
const loansValid = !!this.loanProductTermsForm?.valid && !!this.loanProductSettingsForm?.valid;
|
||||
if (this.isAdvancedPaymentStrategy) {
|
||||
return base && loansValid && !!this.loanIncomeCapitalizationForm?.valid;
|
||||
// Loans A/C (EMI): the curated Loans steps gate the form; Settings/Terms tabs are commented out.
|
||||
if (this.isLoanAccount) {
|
||||
return (
|
||||
base &&
|
||||
!!this.loanProductLoanSecurityStep?.loanProductLoanSecurityForm?.valid &&
|
||||
!!this.loanProductLoanAmountTenureStep?.loanProductLoanAmountTenureForm?.valid &&
|
||||
!!this.loanProductLoanRepaymentStep?.loanProductLoanRepaymentForm?.valid &&
|
||||
!!this.loanProductLoanInterestStep?.loanProductLoanInterestForm?.valid &&
|
||||
!!this.loanProductPenalNpaStep?.loanProductPenalNpaForm?.valid &&
|
||||
!!this.loanProductLoanPrepaymentStep?.loanProductLoanPrepaymentForm?.valid
|
||||
);
|
||||
}
|
||||
return base && loansValid;
|
||||
|
||||
// No product type chosen yet.
|
||||
return false;
|
||||
|
||||
// Old Loans A/C path (Settings + Terms) — commented out for now:
|
||||
// const loansValid = !!this.loanProductTermsForm?.valid && !!this.loanProductSettingsForm?.valid;
|
||||
// if (this.isAdvancedPaymentStrategy) {
|
||||
// return base && loansValid && !!this.loanIncomeCapitalizationForm?.valid;
|
||||
// }
|
||||
// return base && loansValid;
|
||||
}
|
||||
|
||||
get loanProduct() {
|
||||
@@ -328,7 +382,13 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
return this.assembleAdvanceProduct();
|
||||
}
|
||||
|
||||
// Loans A/C: original composition (Settings/Terms present).
|
||||
// Loans A/C (EMI): builds its own payload from the Loans steps, mapped onto Fineract's core fields.
|
||||
if (this.isLoanAccount) {
|
||||
return this.assembleLoanProduct();
|
||||
}
|
||||
return {};
|
||||
|
||||
/* OLD LOANS A/C PATH (Settings/Terms composition) — commented out for now.
|
||||
const loanProduct = {
|
||||
...this.loanProductDetailsStep.loanProductDetails,
|
||||
...this.loanProductCurrencyStep.loanProductCurrency,
|
||||
@@ -364,6 +424,181 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
return loanProduct;
|
||||
*/
|
||||
}
|
||||
|
||||
/**
|
||||
* Builds the create payload for a Loans A/C (EMI) product: the Loans steps mapped onto Fineract's core
|
||||
* product fields (so the standard product saves). The Loans-only options that have no core field yet
|
||||
* (eligibility, collateral rules, prepayment, repayment mode, floating reset, register link) stay UI-only
|
||||
* and are not sent — an unknown key would be rejected by checkForUnsupportedParameters.
|
||||
*/
|
||||
private assembleLoanProduct(): any {
|
||||
const num = (v: any): number | undefined => (v === '' || v === null || v === undefined ? undefined : Number(v));
|
||||
|
||||
const d = this.loanProductDetailsStep.loanProductDetails;
|
||||
const cur = this.loanProductCurrencyStep.loanProductCurrency;
|
||||
const at = this.loanProductLoanAmountTenureStep.loanProductLoanAmountTenure;
|
||||
const rp = this.loanProductLoanRepaymentStep.loanProductLoanRepayment;
|
||||
const intr = this.loanProductLoanInterestStep.loanProductLoanInterest;
|
||||
const sec = this.loanProductLoanSecurityStep.loanProductLoanSecurity;
|
||||
const pp = this.loanProductLoanPrepaymentStep.loanProductLoanPrepayment;
|
||||
const pn = this.loanProductPenalNpaStep.loanProductPenalNpa;
|
||||
|
||||
const stepper = this.loanProductLoanRepaymentStep;
|
||||
const interestStep = this.loanProductLoanInterestStep;
|
||||
const frequency = stepper.frequencyOptions.find((f) => f.id === rp.frequency)?.fineractId ?? 2;
|
||||
const daysInYear = interestStep.daysInYearOptions.find((o) => o.id === intr.daysInYear)?.fineractId ?? 1;
|
||||
const daysInMonth = interestStep.daysInMonthOptions.find((o) => o.id === intr.daysInMonth)?.fineractId ?? 1;
|
||||
|
||||
const defaultStrategy = this.loanProductsTemplate?.transactionProcessingStrategyOptions?.[0]?.code;
|
||||
const minTenure = num(at.minTenure);
|
||||
const minRate = num(intr.minRate);
|
||||
const multiTranche = at.disbursementType === 'multiple';
|
||||
const moratorium = num(rp.moratoriumMonths);
|
||||
|
||||
const payload: any = {
|
||||
// identity + currency
|
||||
name: d.name,
|
||||
shortName: d.shortName,
|
||||
description: d.description,
|
||||
startDate: d.startDate,
|
||||
closeDate: d.closeDate,
|
||||
currencyCode: cur.currencyCode,
|
||||
digitsAfterDecimal: cur.digitsAfterDecimal,
|
||||
inMultiplesOf: cur.inMultiplesOf ?? 1,
|
||||
|
||||
// amount -> principal
|
||||
minPrincipal: num(at.minAmount),
|
||||
principal: num(at.defaultAmount) ?? num(at.minAmount),
|
||||
maxPrincipal: num(at.maxAmount),
|
||||
|
||||
// tenure (months) -> number of repayments
|
||||
minNumberOfRepayments: minTenure,
|
||||
numberOfRepayments: num(at.defaultTenure) ?? minTenure,
|
||||
maxNumberOfRepayments: num(at.maxTenure),
|
||||
repaymentEvery: num(rp.repaidEvery) ?? 1,
|
||||
repaymentFrequencyType: frequency,
|
||||
graceOnPrincipalPayment: moratorium && moratorium > 0 ? moratorium : undefined,
|
||||
|
||||
// rate
|
||||
minInterestRatePerPeriod: minRate,
|
||||
interestRatePerPeriod: num(intr.defaultRate) ?? minRate,
|
||||
maxInterestRatePerPeriod: num(intr.maxRate),
|
||||
interestRateFrequencyType: 3, // per year
|
||||
|
||||
// amortization / calculation
|
||||
amortizationType: rp.repaymentType === 'equal_principal' ? 0 : 1, // 0 equal principal, 1 equal installments
|
||||
interestType: intr.calcMethod === 'flat' ? 1 : 0, // 0 declining balance, 1 flat
|
||||
interestCalculationPeriodType: intr.calcPeriod === 'daily' ? 0 : 1, // 0 daily, 1 same as repayment period
|
||||
transactionProcessingStrategyCode: defaultStrategy,
|
||||
daysInYearType: daysInYear,
|
||||
daysInMonthType: daysInMonth,
|
||||
isInterestRecalculationEnabled: false,
|
||||
|
||||
// disbursement
|
||||
multiDisburseLoan: multiTranche,
|
||||
maxTrancheCount: multiTranche ? num(at.maxTranches) : undefined,
|
||||
|
||||
// NPA / delinquency map onto core product fields
|
||||
overdueDaysForNPA: num(pn.npaDays),
|
||||
graceOnArrearsAgeing: num(pn.graceOnArrearsAgeing),
|
||||
inArrearsTolerance: num(pn.inArrearsTolerance),
|
||||
delinquencyBucketId: pn.delinquencyBucketId || undefined,
|
||||
|
||||
// accounting rule + GL mappings + charges (all standard, whitelisted)
|
||||
...this.loanProductAccountingStep.loanProductAccounting,
|
||||
...this.loanProductChargesStep.loanProductCharges,
|
||||
|
||||
// Details-step satellite params (same whitelist the Advances path uses)
|
||||
productTypeGroup: d.productTypeGroup,
|
||||
productTypeSubGroup: d.productTypeSubGroup,
|
||||
glAccount: d.glAccount || undefined,
|
||||
loanProductCategory: d.loanProductCategory,
|
||||
prioritySector: d.prioritySector,
|
||||
cibilAccountType: d.cibilAccountType,
|
||||
kfsEnabled: d.kfsEnabled,
|
||||
aprEnabled: d.aprEnabled,
|
||||
|
||||
// Loans A/C (EMI) fields kept on the product satellite (same whitelist as the Advances fields)
|
||||
margin: num(sec.margin),
|
||||
ltv: sec.ltv,
|
||||
securityType: sec.securityType,
|
||||
repaymentType: rp.repaymentType,
|
||||
appropriationOrder: rp.appropriationOrder,
|
||||
interestCalcMethod: intr.calcMethod,
|
||||
spread: num(intr.spread),
|
||||
lockInMonths: num(pp.lockInMonths),
|
||||
interestOnPreclosure: pp.interestOnPreclosure,
|
||||
penalApplicable: pn.penalApplicable,
|
||||
penalRate: num(pn.penalRate),
|
||||
penalAppliedOn: pn.penalAppliedOn,
|
||||
penalGraceDays: num(pn.penalGraceDays),
|
||||
npaTrigger: pn.npaTrigger,
|
||||
interestAfterNpa: pn.interestAfterNpa,
|
||||
npaUpgradeOnlyAllArrears: pn.upgradeOnlyAllArrears,
|
||||
npaKeepStandardIfDepositCovers: pn.keepStandardIfDepositCovers,
|
||||
securityMandatory: sec.securityMandatory,
|
||||
guarantorsRequired: num(sec.guarantorsRequired),
|
||||
coApplicant: sec.coApplicant,
|
||||
thirdPartySecurity: sec.thirdPartySecurity,
|
||||
legalOpinionRequired: sec.legalOpinionRequired,
|
||||
propertyInsuranceRequired: sec.propertyInsuranceRequired,
|
||||
registerCharge: sec.registerCharge,
|
||||
releaseSecurityOnClosure: sec.autoReleaseOnClosure,
|
||||
allowMultipleSecurities: sec.allowMultipleSecurities,
|
||||
allowThirdPartyDeposit: sec.allowThirdPartyDeposit,
|
||||
minAge: num(at.minAge),
|
||||
maxAgeAtMaturity: num(at.maxAgeAtMaturity),
|
||||
minCibil: num(at.minCibil),
|
||||
minMonthlyIncome: num(at.minMonthlyIncome),
|
||||
maxFoir: num(at.maxFoir),
|
||||
maxLoansPerCustomer: num(at.maxLoansPerCustomer),
|
||||
disbursementType: at.disbursementType,
|
||||
disbursementMode: at.disbursementMode,
|
||||
undisbursedInterest: at.undisbursedInterest,
|
||||
preEmiInterest: at.preEmiInterest,
|
||||
emiDueDay: rp.emiDueDay,
|
||||
holidayRule: rp.holidayRule,
|
||||
moratoriumMonths: num(rp.moratoriumMonths),
|
||||
moratoriumInterest: rp.moratoriumInterest,
|
||||
variableInstallments: rp.variableInstallments,
|
||||
repaymentMode: rp.repaymentMode,
|
||||
linkedAccountType: rp.linkedAccountType,
|
||||
pdcCollection: rp.pdcCollection,
|
||||
mandateRequired: rp.mandateRequired,
|
||||
advanceEmi: rp.advanceEmi,
|
||||
rateType: intr.interestType,
|
||||
registerParticular: intr.registerParticular,
|
||||
applyCibilAdjustment: intr.applyCibilAdjustment,
|
||||
rateResolvedAt: intr.rateResolvedAt,
|
||||
calcPeriod: intr.calcPeriod,
|
||||
interestStartsFrom: intr.interestStartsFrom,
|
||||
compounding: intr.compounding,
|
||||
benchmark: intr.benchmark,
|
||||
resetFrequency: intr.resetFrequency,
|
||||
resetChange: intr.resetChange,
|
||||
partPrepaymentAllowed: pp.partPrepaymentAllowed,
|
||||
minPartPayment: num(pp.minPartPayment),
|
||||
allowedOn: pp.allowedOn,
|
||||
partPaymentsPerYear: pp.partPaymentsPerYear,
|
||||
partPrepaymentMode: pp.partPrepaymentMode,
|
||||
foreclosureFloatingIndividual: num(pp.foreclosureFloatingIndividual),
|
||||
foreclosureFixedIndividual: num(pp.foreclosureFixedIndividual),
|
||||
foreclosureNonIndividual: num(pp.foreclosureNonIndividual),
|
||||
foreclosureTakeover: num(pp.foreclosureTakeover),
|
||||
foreclosureQuoteValidDays: num(pp.foreclosureQuoteValidDays),
|
||||
autoCloseOnZeroBalance: pp.autoCloseOnZeroBalance,
|
||||
nocLetter: pp.nocLetter,
|
||||
restructuring: pp.restructuring,
|
||||
releaseCollateralOnClosure: pp.releaseCollateralOnClosure,
|
||||
topUpAllowed: pp.topUpAllowed,
|
||||
balanceTransferOutAllowed: pp.balanceTransferOutAllowed
|
||||
};
|
||||
|
||||
// Drop undefined keys so we never send an unresolved value.
|
||||
Object.keys(payload).forEach((k) => payload[k] === undefined && delete payload[k]);
|
||||
return payload;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -413,7 +648,8 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
|
||||
// rate
|
||||
minInterestRatePerPeriod: minRate,
|
||||
interestRatePerPeriod: minRate,
|
||||
// A deposit-linked row ("1% + FD") has no plain minimum or maximum, so the register step supplies the default.
|
||||
interestRatePerPeriod: num(intr.defaultRate) ?? minRate,
|
||||
maxInterestRatePerPeriod: num(intr.maxRate),
|
||||
interestRateFrequencyType: 3, // per year
|
||||
|
||||
@@ -457,6 +693,7 @@ export class CreateLoanProductComponent implements OnInit {
|
||||
lienCertificatePrefix: sec.lienCertificatePrefix,
|
||||
printCertificateOnDisbursement: sec.printOnDisbursement,
|
||||
interestBasis: intr.interestBasis,
|
||||
registerParticular: intr.registerParticular || undefined,
|
||||
spread: num(intr.spread),
|
||||
interestChargedOn: intr.interestChargedOn,
|
||||
interestPostingFrequency: intr.postingFrequency,
|
||||
|
||||
@@ -172,3 +172,45 @@ $gray-900: #202124;
|
||||
color: #075985;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Read-only reference tables (Loans A/C steps): collateral rules, foreclosure charges. */
|
||||
.adv-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
color: #475569;
|
||||
padding: 12px 24px;
|
||||
background: $gray-50;
|
||||
border-bottom: 1px solid $border;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 14px;
|
||||
padding: 10px 24px;
|
||||
border-bottom: 1px solid #eef2f6;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.adv-table__no {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.adv-table__yes {
|
||||
color: #047857;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.adv-type-options--3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
@media (width <= 900px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
+7
-29
@@ -11,36 +11,14 @@
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-percent"></i>
|
||||
<h3>Rate</h3>
|
||||
<span class="adv-section__hint">Taken from the Loan Interest Rate Register</span>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Interest Basis</mat-label>
|
||||
<mat-select formControlName="interestBasis">
|
||||
@for (opt of interestBasisOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
@if (showSpread) {
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Spread over Deposit Rate (%)</mat-label>
|
||||
<input matInput type="number" formControlName="spread" min="0" max="20" step="0.01" />
|
||||
<mat-hint>Advance rate = deposit rate + spread</mat-hint>
|
||||
</mat-form-field>
|
||||
} @else {
|
||||
<div class="adv-field"></div>
|
||||
}
|
||||
<div class="adv-field"></div>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Rate (% p.a.)</mat-label>
|
||||
<input matInput type="number" formControlName="minRate" min="0" step="0.01" required />
|
||||
<mat-error>Minimum Rate is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Rate (% p.a.)</mat-label>
|
||||
<input matInput type="number" formControlName="maxRate" min="0" step="0.01" required />
|
||||
<mat-error>Maximum Rate is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<div style="padding: 16px 0 8px">
|
||||
<mifosx-register-rate-view
|
||||
[productSubType]="productSubType"
|
||||
[glAccountId]="glAccountId"
|
||||
(selectionChange)="onRegisterSelection($event)"
|
||||
></mifosx-register-rate-view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+46
-7
@@ -6,9 +6,10 @@
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
import { Component, inject } from '@angular/core';
|
||||
import { Component, Input, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { RegisterRateSelection, RegisterRateViewComponent } from '../register-rate-view/register-rate-view.component';
|
||||
|
||||
/**
|
||||
* Interest step for an Advances A/C product (Figma step 5). Interest basis + spread, rate bounds,
|
||||
@@ -18,13 +19,23 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
selector: 'mifosx-loan-product-advance-interest-step',
|
||||
templateUrl: './loan-product-advance-interest-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [...STANDALONE_SHARED_IMPORTS]
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
RegisterRateViewComponent
|
||||
]
|
||||
})
|
||||
export class LoanProductAdvanceInterestStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductAdvanceInterestForm: UntypedFormGroup;
|
||||
|
||||
/** Sub type and GL account picked on the Details step; they choose the Loan Interest Rate Register row. */
|
||||
@Input() productSubType = '';
|
||||
@Input() glAccountId: number | string | null = null;
|
||||
|
||||
/** The register row the product takes its rate from; null while the register has no row for it. */
|
||||
registerSelection: RegisterRateSelection | null = null;
|
||||
|
||||
readonly interestBasisOptions = [
|
||||
{ id: 'deposit_spread', label: 'Deposit Rate + Spread' },
|
||||
{ id: 'fixed', label: 'Fixed rate' },
|
||||
@@ -77,11 +88,12 @@ export class LoanProductAdvanceInterestStepComponent {
|
||||
Validators.max(20)
|
||||
]
|
||||
],
|
||||
minRate: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
maxRate: [
|
||||
// Filled from the register row; never typed in.
|
||||
minRate: [''],
|
||||
maxRate: [''],
|
||||
defaultRate: [''],
|
||||
// The rate comes from the Loan Interest Rate Register, so a product with no register row cannot be created.
|
||||
registerParticular: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
@@ -95,6 +107,33 @@ export class LoanProductAdvanceInterestStepComponent {
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* The register row decides the rate. A row of plain rates fixes the minimum and maximum; a deposit row
|
||||
* ("1% + FD") is the deposit rate plus a spread, which has no plain minimum or maximum. With no row for the
|
||||
* product the register particular stays empty, which keeps this step, and so the whole product, invalid until
|
||||
* the product has been added to the register.
|
||||
*/
|
||||
onRegisterSelection(selection: RegisterRateSelection | null): void {
|
||||
this.registerSelection = selection;
|
||||
const form = this.loanProductAdvanceInterestForm;
|
||||
if (selection) {
|
||||
form.patchValue(
|
||||
{
|
||||
interestBasis: selection.isFormula ? 'deposit_spread' : 'fixed',
|
||||
spread: selection.isFormula ? selection.minSpread : 0,
|
||||
minRate: selection.minRate ?? '',
|
||||
maxRate: selection.maxRate ?? '',
|
||||
defaultRate: selection.defaultRate ?? '',
|
||||
registerParticular: selection.particular
|
||||
},
|
||||
{ emitEvent: false }
|
||||
);
|
||||
} else {
|
||||
form.patchValue({ minRate: '', maxRate: '', defaultRate: '', registerParticular: '' }, { emitEvent: false });
|
||||
}
|
||||
form.updateValueAndValidity({ emitEvent: false });
|
||||
}
|
||||
|
||||
get showSpread(): boolean {
|
||||
return this.loanProductAdvanceInterestForm.get('interestBasis').value === 'deposit_spread';
|
||||
}
|
||||
|
||||
+4
-28
@@ -17,6 +17,7 @@ import { MatTooltip } from '@angular/material/tooltip';
|
||||
import { CdkTextareaAutosize } from '@angular/cdk/text-field';
|
||||
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { PRODUCT_SUB_TYPES, PRODUCT_TYPE_GROUPS } from '../../loan-product-types';
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-details-step',
|
||||
@@ -110,35 +111,10 @@ export class LoanProductDetailsStepComponent implements OnInit {
|
||||
isExistingProduct = false;
|
||||
|
||||
/** Product Type -- picked first, since it decides which sections the rest of the wizard shows. */
|
||||
readonly productTypeGroups = [
|
||||
{ id: 'advances', label: 'Advances A/C', hint: 'No EMI. Limit / drawing power against security.' },
|
||||
{ id: 'loans', label: 'Loans A/C', hint: 'Fixed disbursement, fixed tenure, EMI repayment.' }
|
||||
];
|
||||
/** Category and type lists are shared with the product list and the loan account product picker. */
|
||||
readonly productTypeGroups = PRODUCT_TYPE_GROUPS;
|
||||
|
||||
/** `shortName` is the two-letter code the product's Short Name is pre-filled with when the sub type is picked. */
|
||||
readonly productTypeSubGroups: Record<string, { id: string; label: string; shortName: string }[]> = {
|
||||
advances: [
|
||||
{ id: 'fd', label: 'Loan against FD', shortName: 'FD' },
|
||||
{ id: 'rd', label: 'Loan against RD', shortName: 'RD' },
|
||||
{ id: 'dds', label: 'Loan against DDS', shortName: 'DS' },
|
||||
{ id: 'lic', label: 'Loan against LIC Policy', shortName: 'LI' },
|
||||
{ id: 'gold', label: 'Loan against Gold', shortName: 'GD' },
|
||||
{ id: 'warehouse', label: 'Warehouse Receipt', shortName: 'WR' },
|
||||
{ id: 'cc', label: 'Cash Credit (CC)', shortName: 'CC' },
|
||||
{ id: 'overdraft', label: 'Overdraft (OD)', shortName: 'OD' },
|
||||
{ id: 'kcc', label: 'Kisan Credit Card (KCC)', shortName: 'KC' },
|
||||
{ id: 'bills', label: 'Bills Purchased / Discounted', shortName: 'BP' }
|
||||
],
|
||||
loans: [
|
||||
{ id: 'term', label: 'Term Loan', shortName: 'TL' },
|
||||
{ id: 'personal', label: 'Personal Loan', shortName: 'PL' },
|
||||
{ id: 'housing', label: 'Housing Loan', shortName: 'HL' },
|
||||
{ id: 'vehicle', label: 'Vehicle Loan', shortName: 'VL' },
|
||||
{ id: 'education', label: 'Education Loan', shortName: 'EL' },
|
||||
{ id: 'business', label: 'Business / MSME Loan', shortName: 'BL' },
|
||||
{ id: 'gold_emi', label: 'Gold EMI Loan', shortName: 'GE' }
|
||||
]
|
||||
};
|
||||
readonly productTypeSubGroups = PRODUCT_SUB_TYPES;
|
||||
|
||||
/** Regulatory Classification options (UI-only; RBI / bureau reporting). */
|
||||
readonly loanProductCategoryOptions = [
|
||||
|
||||
+150
@@ -0,0 +1,150 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<form [formGroup]="loanProductLoanAmountTenureForm">
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-coins"></i>
|
||||
<h3>Loan Amount</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Amount (₹)</mat-label>
|
||||
<input matInput type="number" formControlName="minAmount" min="0" required />
|
||||
<mat-error>Minimum Amount is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Default Amount (₹)</mat-label>
|
||||
<input matInput type="number" formControlName="defaultAmount" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Amount (₹)</mat-label>
|
||||
<input matInput type="number" formControlName="maxAmount" min="0" required />
|
||||
<mat-error>Maximum Amount is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div style="padding: 0 24px 20px">
|
||||
<div class="adv-info">
|
||||
Each loan is sanctioned within these bounds. The amount is fixed at sanction. It is not a limit that can be
|
||||
drawn and repaid again.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-clock"></i>
|
||||
<h3>Tenure</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Tenure (months)</mat-label>
|
||||
<input matInput type="number" formControlName="minTenure" min="1" required />
|
||||
<mat-error>Minimum Tenure is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Default Tenure (months)</mat-label>
|
||||
<input matInput type="number" formControlName="defaultTenure" min="1" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Tenure (months)</mat-label>
|
||||
<input matInput type="number" formControlName="maxTenure" min="1" required />
|
||||
<mat-hint>Age at maturity cap comes from Borrower Eligibility below</mat-hint>
|
||||
<mat-error>Maximum Tenure is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-user"></i>
|
||||
<h3>Borrower Eligibility</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Age (years)</mat-label>
|
||||
<input matInput type="number" formControlName="minAge" min="18" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Age at Maturity (years)</mat-label>
|
||||
<input matInput type="number" formControlName="maxAgeAtMaturity" min="18" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum CIBIL Score</mat-label>
|
||||
<input matInput type="number" formControlName="minCibil" min="300" max="900" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Monthly Income (₹)</mat-label>
|
||||
<input matInput type="number" formControlName="minMonthlyIncome" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum FOIR / DBR (%)</mat-label>
|
||||
<input matInput type="number" formControlName="maxFoir" min="0" max="100" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Loans per Customer</mat-label>
|
||||
<input matInput type="number" formControlName="maxLoansPerCustomer" min="1" />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
<h3>Disbursement</h3>
|
||||
</div>
|
||||
<mat-radio-group formControlName="disbursementType" class="adv-type-options">
|
||||
<mat-radio-button value="single" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Single disbursement</span>
|
||||
<span class="adv-type-option__hint">Full amount paid out once.</span>
|
||||
</mat-radio-button>
|
||||
<mat-radio-button value="multiple" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Multiple tranches</span>
|
||||
<span class="adv-type-option__hint">Paid out in stages, for example as construction progresses.</span>
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
@if (isMultiTranche) {
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum Tranches</mat-label>
|
||||
<input matInput type="number" formControlName="maxTranches" min="2" />
|
||||
<mat-error>At least <strong>2</strong> tranches</mat-error>
|
||||
</mat-form-field>
|
||||
}
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Disbursement Mode</mat-label>
|
||||
<mat-select formControlName="disbursementMode">
|
||||
@for (opt of disbursementModeOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Interest on Undisbursed Amount</mat-label>
|
||||
<mat-select formControlName="undisbursedInterest">
|
||||
@for (opt of undisbursedInterestOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<mat-checkbox formControlName="preEmiInterest">
|
||||
Pre-EMI interest is charged on each disbursed tranche until the first full EMI
|
||||
</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-note">
|
||||
<i class="fas fa-info-circle"></i>
|
||||
<span>
|
||||
<strong>Hidden for Loans A/C:</strong> Facility Type (Demand / Overdraft), Drawing power, Limit renewal, Cheque
|
||||
book.
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/**
|
||||
* Amount & Tenure step for a Loans A/C (EMI) product (step 4): fixed sanctioned amount, tenure,
|
||||
* borrower eligibility and disbursement. Amount, tenure and tranches feed Fineract's core product
|
||||
* fields; eligibility is UI-only for now.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-loan-amount-tenure-step',
|
||||
templateUrl: './loan-product-loan-amount-tenure-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatCheckbox,
|
||||
MatRadioGroup,
|
||||
MatRadioButton
|
||||
]
|
||||
})
|
||||
export class LoanProductLoanAmountTenureStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductLoanAmountTenureForm: UntypedFormGroup;
|
||||
|
||||
readonly disbursementModeOptions = [
|
||||
{ id: 'transfer_dd_vendor', label: 'Transfer to A/C, DD, Direct to vendor' },
|
||||
{ id: 'transfer', label: 'Transfer to A/C only' },
|
||||
{ id: 'dd', label: 'Demand draft only' }
|
||||
];
|
||||
|
||||
readonly undisbursedInterestOptions = [
|
||||
{ id: 'none', label: 'None — interest only on disbursed' },
|
||||
{ id: 'commitment', label: 'Commitment charge on undisbursed' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
this.loanProductLoanAmountTenureForm = this.formBuilder.group({
|
||||
minAmount: [
|
||||
'',
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(0)
|
||||
]
|
||||
],
|
||||
defaultAmount: [''],
|
||||
maxAmount: [
|
||||
'',
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(0)
|
||||
]
|
||||
],
|
||||
minTenure: [
|
||||
12,
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(1)
|
||||
]
|
||||
],
|
||||
defaultTenure: [
|
||||
'',
|
||||
Validators.min(1)
|
||||
],
|
||||
maxTenure: [
|
||||
360,
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(1)
|
||||
]
|
||||
],
|
||||
minAge: [21],
|
||||
maxAgeAtMaturity: [70],
|
||||
minCibil: [650],
|
||||
minMonthlyIncome: [''],
|
||||
maxFoir: [50],
|
||||
maxLoansPerCustomer: [1],
|
||||
disbursementType: ['single'],
|
||||
maxTranches: [
|
||||
2,
|
||||
Validators.min(2)
|
||||
],
|
||||
disbursementMode: ['transfer_dd_vendor'],
|
||||
undisbursedInterest: ['none'],
|
||||
preEmiInterest: [true]
|
||||
});
|
||||
}
|
||||
|
||||
get isMultiTranche(): boolean {
|
||||
return this.loanProductLoanAmountTenureForm.get('disbursementType').value === 'multiple';
|
||||
}
|
||||
|
||||
get loanProductLoanAmountTenure() {
|
||||
return this.loanProductLoanAmountTenureForm.getRawValue();
|
||||
}
|
||||
}
|
||||
+161
@@ -0,0 +1,161 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<form [formGroup]="loanProductLoanInterestForm">
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-percent"></i>
|
||||
<h3>Interest Type</h3>
|
||||
</div>
|
||||
<mat-radio-group formControlName="interestType" class="adv-type-options adv-type-options--3">
|
||||
<mat-radio-button value="fixed" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Fixed</span>
|
||||
<span class="adv-type-option__hint">Same rate for the whole tenure</span>
|
||||
</mat-radio-button>
|
||||
<mat-radio-button value="floating" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Floating</span>
|
||||
<span class="adv-type-option__hint">Linked to a benchmark; resets periodically</span>
|
||||
</mat-radio-button>
|
||||
<mat-radio-button value="hybrid" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Hybrid</span>
|
||||
<span class="adv-type-option__hint">Fixed for a period, then floating</span>
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<div style="height: 20px"></div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-table-cells"></i>
|
||||
<h3>Rate Source</h3>
|
||||
<span class="adv-section__hint">Centralised — changes flow to all loans on this product</span>
|
||||
</div>
|
||||
<div style="padding: 16px 0 8px">
|
||||
<mifosx-register-rate-view
|
||||
[productSubType]="productSubType"
|
||||
[glAccountId]="glAccountId"
|
||||
(selectionChange)="onRegisterSelection($event)"
|
||||
></mifosx-register-rate-view>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Apply CIBIL Adjustment</mat-label>
|
||||
<mat-select formControlName="applyCibilAdjustment">
|
||||
@for (opt of yesNoOptions; track opt) {
|
||||
<mat-option [value]="opt">{{ opt }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Spread over Register Rate (%)</mat-label>
|
||||
<input matInput type="number" formControlName="spread" min="0" max="20" step="0.01" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Rate Resolved At</mat-label>
|
||||
<mat-select formControlName="rateResolvedAt">
|
||||
@for (opt of rateResolvedAtOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-chart-simple"></i>
|
||||
<h3>Calculation</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Calculation Method</mat-label>
|
||||
<mat-select formControlName="calcMethod">
|
||||
@for (opt of calcMethodOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Days in Year</mat-label>
|
||||
<mat-select formControlName="daysInYear">
|
||||
@for (opt of daysInYearOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Days in Month</mat-label>
|
||||
<mat-select formControlName="daysInMonth">
|
||||
@for (opt of daysInMonthOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Calculation Period</mat-label>
|
||||
<mat-select formControlName="calcPeriod">
|
||||
@for (opt of calcPeriodOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Interest Starts From</mat-label>
|
||||
<mat-select formControlName="interestStartsFrom">
|
||||
@for (opt of interestStartOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Compounding</mat-label>
|
||||
<mat-select formControlName="compounding">
|
||||
@for (opt of compoundingOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (isFloatingOrHybrid) {
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-rotate"></i>
|
||||
<h3>Floating Rate Reset</h3>
|
||||
<span class="adv-section__hint">Shown only when the type is Floating or Hybrid</span>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Benchmark</mat-label>
|
||||
<mat-select formControlName="benchmark">
|
||||
@for (opt of benchmarkOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Reset Frequency</mat-label>
|
||||
<mat-select formControlName="resetFrequency">
|
||||
@for (opt of resetFrequencyOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>On Reset, Change</mat-label>
|
||||
<mat-select formControlName="resetChange">
|
||||
@for (opt of resetChangeOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</form>
|
||||
+188
@@ -0,0 +1,188 @@
|
||||
/**
|
||||
* 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 { Component, Input, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { RegisterRateSelection, RegisterRateViewComponent } from '../register-rate-view/register-rate-view.component';
|
||||
|
||||
/**
|
||||
* Interest step for a Loans A/C (EMI) product (step 6). The rate normally comes from the central
|
||||
* Loan Interest Rate Register (amount slab + CIBIL adjustment); the min / default / max rate and the
|
||||
* calculation method feed Fineract's core product fields. Register link, spread and floating reset
|
||||
* are UI-only for now.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-loan-interest-step',
|
||||
templateUrl: './loan-product-loan-interest-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatRadioGroup,
|
||||
MatRadioButton,
|
||||
RegisterRateViewComponent
|
||||
]
|
||||
})
|
||||
export class LoanProductLoanInterestStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductLoanInterestForm: UntypedFormGroup;
|
||||
|
||||
/** Sub type and GL account picked on the Details step; they choose the Loan Interest Rate Register row. */
|
||||
@Input() productSubType = '';
|
||||
@Input() glAccountId: number | string | null = null;
|
||||
|
||||
/** The register row the product takes its rate from; null while the register has no row for it. */
|
||||
registerSelection: RegisterRateSelection | null = null;
|
||||
|
||||
/** The 16 default particulars of the Loan Interest Rate Register. */
|
||||
readonly registerParticulars = [
|
||||
'Housing Loan (Purchase/Construction)',
|
||||
'Home Repair/Renovation',
|
||||
'Personal Loan (Unsecured)',
|
||||
'Personal Loan (Secured/Property)',
|
||||
'Two Wheeler Loan',
|
||||
'Car Loan (New)',
|
||||
'Used Car/Vehicle Loan',
|
||||
'Commercial Vehicle Loan',
|
||||
'Gold Loan',
|
||||
'Business Term Loan',
|
||||
'Machinery & Equipment Loan',
|
||||
'Cash Credit',
|
||||
'Overdraft',
|
||||
'Agriculture Loan',
|
||||
'Loan against FDR',
|
||||
'Loan against RD'
|
||||
];
|
||||
|
||||
readonly yesNoOptions = [
|
||||
'YES',
|
||||
'NO'
|
||||
];
|
||||
|
||||
readonly rateResolvedAtOptions = [
|
||||
{ id: 'sanction', label: 'Sanction' },
|
||||
{ id: 'disbursement', label: 'First disbursement' }
|
||||
];
|
||||
|
||||
readonly calcMethodOptions = [
|
||||
{ id: 'declining', label: 'Declining Balance' },
|
||||
{ id: 'flat', label: 'Flat' }
|
||||
];
|
||||
|
||||
/** `fineractId` maps to Fineract's daysInYearType (1 = actual). */
|
||||
readonly daysInYearOptions = [
|
||||
{ id: 'actual', label: 'Actual (365 / 366)', fineractId: 1 },
|
||||
{ id: '365', label: '365', fineractId: 365 },
|
||||
{ id: '360', label: '360', fineractId: 360 }
|
||||
];
|
||||
|
||||
/** `fineractId` maps to Fineract's daysInMonthType (1 = actual). */
|
||||
readonly daysInMonthOptions = [
|
||||
{ id: 'actual', label: 'Actual', fineractId: 1 },
|
||||
{ id: '30', label: '30', fineractId: 30 }
|
||||
];
|
||||
|
||||
readonly calcPeriodOptions = [
|
||||
{ id: 'same', label: 'Same as repayment period' },
|
||||
{ id: 'daily', label: 'Daily' }
|
||||
];
|
||||
|
||||
readonly interestStartOptions = [
|
||||
{ id: 'disbursement', label: 'Disbursement date' },
|
||||
{ id: 'first_emi', label: 'First EMI date' }
|
||||
];
|
||||
|
||||
readonly compoundingOptions = [
|
||||
{ id: 'none', label: 'None (simple on outstanding)' },
|
||||
{ id: 'monthly', label: 'Monthly' }
|
||||
];
|
||||
|
||||
readonly benchmarkOptions = [
|
||||
{ id: 'repo', label: 'Repo / MCLR / Bank base rate' },
|
||||
{ id: 'eblr', label: 'External benchmark (EBLR)' }
|
||||
];
|
||||
|
||||
readonly resetFrequencyOptions = [
|
||||
{ id: 'quarterly', label: 'Quarterly' },
|
||||
{ id: 'half_yearly', label: 'Half-yearly' },
|
||||
{ id: 'yearly', label: 'Yearly' }
|
||||
];
|
||||
|
||||
readonly resetChangeOptions = [
|
||||
{ id: 'tenure', label: 'Tenure (EMI stays constant)' },
|
||||
{ id: 'emi', label: 'EMI (tenure stays constant)' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
this.loanProductLoanInterestForm = this.formBuilder.group({
|
||||
interestType: ['fixed'],
|
||||
// The rate comes from the Loan Interest Rate Register, so a product with no register row cannot be created.
|
||||
registerParticular: [
|
||||
'',
|
||||
Validators.required
|
||||
],
|
||||
applyCibilAdjustment: ['YES'],
|
||||
spread: [
|
||||
0,
|
||||
[
|
||||
Validators.min(0),
|
||||
Validators.max(20)
|
||||
]
|
||||
],
|
||||
rateResolvedAt: ['sanction'],
|
||||
// Filled from the register row; never typed in.
|
||||
minRate: [''],
|
||||
defaultRate: [''],
|
||||
maxRate: [''],
|
||||
calcMethod: ['declining'],
|
||||
daysInYear: ['actual'],
|
||||
daysInMonth: ['actual'],
|
||||
calcPeriod: ['same'],
|
||||
interestStartsFrom: ['disbursement'],
|
||||
compounding: ['none'],
|
||||
benchmark: ['repo'],
|
||||
resetFrequency: ['quarterly'],
|
||||
resetChange: ['tenure']
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* The register row decides the rate limits. With no row for the product the register particular stays empty,
|
||||
* which keeps this step, and so the whole product, invalid until the product has been added to the register.
|
||||
*/
|
||||
onRegisterSelection(selection: RegisterRateSelection | null): void {
|
||||
this.registerSelection = selection;
|
||||
const form = this.loanProductLoanInterestForm;
|
||||
if (selection) {
|
||||
form.patchValue(
|
||||
{
|
||||
registerParticular: selection.particular,
|
||||
minRate: selection.minRate ?? '',
|
||||
maxRate: selection.maxRate ?? '',
|
||||
defaultRate: selection.defaultRate ?? ''
|
||||
},
|
||||
{ emitEvent: false }
|
||||
);
|
||||
} else {
|
||||
form.patchValue({ registerParticular: '', minRate: '', maxRate: '', defaultRate: '' }, { emitEvent: false });
|
||||
}
|
||||
form.updateValueAndValidity({ emitEvent: false });
|
||||
}
|
||||
|
||||
/** Reset options only apply to a floating or hybrid rate. */
|
||||
get isFloatingOrHybrid(): boolean {
|
||||
const type = this.loanProductLoanInterestForm.get('interestType').value;
|
||||
return type === 'floating' || type === 'hybrid';
|
||||
}
|
||||
|
||||
get loanProductLoanInterest() {
|
||||
return this.loanProductLoanInterestForm.getRawValue();
|
||||
}
|
||||
}
|
||||
+144
@@ -0,0 +1,144 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<form [formGroup]="loanProductLoanPrepaymentForm">
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
<h3>Part-prepayment</h3>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<mat-checkbox formControlName="partPrepaymentAllowed">Part-prepayment allowed</mat-checkbox>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Part-payment (₹)</mat-label>
|
||||
<input matInput type="number" formControlName="minPartPayment" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Allowed Only On</mat-label>
|
||||
<mat-select formControlName="allowedOn">
|
||||
@for (opt of allowedOnOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Part-payments per Year</mat-label>
|
||||
<mat-select formControlName="partPaymentsPerYear">
|
||||
@for (opt of perYearOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<mat-radio-group formControlName="partPrepaymentMode" class="adv-type-options adv-type-options--3">
|
||||
<mat-radio-button value="reduce_tenure" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Reduce tenure</span>
|
||||
<span class="adv-type-option__hint">EMI stays the same</span>
|
||||
</mat-radio-button>
|
||||
<mat-radio-button value="reduce_emi" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Reduce EMI</span>
|
||||
<span class="adv-type-option__hint">Tenure stays the same</span>
|
||||
</mat-radio-button>
|
||||
<mat-radio-button value="borrower_chooses" class="adv-type-option">
|
||||
<span class="adv-type-option__label">Borrower chooses</span>
|
||||
<span class="adv-type-option__hint">Picked at payment time</span>
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<div style="height: 20px"></div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-lock"></i>
|
||||
<h3>Pre-closure (Foreclosure)</h3>
|
||||
<span class="adv-section__hint">Charge on outstanding principal</span>
|
||||
</div>
|
||||
<div class="adv-grid">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Individual · floating rate (%)</mat-label>
|
||||
<input matInput type="number" formControlName="foreclosureFloatingIndividual" min="0" max="100" step="0.01" />
|
||||
<mat-hint>Nil as per RBI</mat-hint>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Individual · fixed rate (%)</mat-label>
|
||||
<input matInput type="number" formControlName="foreclosureFixedIndividual" min="0" max="100" step="0.01" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Non-individual / business (%)</mat-label>
|
||||
<input matInput type="number" formControlName="foreclosureNonIndividual" min="0" max="100" step="0.01" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Takeover by another bank (%)</mat-label>
|
||||
<input matInput type="number" formControlName="foreclosureTakeover" min="0" max="100" step="0.01" />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3" style="padding-top: 0">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Lock-in Period (months)</mat-label>
|
||||
<input matInput type="number" formControlName="lockInMonths" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Interest on Pre-closure</mat-label>
|
||||
<mat-select formControlName="interestOnPreclosure">
|
||||
@for (opt of interestOnPreclosureOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Foreclosure Quote Valid (days)</mat-label>
|
||||
<input matInput type="number" formControlName="foreclosureQuoteValidDays" min="1" />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-flag-checkered"></i>
|
||||
<h3>Closure & Restructuring</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Auto-close on Zero Balance</mat-label>
|
||||
<mat-select formControlName="autoCloseOnZeroBalance">
|
||||
@for (opt of autoCloseOptions; track opt) {
|
||||
<mat-option [value]="opt">{{ opt }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>NOC / Closure Letter</mat-label>
|
||||
<mat-select formControlName="nocLetter">
|
||||
@for (opt of nocOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Restructuring / Re-schedule</mat-label>
|
||||
<mat-select formControlName="restructuring">
|
||||
@for (opt of restructuringOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<div class="adv-checks">
|
||||
<mat-checkbox formControlName="releaseCollateralOnClosure">Release collateral and lien on closure</mat-checkbox>
|
||||
<mat-checkbox formControlName="topUpAllowed">Top-up loan on the same account</mat-checkbox>
|
||||
<mat-checkbox formControlName="balanceTransferOutAllowed">Allow balance transfer (takeover) out</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 24px 20px">
|
||||
<div class="adv-info">Unlike an Advance, there is no renewal. A loan ends at maturity or on pre-closure.</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/**
|
||||
* Prepayment & Closure step for a Loans A/C (EMI) product (step 8). A loan has no renewal; it ends at
|
||||
* maturity or on pre-closure. UI-only for now: not sent in the create payload.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-loan-prepayment-step',
|
||||
templateUrl: './loan-product-loan-prepayment-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatCheckbox,
|
||||
MatRadioGroup,
|
||||
MatRadioButton
|
||||
]
|
||||
})
|
||||
export class LoanProductLoanPrepaymentStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductLoanPrepaymentForm: UntypedFormGroup;
|
||||
|
||||
readonly allowedOnOptions = [
|
||||
{ id: 'emi_date', label: 'EMI due date' },
|
||||
{ id: 'any_day', label: 'Any day' }
|
||||
];
|
||||
|
||||
readonly perYearOptions = [
|
||||
{ id: 'unlimited', label: 'Unlimited' },
|
||||
{ id: 'one', label: 'Once a year' },
|
||||
{ id: 'two', label: 'Twice a year' }
|
||||
];
|
||||
|
||||
readonly interestOnPreclosureOptions = [
|
||||
{ id: 'till_date', label: 'Till date of payment' },
|
||||
{ id: 'full_month', label: 'Full current month' }
|
||||
];
|
||||
|
||||
readonly autoCloseOptions = [
|
||||
'YES',
|
||||
'NO'
|
||||
];
|
||||
|
||||
readonly nocOptions = [
|
||||
{ id: 'auto', label: 'Auto-generate' },
|
||||
{ id: 'manual', label: 'On request' }
|
||||
];
|
||||
|
||||
readonly restructuringOptions = [
|
||||
{ id: 'approval', label: 'Allowed with approval' },
|
||||
{ id: 'no', label: 'Not allowed' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
const percent = [
|
||||
Validators.min(0),
|
||||
Validators.max(100)
|
||||
];
|
||||
this.loanProductLoanPrepaymentForm = this.formBuilder.group({
|
||||
partPrepaymentAllowed: [true],
|
||||
minPartPayment: [
|
||||
'',
|
||||
Validators.min(0)
|
||||
],
|
||||
allowedOn: ['emi_date'],
|
||||
partPaymentsPerYear: ['unlimited'],
|
||||
partPrepaymentMode: ['reduce_tenure'],
|
||||
foreclosureFloatingIndividual: [
|
||||
0,
|
||||
percent
|
||||
],
|
||||
foreclosureFixedIndividual: [
|
||||
2,
|
||||
percent
|
||||
],
|
||||
foreclosureNonIndividual: [
|
||||
3,
|
||||
percent
|
||||
],
|
||||
foreclosureTakeover: [
|
||||
2,
|
||||
percent
|
||||
],
|
||||
lockInMonths: [
|
||||
0,
|
||||
Validators.min(0)
|
||||
],
|
||||
interestOnPreclosure: ['till_date'],
|
||||
foreclosureQuoteValidDays: [
|
||||
7,
|
||||
Validators.min(1)
|
||||
],
|
||||
autoCloseOnZeroBalance: ['YES'],
|
||||
nocLetter: ['auto'],
|
||||
restructuring: ['approval'],
|
||||
releaseCollateralOnClosure: [true],
|
||||
topUpAllowed: [false],
|
||||
balanceTransferOutAllowed: [true]
|
||||
});
|
||||
}
|
||||
|
||||
get loanProductLoanPrepayment() {
|
||||
return this.loanProductLoanPrepaymentForm.getRawValue();
|
||||
}
|
||||
}
|
||||
+155
@@ -0,0 +1,155 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<form [formGroup]="loanProductLoanRepaymentForm">
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-wave-square"></i>
|
||||
<h3>Repayment Type</h3>
|
||||
</div>
|
||||
<mat-radio-group formControlName="repaymentType" class="adv-type-options adv-type-options--3">
|
||||
@for (opt of repaymentTypeOptions; track opt.id) {
|
||||
<mat-radio-button [value]="opt.id" class="adv-type-option">
|
||||
<span class="adv-type-option__label">{{ opt.label }}</span>
|
||||
<span class="adv-type-option__hint">{{ opt.hint }}</span>
|
||||
</mat-radio-button>
|
||||
}
|
||||
</mat-radio-group>
|
||||
<div style="padding: 16px 24px 20px">
|
||||
<div class="adv-info">
|
||||
This is the main difference from an Advance. Repayment follows a fixed schedule, not a running balance.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<h3>Schedule</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Repaid Every</mat-label>
|
||||
<input matInput type="number" formControlName="repaidEvery" min="1" required />
|
||||
<mat-error>Repaid Every is <strong>required</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Frequency</mat-label>
|
||||
<mat-select formControlName="frequency">
|
||||
@for (opt of frequencyOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Minimum Days to First Repayment</mat-label>
|
||||
<input matInput type="number" formControlName="minDaysToFirstRepayment" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>EMI Due Day</mat-label>
|
||||
<mat-select formControlName="emiDueDay">
|
||||
@for (opt of emiDueDayOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>If Due Date is a Holiday</mat-label>
|
||||
<mat-select formControlName="holidayRule">
|
||||
@for (opt of holidayRuleOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Moratorium / Grace (months)</mat-label>
|
||||
<input matInput type="number" formControlName="moratoriumMonths" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Interest during Moratorium</mat-label>
|
||||
<mat-select formControlName="moratoriumInterest">
|
||||
@for (opt of moratoriumInterestOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<mat-checkbox formControlName="variableInstallments">Variable installments allowed</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-money-check"></i>
|
||||
<h3>Repayment Mode</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Repayment Mode</mat-label>
|
||||
<mat-select formControlName="repaymentMode">
|
||||
@for (opt of repaymentModeOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Linked Account Type</mat-label>
|
||||
<mat-select formControlName="linkedAccountType">
|
||||
@for (opt of linkedAccountOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>PDC Collection</mat-label>
|
||||
<mat-select formControlName="pdcCollection">
|
||||
@for (opt of pdcOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<mat-checkbox formControlName="mandateRequired">
|
||||
Mandate registration is required before the first disbursement
|
||||
</mat-checkbox>
|
||||
</div>
|
||||
<div style="padding: 0 24px 20px">
|
||||
<div class="adv-info">
|
||||
Cheques are used here to repay the EMI as post-dated cheques, not to withdraw from the loan. A cheque book is
|
||||
therefore not part of a Loan A/C.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-list-ol"></i>
|
||||
<h3>Appropriation Order</h3>
|
||||
</div>
|
||||
<div class="adv-grid">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Appropriation Order</mat-label>
|
||||
<mat-select formControlName="appropriationOrder">
|
||||
@for (opt of appropriationOrderOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Advance EMI Payment</mat-label>
|
||||
<mat-select formControlName="advanceEmi">
|
||||
@for (opt of advanceEmiOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
+129
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/**
|
||||
* Repayment & EMI step for a Loans A/C (EMI) product (step 5) — the step an Advance does not have.
|
||||
* Repayment type and frequency feed Fineract's core product fields; the repayment mode and the
|
||||
* rest of the schedule options are UI-only for now.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-loan-repayment-step',
|
||||
templateUrl: './loan-product-loan-repayment-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatCheckbox,
|
||||
MatRadioGroup,
|
||||
MatRadioButton
|
||||
]
|
||||
})
|
||||
export class LoanProductLoanRepaymentStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductLoanRepaymentForm: UntypedFormGroup;
|
||||
|
||||
readonly repaymentTypeOptions = [
|
||||
{ id: 'emi', label: 'EMI', hint: 'Reducing balance, equal instalments' },
|
||||
{ id: 'equal_principal', label: 'Equal principal', hint: 'Falling instalments' },
|
||||
{ id: 'flat', label: 'Flat rate', hint: 'Interest on original amount' },
|
||||
{ id: 'bullet', label: 'Bullet', hint: 'Pay everything at maturity' },
|
||||
{ id: 'step', label: 'Step-up / Balloon', hint: 'Custom schedule' }
|
||||
];
|
||||
|
||||
/** `fineractId` is Fineract's repaymentFrequencyType (0 days, 1 weeks, 2 months). */
|
||||
readonly frequencyOptions = [
|
||||
{ id: 'months', label: 'Months', fineractId: 2 },
|
||||
{ id: 'weeks', label: 'Weeks', fineractId: 1 },
|
||||
{ id: 'days', label: 'Days', fineractId: 0 }
|
||||
];
|
||||
|
||||
readonly emiDueDayOptions = [
|
||||
{ id: 'disbursement_day', label: 'Same day as disbursement' },
|
||||
{ id: 'fixed_day', label: 'Fixed day of month (5th)' }
|
||||
];
|
||||
|
||||
readonly holidayRuleOptions = [
|
||||
{ id: 'next', label: 'Next working day' },
|
||||
{ id: 'previous', label: 'Previous working day' },
|
||||
{ id: 'same', label: 'Same day' }
|
||||
];
|
||||
|
||||
readonly moratoriumInterestOptions = [
|
||||
{ id: 'pre_emi', label: 'Pay monthly (Pre-EMI)' },
|
||||
{ id: 'capitalise', label: 'Capitalise into loan' }
|
||||
];
|
||||
|
||||
readonly repaymentModeOptions = [
|
||||
{ id: 'nach', label: 'Auto-debit (NACH / ECS)' },
|
||||
{ id: 'pdc', label: 'Post-dated cheques (PDC)' },
|
||||
{ id: 'cash', label: 'Cash / transfer at branch' }
|
||||
];
|
||||
|
||||
readonly linkedAccountOptions = [
|
||||
{ id: 'savings_current', label: 'Savings / Current' },
|
||||
{ id: 'savings', label: 'Savings only' }
|
||||
];
|
||||
|
||||
readonly pdcOptions = [
|
||||
{ id: 'mandatory', label: 'Mandatory — 3 cheques' },
|
||||
{ id: 'optional', label: 'Optional' },
|
||||
{ id: 'none', label: 'Not collected' }
|
||||
];
|
||||
|
||||
readonly appropriationOrderOptions = [
|
||||
{ id: 'charges_penal_interest_principal', label: 'Charges → Penal → Interest → Principal' },
|
||||
{ id: 'principal_interest_penal_charges', label: 'Principal → Interest → Penal → Charges' }
|
||||
];
|
||||
|
||||
readonly advanceEmiOptions = [
|
||||
{ id: 'adjust_next', label: 'Allowed — adjust next EMI' },
|
||||
{ id: 'not_allowed', label: 'Not allowed' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
this.loanProductLoanRepaymentForm = this.formBuilder.group({
|
||||
repaymentType: ['emi'],
|
||||
repaidEvery: [
|
||||
1,
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(1)
|
||||
]
|
||||
],
|
||||
frequency: ['months'],
|
||||
minDaysToFirstRepayment: [
|
||||
'',
|
||||
Validators.min(0)
|
||||
],
|
||||
emiDueDay: ['fixed_day'],
|
||||
holidayRule: ['next'],
|
||||
moratoriumMonths: [
|
||||
0,
|
||||
Validators.min(0)
|
||||
],
|
||||
moratoriumInterest: ['pre_emi'],
|
||||
variableInstallments: [false],
|
||||
repaymentMode: ['nach'],
|
||||
linkedAccountType: ['savings_current'],
|
||||
pdcCollection: ['mandatory'],
|
||||
mandateRequired: [true],
|
||||
appropriationOrder: ['charges_penal_interest_principal'],
|
||||
advanceEmi: ['adjust_next']
|
||||
});
|
||||
}
|
||||
|
||||
get loanProductLoanRepayment() {
|
||||
return this.loanProductLoanRepaymentForm.getRawValue();
|
||||
}
|
||||
}
|
||||
+130
@@ -0,0 +1,130 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
<form [formGroup]="loanProductLoanSecurityForm">
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<h3>Security</h3>
|
||||
</div>
|
||||
<div class="adv-grid">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Security Type</mat-label>
|
||||
<input matInput formControlName="securityType" readonly />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Security Mandatory</mat-label>
|
||||
<mat-select formControlName="securityMandatory">
|
||||
@for (opt of securityMandatoryOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Margin (%)</mat-label>
|
||||
<input matInput type="number" formControlName="margin" min="0" max="100" step="0.01" required />
|
||||
<mat-error>Margin must be between <strong>0 and 100</strong></mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Maximum LTV (%)</mat-label>
|
||||
<input matInput [value]="ltv" readonly />
|
||||
<mat-hint>= 100 − Margin</mat-hint>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-table"></i>
|
||||
<h3>Collateral Rules by Security Type</h3>
|
||||
<span class="adv-section__hint">Which security this product may accept</span>
|
||||
</div>
|
||||
<table class="adv-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Security</th>
|
||||
<th>Allowed</th>
|
||||
<th>Max LTV %</th>
|
||||
<th>Valuation</th>
|
||||
<th>Insurance</th>
|
||||
<th>Charge / lien</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (rule of collateralRules; track rule.security) {
|
||||
<tr>
|
||||
<td>{{ rule.security }}</td>
|
||||
<td [class.adv-table__yes]="rule.allowed" [class.adv-table__no]="!rule.allowed">
|
||||
{{ rule.allowed ? 'Yes' : 'No' }}
|
||||
</td>
|
||||
<td [class.adv-table__no]="!rule.allowed">{{ rule.ltv }}</td>
|
||||
<td [class.adv-table__no]="!rule.allowed">{{ rule.valuation }}</td>
|
||||
<td [class.adv-table__no]="!rule.allowed">{{ rule.insurance }}</td>
|
||||
<td [class.adv-table__no]="!rule.allowed">{{ rule.charge }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-user-plus"></i>
|
||||
<h3>Guarantor & Co-applicant</h3>
|
||||
</div>
|
||||
<div class="adv-grid adv-grid--3">
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Guarantors Required (min)</mat-label>
|
||||
<input matInput type="number" formControlName="guarantorsRequired" min="0" />
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Co-applicant</mat-label>
|
||||
<mat-select formControlName="coApplicant">
|
||||
@for (opt of coApplicantOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline" class="adv-field">
|
||||
<mat-label>Third-party Security</mat-label>
|
||||
<mat-select formControlName="thirdPartySecurity">
|
||||
@for (opt of thirdPartyOptions; track opt.id) {
|
||||
<mat-option [value]="opt.id">{{ opt.label }}</mat-option>
|
||||
}
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adv-section">
|
||||
<div class="adv-section__header">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Conditions</h3>
|
||||
</div>
|
||||
<div class="adv-subsection">
|
||||
<div class="adv-checks">
|
||||
<mat-checkbox formControlName="legalOpinionRequired">
|
||||
Legal opinion / title search mandatory before sanction
|
||||
</mat-checkbox>
|
||||
<mat-checkbox formControlName="propertyInsuranceRequired">
|
||||
Property insurance mandatory for the whole tenure
|
||||
</mat-checkbox>
|
||||
<mat-checkbox formControlName="registerCharge">Register charge (CERSAI) before disbursement</mat-checkbox>
|
||||
<mat-checkbox formControlName="autoReleaseOnClosure">Release security automatically on closure</mat-checkbox>
|
||||
<mat-checkbox formControlName="allowMultipleSecurities">Allow multiple securities for one loan</mat-checkbox>
|
||||
<mat-checkbox formControlName="allowThirdPartyDeposit">Allow third-party deposit as security</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 24px 20px">
|
||||
<div class="adv-info">
|
||||
Unlike an Advance, the security does not decide a running limit. It only decides eligibility at sanction.
|
||||
Disbursement happens once, up to the sanctioned amount.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
+127
@@ -0,0 +1,127 @@
|
||||
/**
|
||||
* 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 { Component, inject } from '@angular/core';
|
||||
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
||||
import { MatCheckbox } from '@angular/material/checkbox';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
|
||||
/**
|
||||
* Security & Collateral step for a Loans A/C (EMI) product (step 3).
|
||||
*
|
||||
* Unlike an Advance, the security only decides eligibility at sanction — it does not set a running
|
||||
* limit. UI-only for now: not sent in the create payload.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-loan-product-loan-security-step',
|
||||
templateUrl: './loan-product-loan-security-step.component.html',
|
||||
styleUrls: ['../advance-steps.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatCheckbox
|
||||
]
|
||||
})
|
||||
export class LoanProductLoanSecurityStepComponent {
|
||||
private formBuilder = inject(UntypedFormBuilder);
|
||||
|
||||
loanProductLoanSecurityForm: UntypedFormGroup;
|
||||
|
||||
readonly securityMandatoryOptions = [
|
||||
{ id: 'yes', label: 'Yes — no sanction without security' },
|
||||
{ id: 'no', label: 'No — unsecured' }
|
||||
];
|
||||
|
||||
readonly coApplicantOptions = [
|
||||
{ id: 'joint_property', label: 'Mandatory for joint property' },
|
||||
{ id: 'always', label: 'Always mandatory' },
|
||||
{ id: 'optional', label: 'Optional' }
|
||||
];
|
||||
|
||||
readonly thirdPartyOptions = [
|
||||
{ id: 'consent', label: 'Allowed with owner consent' },
|
||||
{ id: 'no', label: 'Not allowed' }
|
||||
];
|
||||
|
||||
/** Reference table: which security a loan on this product may accept. */
|
||||
readonly collateralRules = [
|
||||
{
|
||||
security: 'Residential property',
|
||||
allowed: true,
|
||||
ltv: '80',
|
||||
valuation: 'Empanelled valuer',
|
||||
insurance: 'Mandatory',
|
||||
charge: 'Mortgage + CERSAI'
|
||||
},
|
||||
{
|
||||
security: 'Commercial property',
|
||||
allowed: true,
|
||||
ltv: '70',
|
||||
valuation: 'Empanelled valuer',
|
||||
insurance: 'Mandatory',
|
||||
charge: 'Mortgage + CERSAI'
|
||||
},
|
||||
{
|
||||
security: 'Fixed / Recurring Deposit',
|
||||
allowed: true,
|
||||
ltv: '90',
|
||||
valuation: 'Not needed',
|
||||
insurance: 'Not needed',
|
||||
charge: 'Lien marked'
|
||||
},
|
||||
{
|
||||
security: 'LIC policy',
|
||||
allowed: true,
|
||||
ltv: '90',
|
||||
valuation: 'Surrender value',
|
||||
insurance: 'Not needed',
|
||||
charge: 'Assignment'
|
||||
},
|
||||
{ security: 'Vehicle', allowed: false, ltv: '—', valuation: '—', insurance: '—', charge: '—' },
|
||||
{ security: 'Gold ornaments', allowed: false, ltv: '—', valuation: '—', insurance: '—', charge: '—' }
|
||||
];
|
||||
|
||||
constructor() {
|
||||
this.loanProductLoanSecurityForm = this.formBuilder.group({
|
||||
securityType: ['Immovable property (mortgage)'],
|
||||
securityMandatory: ['yes'],
|
||||
margin: [
|
||||
20,
|
||||
[
|
||||
Validators.required,
|
||||
Validators.min(0),
|
||||
Validators.max(100)
|
||||
]
|
||||
],
|
||||
guarantorsRequired: [
|
||||
1,
|
||||
Validators.min(0)
|
||||
],
|
||||
coApplicant: ['joint_property'],
|
||||
thirdPartySecurity: ['consent'],
|
||||
legalOpinionRequired: [true],
|
||||
propertyInsuranceRequired: [true],
|
||||
registerCharge: [true],
|
||||
autoReleaseOnClosure: [true],
|
||||
allowMultipleSecurities: [false],
|
||||
allowThirdPartyDeposit: [false]
|
||||
});
|
||||
}
|
||||
|
||||
/** Maximum LTV is derived from the margin (100 − margin) and shown read-only. */
|
||||
get ltv(): number {
|
||||
const margin = Number(this.loanProductLoanSecurityForm.get('margin').value);
|
||||
return Number.isFinite(margin) ? Math.max(0, 100 - margin) : 100;
|
||||
}
|
||||
|
||||
get loanProductLoanSecurity() {
|
||||
return {
|
||||
...this.loanProductLoanSecurityForm.getRawValue(),
|
||||
ltv: this.ltv
|
||||
};
|
||||
}
|
||||
}
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
<!--
|
||||
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/.
|
||||
-->
|
||||
|
||||
@switch (state) {
|
||||
@case ('loading') {
|
||||
<div class="adv-info">Reading the Loan Interest Rate Register…</div>
|
||||
}
|
||||
@case ('none') {
|
||||
<div class="rrv__block">
|
||||
<strong>There is no active Loan Interest Rate Register yet.</strong>
|
||||
<span>
|
||||
A product takes its interest rate from the register, so it cannot be created until a register is created and
|
||||
approved.
|
||||
</span>
|
||||
<a routerLink="/products/loan-interest-rate-register" class="rrv__block-btn">Open the register →</a>
|
||||
</div>
|
||||
}
|
||||
@case ('ready') {
|
||||
@if (selectedRow) {
|
||||
<div class="adv-info rrv__source">
|
||||
<span>
|
||||
Interest comes from the active register <strong>{{ register?.name }}</strong
|
||||
>, effective {{ register?.effectiveFrom }}.
|
||||
</span>
|
||||
<a routerLink="/products/loan-interest-rate-register">Open register →</a>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (!selectedRow) {
|
||||
<div class="rrv__block">
|
||||
<strong>This product has no interest rate in the Loan Interest Rate Register yet.</strong>
|
||||
<span>{{ blockReason }}</span>
|
||||
<a routerLink="/products/loan-interest-rate-register" class="rrv__block-btn">Add it in the register →</a>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (selectedRow) {
|
||||
<div class="rrv__row">
|
||||
<span class="rrv__row-label">Register row</span>
|
||||
<strong class="rrv__row-name">{{ selectedRow.srNo }}. {{ selectedRow.particulars }}</strong>
|
||||
@if (glLabel(selectedRow); as gl) {
|
||||
<span class="rrv__row-gl">{{ gl }}</span>
|
||||
}
|
||||
<span class="rrv__row-note">{{ matchNote }}</span>
|
||||
</div>
|
||||
|
||||
<div class="rrv__tables">
|
||||
<table class="adv-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Amount slab</th>
|
||||
<th>Rate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (slab of slabRates; track slab.label) {
|
||||
<tr>
|
||||
<td>{{ slab.label }}</td>
|
||||
<td [class.adv-table__no]="slab.na" [class.rrv__formula]="slab.formula">{{ slab.text }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="adv-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>CIBIL score</th>
|
||||
<th>Band</th>
|
||||
<th>Added to the rate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for (slab of cibilSlabs; track slab.from) {
|
||||
<tr>
|
||||
<td>{{ slab.from }} – {{ slab.to }}</td>
|
||||
<td>{{ slab.tier }}</td>
|
||||
<td>{{ slab.adjustmentPct > 0 ? '+' + slab.adjustmentPct.toFixed(2) + '%' : 'No change' }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if (selectedRow.isFormula || slabRates[0]?.formula) {
|
||||
<div class="rrv__note">
|
||||
This row is the deposit's own rate plus a spread, so the final rate is worked out on each account from its
|
||||
deposit.
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rrv__source {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.rrv__block {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 4px 16px;
|
||||
margin: 16px 24px 0;
|
||||
padding: 12px 16px;
|
||||
border: 1px solid #fecaca;
|
||||
border-radius: 8px;
|
||||
background: #fef2f2;
|
||||
color: #991b1b;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
|
||||
strong {
|
||||
flex: 1 1 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
span {
|
||||
flex: 1 1 360px;
|
||||
}
|
||||
}
|
||||
|
||||
.rrv__block-btn {
|
||||
font-weight: 600;
|
||||
color: #991b1b;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.rrv__row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 6px 14px;
|
||||
padding: 14px 24px 4px;
|
||||
font-size: 14px;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.rrv__row-label {
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
color: #5f6368;
|
||||
}
|
||||
|
||||
.rrv__row-gl {
|
||||
padding: 1px 10px;
|
||||
border-radius: 999px;
|
||||
background: #e0f2fe;
|
||||
color: #075985;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.rrv__row-note {
|
||||
font-size: 12px;
|
||||
color: #5f6368;
|
||||
}
|
||||
|
||||
.rrv__tables {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
padding: 8px 24px 16px;
|
||||
|
||||
@media (width <= 900px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.rrv__formula {
|
||||
color: #075985;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.rrv__note {
|
||||
padding: 0 24px 16px;
|
||||
font-size: 13px;
|
||||
color: #5f6368;
|
||||
}
|
||||
+220
@@ -0,0 +1,220 @@
|
||||
/**
|
||||
* 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 { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, inject } from '@angular/core';
|
||||
import { RouterLink } from '@angular/router';
|
||||
import { RateRegisterService } from 'app/products/loan-interest-rate-register/rate-register.service';
|
||||
import {
|
||||
CibilSlab,
|
||||
RateCell,
|
||||
RateChartRow,
|
||||
RateRegister
|
||||
} from 'app/products/loan-interest-rate-register/models/rate-register.model';
|
||||
|
||||
/** How the register row was found for the product. */
|
||||
export type RegisterMatch = 'gl' | 'type';
|
||||
|
||||
/** What the product takes from the register row, handed to the step that owns the rate fields. */
|
||||
export interface RegisterRateSelection {
|
||||
particular: string;
|
||||
srNo: number;
|
||||
glAccountId: number | null;
|
||||
/** True when the row holds formulas such as "1% + FD": the rate is the deposit's own rate plus a spread. */
|
||||
isFormula: boolean;
|
||||
/** Lowest and highest plain rate in the row, the top one including the largest CIBIL adjustment. Null for a formula row. */
|
||||
minRate: number | null;
|
||||
maxRate: number | null;
|
||||
/** The rate the product is created with: the lowest plain rate, or the lowest spread for a formula row. */
|
||||
defaultRate: number | null;
|
||||
/** Lowest and highest spread over the deposit rate; only for a formula row. */
|
||||
minSpread: number | null;
|
||||
maxSpread: number | null;
|
||||
matchedBy: RegisterMatch;
|
||||
registerName: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Product sub type id -> a word of the register particular that goes with it. This only covers the register's
|
||||
* default rows. Any other product is found through its GL account, which every register row carries.
|
||||
*/
|
||||
const PARTICULAR_BY_SUB_TYPE: Record<string, string> = {
|
||||
fd: 'against fdr',
|
||||
rd: 'against rd',
|
||||
gold: 'gold loan',
|
||||
cc: 'cash credit',
|
||||
overdraft: 'overdraft',
|
||||
kcc: 'agriculture',
|
||||
housing: 'housing loan',
|
||||
personal: 'personal loan (unsecured)',
|
||||
vehicle: 'car loan (new)',
|
||||
business: 'business term loan',
|
||||
term: 'business term loan',
|
||||
gold_emi: 'gold loan'
|
||||
};
|
||||
|
||||
/**
|
||||
* Shows the interest of a product as the Loan Interest Rate Register defines it: the rate of the product's own
|
||||
* register row for each amount slab, and the CIBIL adjustment. Nothing is chosen or typed here.
|
||||
*
|
||||
* The row is found from the product's GL account first (the register maps each row to a GL), then from its sub
|
||||
* type. The row found is reported through `selectionChange`, or null when there is none, which blocks the product.
|
||||
*/
|
||||
@Component({
|
||||
selector: 'mifosx-register-rate-view',
|
||||
templateUrl: './register-rate-view.component.html',
|
||||
styleUrls: [
|
||||
'../advance-steps.scss',
|
||||
'./register-rate-view.component.scss'
|
||||
],
|
||||
imports: [RouterLink]
|
||||
})
|
||||
export class RegisterRateViewComponent implements OnInit, OnChanges {
|
||||
private registerService = inject(RateRegisterService);
|
||||
|
||||
/** Sub type id picked on the Details step, e.g. `fd`. */
|
||||
@Input() productSubType = '';
|
||||
/** The product's GL account id from the Details step. */
|
||||
@Input() glAccountId: number | string | null = null;
|
||||
@Output() selectionChange = new EventEmitter<RegisterRateSelection | null>();
|
||||
|
||||
state: 'loading' | 'ready' | 'none' = 'loading';
|
||||
register?: RateRegister;
|
||||
selectedSrNo: number | null = null;
|
||||
matchedBy: RegisterMatch | null = null;
|
||||
/** More than one register row fits the product and nothing tells them apart. */
|
||||
ambiguous = false;
|
||||
|
||||
ngOnInit(): void {
|
||||
this.registerService.getGlOptions().subscribe();
|
||||
this.registerService.list().subscribe(() => {
|
||||
this.register = this.registerService.getActive();
|
||||
this.state = this.register && this.register.rows.length > 0 ? 'ready' : 'none';
|
||||
this.autoSelect();
|
||||
});
|
||||
}
|
||||
|
||||
ngOnChanges(changes: SimpleChanges): void {
|
||||
// The Details step can change after this one has opened, and a new type or GL means a new row.
|
||||
if ((changes['productSubType'] || changes['glAccountId']) && this.state === 'ready') {
|
||||
this.autoSelect();
|
||||
}
|
||||
}
|
||||
|
||||
get rows(): RateChartRow[] {
|
||||
return this.register?.rows ?? [];
|
||||
}
|
||||
|
||||
get selectedRow(): RateChartRow | undefined {
|
||||
return this.rows.find((row) => row.srNo === this.selectedSrNo);
|
||||
}
|
||||
|
||||
get cibilSlabs(): CibilSlab[] {
|
||||
return this.register?.cibilSlabs ?? [];
|
||||
}
|
||||
|
||||
glLabel(row: RateChartRow): string | null {
|
||||
return this.registerService.glLabel(row.glAccountId);
|
||||
}
|
||||
|
||||
/** The row's rate for every amount slab, ready to show. */
|
||||
get slabRates(): { label: string; text: string; formula: boolean; na: boolean }[] {
|
||||
const row = this.selectedRow;
|
||||
if (!row || !this.register) {
|
||||
return [];
|
||||
}
|
||||
return this.register.slabs.map((slab, index) => {
|
||||
const cell: RateCell = row.rates[index] ?? null;
|
||||
return {
|
||||
label: slab.label,
|
||||
text: cell === null ? 'N.A.' : typeof cell === 'string' ? cell : `${cell.toFixed(2)}%`,
|
||||
formula: typeof cell === 'string',
|
||||
na: cell === null
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
/** Why the product cannot go on: what the officer has to do in the register first. */
|
||||
get blockReason(): string {
|
||||
const hasGl = this.glAccountId !== null && this.glAccountId !== '';
|
||||
if (!this.productSubType && !hasGl) {
|
||||
return 'Choose the product type and the GL account on the Details step first.';
|
||||
}
|
||||
const gl = hasGl ? this.registerService.glLabel(Number(this.glAccountId)) : null;
|
||||
if (this.ambiguous) {
|
||||
return `More than one register row uses the GL account${gl ? ` (${gl})` : ''}. Give each row its own GL account in the register so this product can be matched to one of them.`;
|
||||
}
|
||||
const forGl = gl ? ` with its GL account (${gl})` : ' with its GL account';
|
||||
return `Add this product${forGl} and its interest rates in the register and get the register approved. The product can be created only after that.`;
|
||||
}
|
||||
|
||||
/** How the row was found, shown beside it. */
|
||||
get matchNote(): string {
|
||||
return this.matchedBy === 'gl'
|
||||
? `Found through the product's GL account (${this.glLabel(this.selectedRow!) ?? 'GL'}).`
|
||||
: 'Found through the product type.';
|
||||
}
|
||||
|
||||
private autoSelect(): void {
|
||||
const rows = this.rows;
|
||||
const word = PARTICULAR_BY_SUB_TYPE[this.productSubType]?.toLowerCase();
|
||||
const byType = word ? rows.filter((row) => row.particulars.toLowerCase().includes(word)) : [];
|
||||
const gl = this.glAccountId === null || this.glAccountId === '' ? null : Number(this.glAccountId);
|
||||
const byGl = gl === null ? [] : rows.filter((row) => row.glAccountId === gl);
|
||||
|
||||
let chosen: RateChartRow | undefined;
|
||||
let by: RegisterMatch | null = null;
|
||||
this.ambiguous = false;
|
||||
if (byGl.length === 1) {
|
||||
chosen = byGl[0];
|
||||
by = 'gl';
|
||||
} else if (byGl.length > 1) {
|
||||
// Several rows share the GL: the product type tells them apart, or nothing does.
|
||||
chosen = byGl.find((row) => byType.includes(row));
|
||||
by = chosen ? 'type' : null;
|
||||
this.ambiguous = !chosen;
|
||||
} else if (byType.length === 1) {
|
||||
chosen = byType[0];
|
||||
by = 'type';
|
||||
} else if (byType.length > 1) {
|
||||
this.ambiguous = true;
|
||||
}
|
||||
this.selectedSrNo = chosen?.srNo ?? null;
|
||||
this.matchedBy = by;
|
||||
this.emit();
|
||||
}
|
||||
|
||||
private emit(): void {
|
||||
const row = this.selectedRow;
|
||||
if (!row || !this.register) {
|
||||
this.selectionChange.emit(null);
|
||||
return;
|
||||
}
|
||||
const plain = row.rates.filter((cell): cell is number => typeof cell === 'number');
|
||||
const spreads = row.rates
|
||||
.filter((cell): cell is string => typeof cell === 'string')
|
||||
.map((text) => /(\d+(?:\.\d+)?)\s*%/.exec(text)?.[1])
|
||||
.filter((value): value is string => !!value)
|
||||
.map(Number);
|
||||
const topAdjustment = Math.max(0, ...this.cibilSlabs.map((slab) => Number(slab.adjustmentPct) || 0));
|
||||
const isFormula = spreads.length > 0 && plain.length === 0;
|
||||
const minRate = plain.length > 0 ? Math.min(...plain) : null;
|
||||
this.selectionChange.emit({
|
||||
particular: row.particulars,
|
||||
srNo: row.srNo,
|
||||
glAccountId: row.glAccountId ?? null,
|
||||
isFormula,
|
||||
minRate,
|
||||
maxRate: plain.length > 0 ? Math.round((Math.max(...plain) + topAdjustment) * 100) / 100 : null,
|
||||
defaultRate: isFormula ? Math.min(...spreads) : minRate,
|
||||
minSpread: isFormula ? Math.min(...spreads) : null,
|
||||
maxSpread: isFormula ? Math.max(...spreads) : null,
|
||||
matchedBy: this.matchedBy ?? 'type',
|
||||
registerName: this.register.name
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
/**
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
/**
|
||||
* The category ("product type") and sub type of a loan product. One list shared by the create-product wizard, the
|
||||
* product list filters and the loan account product picker, so a type added here appears in all three.
|
||||
*/
|
||||
|
||||
export interface ProductTypeGroup {
|
||||
id: string;
|
||||
label: string;
|
||||
hint: string;
|
||||
}
|
||||
|
||||
export interface ProductSubType {
|
||||
id: string;
|
||||
label: string;
|
||||
/** The two-letter code the product's Short Name is pre-filled with when the sub type is picked. */
|
||||
shortName: string;
|
||||
}
|
||||
|
||||
export const PRODUCT_TYPE_GROUPS: ProductTypeGroup[] = [
|
||||
{ id: 'advances', label: 'Advances A/C', hint: 'No EMI. Limit / drawing power against security.' },
|
||||
{ id: 'loans', label: 'Loans A/C', hint: 'Fixed disbursement, fixed tenure, EMI repayment.' }
|
||||
];
|
||||
|
||||
export const PRODUCT_SUB_TYPES: Record<string, ProductSubType[]> = {
|
||||
advances: [
|
||||
{ id: 'fd', label: 'Loan against FD', shortName: 'FD' },
|
||||
{ id: 'rd', label: 'Loan against RD', shortName: 'RD' },
|
||||
{ id: 'dds', label: 'Loan against DDS', shortName: 'DS' },
|
||||
{ id: 'lic', label: 'Loan against LIC Policy', shortName: 'LI' },
|
||||
{ id: 'gold', label: 'Loan against Gold', shortName: 'GD' },
|
||||
{ id: 'warehouse', label: 'Warehouse Receipt', shortName: 'WR' },
|
||||
{ id: 'cc', label: 'Cash Credit (CC)', shortName: 'CC' },
|
||||
{ id: 'overdraft', label: 'Overdraft (OD)', shortName: 'OD' },
|
||||
{ id: 'kcc', label: 'Kisan Credit Card (KCC)', shortName: 'KC' },
|
||||
{ id: 'bills', label: 'Bills Purchased / Discounted', shortName: 'BP' }
|
||||
],
|
||||
loans: [
|
||||
{ id: 'term', label: 'Term Loan', shortName: 'TL' },
|
||||
{ id: 'personal', label: 'Personal Loan', shortName: 'PL' },
|
||||
{ id: 'housing', label: 'Housing Loan', shortName: 'HL' },
|
||||
{ id: 'vehicle', label: 'Vehicle Loan', shortName: 'VL' },
|
||||
{ id: 'education', label: 'Education Loan', shortName: 'EL' },
|
||||
{ id: 'business', label: 'Business / MSME Loan', shortName: 'BL' },
|
||||
{ id: 'gold_emi', label: 'Gold EMI Loan', shortName: 'GE' }
|
||||
]
|
||||
};
|
||||
|
||||
/** Label of a category id, or a dash for a product that carries none (created before categories existed). */
|
||||
export function productCategoryLabel(group: string | null | undefined): string {
|
||||
return PRODUCT_TYPE_GROUPS.find((g) => g.id === group)?.label ?? '—';
|
||||
}
|
||||
|
||||
/** Label of a sub type id within its category, or a dash when unknown. */
|
||||
export function productTypeLabel(group: string | null | undefined, subGroup: string | null | undefined): string {
|
||||
return (PRODUCT_SUB_TYPES[group ?? ''] ?? []).find((s) => s.id === subGroup)?.label ?? '—';
|
||||
}
|
||||
@@ -15,3 +15,49 @@
|
||||
--pl-accent: #b45309;
|
||||
--pl-accent-l: #fef3c7;
|
||||
}
|
||||
|
||||
/* Category / product type / active-only filters beside the search box. */
|
||||
.pl-filters {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pl-filter {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
font-size: 11px;
|
||||
color: #64748b;
|
||||
|
||||
select {
|
||||
height: 34px;
|
||||
min-width: 160px;
|
||||
padding: 0 8px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
font-size: 13px;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
&--check {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
height: 34px;
|
||||
font-size: 13px;
|
||||
color: #1e293b;
|
||||
}
|
||||
}
|
||||
|
||||
.pl-tag--advances {
|
||||
background: #e0f2fe;
|
||||
color: #075985;
|
||||
}
|
||||
|
||||
.pl-tag--loans {
|
||||
background: #ede9fe;
|
||||
color: #5b21b6;
|
||||
}
|
||||
|
||||
@@ -42,6 +42,7 @@ import { MatTooltip } from '@angular/material/tooltip';
|
||||
import { StatusLookupPipe } from '../../pipes/status-lookup.pipe';
|
||||
import { DateFormatPipe } from '../../pipes/date-format.pipe';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { PRODUCT_SUB_TYPES, PRODUCT_TYPE_GROUPS, productCategoryLabel, productTypeLabel } from './loan-product-types';
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-loan-products',
|
||||
@@ -82,6 +83,8 @@ export class LoanProductsComponent implements OnInit, AfterViewInit {
|
||||
displayedColumns: string[] = [
|
||||
'name',
|
||||
'shortName',
|
||||
'category',
|
||||
'productType',
|
||||
'closeDate',
|
||||
'status',
|
||||
'actions'
|
||||
@@ -90,6 +93,31 @@ export class LoanProductsComponent implements OnInit, AfterViewInit {
|
||||
|
||||
filteredCount = 0;
|
||||
|
||||
/** Category and type filters, fed by the classification each product carries. */
|
||||
readonly categories = PRODUCT_TYPE_GROUPS;
|
||||
categoryFilter = '';
|
||||
typeFilter = '';
|
||||
activeOnly = false;
|
||||
textFilter = '';
|
||||
|
||||
/** Types offered for the chosen category; every type when no category is chosen. */
|
||||
get typeOptions() {
|
||||
return this.categoryFilter
|
||||
? (PRODUCT_SUB_TYPES[this.categoryFilter] ?? [])
|
||||
: Object.values(PRODUCT_SUB_TYPES).flat();
|
||||
}
|
||||
|
||||
categoryOf(product: any): string {
|
||||
return productCategoryLabel(product?.advanceExtensions?.productTypeGroup);
|
||||
}
|
||||
|
||||
typeOf(product: any): string {
|
||||
return productTypeLabel(
|
||||
product?.advanceExtensions?.productTypeGroup,
|
||||
product?.advanceExtensions?.productTypeSubGroup
|
||||
);
|
||||
}
|
||||
|
||||
get totalCount(): number {
|
||||
return this.loanProductsData?.length || 0;
|
||||
}
|
||||
@@ -130,12 +158,52 @@ export class LoanProductsComponent implements OnInit, AfterViewInit {
|
||||
this.dataSource = new MatTableDataSource(this.loanProductsData);
|
||||
this.dataSource.paginator = this.paginator;
|
||||
this.dataSource.sort = this.sort;
|
||||
this.dataSource.filterPredicate = (product: any) => this.matchesFilters(product);
|
||||
this.filteredCount = this.totalCount;
|
||||
this.dataSource.connect().subscribe((rows) => (this.filteredCount = rows.length));
|
||||
}
|
||||
|
||||
applyFilter(filterValue: string) {
|
||||
this.dataSource.filter = (filterValue || '').trim().toLowerCase();
|
||||
this.textFilter = (filterValue || '').trim().toLowerCase();
|
||||
this.refreshFilter();
|
||||
}
|
||||
|
||||
onCategoryChange(): void {
|
||||
// A type belongs to one category, so a type from another category cannot stay selected.
|
||||
if (this.typeFilter && !this.typeOptions.some((type) => type.id === this.typeFilter)) {
|
||||
this.typeFilter = '';
|
||||
}
|
||||
this.refreshFilter();
|
||||
}
|
||||
|
||||
/** The filter value itself is unused (the predicate reads the fields above); changing it re-runs the predicate. */
|
||||
refreshFilter(): void {
|
||||
this.dataSource.filter = `${this.categoryFilter}|${this.typeFilter}|${this.activeOnly}|${this.textFilter}`;
|
||||
}
|
||||
|
||||
private matchesFilters(product: any): boolean {
|
||||
const ext = product?.advanceExtensions ?? {};
|
||||
if (this.categoryFilter && ext.productTypeGroup !== this.categoryFilter) {
|
||||
return false;
|
||||
}
|
||||
if (this.typeFilter && ext.productTypeSubGroup !== this.typeFilter) {
|
||||
return false;
|
||||
}
|
||||
if (this.activeOnly && product?.status !== 'loanProduct.active') {
|
||||
return false;
|
||||
}
|
||||
if (this.textFilter) {
|
||||
const haystack = [
|
||||
product?.name,
|
||||
product?.shortName,
|
||||
this.categoryOf(product),
|
||||
this.typeOf(product)
|
||||
]
|
||||
.join(' ')
|
||||
.toLowerCase();
|
||||
return haystack.includes(this.textFilter);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -50,10 +50,29 @@ export class LoanProducts {
|
||||
delete loanProduct.advancedAccountingRules;
|
||||
delete loanProduct.loanPeriod;
|
||||
|
||||
// The Advances payload is assembled explicitly in the create component and already carries only
|
||||
// whitelisted params (core Fineract fields + satellite ADVANCE_PARAMETERS), so it is NOT stripped.
|
||||
// For the Loans path, the Details/Security fields below are not backend params, so drop them.
|
||||
if (loanProduct.productTypeGroup !== 'advances') {
|
||||
// The Accounting step carries CBS-specific GL mappings that the backend does not accept yet. They are
|
||||
// sent as '' when the officer leaves them blank, and the backend rejects the whole product for an
|
||||
// unsupported parameter, so drop the ones that are empty. A mapping the officer actually selects is still
|
||||
// sent and gets a clear "not supported" answer rather than being silently ignored.
|
||||
[
|
||||
'intReceivablesGlAccountId',
|
||||
'intPayableGlAccountId',
|
||||
'deafIntPayableGlAccountId',
|
||||
'intOverdueReserveAccountId',
|
||||
'undebitedInterestAccountId',
|
||||
'penalIntCrGlAccountId',
|
||||
'rdMaturedGlAccountId'
|
||||
].forEach((key) => {
|
||||
if (loanProduct[key] === '' || loanProduct[key] === null || loanProduct[key] === undefined) {
|
||||
delete loanProduct[key];
|
||||
}
|
||||
});
|
||||
|
||||
// The Advances and Loans A/C (EMI) payloads are assembled explicitly in the create component and already
|
||||
// carry only whitelisted params (core Fineract fields + satellite params), so they are NOT stripped.
|
||||
// For any other product (the old Settings/Terms path), the Details/Security fields below are not backend
|
||||
// params, so drop them.
|
||||
if (loanProduct.productTypeGroup !== 'advances' && loanProduct.productTypeGroup !== 'loans') {
|
||||
delete loanProduct.productTypeGroup;
|
||||
delete loanProduct.productTypeSubGroup;
|
||||
delete loanProduct.glAccount;
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
/* tslint:disable */
|
||||
export default {
|
||||
'mifos_x': {
|
||||
'version': '261008',
|
||||
'hash': 'a5a64d4ef'
|
||||
'version': '261010',
|
||||
'hash': 'd61584f29'
|
||||
},
|
||||
'allow_switching_backend_instance': true
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user