build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/savings/savings-account-view/transactions/edit-transaction/edit-transaction.component.html

@@ -1,29 +1,35 @@
 <div class="container">
-
   <mat-card>
-
     <form [formGroup]="editTransactionForm" (ngSubmit)="submit()">
-
       <mat-card-content fxLayout="column">
-
         <mat-form-field (click)="dueDatePicker.open()">
-          <mat-label>{{"labels.inputs.Transaction Date" | translate}}</mat-label>
-          <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dueDatePicker"
-            formControlName="transactionDate" required>
+          <mat-label>{{ 'labels.inputs.Transaction Date' | translate }}</mat-label>
+          <input
+            matInput
+            [min]="minDate"
+            [max]="maxDate"
+            [matDatepicker]="dueDatePicker"
+            formControlName="transactionDate"
+            required
+          />
           <mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
           <mat-datepicker #dueDatePicker></mat-datepicker>
           <mat-error *ngIf="editTransactionForm.controls.transactionDate.hasError('required')">
-            {{"labels.inputs.Transaction Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+            {{ 'labels.inputs.Transaction Date' | translate }} {{ 'labels.commons.is' | translate }}
+            <strong>{{ 'labels.commons.required' | translate }}</strong>
           </mat-error>
         </mat-form-field>
 
-        <mifosx-input-amount [currency]="currency" [isRequired]="true"
+        <mifosx-input-amount
+          [currency]="currency"
+          [isRequired]="true"
           [inputFormControl]="editTransactionForm.controls.transactionAmount"
-          [inputLabel]="'Transaction Amount'">
+          [inputLabel]="'Transaction Amount'"
+        >
         </mifosx-input-amount>
 
         <mat-form-field>
-          <mat-label>{{'labels.inputs.Payment Type' | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Payment Type' | translate }}</mat-label>
           <mat-select formControlName="paymentTypeId">
             <mat-option *ngFor="let paymentType of paymentTypeOptions" [value]="paymentType.id">
               {{ paymentType.name }}
@@ -35,46 +41,46 @@
           <span fxFlex="75%" class="expandcollapsebutton m-l-10 m-t-40" (click)="addPaymentDetails()">
             <mat-slide-toggle>
               <div [className]="showPaymentDetails ? 'enabled' : 'disabled'">
-                <span class="m-l-10">{{'labels.inputs.Show Payment Details' | translate}}</span>
+                <span class="m-l-10">{{ 'labels.inputs.Show Payment Details' | translate }}</span>
               </div>
             </mat-slide-toggle>
           </span>
         </div>
 
         <mat-form-field *ngIf="editTransactionForm.controls['accountNumber']">
-          <mat-label>{{"labels.inputs.Account Number"|translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Account Number' | translate }}</mat-label>
           <input type="number" formControlName="accountNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['checkNumber']">
-          <mat-label>{{'labels.inputs.Cheque' | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Cheque' | translate }}</mat-label>
           <input type="number" formControlName="checkNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['routingCode']">
-          <mat-label>{{'labels.inputs.Routing Code' | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Routing Code' | translate }}</mat-label>
           <input formControlName="routingCode" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['receiptNumber']">
-          <mat-label>{{'labels.inputs.Receipt Number' | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Receipt Number' | translate }}</mat-label>
           <input formControlName="receiptNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['bankNumber']">
-          <mat-label>{{'labels.inputs.Bank' | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Bank' | translate }}</mat-label>
           <input formControlName="bankNumber" matInput />
         </mat-form-field>
 
         <mat-card-actions fxLayoutGap="5px" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center">
-          <button type="button" mat-raised-button [routerLink]="['../']">{{'labels.buttons.Cancel' | translate}}</button>
-          <button mat-raised-button color="primary" [disabled]="!editTransactionForm.valid">{{'labels.buttons.Submit' | translate}}</button>
+          <button type="button" mat-raised-button [routerLink]="['../']">
+            {{ 'labels.buttons.Cancel' | translate }}
+          </button>
+          <button mat-raised-button color="primary" [disabled]="!editTransactionForm.valid">
+            {{ 'labels.buttons.Submit' | translate }}
+          </button>
         </mat-card-actions>
-
       </mat-card-content>
-
     </form>
-
   </mat-card>
-
 </div>

src/app/savings/savings-account-view/transactions/view-reciept/view-reciept.component.html

@@ -1,10 +1,9 @@
 <mat-card class="container">
-
   <div class="back-button">
     <button type="button" color="primary" mat-raised-button [routerLink]="['../../']">
-      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>Back</button>
+      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>Back
+    </button>
   </div>
 
-  <iframe [src]="pentahoUrl" frameborder="0" width=100% height="600px;"></iframe>
-
+  <iframe [src]="pentahoUrl" frameborder="0" width="100%" height="600px;"></iframe>
 </mat-card>

src/app/savings/savings-account-view/transactions/view-transaction/datatable-transaction-tab/datatable-transaction-tab.component.html

@@ -6,4 +6,4 @@
     [entityDatatable]="entityDatatable"
   >
   </mifosx-entity-datatable-tab>
-</div>
+</div>

src/app/savings/savings-account-view/transactions/view-transaction/savings-transaction-datatable-tab/savings-transaction-datatable-tab.component.html

@@ -1 +1 @@
-<p>{{'labels.heading.savings-transaction-datatable-tab works' | translate }}!</p>
+<p>{{ 'labels.heading.savings-transaction-datatable-tab works' | translate }}!</p>

src/app/savings/savings-account-view/transactions/view-transaction/savings-transaction-general-tab/savings-transaction-general-tab.component.html

@@ -1,39 +1,58 @@
 <div fxLayoutAlign="end" class="container m-b-20" fxLayoutGap="2%">
   <span
-    *ngIf="!(transactionData.interestedPostedAsOn === false && (transactionData.transactionType.id === 17 || transactionData.transactionType.id === 3))">
+    *ngIf="
+      !(
+        transactionData.interestedPostedAsOn === false &&
+        (transactionData.transactionType.id === 17 || transactionData.transactionType.id === 3)
+      )
+    "
+  >
     <span *mifosxHasPermission="'ADJUSTTRANSACTION_SAVINGSACCOUNT'">
-      <button mat-raised-button color="primary" *ngIf="transactionData.transactionType.value === 'Transfer' || transactionData.reversed === 'true'
-          || transactionData.transactionType.id===3 || transactionData.transactionType.id===17" [routerLink]="'edit'">
-        <fa-icon icon="edit" class="m-r-10"></fa-icon>{{"labels.buttons.Edit" | translate}}
+      <button
+        mat-raised-button
+        color="primary"
+        *ngIf="
+          transactionData.transactionType.value === 'Transfer' ||
+          transactionData.reversed === 'true' ||
+          transactionData.transactionType.id === 3 ||
+          transactionData.transactionType.id === 17
+        "
+        [routerLink]="'edit'"
+      >
+        <fa-icon icon="edit" class="m-r-10"></fa-icon>{{ 'labels.buttons.Edit' | translate }}
       </button>
     </span>
   </span>
   <span *ngIf="!transactionData.reversed && transactionData.transactionType.amountHold">
-    <button mat-raised-button color="primary" *mifosxHasPermission="'RELEASEAMOUNT_SAVINGSACCOUNT'"
-      (click)="releaseAmount()">
-      <fa-icon icon="lock-open" class="m-r-10"></fa-icon>{{"labels.buttons.Release Amount" | translate}}
+    <button
+      mat-raised-button
+      color="primary"
+      *mifosxHasPermission="'RELEASEAMOUNT_SAVINGSACCOUNT'"
+      (click)="releaseAmount()"
+    >
+      <fa-icon icon="lock-open" class="m-r-10"></fa-icon>{{ 'labels.buttons.Release Amount' | translate }}
     </button>
   </span>
   <span *ngIf="allowUndo()">
-    <button mat-raised-button color="warn" *mifosxHasPermission="'UNDOTRANSACTION_SAVINGSACCOUNT'"
-      (click)="undoTransaction()">
-      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{"labels.buttons.Undo" | translate}}
+    <button
+      mat-raised-button
+      color="warn"
+      *mifosxHasPermission="'UNDOTRANSACTION_SAVINGSACCOUNT'"
+      (click)="undoTransaction()"
+    >
+      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'labels.buttons.Undo' | translate }}
     </button>
   </span>
 </div>
 
 <div class="container">
-
   <mat-card>
-
     <mat-card-content>
-
       <div fxLayout="row wrap" class="content">
-        <div fxFlex="100%" [ngClass]="transactionColor()">
-        </div>
+        <div fxFlex="100%" [ngClass]="transactionColor()"></div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Id" | translate}}
+          {{ 'labels.inputs.Id' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -41,15 +60,15 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Transaction Type" | translate}}
+          {{ 'labels.inputs.Transaction Type' | translate }}
         </div>
 
         <div fxFlex="50%">
-          {{ transactionData.transactionType.value | translateKey:'catalogs' }}
+          {{ transactionData.transactionType.value | translateKey: 'catalogs' }}
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Transaction Date" | translate}}
+          {{ 'labels.inputs.Transaction Date' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -57,7 +76,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Currency" | translate}}
+          {{ 'labels.inputs.Currency' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -65,33 +84,33 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Amount" | translate }}
+          {{ 'labels.inputs.Amount' | translate }}
         </div>
 
         <div fxFlex="50%">
-          {{ transactionData.amount | currency:transactionData.currency.code:'symbol-narrow':'1.2-2' }}
+          {{ transactionData.amount | currency: transactionData.currency.code : 'symbol-narrow' : '1.2-2' }}
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="transactionData.note">
-          {{"labels.inputs.Note" | translate}}
+          {{ 'labels.inputs.Note' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="transactionData.note">
           {{ transactionData.note }}
         </div>
 
-        <mifosx-transaction-payment-detail *ngIf="transactionData.paymentDetailData"
-          [paymentDetailData]="transactionData.paymentDetailData">
+        <mifosx-transaction-payment-detail
+          *ngIf="transactionData.paymentDetailData"
+          [paymentDetailData]="transactionData.paymentDetailData"
+        >
         </mifosx-transaction-payment-detail>
-
       </div>
 
       <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="2%" fxLayout.lt-md="column">
-        <button type="button" mat-raised-button color="primary" [routerLink]="['../../']">{{ 'labels.buttons.Back' |
-          translate}}</button>
+        <button type="button" mat-raised-button color="primary" [routerLink]="['../../']">
+          {{ 'labels.buttons.Back' | translate }}
+        </button>
       </div>
     </mat-card-content>
-
   </mat-card>
-
-</div>
+</div>

src/app/savings/savings-account-view/transactions/view-transaction/view-transaction.component.html

@@ -1,18 +1,27 @@
 <div class="container">
   <nav mat-tab-nav-bar class="navigation-tabs">
-    <a mat-tab-link [routerLink]="['./general']" routerLinkActive #general="routerLinkActive"
-      [active]="general.isActive">
-      {{'labels.heading.General' | translate}}
+    <a
+      mat-tab-link
+      [routerLink]="['./general']"
+      routerLinkActive
+      #general="routerLinkActive"
+      [active]="general.isActive"
+    >
+      {{ 'labels.heading.General' | translate }}
     </a>
     <ng-container *ngFor="let entityDatatable of entityDatatables">
-      <a mat-tab-link [routerLink]="['./datatables',entityDatatable.registeredTableName]" routerLinkActive
-        #datatable="routerLinkActive" [active]="datatable.isActive"
-        *mifosxHasPermission="'READ_' + entityDatatable.registeredTableName">
-        {{entityDatatable.registeredTableName}}
+      <a
+        mat-tab-link
+        [routerLink]="['./datatables', entityDatatable.registeredTableName]"
+        routerLinkActive
+        #datatable="routerLinkActive"
+        [active]="datatable.isActive"
+        *mifosxHasPermission="'READ_' + entityDatatable.registeredTableName"
+      >
+        {{ entityDatatable.registeredTableName }}
       </a>
     </ng-container>
   </nav>
 
   <router-outlet></router-outlet>
-
 </div>