Loan summary with principal adjustments (#1540)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
merging as the PR is approved
This commit is contained in:
José Alberto Hernández
2022-10-17 21:02:30 +05:30
committed by GitHub
parent 15a04afb28
commit 1a18759c2f
4 changed files with 49 additions and 22 deletions
@@ -23,33 +23,38 @@
</ng-container>
<ng-container matColumnDef="Original">
<th mat-header-cell *matHeaderCellDef> Original </th>
<td mat-cell *matCellDef="let ele"> {{ ele.original | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Original </th>
<td mat-cell class="r-amount" *matCellDef="let ele"> {{ ele.original | currency }} </td>
</ng-container>
<ng-container matColumnDef="Paid">
<th mat-header-cell *matHeaderCellDef> Paid </th>
<td mat-cell *matCellDef="let ele"> {{ ele.paid | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Paid </th>
<td mat-cell class="r-amount amount-minus" *matCellDef="let ele"> {{ ele.paid | currency }} </td>
</ng-container>
<ng-container matColumnDef="Adjustments">
<th mat-header-cell class="r-amount" *matHeaderCellDef> Credit Adjustments </th>
<td mat-cell class="r-amount amount-plus" *matCellDef="let ele"> {{ ele.adjustment | currency }} </td>
</ng-container>
<ng-container matColumnDef="Waived">
<th mat-header-cell *matHeaderCellDef> Waived </th>
<td mat-cell *matCellDef="let ele"> {{ ele.waived | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Waived </th>
<td mat-cell class="r-amount amount-minus" *matCellDef="let ele"> {{ ele.waived | currency }} </td>
</ng-container>
<ng-container matColumnDef="Written Off">
<th mat-header-cell *matHeaderCellDef> Written Off </th>
<td mat-cell *matCellDef="let ele"> {{ ele.writtenOff | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Written Off </th>
<td mat-cell class="r-amount amount-minus" *matCellDef="let ele"> {{ ele.writtenOff | currency }} </td>
</ng-container>
<ng-container matColumnDef="Outstanding">
<th mat-header-cell *matHeaderCellDef> Outstanding </th>
<td mat-cell *matCellDef="let ele"> {{ ele.outstanding | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Outstanding </th>
<td mat-cell class="r-amount" *matCellDef="let ele"> {{ ele.outstanding | currency }} </td>
</ng-container>
<ng-container matColumnDef="Over Due">
<th mat-header-cell *matHeaderCellDef> Over Due </th>
<td mat-cell *matCellDef="let ele"> {{ ele.overdue | number }} </td>
<th mat-header-cell class="r-amount" *matHeaderCellDef> Over Due </th>
<td mat-cell class="r-amount" *matCellDef="let ele"> {{ ele.overdue | currency }} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="loanSummaryColumns"></tr>
@@ -176,17 +181,17 @@
<div fxFlexFill>
<span fxFlex="50%">Proposed Amount:</span>
<span fxFlex="50%">{{ loanDetails.proposedPrincipal | number}}</span>
<span fxFlex="50%">{{ loanDetails.proposedPrincipal | currency}}</span>
</div>
<div fxFlexFill *ngIf="showApprovedAmountBasedOnStatus()">
<span fxFlex="50%">Approved Amount:</span>
<span fxFlex="50%">{{ loanDetails.approvedPrincipal | number }}</span>
<span fxFlex="50%">{{ loanDetails.approvedPrincipal | currency }}</span>
</div>
<div fxFlexFill *ngIf="showDisbursedAmountBasedOnStatus()">
<span fxFlex="50%">Disburse Amount:</span>
<span fxFlex="50%">{{ loanDetails.principal | number }}</span>
<span fxFlex="50%">{{ loanDetails.principal | currency }}</span>
</div>
<div fxFlexFill>