Styling table with amounts

This commit is contained in:
Jose Alberto Hernandez
2022-12-15 09:14:43 -06:00
parent 01135bce3e
commit c5ece8d95d
5 changed files with 111 additions and 93 deletions
@@ -26,6 +26,13 @@
<span *ngIf="loanDetailsData.delinquencyRange">
Loan Account Classification : {{loanDetailsData?.delinquencyRange.classification}}
</span>
<span *ngIf="loanDetailsData.delinquent && loanDetailsData.delinquent.pastDueDays > 0">
Past Due Days : {{loanDetailsData?.delinquent.pastDueDays | number}}
</span>
<span *ngIf="loanDetailsData.delinquent && loanDetailsData.delinquent.delinquentDays > 0
&& loanDetailsData.delinquent.pastDueDays != loanDetailsData.delinquent.delinquentDays">
Delinquent Days : {{loanDetailsData?.delinquent.delinquentDays}}
</span>
</h3>
</div>
@@ -89,19 +89,19 @@
</ng-container>
<ng-container matColumnDef="header-principal">
<th mat-header-cell class="center" *matHeaderCellDef [attr.colspan]="1"> Principal </th>
<th mat-header-cell class="r-amount" *matHeaderCellDef [attr.colspan]="1"> Principal </th>
</ng-container>
<ng-container matColumnDef="header-interest">
<th mat-header-cell class="center" *matHeaderCellDef [attr.colspan]="1"> Interest </th>
<th mat-header-cell class="r-amount" *matHeaderCellDef [attr.colspan]="1"> Interest </th>
</ng-container>
<ng-container matColumnDef="header-fees">
<th mat-header-cell class="center" *matHeaderCellDef [attr.colspan]="1"> Fees </th>
<th mat-header-cell class="r-amount" *matHeaderCellDef [attr.colspan]="1"> Fees </th>
</ng-container>
<ng-container matColumnDef="header-penalties">
<th mat-header-cell class="center" *matHeaderCellDef [attr.colspan]="1"> Penalties </th>
<th mat-header-cell class="r-amount" *matHeaderCellDef [attr.colspan]="1"> Penalties </th>
</ng-container>
<ng-container matColumnDef="header-action">