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,68 +1,66 @@
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
<span *mifosxHasPermission="'ACTIVATE_HOLIDAY'">
<span *mifosxHasPermission="'ACTIVATE_HOLIDAY'">
<button mat-raised-button color="accent" (click)="activateHoliday()" *ngIf="holidayData.status.value !== 'Active'">
<fa-icon icon="lock-open" class="m-r-10"></fa-icon>
{{'labels.buttons.Activate' | translate }}
{{ 'labels.buttons.Activate' | translate }}
</button>
</span>
<button mat-raised-button color="primary" [routerLink]="['edit']" *mifosxHasPermission="'UPDATE_HOLIDAY'">
<button mat-raised-button color="primary" [routerLink]="['edit']" *mifosxHasPermission="'UPDATE_HOLIDAY'">
<fa-icon icon="edit" class="m-r-10"></fa-icon>
{{'labels.buttons.Edit' | translate }}
{{ 'labels.buttons.Edit' | translate }}
</button>
<button mat-raised-button color="warn" (click)="deleteHoliday()" *mifosxHasPermission="'DELETE_HOLIDAY'">
<button mat-raised-button color="warn" (click)="deleteHoliday()" *mifosxHasPermission="'DELETE_HOLIDAY'">
<fa-icon icon="trash" class="m-r-10"></fa-icon>
{{'labels.buttons.Delete' | translate }}
{{ 'labels.buttons.Delete' | translate }}
</button>
</div>
<div class="container">
<mat-card>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="header">
{{ 'labels.inputs.Name' | translate }}
</div>
<mat-card>
<div fxFlex="50%">
{{ holidayData.name }}
</div>
<mat-card-content>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.From Date' | translate }}
</div>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%">
{{ holidayData.fromDate | dateFormat }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.Name' | translate }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.To Date' | translate }}
</div>
<div fxFlex="50%">
{{ holidayData.name }}
</div>
<div fxFlex="50%">
{{ holidayData.toDate | dateFormat }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.From Date' | translate }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.Repayments Scheduled To' | translate }}
</div>
<div fxFlex="50%">
{{ holidayData.fromDate | dateFormat }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.To Date' | translate }}
</div>
<div fxFlex="50%">
{{ holidayData.toDate | dateFormat }}
</div>
<div fxFlex="50%" class="header">
{{ 'labels.inputs.Repayments Scheduled To' | translate }}
</div>
<div fxFlex="50%" *ngIf="holidayData.repaymentsRescheduledTo !== undefined && holidayData.repaymentsRescheduledTo !== null">
{{ holidayData.repaymentsRescheduledTo | dateFormat }}
</div>
<div fxFlex="50%" *ngIf="holidayData.repaymentsRescheduledTo === undefined || holidayData.repaymentsRescheduledTo === null">
{{ 'labels.inputs.Next Repayment Date' | translate }}
</div>
</div>
</mat-card-content>
</mat-card>
<div
fxFlex="50%"
*ngIf="holidayData.repaymentsRescheduledTo !== undefined && holidayData.repaymentsRescheduledTo !== null"
>
{{ holidayData.repaymentsRescheduledTo | dateFormat }}
</div>
<div
fxFlex="50%"
*ngIf="holidayData.repaymentsRescheduledTo === undefined || holidayData.repaymentsRescheduledTo === null"
>
{{ 'labels.inputs.Next Repayment Date' | translate }}
</div>
</div>
</mat-card-content>
</mat-card>
</div>