build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.
2024-12-19 09:36:50 +01:00
parent c5fc3925fb
commit 2ec9ba81d6
651 changed files with 28935 additions and 20624 deletions
@@ -1,34 +1,40 @@
 <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.External Id" | translate}}</mat-label>
-          <input matInput formControlName="externalId">
+          <mat-label>{{ 'labels.inputs.External Id' | translate }}</mat-label>
+          <input matInput formControlName="externalId" />
        </mat-form-field>

        <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 }}
@@ -40,46 +46,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>
@@ -1,35 +1,48 @@
 <form class="m-t-20" fxLayout="column" [formGroup]="transactionsReportForm" (ngSubmit)="generate()">
-
  <div fxLayout="row" fxLayoutGap="3%" fxLayoutAlign="center">
-
    <mat-form-field fxFlex="30%" (click)="fromDatePicker.open()">
-      <mat-label>{{"labels.inputs.From Date" | translate}}</mat-label>
-      <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="fromDate">
+      <mat-label>{{ 'labels.inputs.From Date' | translate }}</mat-label>
+      <input
+        matInput
+        [min]="minDate"
+        [max]="maxDate"
+        [matDatepicker]="fromDatePicker"
+        required
+        formControlName="fromDate"
+      />
      <mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
      <mat-datepicker #fromDatePicker></mat-datepicker>
      <mat-error>
-        {{"labels.inputs.From date" | translate}}  {{"labels.commons.is" | translate}}  <strong> {{"labels.commons.required" | translate}} </strong>
+        {{ 'labels.inputs.From date' | translate }} {{ 'labels.commons.is' | translate }}
+        <strong> {{ 'labels.commons.required' | translate }} </strong>
      </mat-error>
    </mat-form-field>

    <mat-form-field fxFlex="30%" (click)="toDatePicker.open()">
-      <mat-label>{{"labels.inputs.To Date" | translate}}</mat-label>
-      <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="toDate">
+      <mat-label>{{ 'labels.inputs.To Date' | translate }}</mat-label>
+      <input
+        matInput
+        [min]="minDate"
+        [max]="maxDate"
+        [matDatepicker]="toDatePicker"
+        required
+        formControlName="toDate"
+      />
      <mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
      <mat-datepicker #toDatePicker></mat-datepicker>
      <mat-error>
-        {{"labels.inputs.To date" | translate}}  {{"labels.commons.is" | translate}}  <strong> {{"labels.commons.required" | translate}} </strong>
+        {{ 'labels.inputs.To date' | translate }} {{ 'labels.commons.is' | translate }}
+        <strong> {{ 'labels.commons.required' | translate }} </strong>
      </mat-error>
    </mat-form-field>
-
  </div>

  <div class="generate-button" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5%">
-    <button type="button" mat-raised-button [routerLink]="['../']">{{"labels.buttons.Cancel" | translate}}</button>
+    <button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.buttons.Cancel' | translate }}</button>
    <button mat-raised-button color="primary" [disabled]="!transactionsReportForm.valid">
-    <fa-icon icon="cogs" class="m-r-10"></fa-icon>{{"labels.buttons.Generate Report" | translate}} &nbsp;</button>
+      <fa-icon icon="cogs" class="m-r-10"></fa-icon>{{ 'labels.buttons.Generate Report' | translate }} &nbsp;
+    </button>
  </div>
-
 </form>

 <iframe *ngIf="!hideOutput" [src]="pentahoUrl" frameborder="0" width="100%" height="750px;"></iframe>
@@ -1,10 +1,9 @@
 <mat-card class="container">
-
  <div class="back-button">
    <button type="button" color="primary" mat-raised-button [routerLink]="['../../../general']">
-      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>{{"labels.buttons.Back" | translate}}</button>
+      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>{{ 'labels.buttons.Back' | translate }}
+    </button>
  </div>

-  <iframe [src]="pentahoUrl" frameborder="0" width=100% height="600px;"></iframe>
-
+  <iframe [src]="pentahoUrl" frameborder="0" width="100%" height="600px;"></iframe>
 </mat-card>
@@ -1,33 +1,33 @@
-<div fxLayoutAlign="end" class="container m-b-20 transaction-buttons" fxLayoutGap="2%"
-  *ngIf="!(transactionData.type.contra)">
+<div
+  fxLayoutAlign="end"
+  class="container m-b-20 transaction-buttons"
+  fxLayoutGap="2%"
+  *ngIf="!transactionData.type.contra"
+>
  <span *mifosxHasPermission="'ADJUST_LOAN'">
    <button mat-raised-button color="primary" [routerLink]="'edit'" [disabled]="!allowEdition">
-      <fa-icon icon="edit" class="m-r-10"></fa-icon>{{ 'Edit' | translate}}
+      <fa-icon icon="edit" class="m-r-10"></fa-icon>{{ 'Edit' | translate }}
    </button>

    <button mat-raised-button color="warn" (click)="undoTransaction()" [disabled]="!allowUndo">
-      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'Undo' | translate}}
+      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'Undo' | translate }}
    </button>
  </span>
  <span *mifosxHasPermission="'CHARGEBACK_LOAN'">
    <button mat-raised-button color="warn" [disabled]="!allowChargeback" (click)="chargebackTransaction()">
-      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'Chargeback' | translate}}
+      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'Chargeback' | translate }}
    </button>
  </span>
 </div>

 <div class="container">
-
  <mat-card>
-
    <mat-card-content>
-
      <div fxLayout="row wrap" class="content">
-        <div fxFlex="100%" [ngClass]="loanTransactionColor()">
-        </div>
+        <div fxFlex="100%" [ngClass]="loanTransactionColor()"></div>

        <div fxFlex="50%" class="mat-body-strong">
-          {{ 'Transaction Id' | translate}}
+          {{ 'Transaction Id' | translate }}
        </div>

        <div fxFlex="50%">
@@ -35,17 +35,17 @@
        </div>

        <div fxFlex="50%" class="mat-body-strong" *ngIf="transactionData.toLoanTransactionRelation">
-          {{ 'Repayment Transaction' | translate}}
+          {{ 'Repayment Transaction' | translate }}
        </div>

        <div fxFlex="50%" *ngIf="transactionData.toLoanTransactionRelation">
          <a [href]="loanTransactionRelatedLink(transactionData.toLoanTransactionRelation.fromLoanTransaction)">
-              {{ transactionData.toLoanTransactionRelation.fromLoanTransaction }}
+            {{ transactionData.toLoanTransactionRelation.fromLoanTransaction }}
          </a>
        </div>

        <div fxFlex="50%" class="mat-body-strong">
-          {{ 'Type' | translate}}
+          {{ 'Type' | translate }}
        </div>

        <div fxFlex="50%">
@@ -53,7 +53,7 @@
        </div>

        <div fxFlex="50%" class="mat-body-strong">
-          {{ 'Transaction Date' | translate}}
+          {{ 'Transaction Date' | translate }}
        </div>

        <div fxFlex="50%">
@@ -61,7 +61,7 @@
        </div>

        <div fxFlex="50%" class="mat-body-strong">
-          {{ 'Currency' | translate}}
+          {{ 'Currency' | translate }}
        </div>

        <div fxFlex="50%">
@@ -69,65 +69,70 @@
        </div>

        <div fxFlex="50%" class="mat-body-strong">
-          {{ 'Amount' | translate}}
+          {{ '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.externalId">
-          {{ 'External Id' | translate}}
+          {{ 'External Id' | translate }}
        </div>

        <div fxFlex="50%" *ngIf="transactionData.externalId">
-          <mifosx-external-identifier externalId="{{transactionData.externalId}}" completed="true"></mifosx-external-identifier>
+          <mifosx-external-identifier
+            externalId="{{ transactionData.externalId }}"
+            completed="true"
+          ></mifosx-external-identifier>
        </div>

        <mat-divider *ngIf="existTransactionRelations" [inset]="true"></mat-divider>

        <div fxFlex="100%" class="mat-body-strong" *ngIf="existTransactionRelations">
-          {{ 'Linked Transactions' | translate}}
-          <br>
+          {{ 'Linked Transactions' | translate }}
+          <br />

          <table mat-table [dataSource]="transactionRelations">
-              <ng-container matColumnDef="relationType">
-                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Relation Type" | translate}} </th>
-                <td mat-cell *matCellDef="let transactionRel" [matTooltip]="transactionRel.paymentType">
-                  {{ transactionRel.relationType | translate}}
-                </td>
-              </ng-container>
+            <ng-container matColumnDef="relationType">
+              <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Relation Type' | translate }}</th>
+              <td mat-cell *matCellDef="let transactionRel" [matTooltip]="transactionRel.paymentType">
+                {{ transactionRel.relationType | translate }}
+              </td>
+            </ng-container>

-              <ng-container matColumnDef="toTransaction">
-                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Transaction" | translate}} </th>
-                <td mat-cell *matCellDef="let transactionRel">
-                  <a [href]="loanTransactionRelatedLink(transactionRel.toLoanTransaction)">
-                    {{ transactionRel.toLoanTransaction }}
-                  </a>
-                </td>
-              </ng-container>
+            <ng-container matColumnDef="toTransaction">
+              <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Transaction' | translate }}</th>
+              <td mat-cell *matCellDef="let transactionRel">
+                <a [href]="loanTransactionRelatedLink(transactionRel.toLoanTransaction)">
+                  {{ transactionRel.toLoanTransaction }}
+                </a>
+              </td>
+            </ng-container>

-              <ng-container matColumnDef="amount">
-                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Amount" | translate}} </th>
-                <td mat-cell *matCellDef="let transactionRel">
-                  {{ transactionRel.amount | currency }} {{ transactionData.currency.code }}
-                </td>
-              </ng-container>
-              <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-              <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+            <ng-container matColumnDef="amount">
+              <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Amount' | translate }}</th>
+              <td mat-cell *matCellDef="let transactionRel">
+                {{ transactionRel.amount | currency }} {{ transactionData.currency.code }}
+              </td>
+            </ng-container>
+            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
          </table>
        </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>