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,46 +1,46 @@
<div class="container">
<div #filter fxLayout="row">
<mat-form-field fxFlex>
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
<div class="action-button" fxLayoutGap="25px">
<button mat-raised-button color="primary" (click)="applyChanges()"
[disabled]="!existAnyUpdate" *mifosxHasPermission="'UPDATE_EXTERNAL_EVENT_CONFIGURATION'">
{{"labels.buttons.Apply Changes" | translate}}
<button
mat-raised-button
color="primary"
(click)="applyChanges()"
[disabled]="!existAnyUpdate"
*mifosxHasPermission="'UPDATE_EXTERNAL_EVENT_CONFIGURATION'"
>
{{ 'labels.buttons.Apply Changes' | translate }}
</button>
</div>
</div>
<div #eventsTable class="mat-elevation-z8 table-container">
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="eventType">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Event Type" | translate}} </th>
<td mat-cell *matCellDef="let event"> {{ event.type | translateKey:'text'}} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Event Type' | translate }}</th>
<td mat-cell *matCellDef="let event">{{ event.type | translateKey: 'text' }}</td>
</ng-container>
<ng-container matColumnDef="status">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Status" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let event">
<mat-slide-toggle [(ngModel)]="event.enabled" name="{{event.type}}" (click)="toggleStatus(event)">
<mat-slide-toggle [(ngModel)]="event.enabled" name="{{ event.type }}" (click)="toggleStatus(event)">
<div [className]="event.enabled ? 'enabled' : 'disabled'">
<span *ngIf="event.enabled">{{'labels.inputs.Enabled' | translate}}</span>
<span *ngIf="!event.enabled">{{'labels.inputs.Disabled' | translate}}</span>
<span *ngIf="event.enabled">{{ 'labels.inputs.Enabled' | translate }}</span>
<span *ngIf="!event.enabled">{{ 'labels.inputs.Disabled' | translate }}</span>
</div>
</mat-slide-toggle>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns" class="select-row"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
</div>
</div>