build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
Ralph Hopman
2024-12-19 09:36:50 +01:00
committed by Adam Saghy
parent c5fc3925fb
commit 2ec9ba81d6
651 changed files with 28935 additions and 20624 deletions
@@ -1,71 +1,70 @@
<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>
<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"
>\
<mat-card-content class="content">\
<div class="tab-container mat-typography">
<h3>{{ 'labels.heading.Client Collateral Details' | translate }}</h3>
<div class="tab-container mat-typography">
<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.Client Collateral Details" |translate}}</h3>
<h3>{{ 'labels.heading.Transaction 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>
<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>
</div>
<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>
<h3>{{"labels.heading.Transaction Details" |translate}}</h3>
<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>
<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-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>
<tr mat-header-row *matHeaderRowDef="collateralColumns"></tr>
<tr mat-row *matRowDef="let row; columns: collateralColumns"></tr>
</table>
</div>
</mat-card-content>
</mat-card>