Enhancement in loan payment views (#1667)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
This commit is contained in:
José Alberto Hernández
2023-01-31 18:36:36 -06:00
committed by GitHub
co-authored by Jose Alberto Hernandez
parent ffea817f76
commit b9a9a8694c
12 changed files with 73 additions and 25 deletions
@@ -24,38 +24,40 @@
{{ 'Principal' | translate }}
</div>
<div fxFlex="50%" class="r-amount">
{{ dataObject.principalPortion | number }}
<div fxFlex="50%" class="r-amount right-label">
{{ prepayData.principalPortion | number }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{ 'Interest' | translate }}
</div>
<div fxFlex="50%" class="r-amount">
{{ dataObject.interestPortion | number }}
<div fxFlex="50%" class="r-amount right-label">
{{ prepayData.interestPortion | number }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{ 'Fees' | translate }}
</div>
<div fxFlex="50%" class="r-amount">
{{ dataObject.feeChargesPortion | number }}
<div fxFlex="50%" class="r-amount right-label">
{{ prepayData.feeChargesPortion | number }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{ 'Penalties' | translate }}
</div>
<div fxFlex="50%" class="r-amount">
{{ dataObject.penaltyChargesPortion | number }}
<div fxFlex="50%" class="r-amount right-label">
{{ prepayData.penaltyChargesPortion | number }}
</div>
</div>
<mat-form-field>
<mat-form-field appearance="fill">
<mat-label>Transaction Amount</mat-label>
<input type="number" matInput required formControlName="transactionAmount">
<span matTextSuffix class="m-l-10">{{ prepayData.currency.code }}</span>
<span fxFlex="auto"></span>
<input type="number" matInput required class="right-input" formControlName="transactionAmount">
<mat-error *ngIf="prepayLoanForm.controls.transactionAmount.hasError('required')">
Transaction Amount <strong>is required</strong>
</mat-error>