Enhancement in loan payment views (#1667)
Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
This commit is contained in:
co-authored by
Jose Alberto Hernandez
parent
ffea817f76
commit
b9a9a8694c
+12
-10
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user