build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/loans/custom-dialog/loan-delinquency-action-dialog/loan-delinquency-action-dialog.component.html

@@ -1,34 +1,51 @@
-
-<h2 mat-dialog-title>{{"labels.heading.Loan Delinquency Actions" | translate}}</h2>
+<h2 mat-dialog-title>{{ 'labels.heading.Loan Delinquency Actions' | translate }}</h2>
 
 <div mat-dialog-content [formGroup]="delinquencyActionForm" fxLayout="column">
-
   <mat-form-field fxFlex="48%" (click)="validFromDatePicker.open()">
-    <mat-label>{{"labels.inputs.Start Date" | translate}}</mat-label>
-    <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="validFromDatePicker" required
-      formControlName="startDate">
+    <mat-label>{{ 'labels.inputs.Start Date' | translate }}</mat-label>
+    <input
+      matInput
+      [min]="minDate"
+      [max]="maxDate"
+      [matDatepicker]="validFromDatePicker"
+      required
+      formControlName="startDate"
+    />
     <mat-datepicker-toggle matSuffix [for]="validFromDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #validFromDatePicker></mat-datepicker>
     <mat-error *ngIf="delinquencyActionForm.controls.startDate.hasError('required')">
-      {{"labels.inputs.Start Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+      {{ 'labels.inputs.Start Date' | translate }} {{ 'labels.commons.is' | translate }}
+      <strong>{{ 'labels.commons.required' | translate }}</strong>
     </mat-error>
   </mat-form-field>
 
-  <mat-form-field fxFlex="48%"  (click)="validTillDatePicker.open()">
-    <mat-label>{{"labels.inputs.End Date" | translate}}</mat-label>
-    <input matInput [min]="delinquencyActionForm.value.startDate" [max]="maxDate" [matDatepicker]="validTillDatePicker" required
-      formControlName="endDate">
+  <mat-form-field fxFlex="48%" (click)="validTillDatePicker.open()">
+    <mat-label>{{ 'labels.inputs.End Date' | translate }}</mat-label>
+    <input
+      matInput
+      [min]="delinquencyActionForm.value.startDate"
+      [max]="maxDate"
+      [matDatepicker]="validTillDatePicker"
+      required
+      formControlName="endDate"
+    />
     <mat-datepicker-toggle matSuffix [for]="validTillDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #validTillDatePicker></mat-datepicker>
     <mat-error *ngIf="delinquencyActionForm.controls.endDate.hasError('required')">
-      {{"labels.inputs.End Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+      {{ 'labels.inputs.End Date' | translate }} {{ 'labels.commons.is' | translate }}
+      <strong>{{ 'labels.commons.required' | translate }}</strong>
     </mat-error>
   </mat-form-field>
-
 </div>
 
 <mat-dialog-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
-  <button mat-raised-button mat-dialog-close> {{"labels.buttons.Cancel" | translate}} </button>
-  <button mat-raised-button color="primary" [mat-dialog-close]="{ data: delinquencyActionForm }"
-    [disabled]="!delinquencyActionForm.valid || delinquencyActionForm.pristine">{{"labels.buttons.Submit" | translate}}</button>
+  <button mat-raised-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button>
+  <button
+    mat-raised-button
+    color="primary"
+    [mat-dialog-close]="{ data: delinquencyActionForm }"
+    [disabled]="!delinquencyActionForm.valid || delinquencyActionForm.pristine"
+  >
+    {{ 'labels.buttons.Submit' | translate }}
+  </button>
 </mat-dialog-actions>

src/app/loans/custom-dialog/loans-account-add-collateral-dialog/loans-account-add-collateral-dialog.component.html

@@ -1,44 +1,50 @@
-<h1 mat-dialog-title>{{"labels.heading.Add Loan Collateral" | translate}}</h1>
+<h1 mat-dialog-title>{{ 'labels.heading.Add Loan Collateral' | translate }}</h1>
 
 <div mat-dialog-content [formGroup]="addCollateralForm" fxLayout="column">
-
   <mat-form-field>
-    <mat-label>{{"labels.inputs.Collateral" | translate}}</mat-label>
+    <mat-label>{{ 'labels.inputs.Collateral' | translate }}</mat-label>
     <mat-select formControlName="collateral" required>
-      <mat-option *ngFor="let collateralType of collateralTypeData" [value]="collateralType" >
+      <mat-option *ngFor="let collateralType of collateralTypeData" [value]="collateralType">
         {{ collateralType.name }}
       </mat-option>
     </mat-select>
     <mat-error>
-      {{"labels.inputs.Collateral" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+      {{ 'labels.inputs.Collateral' | translate }} {{ 'labels.commons.is' | translate }}
+      <strong>{{ 'labels.commons.required' | translate }}</strong>
     </mat-error>
   </mat-form-field>
 
   <mat-form-field>
-    <mat-label>{{"labels.inputs.Quantity" | translate}}</mat-label>
-    <input type="number" [max]="maxQuantity" [min]="0" matInput formControlName="quantity" required>
+    <mat-label>{{ 'labels.inputs.Quantity' | translate }}</mat-label>
+    <input type="number" [max]="maxQuantity" [min]="0" matInput formControlName="quantity" required />
     <mat-error *ngIf="addCollateralForm.controls.quantity.hasError('required')">
-      {{"labels.inputs.Quantity" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+      {{ 'labels.inputs.Quantity' | translate }} {{ 'labels.commons.is' | translate }}
+      <strong>{{ 'labels.commons.required' | translate }}</strong>
     </mat-error>
     <mat-error *ngIf="addCollateralForm.controls.quantity.hasError('max')">
-      {{"labels.inputs.Quantity can not be more than" | translate}} <strong>{{ maxQuantity }}</strong>
+      {{ 'labels.inputs.Quantity can not be more than' | translate }} <strong>{{ maxQuantity }}</strong>
     </mat-error>
   </mat-form-field>
 
   <mat-form-field>
-    <mat-label>{{"labels.inputs.Total Value" | translate}}</mat-label>
-    <input type="text" matInput formControlName="totalValue" [disabled]="true">
+    <mat-label>{{ 'labels.inputs.Total Value' | translate }}</mat-label>
+    <input type="text" matInput formControlName="totalValue" [disabled]="true" />
   </mat-form-field>
 
   <mat-form-field>
-    <mat-label>{{"labels.inputs.Total Collateral Value" | translate}}</mat-label>
-    <input type="text" matInput formControlName="totalCollateralValue" [disabled]="true">
+    <mat-label>{{ 'labels.inputs.Total Collateral Value' | translate }}</mat-label>
+    <input type="text" matInput formControlName="totalCollateralValue" [disabled]="true" />
   </mat-form-field>
-
 </div>
 
 <mat-dialog-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
-  <button mat-raised-button mat-dialog-close> {{"labels.buttons.Cancel" | translate}} </button>
-  <button mat-raised-button color="primary" [mat-dialog-close]="{ data: addCollateralForm }"
-    [disabled]="!addCollateralForm.valid || addCollateralForm.pristine">{{ layout.addButtonText }}</button>
+  <button mat-raised-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button>
+  <button
+    mat-raised-button
+    color="primary"
+    [mat-dialog-close]="{ data: addCollateralForm }"
+    [disabled]="!addCollateralForm.valid || addCollateralForm.pristine"
+  >
+    {{ layout.addButtonText }}
+  </button>
 </mat-dialog-actions>

src/app/loans/custom-dialog/loans-account-view-guarantor-details-dialog/loans-account-view-guarantor-details-dialog.component.html

@@ -1,44 +1,41 @@
-<h1 mat-dialog-title>{{"labels.heading.Guarantor Detail" | translate}}</h1>
+<h1 mat-dialog-title>{{ 'labels.heading.Guarantor Detail' | translate }}</h1>
 
 <div mat-dialog-content fxLayout="column">
-
   <div fxLayout="row wrap" fxLayout.lt-md="column">
-
     <div fxFlexFill>
-      <span fxFlex="50%">{{"labels.inputs.First Name" | translate}}:</span>
+      <span fxFlex="50%">{{ 'labels.inputs.First Name' | translate }}:</span>
       <span fxFlex="50%">{{ data.guarantorData.firstname }}</span>
     </div>
 
     <div fxFlexFill>
-      <span fxFlex="50%">{{"labels.inputs.Last Name" | translate}}:</span>
+      <span fxFlex="50%">{{ 'labels.inputs.Last Name' | translate }}:</span>
       <span fxFlex="50%">{{ data.guarantorData.lastname }}</span>
     </div>
 
     <div fxFlexFill>
-      <span fxFlex="50%">{{"labels.inputs.Relationship" | translate}}:</span>
+      <span fxFlex="50%">{{ 'labels.inputs.Relationship' | translate }}:</span>
       <span fxFlex="50%">{{ data.guarantorData.clientRelationshipType.name }}</span>
     </div>
 
     <div fxFlexFill>
-      <span fxFlex="50%">{{"labels.inputs.Guarantor Type" | translate}}:</span>
+      <span fxFlex="50%">{{ 'labels.inputs.Guarantor Type' | translate }}:</span>
       <span fxFlex="50%">{{ data.guarantorData.guarantorType.value }}</span>
     </div>
 
     <div fxFlexFill>
-      <span fxFlex="50%">{{"labels.inputs.Status" | translate}}:</span>
+      <span fxFlex="50%">{{ 'labels.inputs.Status' | translate }}:</span>
       <span fxFlex="50%">
         <span *ngIf="data.guarantorData.status">
-          {{"labels.inputs.Active" | translate}}
+          {{ 'labels.inputs.Active' | translate }}
         </span>
         <span *ngIf="!data.guarantorData.status">
-          {{"labels.inputs.Deleted" | translate}}
-        </span></span>
+          {{ 'labels.inputs.Deleted' | translate }}
+        </span></span
+      >
     </div>
-
   </div>
-
 </div>
 
 <mat-dialog-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
-  <button mat-raised-button mat-dialog-close> {{"labels.buttons.Cancel" | translate}} </button>
+  <button mat-raised-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button>
 </mat-dialog-actions>