build: Use prettier for html
Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
@@ -1,12 +1,11 @@
|
||||
<mat-card class="card">
|
||||
|
||||
<mat-card-header class="header">
|
||||
<h3 fxFlex="100%">
|
||||
<fa-icon icon="donate"></fa-icon>
|
||||
{{"labels.inputs.Amount Collected" | translate}}
|
||||
{{ 'labels.inputs.Amount Collected' | translate }}
|
||||
<div>
|
||||
<mat-form-field id="office" fxFlex="94%">
|
||||
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-select [formControl]="officeId">
|
||||
<mat-option *ngFor="let office of officeData" [value]="office.id">
|
||||
{{ office.name }}
|
||||
@@ -19,12 +18,11 @@
|
||||
|
||||
<mat-card-content>
|
||||
<!-- Structural directives like *ngIf break the canvas -->
|
||||
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
|
||||
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
|
||||
<canvas id="collection-pie" width="800" height="600"></canvas>
|
||||
</div>
|
||||
<div *ngIf="showFallback" class="fallback" fxLayoutAlign="center center">
|
||||
<p>{{"labels.text.No Data" | translate}}</p>
|
||||
<p>{{ 'labels.text.No Data' | translate }}</p>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
|
||||
</mat-card>
|
||||
|
||||
@@ -1,12 +1,11 @@
|
||||
<mat-card class="card">
|
||||
|
||||
<mat-card-header class="header">
|
||||
<h3 fxFlex="100%">
|
||||
<fa-icon icon="money-bill"></fa-icon>
|
||||
{{"labels.inputs.Amount Pending / Disbursed" | translate}}
|
||||
{{ 'labels.inputs.Amount Pending / Disbursed' | translate }}
|
||||
<div>
|
||||
<mat-form-field id="office" fxFlex="94%">
|
||||
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-select [formControl]="officeId">
|
||||
<mat-option *ngFor="let office of officeData" [value]="office.id">
|
||||
{{ office.name }}
|
||||
@@ -19,12 +18,11 @@
|
||||
|
||||
<mat-card-content>
|
||||
<!-- Structural directives like *ngIf break the canvas -->
|
||||
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
|
||||
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
|
||||
<canvas id="disbursement-pie" width="800" height="600"></canvas>
|
||||
</div>
|
||||
<div *ngIf="showFallback" class="fallback" fxLayoutAlign="center center">
|
||||
<p>{{"labels.text.No Data" | translate}}</p>
|
||||
<p>{{ 'labels.text.No Data' | translate }}</p>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
|
||||
</mat-card>
|
||||
|
||||
@@ -1,12 +1,11 @@
|
||||
<mat-card class="card">
|
||||
|
||||
<mat-card-header class="header">
|
||||
<h3 fxFlex="100%">
|
||||
<fa-icon icon="chart-line"></fa-icon>
|
||||
{{"labels.inputs.Client Trends" | translate}}
|
||||
{{ 'labels.inputs.Client Trends' | translate }}
|
||||
<div>
|
||||
<mat-form-field id="office" fxFlex="94%">
|
||||
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-select [formControl]="officeId">
|
||||
<mat-option *ngFor="let office of officeData" [value]="office.id">
|
||||
{{ office.name }}
|
||||
@@ -19,14 +18,13 @@
|
||||
|
||||
<mat-card-content>
|
||||
<!-- Structural directives like *ngIf break the canvas -->
|
||||
<div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
|
||||
<div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
|
||||
<canvas id="client-trends-bar" width="800" height="465" class="fallback"></canvas>
|
||||
</div>
|
||||
<mat-button-toggle-group [formControl]="timescale" id='timescale' appearance="legacy">
|
||||
<mat-button-toggle value="Day">{{"labels.buttons.Day" | translate}}</mat-button-toggle>
|
||||
<mat-button-toggle value="Week">{{"labels.buttons.Week" | translate}}</mat-button-toggle>
|
||||
<mat-button-toggle value="Month">{{"labels.buttons.Month" | translate}}</mat-button-toggle>
|
||||
<mat-button-toggle-group [formControl]="timescale" id="timescale" appearance="legacy">
|
||||
<mat-button-toggle value="Day">{{ 'labels.buttons.Day' | translate }}</mat-button-toggle>
|
||||
<mat-button-toggle value="Week">{{ 'labels.buttons.Week' | translate }}</mat-button-toggle>
|
||||
<mat-button-toggle value="Month">{{ 'labels.buttons.Month' | translate }}</mat-button-toggle>
|
||||
</mat-button-toggle-group>
|
||||
</mat-card-content>
|
||||
|
||||
</mat-card>
|
||||
|
||||
@@ -1,32 +1,27 @@
|
||||
<div class="container">
|
||||
|
||||
<mat-card class="card" fxLayout="column" fxLayoutGap="40px">
|
||||
|
||||
<div fxLayout="row" class="search">
|
||||
<mat-card-content>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>{{'labels.placeholders.Search Activity' | translate}}</mat-label>
|
||||
<input matInput [matAutocomplete]="activitySearch" [formControl]="searchText">
|
||||
<mat-label>{{ 'labels.placeholders.Search Activity' | translate }}</mat-label>
|
||||
<input matInput [matAutocomplete]="activitySearch" [formControl]="searchText" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-autocomplete #activitySearch="matAutocomplete">
|
||||
<mat-option *ngFor="let activity of filteredActivities | async" [routerLink]="activity.path">
|
||||
<span>{{activity.activity}}</span>
|
||||
<span>{{ activity.activity }}</span>
|
||||
</mat-option>
|
||||
</mat-autocomplete>
|
||||
|
||||
</mat-card-content>
|
||||
</div>
|
||||
|
||||
<div fxLayout="row" class="top-card">
|
||||
<div class="trends-bar">
|
||||
<mifosx-client-trends-bar></mifosx-client-trends-bar>
|
||||
</div>
|
||||
<div class="trends-bar">
|
||||
<mifosx-client-trends-bar></mifosx-client-trends-bar>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div fxLayout="row" class="bottom-card">
|
||||
|
||||
<div class="amount-disbursed">
|
||||
<mifosx-amount-disbursed-pie></mifosx-amount-disbursed-pie>
|
||||
</div>
|
||||
@@ -34,9 +29,6 @@
|
||||
<div class="amount-collected">
|
||||
<mifosx-amount-collected-pie></mifosx-amount-collected-pie>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user