build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
Ralph Hopman
2024-12-19 09:36:50 +01:00
committed by Adam Saghy
parent c5fc3925fb
commit 2ec9ba81d6
651 changed files with 28935 additions and 20624 deletions
@@ -6,13 +6,19 @@
<h2>
{{ groupData.name }}
<span [className]="groupData.status.code | statusLookup">
<fa-icon matTooltip="{{ groupData.status.value }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
<fa-icon
matTooltip="{{ groupData.status.value }}"
matTooltipPosition="right"
icon="circle"
size="lg"
></fa-icon>
</span>
</h2>
</mat-card-title>
<mat-card-subtitle>
<p>
{{"labels.inputs.Account No" | translate}}: {{ groupData.accountNo }} {{ groupData.externalId ? '| External ID: ' + groupData.externalId : '' }}
{{ 'labels.inputs.Account No' | translate }}: {{ groupData.accountNo }}
{{ groupData.externalId ? '| External ID: ' + groupData.externalId : '' }}
</p>
</mat-card-subtitle>
</div>
@@ -20,68 +26,81 @@
</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}}
</div>
<div fxFlex="50%">
{{ groupData.activationDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Associated Officer" | translate}}
</div>
<div fxFlex="50%">
{{ groupData.staffName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.centerName">
{{"labels.inputs.Associated Center" | translate}}
</div>
<div fxFlex="50%" *ngIf="groupData.centerName">
{{ groupData.centerName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]">
{{"labels.inputs.Next Meeting Date" | translate}}
</div>
<div fxFlex="50%" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]">
{{ groupData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable">
{{"labels.inputs.Meeting Frequency" | translate}}
</div>
<div fxFlex="50%" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable">
{{ groupData.collectionMeetingCalendar.humanReadable }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Number of Clients" | translate}}
</div>
<div fxFlex="50%">
{{ clientData ? clientData.length : '' }}
</div>
<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 }}
</div>
</mat-tab>
<mat-tab label="Loan Accounts" *ngIf="groupAccountsData && groupAccountsData.loanAccounts">
<mifosx-loan-account-table [loanAccountData]="groupAccountsData.loanAccounts"></mifosx-loan-account-table>
</mat-tab>
<div fxFlex="50%">
{{ groupData.activationDate | dateFormat }}
</div>
<mat-tab label="Savings Accounts" *ngIf="groupAccountsData && groupAccountsData.savingsAccounts">
<mifosx-savings-account-table [savingsAccountData]="groupAccountsData.savingsAccounts"></mifosx-savings-account-table>
</mat-tab>
<div fxFlex="50%" class="mat-body-strong">
{{ 'labels.inputs.Associated Officer' | translate }}
</div>
</mat-tab-group>
<div fxFlex="50%">
{{ groupData.staffName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.centerName">
{{ 'labels.inputs.Associated Center' | translate }}
</div>
<div fxFlex="50%" *ngIf="groupData.centerName">
{{ groupData.centerName }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ 'labels.inputs.Next Meeting Date' | translate }}
</div>
<div
fxFlex="50%"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ groupData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable"
>
{{ 'labels.inputs.Meeting Frequency' | translate }}
</div>
<div
fxFlex="50%"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable"
>
{{ groupData.collectionMeetingCalendar.humanReadable }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{ 'labels.inputs.Number of Clients' | translate }}
</div>
<div fxFlex="50%">
{{ clientData ? clientData.length : '' }}
</div>
</div>
</mat-tab>
<mat-tab label="Loan Accounts" *ngIf="groupAccountsData && groupAccountsData.loanAccounts">
<mifosx-loan-account-table [loanAccountData]="groupAccountsData.loanAccounts"></mifosx-loan-account-table>
</mat-tab>
<mat-tab label="Savings Accounts" *ngIf="groupAccountsData && groupAccountsData.savingsAccounts">
<mifosx-savings-account-table
[savingsAccountData]="groupAccountsData.savingsAccounts"
></mifosx-savings-account-table>
</mat-tab>
</mat-tab-group>
</mat-card-content>