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,12 +1,11 @@
<mat-card class="card">
<mat-card-header class="header">
<h3 fxFlex="100%">
<fa-icon icon="donate"></fa-icon>
&nbsp;&nbsp; {{"labels.inputs.Amount Collected" | translate}}
&nbsp;&nbsp; {{ 'labels.inputs.Amount Collected' | translate }}
<div>
<mat-form-field id="office" fxFlex="94%">
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
<mat-select [formControl]="officeId">
<mat-option *ngFor="let office of officeData" [value]="office.id">
{{ office.name }}
@@ -19,12 +18,11 @@
<mat-card-content>
<!-- Structural directives like *ngIf break the canvas -->
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
<canvas id="collection-pie" width="800" height="600"></canvas>
</div>
<div *ngIf="showFallback" class="fallback" fxLayoutAlign="center center">
<p>{{"labels.text.No Data" | translate}}</p>
<p>{{ 'labels.text.No Data' | translate }}</p>
</div>
</mat-card-content>
</mat-card>
@@ -1,12 +1,11 @@
<mat-card class="card">
<mat-card-header class="header">
<h3 fxFlex="100%">
<fa-icon icon="money-bill"></fa-icon>
&nbsp;&nbsp; {{"labels.inputs.Amount Pending / Disbursed" | translate}}
&nbsp;&nbsp; {{ 'labels.inputs.Amount Pending / Disbursed' | translate }}
<div>
<mat-form-field id="office" fxFlex="94%">
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
<mat-select [formControl]="officeId">
<mat-option *ngFor="let office of officeData" [value]="office.id">
{{ office.name }}
@@ -19,12 +18,11 @@
<mat-card-content>
<!-- Structural directives like *ngIf break the canvas -->
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
<canvas id="disbursement-pie" width="800" height="600"></canvas>
</div>
<div *ngIf="showFallback" class="fallback" fxLayoutAlign="center center">
<p>{{"labels.text.No Data" | translate}}</p>
<p>{{ 'labels.text.No Data' | translate }}</p>
</div>
</mat-card-content>
</mat-card>
@@ -1,12 +1,11 @@
<mat-card class="card">
<mat-card-header class="header">
<h3 fxFlex="100%">
<fa-icon icon="chart-line"></fa-icon>
&nbsp;&nbsp; {{"labels.inputs.Client Trends" | translate}}
&nbsp;&nbsp; {{ 'labels.inputs.Client Trends' | translate }}
<div>
<mat-form-field id="office" fxFlex="94%">
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
<mat-select [formControl]="officeId">
<mat-option *ngFor="let office of officeData" [value]="office.id">
{{ office.name }}
@@ -19,14 +18,13 @@
<mat-card-content>
<!-- Structural directives like *ngIf break the canvas -->
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
<canvas id="client-trends-bar" width="800" height="465" class="fallback"></canvas>
</div>
<mat-button-toggle-group [formControl]="timescale" id='timescale' appearance="legacy">
<mat-button-toggle value="Day">{{"labels.buttons.Day" | translate}}</mat-button-toggle>
<mat-button-toggle value="Week">{{"labels.buttons.Week" | translate}}</mat-button-toggle>
<mat-button-toggle value="Month">{{"labels.buttons.Month" | translate}}</mat-button-toggle>
<mat-button-toggle-group [formControl]="timescale" id="timescale" appearance="legacy">
<mat-button-toggle value="Day">{{ 'labels.buttons.Day' | translate }}</mat-button-toggle>
<mat-button-toggle value="Week">{{ 'labels.buttons.Week' | translate }}</mat-button-toggle>
<mat-button-toggle value="Month">{{ 'labels.buttons.Month' | translate }}</mat-button-toggle>
</mat-button-toggle-group>
</mat-card-content>
</mat-card>
@@ -1,32 +1,27 @@
<div class="container">
<mat-card class="card" fxLayout="column" fxLayoutGap="40px">
<div fxLayout="row" class="search">
<mat-card-content>
<mat-form-field>
<mat-label>{{'labels.placeholders.Search Activity' | translate}}</mat-label>
<input matInput [matAutocomplete]="activitySearch" [formControl]="searchText">
<mat-label>{{ 'labels.placeholders.Search Activity' | translate }}</mat-label>
<input matInput [matAutocomplete]="activitySearch" [formControl]="searchText" />
</mat-form-field>
<mat-autocomplete #activitySearch="matAutocomplete">
<mat-option *ngFor="let activity of filteredActivities | async" [routerLink]="activity.path">
<span>{{activity.activity}}</span>
<span>{{ activity.activity }}</span>
</mat-option>
</mat-autocomplete>
</mat-card-content>
</div>
<div fxLayout="row" class="top-card">
<div class="trends-bar">
<mifosx-client-trends-bar></mifosx-client-trends-bar>
</div>
<div class="trends-bar">
<mifosx-client-trends-bar></mifosx-client-trends-bar>
</div>
</div>
<div fxLayout="row" class="bottom-card">
<div class="amount-disbursed">
<mifosx-amount-disbursed-pie></mifosx-amount-disbursed-pie>
</div>
@@ -34,9 +29,6 @@
<div class="amount-collected">
<mifosx-amount-collected-pie></mifosx-amount-collected-pie>
</div>
</div>
</mat-card>
</div>