71 lines
3.0 KiB
HTML
71 lines
3.0 KiB
HTML
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
|
|
<button
|
|
mat-raised-button
|
|
color="primary"
|
|
[routerLink]="['edit']"
|
|
*mifosxHasPermission="'UPDATE_CLIENT_COLLATERAL_PRODUCT'"
|
|
>
|
|
<fa-icon icon="edit" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Edit' | translate }}
|
|
</button>
|
|
<button
|
|
mat-raised-button
|
|
color="warn"
|
|
(click)="deleteCollateral()"
|
|
*mifosxHasPermission="'DELETE_CLIENT_COLLATERAL_PRODUCT'"
|
|
>
|
|
<fa-icon icon="trash" class="m-r-10"></fa-icon>
|
|
{{ 'labels.buttons.Delete' | translate }}
|
|
</button>
|
|
</div>
|
|
|
|
<mat-card class="client-collateral-card">
|
|
<mat-card-content class="content"
|
|
>\
|
|
|
|
<div class="tab-container mat-typography">
|
|
<h3>{{ 'labels.heading.Client Collateral Details' | translate }}</h3>
|
|
|
|
<div fxLayout="row" fxLayoutGap="32px" class="group-details-container m-b-30">
|
|
<p>
|
|
{{ 'labels.inputs.name' | translate }}: {{ clientCollateralData.name }}<br />
|
|
{{ 'labels.inputs.Quantity' | translate }}: {{ clientCollateralData.quantity }}<br />
|
|
{{ 'labels.inputs.Total Value' | translate }}: {{ clientCollateralData.total }}<br />
|
|
{{ 'labels.inputs.Total Collateral Value' | translate }}: {{ clientCollateralData.totalCollateral }}<br />
|
|
</p>
|
|
</div>
|
|
|
|
<h3>{{ 'labels.heading.Transaction Details' | translate }}</h3>
|
|
|
|
<table mat-table [dataSource]="clientCollateralData.loanTransactionData" class="mat-elevation-z1 m-b-30">
|
|
<ng-container matColumnDef="ID">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.ID' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
{{ element.loanId }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="Last Repayment">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Last Repayment' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.lastRepayment }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="Remaining Amount">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Remaining Amount' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.remainingAmount | formatNumber }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="Last Repayment Date">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Last Repayment Date' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.lastRepaymentDate | dateFormat }}</td>
|
|
</ng-container>
|
|
|
|
<!-- <tr mat-header-row *matHeaderRowDef="clientMemberColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: clientMemberColumns;" [routerLink]="['/clients', row.id, 'loans-accounts', 'create']" class="select-row"></tr> -->
|
|
<tr mat-header-row *matHeaderRowDef="collateralColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: collateralColumns"></tr>
|
|
</table>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|