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,73 +1,69 @@
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="1%" fxLayout.lt-md="column" class="container m-b-20">
<button mat-raised-button color="success" (click)="approveChecker()">
<fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
<fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
</button>
<button mat-raised-button color="warn" (click)="deleteChecker()">
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{'labels.buttons.Delete' | translate}}
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }}
</button>
<button mat-raised-button color="reject" (click)="rejectChecker()">
<fa-icon icon="times" class="m-r-10"></fa-icon>{{'labels.buttons.Reject' | translate}}
<fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
</button>
</div>
<div class="container">
<mat-card>
<mat-card-content>
<div fxLayout="row wrap" fxLayout.lt-md="column">
<h2 class="mat-h2" fxFlexFill> {{'labels.heading.View Checker Inbox' | translate}} </h2>
<h2 class="mat-h2" fxFlexFill>{{ 'labels.heading.View Checker Inbox' | translate }}</h2>
<mat-divider [inset]="true"></mat-divider>
<h3 class="mat-h3" fxFlexFill>{{'labels.heading.Details' | translate}}</h3>
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Details' | translate }}</h3>
<mat-divider [inset]="true"></mat-divider>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.ID' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.ID' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.id }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.Status' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Status' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.processingResult }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.User' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.User' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.maker }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.Action' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Action' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.actionName }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.Entity' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Entity' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.entityName }}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.resourceId">
<span fxFlex="40%">{{'labels.inputs.Resource ID' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Resource ID' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.resourceId }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{'labels.inputs.Date' | translate}}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.madeOnDate | dateFormat}}</span>
<span fxFlex="40%">{{ 'labels.inputs.Date' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.madeOnDate | dateFormat }}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.officeName">
<span fxFlex="40%">{{'labels.inputs.Office' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Office' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.officeName }}</span>
</div>
<div fxFlexFill *ngIf="checkerInboxDetail.savingsAccountNo">
<span fxFlex="40%">{{'labels.inputs.Savings Account Number' | translate}}:</span>
<span fxFlex="40%">{{ 'labels.inputs.Savings Account Number' | translate }}:</span>
<span fxFlex="60%">{{ checkerInboxDetail.savingsAccountNo }}</span>
</div>
@@ -77,26 +73,18 @@
</div>
<ng-container *ngIf="displayJSONData">
<h3 class="mat-h3" fxFlexFill>{{'labels.heading.Command' | translate}}</h3>
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Command' | translate }}</h3>
<mat-divider [inset]="true"></mat-divider>
<ng-container *ngFor="let json of jsondata | keyvalue">
<div fxFlexFill>
<span fxFlex="40%">{{ json.key }}:</span>
<span fxFlex="60%">{{ json.value }}</span>
</div>
<div fxFlexFill>
<span fxFlex="40%">{{ json.key }}:</span>
<span fxFlex="60%">{{ json.value }}</span>
</div>
</ng-container>
</ng-container>
</ng-container>
</div>
</mat-card-content>
</mat-card>
</div>