CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

build: Use prettier for html

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/navigation/center-navigation/center-navigation.component.html
+41 -25
View File
@@ -6,18 +6,23 @@
<h2>
{{ centerData.name }}
<span [className]="centerData.status.code | statusLookup">
<fa-icon matTooltip="{{ centerData.status.value }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
<fa-icon
matTooltip="{{ centerData.status.value }}"
matTooltipPosition="right"
icon="circle"
size="lg"
></fa-icon>
</span>
</h2>
</mat-card-title>
<mat-card-subtitle>
<p>
{{"labels.inputs.Account No" | translate}}:
<mifosx-account-number accountNo="{{centerData.accountNo}}"></mifosx-account-number>
{{ 'labels.inputs.Account No' | translate }}:
<mifosx-account-number accountNo="{{ centerData.accountNo }}"></mifosx-account-number>
</p>
<p *ngIf="centerData.externalId">
{{"labels.inputs.External Id" | translate}}:
<mifosx-external-identifier externalId="{{centerData.externalId}}"></mifosx-external-identifier>
{{ 'labels.inputs.External Id' | translate }}:
<mifosx-external-identifier externalId="{{ centerData.externalId }}"></mifosx-external-identifier>
</p>
</mat-card-subtitle>
</div>
@@ -25,13 +30,11 @@
</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}}
{{ 'labels.inputs.Activation Date' | translate }}
</div>
<div fxFlex="50%">
@@ -39,7 +42,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Associated Officer" | translate}}
{{ 'labels.inputs.Associated Officer' | translate }}
</div>
<div fxFlex="50%">
@@ -47,7 +50,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
{{"labels.inputs.Number of Active Clients" | translate}}
{{ 'labels.inputs.Number of Active Clients' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
@@ -55,7 +58,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
{{"labels.inputs.Number of Active Client Loans" | translate}}
{{ 'labels.inputs.Number of Active Client Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
@@ -63,7 +66,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
{{"labels.inputs.Number of Active Client Borrowers" | translate}}
{{ 'labels.inputs.Number of Active Client Borrowers' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
@@ -71,7 +74,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
{{"labels.inputs.Number of Active Overdue Group Loans" | translate}}
{{ 'labels.inputs.Number of Active Overdue Group Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
@@ -79,37 +82,50 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
{{"labels.inputs.Number of Active Overdue Client Loans" | translate}}
{{ 'labels.inputs.Number of Active Overdue Client Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
{{ centerSummaryData.overdueClientLoans }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]">
{{"labels.inputs.Next Meeting Date" | translate}}
<div
fxFlex="50%"
class="mat-body-strong"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ 'labels.inputs.Next Meeting Date' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]">
<div
fxFlex="50%"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ centerSummaryData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable">
{{"labels.inputs.Meeting Frequency" | translate}}
<div
fxFlex="50%"
class="mat-body-strong"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
>
{{ 'labels.inputs.Meeting Frequency' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable">
<div
fxFlex="50%"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
>
{{ centerSummaryData.collectionMeetingCalendar.humanReadable }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Number of Groups" | translate}}
{{ 'labels.inputs.Number of Groups' | translate }}
</div>
<div fxFlex="50%">
{{ groupData ? groupData.length : '' }}
</div>
</div>
</mat-tab>
@@ -118,9 +134,9 @@
</mat-tab>
<mat-tab label="Savings Accounts" *ngIf="centerAccountsData && centerAccountsData.savingsAccounts">
<mifosx-savings-account-table [savingsAccountData]="centerAccountsData.savingsAccounts"></mifosx-savings-account-table>
<mifosx-savings-account-table
[savingsAccountData]="centerAccountsData.savingsAccounts"
></mifosx-savings-account-table>
</mat-tab>
</mat-tab-group>
</mat-card-content>
src/app/navigation/client-navigation/client-navigation.component.html
+19 -18
View File
@@ -6,13 +6,19 @@
<h2>
{{ clientData.displayName }}
<span [className]="clientData.status.code | statusLookup">
<fa-icon matTooltip="{{ clientData.status.value }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
<fa-icon
matTooltip="{{ clientData.status.value }}"
matTooltipPosition="right"
icon="circle"
size="lg"
></fa-icon>
</span>
</h2>
</mat-card-title>
<mat-card-subtitle>
<p>
{{"labels.inputs.Account No" | translate}}: {{ clientData.accountNo }} {{ clientData.externalId ? '| External ID: ' + clientData.externalId : '' }}
{{ 'labels.inputs.Account No' | translate }}: {{ clientData.accountNo }}
{{ clientData.externalId ? '| External ID: ' + clientData.externalId : '' }}
</p>
</mat-card-subtitle>
</div>
@@ -20,14 +26,11 @@
</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" *ngIf="clientData.firstName">
{{"labels.inputs.First Name" | translate}}
{{ 'labels.inputs.First Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.firstName">
@@ -35,7 +38,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.middleName">
{{"labels.inputs.Middle Name" | translate}}
{{ 'labels.inputs.Middle Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.middleName">
@@ -43,7 +46,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.lastName">
{{"labels.inputs.Last Name" | translate}}
{{ 'labels.inputs.Last Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.lastName">
@@ -51,7 +54,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.dateOfBirth">
{{"labels.inputs.Date of Birth" | translate}}
{{ 'labels.inputs.Date of Birth' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.dateOfBirth">
@@ -59,7 +62,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.mobileNo">
{{"labels.inputs.Mobile Number" | translate}}
{{ 'labels.inputs.Mobile Number' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.mobileNo">
@@ -67,7 +70,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Activation Date" | translate}}
{{ 'labels.inputs.Activation Date' | translate }}
</div>
<div fxFlex="50%">
@@ -75,7 +78,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.officeName">
{{"labels.inputs.Associated Office" | translate}}
{{ 'labels.inputs.Associated Office' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.officeName">
@@ -83,15 +86,13 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.staffName">
{{"labels.inputs.Associated Staff" | translate}}
{{ 'labels.inputs.Associated Staff' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.staffName">
{{ clientData.staffName }}
</div>
</div>
</mat-tab>
<mat-tab label="Loan Accounts" *ngIf="clientAccountsData && clientAccountsData.loanAccounts">
@@ -99,7 +100,9 @@
</mat-tab>
<mat-tab label="Savings Accounts" *ngIf="clientAccountsData && clientAccountsData.savingsAccounts">
<mifosx-savings-account-table [savingsAccountData]="clientAccountsData.savingsAccounts"></mifosx-savings-account-table>
<mifosx-savings-account-table
[savingsAccountData]="clientAccountsData.savingsAccounts"
></mifosx-savings-account-table>
</mat-tab>
<mat-tab label="Share Accounts" *ngIf="clientAccountsData && clientAccountsData.shareAccounts">
@@ -109,7 +112,5 @@
<mat-tab label="Group Members" *ngIf="clientData.groups && clientData.groups.length !== 0">
<mifosx-member-groups [memberGroupData]="clientData.groups"></mifosx-member-groups>
</mat-tab>
</mat-tab-group>
</mat-card-content>
src/app/navigation/group-navigation/group-navigation.component.html
+81 -62
View File
@@ -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>
src/app/navigation/loan-account-table/loan-account-table.component.html
+20 -12
View File
@@ -1,7 +1,7 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
<button mat-raised-button color="primary" (click)="toggleClosed()">
{{ showClosed ? 'View Active' : 'View Closed' }}
@@ -9,36 +9,44 @@
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="accountNo">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Account Number" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Account Number' | translate }}</th>
<td mat-cell *matCellDef="let loanAccount">{{ loanAccount.accountNo }}</td>
</ng-container>
<ng-container matColumnDef="productName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Loan Account" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Loan Account' | translate }}</th>
<td mat-cell *matCellDef="let loanAccount">{{ loanAccount.productName }}</td>
</ng-container>
<ng-container matColumnDef="Type">
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Type" | translate}} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Type' | translate }}</th>
<td mat-cell *matCellDef="let loanAccount">
<fa-icon matTooltip="{{ loanAccount.loanType.value }}" matTooltipPosition="right" [icon]="(loanAccount.loanType.code === 'accountType.individual') ? 'user' : 'users'" size="lg"></fa-icon>
<fa-icon
matTooltip="{{ loanAccount.loanType.value }}"
matTooltipPosition="right"
[icon]="loanAccount.loanType.code === 'accountType.individual' ? 'user' : 'users'"
size="lg"
></fa-icon>
</td>
</ng-container>
<ng-container matColumnDef="Status">
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Status" | translate}} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let loanAccount">
<span [className]="loanAccount.inArrears?'status-active-overdue' : (loanAccount.status.code | statusLookup)">
<fa-icon matTooltip="{{ loanAccount.status.value }}" matTooltipPosition="right" icon="circle" size="md"></fa-icon>
<span [className]="loanAccount.inArrears ? 'status-active-overdue' : (loanAccount.status.code | statusLookup)">
<fa-icon
matTooltip="{{ loanAccount.status.value }}"
matTooltipPosition="right"
icon="circle"
size="md"
></fa-icon>
</span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25]" showFirstLastButtons></mat-paginator>
src/app/navigation/member-groups/member-groups.component.html
+7 -9
View File
@@ -1,25 +1,23 @@
<div fxLayout="row">
<mat-form-field fxFlex="50%">
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="accountNo">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Account Number" | translate}} </th>
<td mat-cell *matCellDef="let memberGroup"> {{ memberGroup.accountNo }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Account Number' | translate }}</th>
<td mat-cell *matCellDef="let memberGroup">{{ memberGroup.accountNo }}</td>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Group Name" | translate}} </th>
<td mat-cell *matCellDef="let memberGroup"> {{ memberGroup.name }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Group Name' | translate }}</th>
<td mat-cell *matCellDef="let memberGroup">{{ memberGroup.name }}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25]" showFirstLastButtons></mat-paginator>
src/app/navigation/navigation.component.html
+20 -19
View File
@@ -1,15 +1,10 @@
<div class="container">
<div fxLayout="row wrap" fxLayout.lt-md="column" fxLayoutGap="2%">
<div fxFlex="48%">
<mat-card fxLayout="column">
<mat-card-content fxLayout="column">
<mat-form-field *ngIf="!(officeData === undefined || officeData === null)">
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
<mat-select [formControl]="officeSelector">
<mat-option *ngFor="let office of officeData" [value]="office.id">
{{ office.name }}
@@ -52,19 +47,17 @@
</mat-option>
</mat-select>
</mat-form-field>
</mat-card-content>
</mat-card>
</div>
<div fxFlex="48%">
<mat-card fxLayout="column" *ngIf="selectedItem">
<ng-container *ngIf="selectedItem.itemType === 'office'">
<mifosx-office-navigation [officeData]="selectedItem" [employeeData]="employeeData"></mifosx-office-navigation>
<mifosx-office-navigation
[officeData]="selectedItem"
[employeeData]="employeeData"
></mifosx-office-navigation>
</ng-container>
<ng-container *ngIf="selectedItem.itemType === 'employee'">
@@ -72,21 +65,29 @@
</ng-container>
<ng-container *ngIf="selectedItem.itemType === 'center'">
<mifosx-center-navigation [centerData]="selectedItem" [groupData]="groupData" [centerAccountsData]='selectedItemAccounts' [centerSummaryData]='selectedItemSummary'></mifosx-center-navigation>
<mifosx-center-navigation
[centerData]="selectedItem"
[groupData]="groupData"
[centerAccountsData]="selectedItemAccounts"
[centerSummaryData]="selectedItemSummary"
></mifosx-center-navigation>
</ng-container>
<ng-container *ngIf="selectedItem.itemType === 'group'">
<mifosx-group-navigation [groupData]="selectedItem" [clientData]="clientData" [groupAccountsData]='selectedItemAccounts'></mifosx-group-navigation>
<mifosx-group-navigation
[groupData]="selectedItem"
[clientData]="clientData"
[groupAccountsData]="selectedItemAccounts"
></mifosx-group-navigation>
</ng-container>
<ng-container *ngIf="selectedItem.itemType === 'client'">
<mifosx-client-navigation [clientData]="selectedItem" [clientAccountsData]='selectedItemAccounts'></mifosx-client-navigation>
<mifosx-client-navigation
[clientData]="selectedItem"
[clientAccountsData]="selectedItemAccounts"
></mifosx-client-navigation>
</ng-container>
</mat-card>
</div>
</div>
</div>
src/app/navigation/office-navigation/office-navigation.component.html
+6 -6
View File
@@ -9,7 +9,9 @@
</mat-card-title>
<mat-card-subtitle>
<p *ngIf="officeData.externalId">
{{"labels.inputs.External Id" | translate}}:<mifosx-external-identifier externalId="{{officeData.externalId}}"></mifosx-external-identifier>
{{ 'labels.inputs.External Id' | translate }}:<mifosx-external-identifier
externalId="{{ officeData.externalId }}"
></mifosx-external-identifier>
</p>
</mat-card-subtitle>
</div>
@@ -18,9 +20,8 @@
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Opened On" | translate}}
{{ 'labels.inputs.Opened On' | translate }}
</div>
<div fxFlex="50%">
@@ -28,7 +29,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="officeData.parentName">
{{"labels.inputs.Parent officeData" | translate}}
{{ 'labels.inputs.Parent officeData' | translate }}
</div>
<div fxFlex="50%" *ngIf="officeData.parentName">
@@ -36,12 +37,11 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Number of Staff" | translate}}
{{ 'labels.inputs.Number of Staff' | translate }}
</div>
<div fxFlex="50%">
{{ employeeData ? employeeData.length : '' }}
</div>
</div>
</mat-card-content>
src/app/navigation/savings-account-table/savings-account-table.component.html
+13 -10
View File
@@ -1,7 +1,7 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
<button mat-raised-button color="primary" (click)="toggleClosed()">
{{ showClosed ? 'View Active' : 'View Closed' }}
@@ -9,34 +9,37 @@
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="accountNo">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Account Number" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Account Number' | translate }}</th>
<td mat-cell *matCellDef="let savingsAccount">{{ savingsAccount.accountNo }}</td>
</ng-container>
<ng-container matColumnDef="productName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Savings Account" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Savings Account' | translate }}</th>
<td mat-cell *matCellDef="let savingsAccount">{{ savingsAccount.productName }}</td>
</ng-container>
<ng-container matColumnDef="accountBalance">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Balance" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Balance' | translate }}</th>
<td mat-cell *matCellDef="let savingsAccount">{{ savingsAccount.accountBalance }}</td>
</ng-container>
<ng-container matColumnDef="Status">
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Status" | translate}} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let savingsAccount">
<span [className]="savingsAccount.status.code | statusLookup">
<fa-icon matTooltip="{{ savingsAccount.status.value }}" matTooltipPosition="right" icon="circle" size="md"></fa-icon>
<fa-icon
matTooltip="{{ savingsAccount.status.value }}"
matTooltipPosition="right"
icon="circle"
size="md"
></fa-icon>
</span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25]" showFirstLastButtons></mat-paginator>
src/app/navigation/share-account-table/share-account-table.component.html
+13 -12
View File
@@ -1,7 +1,7 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
<button mat-raised-button color="primary" (click)="toggleClosed()">
{{ showClosed ? 'View Active' : 'View Closed' }}
@@ -9,36 +9,37 @@
</div>
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="accountNo">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Account Number" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Account Number' | translate }}</th>
<td mat-cell *matCellDef="let shareAccount">{{ shareAccount.accountNo }}</td>
</ng-container>
<ng-container matColumnDef="productName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Share Account" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Share Account' | translate }}</th>
<td mat-cell *matCellDef="let shareAccount">{{ shareAccount.productName }}</td>
</ng-container>
<ng-container matColumnDef="totalApprovedShares">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Approved Shares" | translate}} </th>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Approved Shares' | translate }}</th>
<td mat-cell *matCellDef="let savingsAccount">{{ savingsAccount.totalApprovedShares }}</td>
</ng-container>
<ng-container matColumnDef="Status">
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Status" | translate}} </th>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let shareAccount">
<span [className]="shareAccount.status.code | statusLookup">
<fa-icon matTooltip="{{ shareAccount.status.value }}" matTooltipPosition="right" icon="circle" size="md"></fa-icon>
<fa-icon
matTooltip="{{ shareAccount.status.value }}"
matTooltipPosition="right"
icon="circle"
size="md"
></fa-icon>
</span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
<mat-paginator [pageSizeOptions]="[10, 25]" showFirstLastButtons></mat-paginator>
src/app/navigation/staff-navigation/staff-navigation.component.html
+11 -10
View File
@@ -6,14 +6,17 @@
<h2>
{{ employeeData.displayName }}
<span [className]="employeeData.isActive === true ? 'true' : 'false'">
<fa-icon matTooltip="{{ employeeData.isActive === true ? 'Active' : 'Inactive' }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
<fa-icon
matTooltip="{{ employeeData.isActive === true ? 'Active' : 'Inactive' }}"
matTooltipPosition="right"
icon="circle"
size="lg"
></fa-icon>
</span>
</h2>
</mat-card-title>
<mat-card-subtitle>
<p>
{{"labels.inputs.Associated Office" | translate}}: {{ employeeData.officeName }}
</p>
<p>{{ 'labels.inputs.Associated Office' | translate }}: {{ employeeData.officeName }}</p>
</mat-card-subtitle>
</div>
</mat-card-title-group>
@@ -21,9 +24,8 @@
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Joined On" | translate}}
{{ 'labels.inputs.Joined On' | translate }}
</div>
<div fxFlex="50%">
@@ -31,7 +33,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Loan Officer" | translate}}
{{ 'labels.inputs.Loan Officer' | translate }}
</div>
<div fxFlex="50%">
@@ -39,7 +41,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="employeeData.mobileNo">
{{"labels.inputs.Mobile Number" | translate}}
{{ 'labels.inputs.Mobile Number' | translate }}
</div>
<div fxFlex="50%" *ngIf="employeeData.mobileNo">
@@ -47,12 +49,11 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{"labels.inputs.Number of Centers" | translate}}
{{ 'labels.inputs.Number of Centers' | translate }}
</div>
<div fxFlex="50%">
{{ centerData ? centerData.length : '' }}
</div>
</div>
</mat-card-content>