65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
<div class="tab-container mat-typography">
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
|
|
|
<h3 fxFlex="90%">{{"labels.inputs.Loan Collateral Details" | translate}}</h3>
|
|
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px" class="action-buttons">
|
|
<button mat-raised-button color="primary" [routerLink]="['../actions/Add Collateral']">
|
|
{{"labels.buttons.Add Collateral" | translate}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div fxLayout="row" fxLayoutGap="32px" *ngIf="loanCollaterals?.length > 0" class="performance-history-container">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td fxFlex="25%">
|
|
<b>{{"labels.inputs.Number of Collaterals" | translate}} :</b>
|
|
</td>
|
|
<td fxFlex="25%" class="left">
|
|
{{loanCollaterals?.length | formatNumber}}
|
|
</td>
|
|
<td fxFlex="25%">
|
|
<b>{{"labels.inputs.Total Amount" | translate}} :</b>
|
|
</td>
|
|
<td fxFlex="25%" class="left">
|
|
{{totalAmount | formatNumber}}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<table mat-table *ngIf="loanCollaterals?.length > 0" [dataSource]="loanCollaterals">
|
|
|
|
<ng-container matColumnDef="id">
|
|
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.ID" | translate}} </th>
|
|
<td mat-cell *matCellDef="let ele"> {{ ele.id }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="currency">
|
|
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Currency" | translate}}</th>
|
|
<td mat-cell *matCellDef="let ele"> {{ ele.currency.code }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="description">
|
|
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Description" | translate}} </th>
|
|
<td mat-cell *matCellDef="let ele"> {{ ele.description }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="total">
|
|
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Total Value" | translate}} </th>
|
|
<td mat-cell *matCellDef="let ele"> {{ ele.total }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="totalCollateral">
|
|
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Total Collateral Value" | translate}} </th>
|
|
<td mat-cell *matCellDef="let ele"> {{ ele.totalCollateral }} </td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
</table>
|
|
|
|
</div>
|