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,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">
+      <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">
+      <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,113 +1,162 @@
 <div class="tab-container mat-typography">
-
  <div class="mat-elevation-z1 m-b-25" [hidden]="!accountWithTransactions">
    <div fxLayout="row" fxLayoutAlign="start">
      <div class="m-b-10">
-        <h3>{{"labels.heading.All Transactions" | translate }}</h3>
+        <h3>{{ 'labels.heading.All Transactions' | translate }}</h3>
      </div>
      <div class="action-button m-b-20" fxLayout="row" fxLayoutGap="20px" *ngIf="checkStatus()">
        <mat-checkbox [formControl]="hideReversedParam" (click)="hideReversed()" class="accruals">
-          {{"labels.inputs.Hide Reversed" | translate}}</mat-checkbox>
+          {{ 'labels.inputs.Hide Reversed' | translate }}</mat-checkbox
+        >
        <mat-checkbox [formControl]="hideAccrualsParam" (click)="hideAccruals()" class="accruals">
-          {{"labels.inputs.Hide Accruals" | translate}}</mat-checkbox>
-        <button mat-raised-button color="primary" [routerLink]="['export']">{{"labels.buttons.Export" | translate}}</button>
+          {{ 'labels.inputs.Hide Accruals' | translate }}</mat-checkbox
+        >
+        <button mat-raised-button color="primary" [routerLink]="['export']">
+          {{ 'labels.buttons.Export' | translate }}
+        </button>
      </div>
    </div>

    <table mat-table [dataSource]="dataSource" matSort>
-
      <ng-container matColumnDef="row">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> # </th>
-        <td mat-cell *matCellDef="let transaction; let idx = index;" (click)="showTransactions(transaction)">{{(idx + 1)}}</td>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>#</th>
+        <td mat-cell *matCellDef="let transaction; let idx = index" (click)="showTransactions(transaction)">
+          {{ idx + 1 }}
+        </td>
      </ng-container>

      <ng-container matColumnDef="id">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Id" | translate}} </th>
-        <td mat-cell *matCellDef="let transaction" class="td-select" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)"> {{ transaction.id }} </td>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Id' | translate }}</th>
+        <td
+          mat-cell
+          *matCellDef="let transaction"
+          class="td-select"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
+          {{ transaction.id }}
+        </td>
      </ng-container>

      <ng-container matColumnDef="date">
-        <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{"labels.inputs.Transaction Date" | translate}} </th>
-        <td mat-cell *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)">
+        <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header>
+          {{ 'labels.inputs.Transaction Date' | translate }}
+        </th>
+        <td
+          mat-cell
+          *matCellDef="let transaction"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
          {{ transaction.date | dateFormat }}
        </td>
      </ng-container>

      <ng-container matColumnDef="externalId">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.External Id" | translate}} </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.External Id' | translate }}</th>
        <td mat-cell *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)">
-          <mifosx-external-identifier externalId="{{transaction.externalId}}"></mifosx-external-identifier>
+          <mifosx-external-identifier externalId="{{ transaction.externalId }}"></mifosx-external-identifier>
        </td>
      </ng-container>

      <ng-container matColumnDef="transactionType">
-        <th mat-header-cell class="center" *matHeaderCellDef> {{"labels.inputs.Transaction Type" | translate}} </th>
-        <td mat-cell *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)">
-          {{ transaction.transactionType.value | translateKey:'catalogs' }}
+        <th mat-header-cell class="center" *matHeaderCellDef>{{ 'labels.inputs.Transaction Type' | translate }}</th>
+        <td
+          mat-cell
+          *matCellDef="let transaction"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
+          {{ transaction.transactionType.value | translateKey: 'catalogs' }}
        </td>
      </ng-container>

      <ng-container matColumnDef="debit">
-        <th mat-header-cell class="r-amount" *matHeaderCellDef> {{"labels.inputs.Debit" | translate}} </th>
-        <td mat-cell class="r-amount" *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)">
-          {{ isDebit(transaction.transactionType) ? (transaction.amount | formatNumber) : 'N/A'}}
+        <th mat-header-cell class="r-amount" *matHeaderCellDef>{{ 'labels.inputs.Debit' | translate }}</th>
+        <td
+          mat-cell
+          class="r-amount"
+          *matCellDef="let transaction"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
+          {{ isDebit(transaction.transactionType) ? (transaction.amount | formatNumber) : 'N/A' }}
        </td>
      </ng-container>

      <ng-container matColumnDef="credit">
-        <th mat-header-cell class="r-amount" *matHeaderCellDef> {{"labels.inputs.Credit" | translate}} </th>
-        <td mat-cell class="r-amount" *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)">
+        <th mat-header-cell class="r-amount" *matHeaderCellDef>{{ 'labels.inputs.Credit' | translate }}</th>
+        <td
+          mat-cell
+          class="r-amount"
+          *matCellDef="let transaction"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
          {{ !isDebit(transaction.transactionType) ? (transaction.amount | formatNumber) : 'N/A' }}
        </td>
      </ng-container>

      <ng-container matColumnDef="balance">
-        <th mat-header-cell class="r-amount" *matHeaderCellDef> {{"labels.inputs.Balance" | translate}} </th>
-        <td mat-cell class="r-amount" *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)">
+        <th mat-header-cell class="r-amount" *matHeaderCellDef>{{ 'labels.inputs.Balance' | translate }}</th>
+        <td
+          mat-cell
+          class="r-amount"
+          *matCellDef="let transaction"
+          [ngClass]="savingsTransactionColor(transaction)"
+          (click)="showTransactions(transaction)"
+        >
          {{ transaction.runningBalance | formatNumber }}
        </td>
      </ng-container>

      <ng-container matColumnDef="actions">
-        <th mat-header-cell class="center" *matHeaderCellDef> {{"labels.inputs.Actions" | translate}} </th>
+        <th mat-header-cell class="center" *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
        <td mat-cell class="center" *matCellDef="let transaction">
          <button mat-icon-button [matMenuTriggerFor]="transactionMenu" aria-label="" class="action-button">
-            <mat-icon>{{"labels.text.more_vert" | translate }}</mat-icon>
+            <mat-icon>{{ 'labels.text.more_vert' | translate }}</mat-icon>
          </button>
          <mat-menu #transactionMenu="matMenu">
            <button mat-menu-item (click)="showTransactions(transaction)">
              <mat-icon><fa-icon icon="eye" size="sm"></fa-icon></mat-icon>
-              <span>{{ 'labels.text.View Transaction' | translate}}</span>
+              <span>{{ 'labels.text.View Transaction' | translate }}</span>
            </button>
            <button mat-menu-item *mifosxHasPermission="'ADJUST_LOAN'" (click)="undoTransaction(transaction, $event)">
              <mat-icon><fa-icon icon="undo" size="sm"></fa-icon></mat-icon>
-              <span>{{ 'tooltips.Undo Transaction' | translate}}</span>
+              <span>{{ 'tooltips.Undo Transaction' | translate }}</span>
            </button>
-            <button mat-menu-item class="account-action-button" (click)="routeEdit($event)" [routerLink]="[transaction.id, 'reciept']">
+            <button
+              mat-menu-item
+              class="account-action-button"
+              (click)="routeEdit($event)"
+              [routerLink]="[transaction.id, 'reciept']"
+            >
              <mat-icon><fa-icon icon="receipt" size="sm"></fa-icon></mat-icon>
-              <span>{{ 'tooltips.View Receipts' | translate}}</span>
+              <span>{{ 'tooltips.View Receipts' | translate }}</span>
            </button>
-            <button mat-menu-item (click)="routeEdit($event)" [routerLink]="['/','journal-entry', 'view', 'S'+transaction.id ]">
+            <button
+              mat-menu-item
+              (click)="routeEdit($event)"
+              [routerLink]="['/', 'journal-entry', 'view', 'S' + transaction.id]"
+            >
              <mat-icon><fa-icon icon="table-cells" size="sm"></fa-icon></mat-icon>
-              <span>{{ 'tooltips.View Journal Entries' | translate}}</span>
+              <span>{{ 'tooltips.View Journal Entries' | translate }}</span>
            </button>
          </mat-menu>
        </td>
      </ng-container>

      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row"></tr>
-
+      <tr mat-row *matRowDef="let row; columns: displayedColumns" class="select-row"></tr>
    </table>

    <mat-paginator [pageSize]="50" [pageSizeOptions]="[50, 100, 200]" showFirstLastButtons></mat-paginator>
-
  </div>

  <div class="alert" [hidden]="accountWithTransactions">
    <div class="message">
      <i class="fa fa-exclamation-circle alert-check"></i>
-      {{ "labels.text.No transaction was found" | translate }}
+      {{ 'labels.text.No transaction was found' | translate }}
    </div>
  </div>
 </div>