72 lines
3.1 KiB
HTML
72 lines
3.1 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_CHARGE'">
|
|
<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_CHARGE'">
|
|
<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}} </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>
|