28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<div class="container">
|
|
<h3>{{ 'labels.heading.Term Variations' | translate }}</h3>
|
|
<table mat-table [dataSource]="loanTermVariationsData" *ngIf="loanTermVariationsData.length > 0">
|
|
<ng-container matColumnDef="termType">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Type' | translate }}</th>
|
|
<td mat-cell *matCellDef="let item">{{ item.termType.value | translate }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="applicableFrom">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Added On' | translate }}</th>
|
|
<td mat-cell *matCellDef="let item">{{ item.termVariationApplicableFrom | dateFormat }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="value">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Value' | translate }}</th>
|
|
<td mat-cell *matCellDef="let item">{{ item.decimalValue | formatNumber }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="specificToInstallment">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Specific to Installment' | translate }}</th>
|
|
<td mat-cell *matCellDef="let item">{{ item.isSpecificToInstallment | yesNo }}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="loanDTermVariationsColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: loanDTermVariationsColumns"></tr>
|
|
</table>
|
|
</div>
|