CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Fixes many smaller layout issues in the read-only product views

Browse Source 
Fixes many smaller layout issues in the read-only product views:
loan, saving and share product

FIXES: WEB-219
This commit is contained in:
Felix van Hove
2025-07-06 17:50:10 +02:00
parent a4f675d643
commit 9ba1b72c17
24 changed files with 857 additions and 803 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/organization/fund-mapping/fund-mapping.component.html
+4 -2
View File
@@ -1,5 +1,6 @@
<mat-card class="container" *ngIf="!isCollapsed"> <mat-card class="container" *ngIf="!isCollapsed">
<form [formGroup]="fundMappingForm" (ngSubmit)="submit()"> <form [formGroup]="fundMappingForm" (ngSubmit)="submit()">
<mat-card-content>
<div class="layout-row-wrap gap-2percent responsive-column align-start-center"> <div class="layout-row-wrap gap-2percent responsive-column align-start-center">
<mat-form-field class="flex-48"> <mat-form-field class="flex-48">
<mat-label>{{ 'labels.inputs.Loan Status' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.Loan Status' | translate }}</mat-label>
@@ -41,7 +42,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-31" (click)="fromDatePicker.open()"> <mat-form-field class="flex-31" (click)="fromDatePicker.open()">
<mat-label>{{ 'labels.inputs.From Date' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.From Date' | translate }}</mat-label>
<input <input
matInput matInput
@@ -59,7 +60,7 @@
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-31" (click)="toDatePicker.open()"> <mat-form-field class="flex-31" (click)="toDatePicker.open()">
<mat-label>{{ 'labels.inputs.To Date' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.To Date' | translate }}</mat-label>
<input <input
matInput matInput
@@ -185,6 +186,7 @@
</mat-form-field> </mat-form-field>
</div> </div>
</div> </div>
</mat-card-content>
<mat-card-actions class="layout-row align-center gap-5px responsive-column"> <mat-card-actions class="layout-row align-center gap-5px responsive-column">
<button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.buttons.Cancel' | translate }}</button> <button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.buttons.Cancel' | translate }}</button>
src/app/organization/investors/investors.component.html
+10 -6
View File
@@ -1,11 +1,12 @@
<mat-card class="container"> <mat-card class="container">
<mat-card-content>
<div class="layout-row-wrap gap-2px responsive-column"> <div class="layout-row-wrap gap-2px responsive-column">
<mat-form-field class="flex-fill flex-18"> <mat-form-field class="flex-18">
<mat-label>{{ 'labels.text.Search by Text' | translate }}</mat-label> <mat-label>{{ 'labels.text.Search by Text' | translate }}</mat-label>
<input matInput [formControl]="searchText" /> <input matInput [formControl]="searchText" />
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-18" (click)="effectiveFromDatePicker.open()"> <mat-form-field class="flex-18" (click)="effectiveFromDatePicker.open()">
<mat-label>{{ 'labels.text.Effective Date From' | translate }}</mat-label> <mat-label>{{ 'labels.text.Effective Date From' | translate }}</mat-label>
<input <input
matInput matInput
@@ -18,7 +19,7 @@
<mat-datepicker #effectiveFromDatePicker></mat-datepicker> <mat-datepicker #effectiveFromDatePicker></mat-datepicker>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-18" (click)="effectiveToDatePicker.open()"> <mat-form-field class="flex-18" (click)="effectiveToDatePicker.open()">
<mat-label>{{ 'labels.text.Effective Date To' | translate }}</mat-label> <mat-label>{{ 'labels.text.Effective Date To' | translate }}</mat-label>
<input <input
matInput matInput
@@ -31,7 +32,7 @@
<mat-datepicker #effectiveToDatePicker></mat-datepicker> <mat-datepicker #effectiveToDatePicker></mat-datepicker>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-18" (click)="settlementFromDatePicker.open()"> <mat-form-field class="flex-18" (click)="settlementFromDatePicker.open()">
<mat-label>{{ 'labels.text.Settlement Date From' | translate }}</mat-label> <mat-label>{{ 'labels.text.Settlement Date From' | translate }}</mat-label>
<input <input
matInput matInput
@@ -44,7 +45,7 @@
<mat-datepicker #settlementFromDatePicker></mat-datepicker> <mat-datepicker #settlementFromDatePicker></mat-datepicker>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-fill flex-18" (click)="settlementToDatePicker.open()"> <mat-form-field class="flex-18" (click)="settlementToDatePicker.open()">
<mat-label>{{ 'labels.text.Settlement Date To' | translate }}</mat-label> <mat-label>{{ 'labels.text.Settlement Date To' | translate }}</mat-label>
<input <input
matInput matInput
@@ -86,7 +87,9 @@
</td> </td>
<td class="field-name">{{ 'labels.inputs.Transfer External Id' | translate }}</td> <td class="field-name">{{ 'labels.inputs.Transfer External Id' | translate }}</td>
<td> <td>
<mifosx-external-identifier externalId="{{ record.transferExternalId }}"></mifosx-external-identifier> <mifosx-external-identifier
externalId="{{ record.transferExternalId }}"
></mifosx-external-identifier>
</td> </td>
<td class="field-name">{{ 'labels.inputs.Effective From' | translate }}</td> <td class="field-name">{{ 'labels.inputs.Effective From' | translate }}</td>
<td>{{ record.effectiveFrom | dateFormat }}</td> <td>{{ record.effectiveFrom | dateFormat }}</td>
@@ -222,4 +225,5 @@
{{ 'labels.text.No data found' | translate }} {{ 'labels.text.No data found' | translate }}
</div> </div>
</div> </div>
</mat-card-content>
</mat-card> </mat-card>
src/app/organization/organization-routing.module.ts
+1 -1
View File
@@ -339,7 +339,7 @@ const routes: Routes = [
{ {
path: 'fund-mapping', path: 'fund-mapping',
component: FundMappingComponent, component: FundMappingComponent,
data: { title: 'Advance Search', breadcrumb: 'Advance Search' }, data: { title: 'Fund Mapping', breadcrumb: 'Fund Mapping' },
resolve: { resolve: {
advanceSearchTemplate: AdvanceSearchTemplateResolver advanceSearchTemplate: AdvanceSearchTemplateResolver
} }
src/app/organization/organization.component.html
+1 -1
View File
@@ -102,7 +102,7 @@
<div #standinginstructions> <div #standinginstructions>
<mat-list-item *mifosxHasPermission="'READ_STANDINGINSTRUCTION'"> <mat-list-item *mifosxHasPermission="'READ_STANDINGINSTRUCTION'">
<div class="menu-list-item-content"> <div class="menu-list-item-content">
<div class="menu-left-section" [routerLink]="['standing-instructions']"> <div class="menu-left-section" [routerLink]="['standing-instructions-history']">
<mat-icon matListIcon> <mat-icon matListIcon>
<fa-icon icon="book" size="sm"></fa-icon> <fa-icon icon="book" size="sm"></fa-icon>
</mat-icon> </mat-icon>
src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.html
+246 -217
View File
@@ -1,48 +1,43 @@
<div class="tab-container mat-typography" *ngIf="loanProduct"> <div class="tab-container" *ngIf="loanProduct">
<h2 class="mat-h2 flex-100">{{ loanProduct.name }}</h2>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Details' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Details' | translate }}</h3>
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Name' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Short Name' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">{{ loanProduct.shortName }}</span>
<mifosx-long-text textValue="{{ loanProduct.name }}" chars="70"></mifosx-long-text>
</span>
</div>
<div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Short Name' | translate }}:</span>
<span class="flex-53">{{ loanProduct.shortName }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.externalId"> <div class="flex-fill layout-row" *ngIf="loanProduct.externalId">
<span class="flex-47">{{ 'labels.inputs.External Id' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.External Id' | translate }}:</span>
<span class="flex-53">{{ loanProduct.externalId }}</span> <span class="flex-60">{{ loanProduct.externalId }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.fundId"> <div class="flex-fill layout-row" *ngIf="loanProduct.fundId">
<span class="flex-47">{{ 'labels.inputs.Fund' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Fund' | translate }}:</span>
<span class="flex-53">{{ loanProduct.fundName }}</span> <span class="flex-60">{{ loanProduct.fundName }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Include in Customer Loan Counter' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Include in Customer Loan Counter' | translate }}:</span>
<span class="flex-53">{{ loanProduct.includeInBorrowerCycle | yesNo }}</span> <span class="flex-60">{{ loanProduct.includeInBorrowerCycle | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.startDate"> <div class="flex-fill layout-row" *ngIf="loanProduct.startDate">
<span class="flex-47">{{ 'labels.inputs.Start Date' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Start Date' | translate }}:</span>
<span class="flex-53">{{ loanProduct.startDate | dateFormat }}</span> <span class="flex-60">{{ loanProduct.startDate | dateFormat }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.closeDate"> <div class="flex-fill layout-row" *ngIf="loanProduct.closeDate">
<span class="flex-47">{{ 'labels.inputs.Close Date' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Close Date' | translate }}:</span>
<span class="flex-53">{{ loanProduct.closeDate | dateFormat }}</span> <span class="flex-60">{{ loanProduct.closeDate | dateFormat }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.description"> <div class="flex-fill layout-row" *ngIf="loanProduct.description">
<span class="flex-47">{{ 'labels.inputs.Description' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Description' | translate }}:</span>
<span class="flex-53">{{ loanProduct.description }}</span> <span class="flex-60">{{ loanProduct.description }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Currency' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Currency' | translate }}</h3>
@@ -50,28 +45,28 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Currency' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Currency' | translate }}:</span>
<span class="flex-53">{{ loanProduct.currency.code }}</span> <span class="flex-60">{{ loanProduct.currency.code }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Currency' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Currency' | translate }}:</span>
<span class="flex-53">{{ loanProduct.currency.displayLabel }}</span> <span class="flex-60">{{ loanProduct.currency.displayLabel }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Decimal Places' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Decimal Places' | translate }}:</span>
<span class="flex-53">{{ loanProduct.currency.decimalPlaces }}</span> <span class="flex-60">{{ loanProduct.currency.decimalPlaces }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Currency in multiples of' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Currency in multiples of' | translate }}:</span>
<span class="flex-53">{{ loanProduct.currency.inMultiplesOf }}</span> <span class="flex-60">{{ loanProduct.currency.inMultiplesOf }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Installment in multiples of' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Installment in multiples of' | translate }}:</span>
<span class="flex-53">{{ loanProduct.installmentAmountInMultiplesOf }}</span> <span class="flex-60">{{ loanProduct.installmentAmountInMultiplesOf }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Terms' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Terms' | translate }}</h3>
@@ -79,8 +74,8 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Principal' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Principal' | translate }}:</span>
<span class="flex-53" <span class="flex-60"
>{{ loanProduct.principal | formatNumber }} (Min >{{ loanProduct.principal | formatNumber }} (Min
{{ (loanProduct.minPrincipal ? loanProduct.minPrincipal : loanProduct.principal) | formatNumber }} : Max {{ (loanProduct.minPrincipal ? loanProduct.minPrincipal : loanProduct.principal) | formatNumber }} : Max
{{ (loanProduct.maxPrincipal ? loanProduct.maxPrincipal : loanProduct.principal) | formatNumber }}) {{ (loanProduct.maxPrincipal ? loanProduct.maxPrincipal : loanProduct.principal) | formatNumber }})
@@ -88,28 +83,28 @@
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Allow Approved / Disbursed Amounts Over Applied' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Allow Approved / Disbursed Amounts Over Applied' | translate }}:</span>
<span class="flex-53">{{ loanProduct.allowApprovedDisbursedAmountsOverApplied | yesNo }}</span> <span class="flex-60">{{ loanProduct.allowApprovedDisbursedAmountsOverApplied | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.allowApprovedDisbursedAmountsOverApplied"> <div class="flex-fill layout-row" *ngIf="loanProduct.allowApprovedDisbursedAmountsOverApplied">
<span class="flex-47">{{ 'labels.inputs.Over Amount' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Over Amount' | translate }}:</span>
<span class="flex-53" *ngIf="loanProduct.overAppliedCalculationType === 'percentage'" <span class="flex-60" *ngIf="loanProduct.overAppliedCalculationType === 'percentage'"
>{{ loanProduct.overAppliedNumber | formatNumber: 0 }} %</span >{{ loanProduct.overAppliedNumber | formatNumber: 0 }} %</span
> >
<span class="flex-53" *ngIf="loanProduct.overAppliedCalculationType === 'flat'" <span class="flex-60" *ngIf="loanProduct.overAppliedCalculationType === 'flat'"
>{{ loanProduct.overAppliedNumber | formatNumber }} {{ loanProduct.currencyCode }}</span >{{ loanProduct.overAppliedNumber | formatNumber }} {{ loanProduct.currencyCode }}</span
> >
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Installment day calculation from' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Installment day calculation from' | translate }}:</span>
<span class="flex-53">{{ loanProduct.repaymentStartDateType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.repaymentStartDateType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Number of Repayments' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Number of Repayments' | translate }}:</span>
<span class="flex-53">{{ <span class="flex-60">{{
loanProduct.numberOfRepayments + loanProduct.numberOfRepayments +
' (Min: ' + ' (Min: ' +
(loanProduct.minNumberOfRepayments ? loanProduct.minNumberOfRepayments : loanProduct.numberOfRepayments) + (loanProduct.minNumberOfRepayments ? loanProduct.minNumberOfRepayments : loanProduct.numberOfRepayments) +
@@ -120,13 +115,13 @@
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Linked to floating interest rates' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Linked to floating interest rates' | translate }}:</span>
<span class="flex-53">{{ loanProduct.isLinkedToFloatingInterestRates | yesNo }}</span> <span class="flex-60">{{ loanProduct.isLinkedToFloatingInterestRates | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="!loanProduct.isLinkedToFloatingInterestRates"> <div class="flex-fill layout-row" *ngIf="!loanProduct.isLinkedToFloatingInterestRates">
<span class="flex-47">{{ 'labels.inputs.Nominal interest rate' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Nominal interest rate' | translate }}:</span>
<span class="flex-53" <span class="flex-60"
>{{ >{{
loanProduct.interestRatePerPeriod + loanProduct.interestRatePerPeriod +
' (Min: ' + ' (Min: ' +
@@ -143,15 +138,22 @@
> >
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.isLinkedToFloatingInterestRates"> <div *ngIf="loanProduct.isLinkedToFloatingInterestRates">
<span class="flex-47">{{ 'labels.inputs.Floating Lending Interest Rate' | translate }}:</span> <div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-53">{{ loanProduct.floatingRateName }}</span> <span class="flex-40">{{ 'labels.inputs.Floating Lending Interest Rate' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Interest Rate Differential' | translate }}:</span> <span class="flex-60">{{ loanProduct.floatingRateName }}</span>
<span class="flex-53">{{ loanProduct.interestRateDifferential }}</span> </div>
<span class="flex-47">{{ 'labels.inputs.Floating Interest Rate Calculation Allowed' | translate }}:</span> <div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-53">{{ loanProduct.isFloatingInterestRateCalculationAllowed | yesNo }}</span> <span class="flex-40">{{ 'labels.inputs.Interest Rate Differential' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Floating Interest Rate' | translate }}:</span> <span class="flex-60">{{ loanProduct.interestRateDifferential }}</span>
<span class="flex-53">{{ </div>
<div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-40">{{ 'labels.inputs.Floating Interest Rate Calculation Allowed' | translate }}:</span>
<span class="flex-60">{{ loanProduct.isFloatingInterestRateCalculationAllowed | yesNo }}</span>
</div>
<div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-40">{{ 'labels.inputs.Floating Interest Rate' | translate }}:</span>
<span class="flex-60">{{
loanProduct.defaultDifferentialLendingRate + loanProduct.defaultDifferentialLendingRate +
' (Min: ' + ' (Min: ' +
(loanProduct.minDifferentialLendingRate (loanProduct.minDifferentialLendingRate
@@ -164,10 +166,11 @@
')' ')'
}}</span> }}</span>
</div> </div>
</div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Terms vary based on loan cycle' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Terms vary based on loan cycle' | translate }}:</span>
<span class="flex-53">{{ loanProduct.useBorrowerCycle | yesNo }}</span> <span class="flex-60">{{ loanProduct.useBorrowerCycle | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.principalVariationsForBorrowerCycle?.length"> <div class="flex-fill layout-row" *ngIf="loanProduct.principalVariationsForBorrowerCycle?.length">
@@ -311,24 +314,24 @@
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Repay Every' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Repay Every' | translate }}:</span>
<span class="flex-53" <span class="flex-60"
>{{ loanProduct.repaymentEvery }} {{ loanProduct.repaymentFrequencyType.value | translateKey: 'catalogs' }}</span >{{ loanProduct.repaymentEvery }} {{ loanProduct.repaymentFrequencyType.value | translateKey: 'catalogs' }}</span
> >
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.fixedLength"> <div class="flex-fill layout-row" *ngIf="loanProduct.fixedLength">
<span class="flex-47">{{ 'labels.inputs.Fixed Length' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Fixed Length' | translate }}:</span>
<span class="flex-53" <span class="flex-60"
>{{ loanProduct.fixedLength }} {{ loanProduct.repaymentFrequencyType.value | translateKey: 'catalogs' }}</span >{{ loanProduct.fixedLength }} {{ loanProduct.repaymentFrequencyType.value | translateKey: 'catalogs' }}</span
> >
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.minimumDaysBetweenDisbursalAndFirstRepayment"> <div class="flex-fill layout-row" *ngIf="loanProduct.minimumDaysBetweenDisbursalAndFirstRepayment">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Minimum days between disbursal and first repayment date' | translate }}:</span >{{ 'labels.inputs.Minimum days between disbursal and first repayment date' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.minimumDaysBetweenDisbursalAndFirstRepayment | formatNumber }}</span> <span class="flex-60">{{ loanProduct.minimumDaysBetweenDisbursalAndFirstRepayment | formatNumber }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Settings' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Settings' | translate }}</h3>
@@ -336,35 +339,35 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row" *ngIf="loanProduct.amortizationType?.value"> <div class="flex-fill layout-row" *ngIf="loanProduct.amortizationType?.value">
<span class="flex-47">{{ 'labels.inputs.Amortization' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Amortization' | translate }}:</span>
<span class="flex-53">{{ loanProduct.amortizationType.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.amortizationType.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Is Equal Amortization' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Is Equal Amortization' | translate }}:</span>
<span class="flex-53">{{ loanProduct.isEqualAmortization | yesNo }}</span> <span class="flex-60">{{ loanProduct.isEqualAmortization | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Interest Method' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Interest Method' | translate }}:</span>
<span class="flex-53">{{ loanProduct.interestType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.interestType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Interest Calculation Period' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Interest Calculation Period' | translate }}:</span>
<span class="flex-53">{{ loanProduct.interestCalculationPeriodType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.interestCalculationPeriodType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Allow Partial Interest Calculation with same as repayment' | translate }}:</span >{{ 'labels.inputs.Allow Partial Interest Calculation with same as repayment' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.allowPartialPeriodInterestCalculation | yesNo }}</span> <span class="flex-60">{{ loanProduct.allowPartialPeriodInterestCalculation | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Is interest recognition on disbursement date?' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Is interest recognition on disbursement date?' | translate }}:</span>
<span class="flex-53">{{ loanProduct.interestRecognitionOnDisbursementDate | yesNo }}</span> <span class="flex-60">{{ loanProduct.interestRecognitionOnDisbursementDate | yesNo }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Loan Schedule' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Loan Schedule' | translate }}</h3>
@@ -372,25 +375,25 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Loan Schedule Type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Loan Schedule Type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.loanScheduleType.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.loanScheduleType.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Repayment Strategy' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Repayment Strategy' | translate }}:</span>
<span class="flex-53 repayment-strategy">{{ <span class="flex-60 repayment-strategy">{{
loanProduct.transactionProcessingStrategyName | translateKey: 'catalogs' loanProduct.transactionProcessingStrategyName | translateKey: 'catalogs'
}}</span> }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation"> <div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation">
<span class="flex-47">{{ 'labels.inputs.Loan Schedule Processing Type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Loan Schedule Processing Type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.loanScheduleProcessingType.value }}</span> <span class="flex-60">{{ loanProduct.loanScheduleProcessingType.value }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation"> <div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation">
<span class="flex-47">{{ 'labels.inputs.Advanced Payment Allocation Transactions' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Advanced Payment Allocation Transactions' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">
<mat-accordion> <mat-accordion>
<mifosx-view-advance-paymeny-allocation <mifosx-view-advance-paymeny-allocation
*ngFor="let paymentAllocation of paymentAllocations" *ngFor="let paymentAllocation of paymentAllocations"
@@ -403,8 +406,8 @@
</div> </div>
<div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && creditAllocations.length > 0"> <div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && creditAllocations.length > 0">
<span class="flex-47">{{ 'labels.inputs.Advanced Credit Allocation Transactions' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Advanced Credit Allocation Transactions' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">
<mat-accordion> <mat-accordion>
<mifosx-view-advance-paymeny-allocation <mifosx-view-advance-paymeny-allocation
*ngFor="let creditAllocation of creditAllocations" *ngFor="let creditAllocation of creditAllocations"
@@ -417,8 +420,8 @@
</div> </div>
<div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && supportedInterestRefundTypes?.length > 0"> <div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && supportedInterestRefundTypes?.length > 0">
<span class="flex-47">{{ 'labels.inputs.Supported Interest Refund Types' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Supported Interest Refund Types' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">
{{ mapHumanReadableValueStringEnumOptionDataList(supportedInterestRefundTypes) }} {{ mapHumanReadableValueStringEnumOptionDataList(supportedInterestRefundTypes) }}
</span> </span>
</div> </div>
@@ -428,18 +431,18 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Enable Down Payments' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable Down Payments' | translate }}:</span>
<span class="flex-53">{{ loanProduct.enableDownPayment | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableDownPayment | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.enableDownPayment"> <div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.enableDownPayment">
<span class="flex-47">{{ 'labels.inputs.Disbursed Amount Percentage Down Payment' | translate }} (%):</span> <span class="flex-40">{{ 'labels.inputs.Disbursed Amount Percentage Down Payment' | translate }} (%):</span>
<span class="flex-53">{{ loanProduct.disbursedAmountPercentageForDownPayment }} %</span> <span class="flex-60">{{ loanProduct.disbursedAmountPercentageForDownPayment }} %</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.enableDownPayment"> <div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.enableDownPayment">
<span class="flex-47">{{ 'labels.inputs.Enable Auto Repayment for Down Payment' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable Auto Repayment for Down Payment' | translate }}:</span>
<span class="flex-53">{{ loanProduct.enableAutoRepaymentForDownPayment | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableAutoRepaymentForDownPayment | yesNo }}</span>
</div> </div>
<div class="flex-100 layout-row-wrap responsive-column" *ngIf="isAdvancedPaymentAllocation"> <div class="flex-100 layout-row-wrap responsive-column" *ngIf="isAdvancedPaymentAllocation">
@@ -448,108 +451,108 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-100 layout-row"> <div class="flex-100 layout-row">
<span class="flex-47">{{ 'labels.inputs.Loan Charge-off behaviour' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Loan Charge-off behaviour' | translate }}:</span>
<span class="flex-53">{{ loanProduct.chargeOffBehaviour.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.chargeOffBehaviour.value | translateKey: 'catalogs' }}</span>
</div> </div>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Moratorium' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Moratorium' | translate }}</h3>
<div class="flex-fill layout-row" *ngIf="loanProduct.delinquencyBucket"> <div class="flex-fill layout-row" *ngIf="loanProduct.delinquencyBucket">
<span class="flex-47">{{ 'labels.inputs.Delinquency Bucket' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Delinquency Bucket' | translate }}:</span>
<span class="flex-53" *ngIf="loanProduct.delinquencyBucket.name">{{ loanProduct.delinquencyBucket.name }}</span> <span class="flex-60" *ngIf="loanProduct.delinquencyBucket.name">{{ loanProduct.delinquencyBucket.name }}</span>
<span class="flex-53" *ngIf="!loanProduct.delinquencyBucket.name">{{ <span class="flex-60" *ngIf="!loanProduct.delinquencyBucket.name">{{
'labels.inputs.Unassigned' | translate 'labels.inputs.Unassigned' | translate
}}</span> }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="!loanProduct.delinquencyBucket"> <div class="flex-fill layout-row" *ngIf="!loanProduct.delinquencyBucket">
<span class="flex-47">{{ 'labels.inputs.Delinquency Bucket' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Delinquency Bucket' | translate }}:</span>
<span class="flex-53">{{ 'labels.inputs.Unassigned' | translate }}</span> <span class="flex-60">{{ 'labels.inputs.Unassigned' | translate }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.delinquencyBucket"> <div class="flex-fill layout-row" *ngIf="loanProduct.delinquencyBucket">
<span class="flex-47">{{ 'labels.inputs.Enable installment level Delinquency' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable installment level Delinquency' | translate }}:</span>
<span class="flex-53">{{ loanProduct.enableInstallmentLevelDelinquency | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableInstallmentLevelDelinquency | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.graceOnPrincipalPayment"> <div class="flex-fill layout-row" *ngIf="loanProduct.graceOnPrincipalPayment">
<span class="flex-47">{{ 'labels.inputs.Grace on principal payment' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Grace on principal payment' | translate }}:</span>
<span class="flex-53">{{ loanProduct.graceOnPrincipalPayment }}</span> <span class="flex-60">{{ loanProduct.graceOnPrincipalPayment }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.graceOnInterestPayment"> <div class="flex-fill layout-row" *ngIf="loanProduct.graceOnInterestPayment">
<span class="flex-47">{{ 'labels.inputs.Grace on interest payment' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Grace on interest payment' | translate }}:</span>
<span class="flex-53">{{ loanProduct.graceOnInterestPayment }}</span> <span class="flex-60">{{ loanProduct.graceOnInterestPayment }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.graceOnInterestCharged"> <div class="flex-fill layout-row" *ngIf="loanProduct.graceOnInterestCharged">
<span class="flex-47">{{ 'labels.inputs.Interest free period' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Interest free period' | translate }}:</span>
<span class="flex-53">{{ loanProduct.graceOnInterestCharged }}</span> <span class="flex-60">{{ loanProduct.graceOnInterestCharged }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.inArrearsTolerance"> <div class="flex-fill layout-row" *ngIf="loanProduct.inArrearsTolerance">
<span class="flex-47">{{ 'labels.inputs.Arrears tolerance' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Arrears tolerance' | translate }}:</span>
<span class="flex-53">{{ loanProduct.inArrearsTolerance }}</span> <span class="flex-60">{{ loanProduct.inArrearsTolerance }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Days in year' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Days in year' | translate }}:</span>
<span class="flex-53">{{ loanProduct.daysInYearType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.daysInYearType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && loanProduct.daysInYearCustomStrategy"> <div class="flex-fill layout-row" *ngIf="isAdvancedPaymentAllocation && loanProduct.daysInYearCustomStrategy">
<span class="flex-47">{{ 'labels.inputs.Days in year custom strategy' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Days in year custom strategy' | translate }}:</span>
<span class="flex-53">{{ loanProduct.daysInYearCustomStrategy.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.daysInYearCustomStrategy.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Days in month' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Days in month' | translate }}:</span>
<span class="flex-53">{{ loanProduct.daysInMonthType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.daysInMonthType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Allow fixing of the installment amount' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Allow fixing of the installment amount' | translate }}:</span>
<span class="flex-53">{{ loanProduct.canDefineInstallmentAmount | yesNo }}</span> <span class="flex-60">{{ loanProduct.canDefineInstallmentAmount | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.graceOnArrearsAgeing"> <div class="flex-fill layout-row" *ngIf="loanProduct.graceOnArrearsAgeing">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Number of days a loan may be overdue before moving into arrears' | translate }}:</span >{{ 'labels.inputs.Number of days a loan may be overdue before moving into arrears' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.graceOnArrearsAgeing }}</span> <span class="flex-60">{{ loanProduct.graceOnArrearsAgeing }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.overdueDaysForNPA"> <div class="flex-fill layout-row" *ngIf="loanProduct.overdueDaysForNPA">
<span class="flex-47" <span class="flex-40"
>{{ >{{
'labels.inputs.Maximum number of days a loan may be overdue before becoming a NPA (non performing asset)' 'labels.inputs.Maximum number of days a loan may be overdue before becoming a NPA (non performing asset)'
| translate | translate
}}:</span }}:</span
> >
<span class="flex-53">{{ loanProduct.overdueDaysForNPA }}</span> <span class="flex-60">{{ loanProduct.overdueDaysForNPA }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Account moves out of NPA only after all arrears have been cleared' | translate }}:</span >{{ 'labels.inputs.Account moves out of NPA only after all arrears have been cleared' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.accountMovesOutOfNPAOnlyOnArrearsCompletion | yesNo }}</span> <span class="flex-60">{{ loanProduct.accountMovesOutOfNPAOnlyOnArrearsCompletion | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.principalThresholdForLastInstallment"> <div class="flex-fill layout-row" *ngIf="loanProduct.principalThresholdForLastInstallment">
<span class="flex-47">{{ 'labels.inputs.Principal Threshold (%) for Last Instalment' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Principal Threshold (%) for Last Instalment' | translate }}:</span>
<span class="flex-53">{{ loanProduct.principalThresholdForLastInstallment }}</span> <span class="flex-60">{{ loanProduct.principalThresholdForLastInstallment }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Variable Installments allowed' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Variable Installments allowed' | translate }}:</span>
<span class="flex-53">{{ loanProduct.allowVariableInstallments | yesNo }}</span> <span class="flex-60">{{ loanProduct.allowVariableInstallments | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.allowVariableInstallments"> <div class="flex-fill layout-row" *ngIf="loanProduct.allowVariableInstallments">
<span class="flex-47">{{ 'labels.inputs.Variable Installments' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Variable Installments' | translate }}:</span>
<span class="flex-53">{{ <span class="flex-60">{{
'(Min: ' + '(Min: ' +
loanProduct.minimumGap + loanProduct.minimumGap +
', Max: ' + ', Max: ' +
@@ -559,8 +562,8 @@
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Allowed to be used for providing Topup Loans' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Allowed to be used for providing Topup Loans' | translate }}:</span>
<span class="flex-53">{{ loanProduct.canUseForTopup | yesNo }}</span> <span class="flex-60">{{ loanProduct.canUseForTopup | yesNo }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Interest Recalculation' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Interest Recalculation' | translate }}</h3>
@@ -568,23 +571,33 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Recalculate Interest' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Recalculate Interest' | translate }}:</span>
<span class="flex-53">{{ loanProduct.isInterestRecalculationEnabled | yesNo }}</span> <span class="flex-60">{{ loanProduct.isInterestRecalculationEnabled | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.isInterestRecalculationEnabled"> <div *ngIf="loanProduct.isInterestRecalculationEnabled">
<span class="flex-47">{{ 'labels.inputs.Pre-closure interest calculation rule' | translate }}:</span> <div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-53">{{ loanProduct.interestRecalculationData.preClosureInterestCalculationStrategy.value }}</span> <span class="flex-40">{{ 'labels.inputs.Pre-closure interest calculation rule' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Advance payments adjustment type' | translate }}:</span> <span class="flex-60">{{
<span class="flex-53">{{ loanProduct.interestRecalculationData.rescheduleStrategyType.value }}</span> loanProduct.interestRecalculationData.preClosureInterestCalculationStrategy.value
<span class="flex-47">{{ 'labels.inputs.Interest recalculation compounding on' | translate }}:</span> }}</span>
<span class="flex-53">{{ loanProduct.interestRecalculationData.interestRecalculationCompoundingType.value }}</span> </div>
<div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-40">{{ 'labels.inputs.Advance payments adjustment type' | translate }}:</span>
<span class="flex-60">{{ loanProduct.interestRecalculationData.rescheduleStrategyType.value }}</span>
</div>
<div class="flex-fill layout-row-wrap responsive-column">
<span class="flex-40">{{ 'labels.inputs.Interest recalculation compounding on' | translate }}:</span>
<span class="flex-60">{{
loanProduct.interestRecalculationData.interestRecalculationCompoundingType.value
}}</span>
</div>
<div <div
class="flex-fill layout-row-wrap responsive-column" class="flex-fill layout-row-wrap responsive-column"
*ngIf="loanProduct.interestRecalculationData.interestRecalculationCompoundingType.id !== 0" *ngIf="loanProduct.interestRecalculationData.interestRecalculationCompoundingType.id !== 0"
> >
<span class="flex-47">{{ 'labels.inputs.Frequency for compounding' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Frequency for compounding' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">
{{ loanProduct.interestRecalculationData.recalculationCompoundingFrequencyType.value }} {{ loanProduct.interestRecalculationData.recalculationCompoundingFrequencyType.value }}
<span <span
*ngIf=" *ngIf="
@@ -617,15 +630,15 @@
class="flex-fill layout-row-wrap responsive-column" class="flex-fill layout-row-wrap responsive-column"
*ngIf="loanProduct.interestRecalculationData.recalculationCompoundingFrequencyType.id !== 1" *ngIf="loanProduct.interestRecalculationData.recalculationCompoundingFrequencyType.id !== 1"
> >
<span class="flex-47">{{ 'labels.inputs.Frequency Interval for compounding' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Frequency Interval for compounding' | translate }}:</span>
<span class="flex-53">{{ <span class="flex-60">{{
loanProduct.interestRecalculationData.recalculationCompoundingFrequencyInterval loanProduct.interestRecalculationData.recalculationCompoundingFrequencyInterval
}}</span> }}</span>
</div> </div>
</div> </div>
<div class="flex-fill layout-row responsive-column"> <div class="flex-fill layout-row responsive-column">
<span class="flex-47">{{ 'labels.inputs.Frequency for recalculate Outstanding Principal' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Frequency for recalculate Outstanding Principal' | translate }}:</span>
<span class="flex-53"> <span class="flex-60">
{{ loanProduct.interestRecalculationData.recalculationRestFrequencyType.value }} {{ loanProduct.interestRecalculationData.recalculationRestFrequencyType.value }}
<span <span
*ngIf=" *ngIf="
@@ -655,24 +668,24 @@
class="flex-100 layout-row-wrap responsive-column" class="flex-100 layout-row-wrap responsive-column"
*ngIf="loanProduct.interestRecalculationData.recalculationRestFrequencyType.id !== 1" *ngIf="loanProduct.interestRecalculationData.recalculationRestFrequencyType.id !== 1"
> >
<span class="flex-47">{{ 'labels.inputs.Frequency Interval for recalculation' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Frequency Interval for recalculation' | translate }}:</span>
<span class="flex-53">{{ loanProduct.interestRecalculationData.recalculationRestFrequencyInterval }}</span> <span class="flex-60">{{ loanProduct.interestRecalculationData.recalculationRestFrequencyInterval }}</span>
<div class="flex-fill" *ngIf="loanProduct.recalculationRestFrequencyDate"> <div class="flex-fill" *ngIf="loanProduct.recalculationRestFrequencyDate">
<span class="flex-47">{{ 'labels.inputs.Rest Frequency Date' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Rest Frequency Date' | translate }}:</span>
<span class="flex-53">{{ loanProduct.interestRecalculationData.recalculationRestFrequencyDate }}</span> <span class="flex-60">{{ loanProduct.interestRecalculationData.recalculationRestFrequencyDate }}</span>
</div> </div>
</div> </div>
<div class="flex-100 layout-row"> <div class="flex-100 layout-row">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Is Arrears recognization based on original schedule' | translate }}:</span >{{ 'labels.inputs.Is Arrears recognization based on original schedule' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.interestRecalculationData.isArrearsBasedOnOriginalSchedule | yesNo }}</span> <span class="flex-60">{{ loanProduct.interestRecalculationData.isArrearsBasedOnOriginalSchedule | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.loanScheduleType.code === 'PROGRESSIVE'"> <div class="flex-fill layout-row" *ngIf="loanProduct.loanScheduleType.code === 'PROGRESSIVE'">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Do not calculate interest on past due principal balances' | translate }}:</span >{{ 'labels.inputs.Do not calculate interest on past due principal balances' | translate }}:</span
> >
<span class="flex-53">{{ <span class="flex-60">{{
loanProduct.interestRecalculationData.disallowInterestCalculationOnPastDue | yesNo loanProduct.interestRecalculationData.disallowInterestCalculationOnPastDue | yesNo
}}</span> }}</span>
</div> </div>
@@ -683,20 +696,20 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Place Guarantee Funds On-Hold' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Place Guarantee Funds On-Hold' | translate }}:</span>
<span class="flex-53">{{ loanProduct.holdGuaranteeFunds | yesNo }}</span> <span class="flex-60">{{ loanProduct.holdGuaranteeFunds | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.holdGuaranteeFunds"> <div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.holdGuaranteeFunds">
<span class="flex-47">{{ 'labels.inputs.Mandatory Guarantee' | translate }} (%):</span> <span class="flex-40">{{ 'labels.inputs.Mandatory Guarantee' | translate }} (%):</span>
<span class="flex-53">{{ loanProduct.productGuaranteeData.mandatoryGuarantee }}</span> <span class="flex-60">{{ loanProduct.productGuaranteeData.mandatoryGuarantee }}</span>
<div class="flex-fill layout-row" *ngIf="loanProduct.productGuaranteeData.minimumGuaranteeFromOwnFunds"> <div class="flex-fill layout-row" *ngIf="loanProduct.productGuaranteeData.minimumGuaranteeFromOwnFunds">
<span class="flex-47">{{ 'labels.inputs.Minimum Guarantee from Own Funds' | translate }} (%):</span> <span class="flex-40">{{ 'labels.inputs.Minimum Guarantee from Own Funds' | translate }} (%):</span>
<span class="flex-53">{{ loanProduct.productGuaranteeData.minimumGuaranteeFromOwnFunds }}</span> <span class="flex-60">{{ loanProduct.productGuaranteeData.minimumGuaranteeFromOwnFunds }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.productGuaranteeData.minimumGuaranteeFromGuarantor"> <div class="flex-fill layout-row" *ngIf="loanProduct.productGuaranteeData.minimumGuaranteeFromGuarantor">
<span class="flex-47">{{ 'labels.inputs.Minimum Guarantee from Guarantor Funds' | translate }} (%):</span> <span class="flex-40">{{ 'labels.inputs.Minimum Guarantee from Guarantor Funds' | translate }} (%):</span>
<span class="flex-53">{{ loanProduct.productGuaranteeData.minimumGuaranteeFromGuarantor }}</span> <span class="flex-60">{{ loanProduct.productGuaranteeData.minimumGuaranteeFromGuarantor }}</span>
</div> </div>
</div> </div>
@@ -705,42 +718,42 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Enable Multiple Disbursals' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable Multiple Disbursals' | translate }}:</span>
<span class="flex-53">{{ loanProduct.multiDisburseLoan | yesNo }}</span> <span class="flex-60">{{ loanProduct.multiDisburseLoan | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.multiDisburseLoan"> <div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.multiDisburseLoan">
<span class="flex-47">{{ 'labels.inputs.Maximum Tranche count' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Maximum Tranche count' | translate }}:</span>
<span class="flex-53">{{ loanProduct.maxTrancheCount }}</span> <span class="flex-60">{{ loanProduct.maxTrancheCount }}</span>
<div class="flex-fill layout-row" *ngIf="loanProduct.outstandingLoanBalance"> <div class="flex-fill layout-row" *ngIf="loanProduct.outstandingLoanBalance">
<span class="flex-47">{{ 'labels.inputs.Maximum allowed outstanding balance' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Maximum allowed outstanding balance' | translate }}:</span>
<span class="flex-53">{{ loanProduct.outstandingLoanBalance }}</span> <span class="flex-60">{{ loanProduct.outstandingLoanBalance }}</span>
</div> </div>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47">{{ 'labels.inputs.Disallow Expected Disbursements' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Disallow Expected Disbursements' | translate }}:</span>
<span class="flex-53">{{ loanProduct.disallowExpectedDisbursements | yesNo }}</span> <span class="flex-60">{{ loanProduct.disallowExpectedDisbursements | yesNo }}</span>
</div> </div>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.heading.Event Settings' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Event Settings' | translate }}</h3>
<div class="flex-fill"> <div class="flex-fill">
<span class="flex-47" <span class="flex-40"
>{{ >{{
'labels.inputs.Use the Global Configurations values to the Repayment Event (notifications)' | translate 'labels.inputs.Use the Global Configurations values to the Repayment Event (notifications)' | translate
}}:</span }}:</span
> >
<span class="flex-53">{{ useDueForRepaymentsConfigurations | yesNo }}</span> <span class="flex-60">{{ useDueForRepaymentsConfigurations | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.dueDaysForRepaymentEvent"> <div class="flex-fill layout-row" *ngIf="loanProduct.dueDaysForRepaymentEvent">
<span class="flex-47">{{ 'labels.inputs.Due days for repayment event' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Due days for repayment event' | translate }}:</span>
<span class="flex-53">{{ loanProduct.dueDaysForRepaymentEvent | number }}</span> <span class="flex-60">{{ loanProduct.dueDaysForRepaymentEvent | number }}</span>
</div> </div>
<div class="flex-fill layout-row" *ngIf="loanProduct.overDueDaysForRepaymentEvent"> <div class="flex-fill layout-row" *ngIf="loanProduct.overDueDaysForRepaymentEvent">
<span class="flex-47">{{ 'labels.inputs.OverDue days for repayment event' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.OverDue days for repayment event' | translate }}:</span>
<span class="flex-53">{{ loanProduct.overDueDaysForRepaymentEvent | number }}</span> <span class="flex-60">{{ loanProduct.overDueDaysForRepaymentEvent | number }}</span>
</div> </div>
<h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Configurable Terms and Settings' | translate }}</h3> <h3 class="mat-h3 flex-fill">{{ 'labels.inputs.Configurable Terms and Settings' | translate }}</h3>
@@ -748,31 +761,47 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-fill layout-row"> <div class="flex-fill layout-row">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Allow overriding select terms and settings in loan accounts' | translate }}:</span >{{ 'labels.inputs.Allow overriding select terms and settings in loan accounts' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.allowAttributeConfiguration | yesNo }}</span> <span class="flex-60">{{ loanProduct.allowAttributeConfiguration | yesNo }}</span>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.allowAttributeConfiguration"> <div *ngIf="loanProduct.allowAttributeConfiguration">
<span class="flex-47">{{ 'labels.inputs.Amortization' | translate }}:</span> <div class="flex-fill layout-row">
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.amortizationType | yesNo }}</span> <span class="flex-40">{{ 'labels.inputs.Amortization' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Interest method' | translate }}:</span> <span class="flex-60">{{ loanProduct.allowAttributeOverrides.amortizationType | yesNo }}</span>
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.interestType | yesNo }}</span> </div>
<span class="flex-47">{{ 'labels.inputs.Repayment strategy' | translate }}:</span> <div class="flex-fill layout-row">
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.transactionProcessingStrategyCode | yesNo }}</span> <span class="flex-40">{{ 'labels.inputs.Interest method' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Interest calculation period' | translate }}:</span> <span class="flex-60">{{ loanProduct.allowAttributeOverrides.interestType | yesNo }}</span>
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.interestCalculationPeriodType | yesNo }}</span> </div>
<span class="flex-47">{{ 'labels.inputs.Arrears tolerance' | translate }}:</span> <div class="flex-fill layout-row">
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.inArrearsTolerance | yesNo }}</span> <span class="flex-40">{{ 'labels.inputs.Repayment strategy' | translate }}:</span>
<span class="flex-47">{{ 'labels.inputs.Repaid every' | translate }}:</span> <span class="flex-60">{{ loanProduct.allowAttributeOverrides.transactionProcessingStrategyCode | yesNo }}</span>
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.repaymentEvery | yesNo }}</span> </div>
<span class="flex-47">{{ 'labels.inputs.Moratorium' | translate }}:</span> <div class="flex-fill layout-row">
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.graceOnPrincipalAndInterestPayment | yesNo }}</span> <span class="flex-40">{{ 'labels.inputs.Interest calculation period' | translate }}:</span>
<span class="flex-47" <span class="flex-60">{{ loanProduct.allowAttributeOverrides.interestCalculationPeriodType | yesNo }}</span>
</div>
<div class="flex-fill layout-row">
<span class="flex-40">{{ 'labels.inputs.Arrears tolerance' | translate }}:</span>
<span class="flex-60">{{ loanProduct.allowAttributeOverrides.inArrearsTolerance | yesNo }}</span>
</div>
<div class="flex-fill layout-row">
<span class="flex-40">{{ 'labels.inputs.Repaid every' | translate }}:</span>
<span class="flex-60">{{ loanProduct.allowAttributeOverrides.repaymentEvery | yesNo }}</span>
</div>
<div class="flex-fill layout-row">
<span class="flex-40">{{ 'labels.inputs.Moratorium' | translate }}:</span>
<span class="flex-60">{{ loanProduct.allowAttributeOverrides.graceOnPrincipalAndInterestPayment | yesNo }}</span>
</div>
<div class="flex-fill layout-row">
<span class="flex-40"
>{{ 'labels.inputs.Number of days a loan may be overdue before moving into arrears' | translate }}:</span >{{ 'labels.inputs.Number of days a loan may be overdue before moving into arrears' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.allowAttributeOverrides.graceOnArrearsAgeing | yesNo }}</span> <span class="flex-60">{{ loanProduct.allowAttributeOverrides.graceOnArrearsAgeing | yesNo }}</span>
</div>
</div> </div>
<div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.charges.length"> <div class="flex-fill layout-row-wrap responsive-column" *ngIf="loanProduct.charges.length">
@@ -857,23 +886,23 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-100 layout-row"> <div class="flex-100 layout-row">
<span class="flex-47">{{ 'labels.inputs.Enable income capitalization' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable income capitalization' | translate }}:</span>
<span class="flex-53">{{ loanProduct.enableIncomeCapitalization | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableIncomeCapitalization | yesNo }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization">
<span class="flex-47">{{ 'labels.inputs.Income capitalization calculation type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Income capitalization calculation type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.capitalizedIncomeCalculationType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.capitalizedIncomeCalculationType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization">
<span class="flex-47">{{ 'labels.inputs.Income capitalization strategy' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Income capitalization strategy' | translate }}:</span>
<span class="flex-53">{{ loanProduct.capitalizedIncomeStrategy?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.capitalizedIncomeStrategy?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableIncomeCapitalization">
<span class="flex-47">{{ 'labels.inputs.Income type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Income type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.capitalizedIncomeType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.capitalizedIncomeType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
</div> </div>
@@ -883,23 +912,23 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-100 layout-row"> <div class="flex-100 layout-row">
<span class="flex-47">{{ 'labels.inputs.Enable Buy down fee' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Enable Buy down fee' | translate }}:</span>
<span class="flex-53">{{ loanProduct.enableBuyDownFee | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableBuyDownFee | yesNo }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee">
<span class="flex-47">{{ 'labels.inputs.Buy down fee calculation type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Buy down fee calculation type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.buyDownFeeCalculationType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.buyDownFeeCalculationType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee">
<span class="flex-47">{{ 'labels.inputs.Buy down fee strategy' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Buy down fee strategy' | translate }}:</span>
<span class="flex-53">{{ loanProduct.buyDownFeeStrategy?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.buyDownFeeStrategy?.value | translateKey: 'catalogs' }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee"> <div class="flex-100 layout-row" *ngIf="loanProduct.enableBuyDownFee">
<span class="flex-47">{{ 'labels.inputs.Buy down fee income type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Buy down fee income type' | translate }}:</span>
<span class="flex-53">{{ loanProduct.buyDownFeeIncomeType?.value | translateKey: 'catalogs' }}</span> <span class="flex-60">{{ loanProduct.buyDownFeeIncomeType?.value | translateKey: 'catalogs' }}</span>
</div> </div>
</div> </div>
@@ -908,17 +937,17 @@
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
<div class="flex-100 layout-row"> <div class="flex-100 layout-row">
<span class="flex-47">{{ 'labels.inputs.Type' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Type' | translate }}:</span>
<span class="flex-53">{{ <span class="flex-60">{{
'labels.accounting.' + getAccountingRuleName(accountingRuleData[accountingRule() - 1]) | translate 'labels.accounting.' + getAccountingRuleName(accountingRuleData[accountingRule() - 1]) | translate
}}</span> }}</span>
</div> </div>
<div class="flex-100 layout-row" *ngIf="isAccountingAccrualBased"> <div class="flex-100 layout-row" *ngIf="isAccountingAccrualBased">
<span class="flex-47" <span class="flex-40"
>{{ 'labels.inputs.Enable Accrual Activity Posting on Installment Due Date' | translate }}:</span >{{ 'labels.inputs.Enable Accrual Activity Posting on Installment Due Date' | translate }}:</span
> >
<span class="flex-53">{{ loanProduct.enableAccrualActivityPosting | yesNo }}</span> <span class="flex-60">{{ loanProduct.enableAccrualActivityPosting | yesNo }}</span>
</div> </div>
<div class="flex-100 layout-row-wrap responsive-column" *ngIf="isAccountingEnabled()"> <div class="flex-100 layout-row-wrap responsive-column" *ngIf="isAccountingEnabled()">
src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.scss
+1
View File
@@ -1,3 +1,4 @@
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *; @use 'assets/styles/colours' as *;
.tab-container { .tab-container {
src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.ts
+1 -3
View File
@@ -19,9 +19,8 @@ import {
import { LoanProducts } from '../../loan-products'; import { LoanProducts } from '../../loan-products';
import { CodeName, OptionData, StringEnumOptionData } from '../../../../shared/models/option-data.model'; import { CodeName, OptionData, StringEnumOptionData } from '../../../../shared/models/option-data.model';
import { Accounting } from 'app/core/utils/accounting'; import { Accounting } from 'app/core/utils/accounting';
import { NgIf, NgFor, DecimalPipe } from '@angular/common'; import { DecimalPipe } from '@angular/common';
import { MatDivider } from '@angular/material/divider'; import { MatDivider } from '@angular/material/divider';
import { LongTextComponent } from '../../../../shared/long-text/long-text.component';
import { import {
MatTable, MatTable,
MatColumnDef, MatColumnDef,
@@ -50,7 +49,6 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
imports: [ imports: [
...STANDALONE_SHARED_IMPORTS, ...STANDALONE_SHARED_IMPORTS,
MatDivider, MatDivider,
LongTextComponent,
MatTable, MatTable,
MatColumnDef, MatColumnDef,
MatHeaderCellDef, MatHeaderCellDef,
src/app/products/loan-products/loan-product-stepper/loan-product-accounting-step/loan-product-accounting-step.component.html
+1 -1
View File
@@ -512,7 +512,7 @@
</div> </div>
</div> </div>
<div class="layout-row align-center margin-t responsive-column"> <div class="layout-row align-center margin-t responsive-column gap-2percent">
<button mat-raised-button matStepperPrevious> <button mat-raised-button matStepperPrevious>
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon> <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
{{ 'labels.buttons.Previous' | translate }} {{ 'labels.buttons.Previous' | translate }}
src/app/products/saving-products/view-saving-product/saving-product-general-tab/saving-product-general-tab.component.html
+2 -2
View File
@@ -10,9 +10,9 @@
</button> </button>
</div> </div>
<div class="tab-container mat-typography"> <div class="tab-container">
<div class="responsive-column"> <div class="responsive-column">
<h2 class="mat-h2 flex-fill">{{ savingProduct.name }}</h2> <h2 class="mat-h2 flex-100">{{ savingProduct.name }}</h2>
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
src/app/products/share-products/share-product-stepper/share-product-preview-step/share-product-preview-step.component.scss
+8
View File
@@ -1,3 +1,5 @@
@use 'assets/styles/colours' as *;
table { table {
width: 100%; width: 100%;
} }
@@ -24,3 +26,9 @@ mat-divider {
.margin-t { .margin-t {
margin-top: 1em; margin-top: 1em;
} }
.mat-h3 {
margin-top: 10px !important;
font-weight: 300;
color: $status-approved;
}
src/app/products/share-products/view-share-product/share-product-general-tab/share-product-general-tab.component.html
+10 -11
View File
@@ -1,4 +1,4 @@
<div class="layout-row align-end gap-2px responsive-column container m-b-20"> <div class="layout-row align-end gap-2px responsive-column container m-b-20 m-t-10">
<button mat-raised-button color="primary" [routerLink]="['../edit']" *mifosxHasPermission="'UPDATE_SHAREPRODUCT'"> <button mat-raised-button color="primary" [routerLink]="['../edit']" *mifosxHasPermission="'UPDATE_SHAREPRODUCT'">
<fa-icon icon="edit" class="m-r-10"></fa-icon> <fa-icon icon="edit" class="m-r-10"></fa-icon>
{{ 'labels.buttons.Edit' | translate }} {{ 'labels.buttons.Edit' | translate }}
@@ -14,11 +14,11 @@
</button> </button>
</div> </div>
<div class="container"> <div class="tab-container">
<mat-card> <!-- <mat-card>
<mat-card-content> <mat-card-content> -->
<div class="responsive-column"> <!-- <div class="responsive-column"> -->
<h2 class="mat-h2 flex-fill">{{ shareProduct.name }}</h2> <h2 class="mat-h2 flex-100">{{ shareProduct.name }}</h2>
<mat-divider [inset]="true"></mat-divider> <mat-divider [inset]="true"></mat-divider>
@@ -106,8 +106,7 @@
<div class="flex-fill layout-row" *ngIf="shareProduct.lockinPeriod"> <div class="flex-fill layout-row" *ngIf="shareProduct.lockinPeriod">
<span class="flex-40">{{ 'labels.inputs.Lock-in Period' | translate }}:</span> <span class="flex-40">{{ 'labels.inputs.Lock-in Period' | translate }}:</span>
<span class="flex-60" <span class="flex-60"
>{{ shareProduct.lockinPeriod }} >{{ shareProduct.lockinPeriod }} {{ shareProduct.lockPeriodTypeEnum.value | translateKey: 'catalogs' }}</span
{{ shareProduct.lockPeriodTypeEnum.value | translateKey: 'catalogs' }}</span
> >
</div> </div>
@@ -240,7 +239,7 @@
</mifosx-gl-account-display> </mifosx-gl-account-display>
</div> </div>
</div> </div>
</div> <!-- </div> -->
</mat-card-content> <!-- </mat-card-content>
</mat-card> </mat-card> -->
</div> </div>
src/assets/translations/cs-CS.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Vytvořeno v", "Created At": "Vytvořeno v",
"Created By": "Vytvořil", "Created By": "Vytvořil",
"Created On": "Vytvořeno dne", "Created On": "Vytvořeno dne",
"Creation Date": "Datum vytvoření",
"Credit": "Kredit", "Credit": "Kredit",
"Credit Account": "Úvěrový účet", "Credit Account": "Úvěrový účet",
"Credit Account Name": "Název kreditního účtu", "Credit Account Name": "Název kreditního účtu",
src/assets/translations/de-DE.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Hergestellt in", "Created At": "Hergestellt in",
"Created By": "Erstellt von", "Created By": "Erstellt von",
"Created On": "Erstellt am", "Created On": "Erstellt am",
"Creation Date": "Erstellungsdatum",
"Credit": "Kredit", "Credit": "Kredit",
"Credit Account": "Kreditkonto", "Credit Account": "Kreditkonto",
"Credit Account Name": "Name des Kreditkontos", "Credit Account Name": "Name des Kreditkontos",
src/assets/translations/en-US.json
+1
View File
@@ -1429,6 +1429,7 @@
"Created At": "Created At", "Created At": "Created At",
"Created By": "Created By", "Created By": "Created By",
"Created On": "Created On", "Created On": "Created On",
"Creation Date": "Creation Date",
"Credit": "Credit", "Credit": "Credit",
"Credit Account": "Credit Account", "Credit Account": "Credit Account",
"Credit Account Name": "Credit Account Name", "Credit Account Name": "Credit Account Name",
src/assets/translations/es-CL.json
+1
View File
@@ -1424,6 +1424,7 @@
"Created At": "Creado en", "Created At": "Creado en",
"Created By": "Creado por", "Created By": "Creado por",
"Created On": "Creado en", "Created On": "Creado en",
"Creation Date": "Fecha de creación",
"Credit": "Crédito", "Credit": "Crédito",
"Credit Account": "Cuenta de crédito", "Credit Account": "Cuenta de crédito",
"Credit Account Name": "Nombre de la cuenta de crédito", "Credit Account Name": "Nombre de la cuenta de crédito",
src/assets/translations/es-MX.json
+1
View File
@@ -1424,6 +1424,7 @@
"Created At": "Creado en", "Created At": "Creado en",
"Created By": "Creado por", "Created By": "Creado por",
"Created On": "Creado en", "Created On": "Creado en",
"Creation Date": "Fecha de creación",
"Credit": "Crédito", "Credit": "Crédito",
"Credit Account": "Cuenta de crédito", "Credit Account": "Cuenta de crédito",
"Credit Account Name": "Nombre de la cuenta de crédito", "Credit Account Name": "Nombre de la cuenta de crédito",
src/assets/translations/fr-FR.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Créé à", "Created At": "Créé à",
"Created By": "Créé par", "Created By": "Créé par",
"Created On": "Créé sur", "Created On": "Créé sur",
"Creation Date": "Date de création",
"Credit": "Crédit", "Credit": "Crédit",
"Credit Account": "Compte créditeur", "Credit Account": "Compte créditeur",
"Credit Account Name": "Nom du compte de crédit", "Credit Account Name": "Nom du compte de crédit",
src/assets/translations/it-IT.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Creato a", "Created At": "Creato a",
"Created By": "Creato da", "Created By": "Creato da",
"Created On": "Creato", "Created On": "Creato",
"Creation Date": "Data di creazione",
"Credit": "Credito", "Credit": "Credito",
"Credit Account": "Conto di credito", "Credit Account": "Conto di credito",
"Credit Account Name": "Nome del conto di credito", "Credit Account Name": "Nome del conto di credito",
src/assets/translations/ko-KO.json
+1
View File
@@ -1426,6 +1426,7 @@
"Created At": "생성 날짜", "Created At": "생성 날짜",
"Created By": "작성자", "Created By": "작성자",
"Created On": "에 만든", "Created On": "에 만든",
"Creation Date": "생성 날짜",
"Credit": "신용 거래", "Credit": "신용 거래",
"Credit Account": "신용 계좌", "Credit Account": "신용 계좌",
"Credit Account Name": "신용 계좌 이름", "Credit Account Name": "신용 계좌 이름",
src/assets/translations/lt-LT.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Sukurta", "Created At": "Sukurta",
"Created By": "Sukurta", "Created By": "Sukurta",
"Created On": "Sukurtas", "Created On": "Sukurtas",
"Creation Date": "Sukūrimo data",
"Credit": "Kreditas", "Credit": "Kreditas",
"Credit Account": "Kredito sąskaita", "Credit Account": "Kredito sąskaita",
"Credit Account Name": "Kredito sąskaitos pavadinimas", "Credit Account Name": "Kredito sąskaitos pavadinimas",
src/assets/translations/lv-LV.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Izveidots plkst", "Created At": "Izveidots plkst",
"Created By": "Radīts", "Created By": "Radīts",
"Created On": "Izveidots", "Created On": "Izveidots",
"Creation Date": "Izveidošanas datums",
"Credit": "Kredīts", "Credit": "Kredīts",
"Credit Account": "Kredīta konts", "Credit Account": "Kredīta konts",
"Credit Account Name": "Kredīta konta nosaukums", "Credit Account Name": "Kredīta konta nosaukums",
src/assets/translations/ne-NE.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "मा सिर्जना गरियो", "Created At": "मा सिर्जना गरियो",
"Created By": "द्वारा सिर्जना गरिएको", "Created By": "द्वारा सिर्जना गरिएको",
"Created On": "मा सिर्जना गरियो", "Created On": "मा सिर्जना गरियो",
"Creation Date": "सिर्जना मिति",
"Credit": "क्रेडिट", "Credit": "क्रेडिट",
"Credit Account": "क्रेडिट खाता", "Credit Account": "क्रेडिट खाता",
"Credit Account Name": "क्रेडिट खाता नाम", "Credit Account Name": "क्रेडिट खाता नाम",
src/assets/translations/pt-PT.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Criado em", "Created At": "Criado em",
"Created By": "Criado por", "Created By": "Criado por",
"Created On": "Criado em", "Created On": "Criado em",
"Creation Date": "Data de Criação",
"Credit": "Crédito", "Credit": "Crédito",
"Credit Account": "Conta de crédito", "Credit Account": "Conta de crédito",
"Credit Account Name": "Nome da conta de crédito", "Credit Account Name": "Nome da conta de crédito",
src/assets/translations/sw-SW.json
+1
View File
@@ -1425,6 +1425,7 @@
"Created At": "Imeundwa Katika", "Created At": "Imeundwa Katika",
"Created By": "Imetengenezwa na", "Created By": "Imetengenezwa na",
"Created On": "Imeundwa Juu", "Created On": "Imeundwa Juu",
"Creation Date": "Tarehe ya Uumbaji",
"Credit": "Mikopo", "Credit": "Mikopo",
"Credit Account": "Akaunti ya Mkopo", "Credit Account": "Akaunti ya Mkopo",
"Credit Account Name": "Jina la Akaunti ya Mkopo", "Credit Account Name": "Jina la Akaunti ya Mkopo",