build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/accounting/provisioning-entries/view-provisioning-entry/view-provisioning-entry.component.html

@@ -1,20 +1,22 @@
 <div class="container" *ngIf="provisioningEntry">
-
   <div class="m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
-    <button mat-raised-button color="primary" (click)="createProvisioningJournalEntries()" [disabled]="provisioningEntry.journalEntry" *mifosxHasPermission="'CREATE_JOURNAL_ENTRY'">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="createProvisioningJournalEntries()"
+      [disabled]="provisioningEntry.journalEntry"
+      *mifosxHasPermission="'CREATE_JOURNAL_ENTRY'"
+    >
       <fa-icon icon="plus" class="m-r-10"></fa-icon>
-      {{"labels.buttons.Create Journal Entries" | translate}}
+      {{ 'labels.buttons.Create Journal Entries' | translate }}
     </button>
   </div>
 
   <mat-card>
-
     <mat-card-content>
-
       <div fxLayout="row wrap" class="content" fxLayout.lt-md="column">
-
         <div fxFlex="16%" class="header">
-          {{"labels.inputs.Created By" | translate}}
+          {{ 'labels.inputs.Created By' | translate }}
         </div>
 
         <div fxFlex="16%">
@@ -22,7 +24,7 @@
         </div>
 
         <div fxFlex="16%" class="header">
-          {{"labels.inputs.Created On" | translate}}
+          {{ 'labels.inputs.Created On' | translate }}
         </div>
 
         <div fxFlex="16%">
@@ -30,39 +32,33 @@
         </div>
 
         <div fxFlex="18%" class="header">
-          {{"labels.inputs.Amount to be Reserved" | translate}}
+          {{ 'labels.inputs.Amount to be Reserved' | translate }}
         </div>
 
         <div fxFlex="18%">
           {{ provisioningEntry.reservedAmount }}
         </div>
-
       </div>
-
     </mat-card-content>
-
   </mat-card>
-
 </div>
 
 <!-- Search -->
 <div class="container m-t-20" fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
-
   <mat-form-field fxFlex="31%">
-    <mat-label>{{"labels.inputs.Office Name" | translate}}</mat-label>
-    <input matInput [formControl]="officeName" [matAutocomplete]="officeNameAutocomplete">
+    <mat-label>{{ 'labels.inputs.Office Name' | translate }}</mat-label>
+    <input matInput [formControl]="officeName" [matAutocomplete]="officeNameAutocomplete" />
   </mat-form-field>
 
   <mat-form-field fxFlex="31%">
-    <mat-label>{{"labels.inputs.Loan Product" | translate}}</mat-label>
-    <input matInput [formControl]="loanProduct" [matAutocomplete]="loanProductAutocomplete">
+    <mat-label>{{ 'labels.inputs.Loan Product' | translate }}</mat-label>
+    <input matInput [formControl]="loanProduct" [matAutocomplete]="loanProductAutocomplete" />
   </mat-form-field>
 
   <mat-form-field fxFlex="31%">
-    <mat-label>{{"labels.inputs.Provisioning Category" | translate}}</mat-label>
-    <input matInput [formControl]="provisioningCategory" [matAutocomplete]="provisioningCategoryAutocomplete">
+    <mat-label>{{ 'labels.inputs.Provisioning Category' | translate }}</mat-label>
+    <input matInput [formControl]="provisioningCategory" [matAutocomplete]="provisioningCategoryAutocomplete" />
   </mat-form-field>
-
 </div>
 
 <!-- Autocomplete data -->
@@ -79,7 +75,10 @@
 </mat-autocomplete>
 
 <mat-autocomplete autoActiveFirstOption #provisioningCategoryAutocomplete="matAutocomplete">
-  <mat-option *ngFor="let provisioningCategory of filteredProvisioningCategoryData | async" [value]="provisioningCategory.categoryName">
+  <mat-option
+    *ngFor="let provisioningCategory of filteredProvisioningCategoryData | async"
+    [value]="provisioningCategory.categoryName"
+  >
     {{ provisioningCategory.categoryName }}
   </mat-option>
 </mat-autocomplete>
@@ -87,49 +86,47 @@
 <!--Table -->
 
 <div class="mat-elevation-z8 container">
-
   <table mat-table [dataSource]="dataSource" matSort>
-
     <ng-container matColumnDef="officeName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Office Name" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.officeName }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Office Name' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.officeName }}</td>
     </ng-container>
 
     <ng-container matColumnDef="productName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Product Name" | translate}}</th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.productName }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Product Name' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.productName }}</td>
     </ng-container>
 
     <ng-container matColumnDef="currencyCode">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Currency Code" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.currencyCode }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Currency Code' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.currencyCode }}</td>
     </ng-container>
 
     <ng-container matColumnDef="categoryName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Category Name" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.categoryName }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Category Name' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.categoryName }}</td>
     </ng-container>
 
     <ng-container matColumnDef="amountreserved">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Provisioning Amount" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.amountreserved }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Provisioning Amount' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.amountreserved }}</td>
     </ng-container>
 
     <ng-container matColumnDef="liabilityAccountName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Liability Account (CR)" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.liabilityAccountName }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>
+        {{ 'labels.inputs.Liability Account (CR)' | translate }}
+      </th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.liabilityAccountName }}</td>
     </ng-container>
 
     <ng-container matColumnDef="expenseAccountName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Expense Account (DR)" | translate}} </th>
-      <td mat-cell *matCellDef="let provisioningEntry"> {{ provisioningEntry.expenseAccountName }} </td>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Expense Account (DR)' | translate }}</th>
+      <td mat-cell *matCellDef="let provisioningEntry">{{ provisioningEntry.expenseAccountName }}</td>
     </ng-container>
 
     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-
+    <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
   </table>
 
   <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
-
 </div>