build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/navigation/center-navigation/center-navigation.component.html

@@ -6,18 +6,23 @@
         <h2>
           {{ centerData.name }}
           <span [className]="centerData.status.code | statusLookup">
-            <fa-icon matTooltip="{{ centerData.status.value }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
+            <fa-icon
+              matTooltip="{{ centerData.status.value }}"
+              matTooltipPosition="right"
+              icon="circle"
+              size="lg"
+            ></fa-icon>
           </span>
         </h2>
       </mat-card-title>
       <mat-card-subtitle>
         <p>
-          {{"labels.inputs.Account No" | translate}}:
-          <mifosx-account-number accountNo="{{centerData.accountNo}}"></mifosx-account-number>
+          {{ 'labels.inputs.Account No' | translate }}:
+          <mifosx-account-number accountNo="{{ centerData.accountNo }}"></mifosx-account-number>
         </p>
         <p *ngIf="centerData.externalId">
-          {{"labels.inputs.External Id" | translate}}:
-          <mifosx-external-identifier externalId="{{centerData.externalId}}"></mifosx-external-identifier>
+          {{ 'labels.inputs.External Id' | translate }}:
+          <mifosx-external-identifier externalId="{{ centerData.externalId }}"></mifosx-external-identifier>
         </p>
       </mat-card-subtitle>
     </div>
@@ -25,13 +30,11 @@
 </mat-card-header>
 
 <mat-card-content>
-
   <mat-tab-group>
     <mat-tab label="Details">
       <div fxLayout="row wrap" class="content">
-
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Activation Date" | translate}}
+          {{ 'labels.inputs.Activation Date' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -39,7 +42,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Associated Officer" | translate}}
+          {{ 'labels.inputs.Associated Officer' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -47,7 +50,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
-          {{"labels.inputs.Number of Active Clients" | translate}}
+          {{ 'labels.inputs.Number of Active Clients' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="centerSummaryData">
@@ -55,7 +58,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
-          {{"labels.inputs.Number of Active Client Loans" | translate}}
+          {{ 'labels.inputs.Number of Active Client Loans' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="centerSummaryData">
@@ -63,7 +66,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
-          {{"labels.inputs.Number of Active Client Borrowers" | translate}}
+          {{ 'labels.inputs.Number of Active Client Borrowers' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="centerSummaryData">
@@ -71,7 +74,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
-          {{"labels.inputs.Number of Active Overdue Group Loans" | translate}}
+          {{ 'labels.inputs.Number of Active Overdue Group Loans' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="centerSummaryData">
@@ -79,37 +82,50 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
-          {{"labels.inputs.Number of Active Overdue Client Loans" | translate}}
+          {{ 'labels.inputs.Number of Active Overdue Client Loans' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="centerSummaryData">
           {{ centerSummaryData.overdueClientLoans }}
         </div>
 
-        <div fxFlex="50%" class="mat-body-strong" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]">
-          {{"labels.inputs.Next Meeting Date" | translate}}
+        <div
+          fxFlex="50%"
+          class="mat-body-strong"
+          *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
+        >
+          {{ 'labels.inputs.Next Meeting Date' | translate }}
         </div>
 
-        <div fxFlex="50%" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]">
+        <div
+          fxFlex="50%"
+          *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
+        >
           {{ centerSummaryData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
         </div>
 
-        <div fxFlex="50%" class="mat-body-strong" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable">
-          {{"labels.inputs.Meeting Frequency" | translate}}
+        <div
+          fxFlex="50%"
+          class="mat-body-strong"
+          *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
+        >
+          {{ 'labels.inputs.Meeting Frequency' | translate }}
         </div>
 
-        <div fxFlex="50%" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable">
+        <div
+          fxFlex="50%"
+          *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
+        >
           {{ centerSummaryData.collectionMeetingCalendar.humanReadable }}
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Number of Groups" | translate}}
+          {{ 'labels.inputs.Number of Groups' | translate }}
         </div>
 
         <div fxFlex="50%">
           {{ groupData ? groupData.length : '' }}
         </div>
-
       </div>
     </mat-tab>
 
@@ -118,9 +134,9 @@
     </mat-tab>
 
     <mat-tab label="Savings Accounts" *ngIf="centerAccountsData && centerAccountsData.savingsAccounts">
-      <mifosx-savings-account-table [savingsAccountData]="centerAccountsData.savingsAccounts"></mifosx-savings-account-table>
+      <mifosx-savings-account-table
+        [savingsAccountData]="centerAccountsData.savingsAccounts"
+      ></mifosx-savings-account-table>
     </mat-tab>
-
   </mat-tab-group>
-
 </mat-card-content>