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

Upgrade to Angular 16

Browse Source 
Merge `angular-update-16` into `dev` branch
This commit is contained in:
Adam Saghy
2025-05-23 18:47:20 +02:00
parent c7c2f60182
commit 19a14e5b5b
882 changed files with 14895 additions and 14340 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/navigation/center-navigation/center-navigation.component.html
+22 -24
View File
@@ -1,4 +1,4 @@
<mat-card-header fxLayout="row" fxLayoutGap="5%" class="header">
<mat-card-header class="layout-row gap-5percent header">
<fa-icon class="main-icon" icon="building" size="3x"></fa-icon>
<mat-card-title-group>
<div class="mat-typography">
@@ -32,98 +32,96 @@
<mat-card-content>
<mat-tab-group>
<mat-tab label="Details">
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Activation Date' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ centerData.activationDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Associated Officer' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ centerData.staffName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
<div class="flex-50 mat-body-strong" *ngIf="centerSummaryData">
{{ 'labels.inputs.Number of Active Clients' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
<div class="flex-50" *ngIf="centerSummaryData">
{{ centerSummaryData.activeClients }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
<div class="flex-50 mat-body-strong" *ngIf="centerSummaryData">
{{ 'labels.inputs.Number of Active Client Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
<div class="flex-50" *ngIf="centerSummaryData">
{{ centerSummaryData.activeClientLoans }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
<div class="flex-50 mat-body-strong" *ngIf="centerSummaryData">
{{ 'labels.inputs.Number of Active Client Borrowers' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
<div class="flex-50" *ngIf="centerSummaryData">
{{ centerSummaryData.activeClientBorrowers }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
<div class="flex-50 mat-body-strong" *ngIf="centerSummaryData">
{{ 'labels.inputs.Number of Active Overdue Group Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
<div class="flex-50" *ngIf="centerSummaryData">
{{ centerSummaryData.overdueGroupLoans }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="centerSummaryData">
<div class="flex-50 mat-body-strong" *ngIf="centerSummaryData">
{{ 'labels.inputs.Number of Active Overdue Client Loans' | translate }}
</div>
<div fxFlex="50%" *ngIf="centerSummaryData">
<div class="flex-50" *ngIf="centerSummaryData">
{{ centerSummaryData.overdueClientLoans }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
class="mat-body-strong flex-50"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ 'labels.inputs.Next Meeting Date' | translate }}
</div>
<div
fxFlex="50%"
class="flex-50"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ centerSummaryData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
class="mat-body-strong flex-50"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
>
{{ 'labels.inputs.Meeting Frequency' | translate }}
</div>
<div
fxFlex="50%"
class="flex-50"
*ngIf="centerData.collectionMeetingCalendar && centerData.collectionMeetingCalendar.humanReadable"
>
{{ centerSummaryData.collectionMeetingCalendar.humanReadable }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Number of Groups' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ groupData ? groupData.length : '' }}
</div>
</div>
src/app/navigation/client-navigation/client-navigation.component.html
+18 -18
View File
@@ -1,4 +1,4 @@
<mat-card-header fxLayout="row" fxLayoutGap="5%">
<mat-card-header class="layout-row gap-5percent">
<fa-icon class="main-icon" icon="user" size="3x"></fa-icon>
<mat-card-title-group>
<div class="mat-typography">
@@ -28,68 +28,68 @@
<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">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong" *ngIf="clientData.firstName">
{{ 'labels.inputs.First Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.firstName">
<div class="flex-50" *ngIf="clientData.firstName">
{{ clientData.firstName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.middleName">
<div class="flex-50 mat-body-strong" *ngIf="clientData.middleName">
{{ 'labels.inputs.Middle Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.middleName">
<div class="flex-50" *ngIf="clientData.middleName">
{{ clientData.middleName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.lastName">
<div class="flex-50 mat-body-strong" *ngIf="clientData.lastName">
{{ 'labels.inputs.Last Name' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.lastName">
<div class="flex-50" *ngIf="clientData.lastName">
{{ clientData.lastName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.dateOfBirth">
<div class="flex-50 mat-body-strong" *ngIf="clientData.dateOfBirth">
{{ 'labels.inputs.Date of Birth' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.dateOfBirth">
<div class="flex-50" *ngIf="clientData.dateOfBirth">
{{ clientData.dateOfBirth | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.mobileNo">
<div class="flex-50 mat-body-strong" *ngIf="clientData.mobileNo">
{{ 'labels.inputs.Mobile Number' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.mobileNo">
<div class="flex-50" *ngIf="clientData.mobileNo">
{{ clientData.mobileNo }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Activation Date' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ clientData.activationDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.officeName">
<div class="flex-50 mat-body-strong" *ngIf="clientData.officeName">
{{ 'labels.inputs.Associated Office' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.officeName">
<div class="flex-50" *ngIf="clientData.officeName">
{{ clientData.officeName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.staffName">
<div class="flex-50 mat-body-strong" *ngIf="clientData.staffName">
{{ 'labels.inputs.Associated Staff' | translate }}
</div>
<div fxFlex="50%" *ngIf="clientData.staffName">
<div class="flex-50" *ngIf="clientData.staffName">
{{ clientData.staffName }}
</div>
</div>
src/app/navigation/group-navigation/group-navigation.component.html
+14 -16
View File
@@ -1,4 +1,4 @@
<mat-card-header fxLayout="row" fxLayoutGap="5%">
<mat-card-header class="layout-row gap-5percent">
<fa-icon class="main-icon" icon="users" size="3x"></fa-icon>
<mat-card-title-group>
<div class="mat-typography">
@@ -28,66 +28,64 @@
<mat-card-content>
<mat-tab-group>
<mat-tab label="Details">
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Activation Date' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ groupData.activationDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Associated Officer' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ groupData.staffName }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.centerName">
<div class="flex-50 mat-body-strong" *ngIf="groupData.centerName">
{{ 'labels.inputs.Associated Center' | translate }}
</div>
<div fxFlex="50%" *ngIf="groupData.centerName">
<div class="flex-50" *ngIf="groupData.centerName">
{{ groupData.centerName }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
class="mat-body-strong flex-50"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ 'labels.inputs.Next Meeting Date' | translate }}
</div>
<div
fxFlex="50%"
class="flex-50"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]"
>
{{ groupData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}
</div>
<div
fxFlex="50%"
class="mat-body-strong"
class="mat-body-strong flex-50"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable"
>
{{ 'labels.inputs.Meeting Frequency' | translate }}
</div>
<div
fxFlex="50%"
class="flex-50"
*ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable"
>
{{ groupData.collectionMeetingCalendar.humanReadable }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Number of Clients' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ clientData ? clientData.length : '' }}
</div>
</div>
src/app/navigation/loan-account-table/loan-account-table.component.html
+2 -2
View File
@@ -1,5 +1,5 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<div class="layout-row align-between align-items-center">
<mat-form-field class="flex-50">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
src/app/navigation/member-groups/member-groups.component.html
+2 -2
View File
@@ -1,5 +1,5 @@
<div fxLayout="row">
<mat-form-field fxFlex="50%">
<div class="layout-row">
<mat-form-field class="flex-50">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
src/app/navigation/navigation.component.html
+6 -6
View File
@@ -1,8 +1,8 @@
<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">
<div class="layout-row-wrap responsive-column gap-2percent">
<div class="flex-48">
<mat-card class="layout-column">
<mat-card-content class="layout-column">
<mat-form-field *ngIf="!(officeData === undefined || officeData === null)">
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
<mat-select [formControl]="officeSelector">
@@ -51,8 +51,8 @@
</mat-card>
</div>
<div fxFlex="48%">
<mat-card fxLayout="column" *ngIf="selectedItem">
<div class="flex-48">
<mat-card class="layout-column" *ngIf="selectedItem">
<ng-container *ngIf="selectedItem.itemType === 'office'">
<mifosx-office-navigation
[officeData]="selectedItem"
src/app/navigation/office-navigation/office-navigation.component.html
+8 -8
View File
@@ -1,4 +1,4 @@
<mat-card-header fxLayout="row" fxLayoutGap="5%" class="header">
<mat-card-header class="layout-row gap-5percent header">
<fa-icon class="main-icon" icon="building" size="3x"></fa-icon>
<mat-card-title-group>
<div class="mat-typography">
@@ -19,28 +19,28 @@
</mat-card-header>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Opened On' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ officeData.openingDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="officeData.parentName">
<div class="flex-50 mat-body-strong" *ngIf="officeData.parentName">
{{ 'labels.inputs.Parent officeData' | translate }}
</div>
<div fxFlex="50%" *ngIf="officeData.parentName">
<div class="flex-50" *ngIf="officeData.parentName">
{{ officeData.parentName }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Number of Staff' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ employeeData ? employeeData.length : '' }}
</div>
</div>
src/app/navigation/offices.resolver.ts
+1 -2
View File
@@ -1,6 +1,5 @@
/** Angular Imports */
import { Injectable } from '@angular/core';
import { Resolve } from '@angular/router';
/** rxjs Imports */
import { Observable } from 'rxjs';
@@ -12,7 +11,7 @@ import { NavigationService } from './navigation.service';
* Offices data resolver.
*/
@Injectable()
export class OfficesResolver implements Resolve<Object> {
export class OfficesResolver {
/**
* @param {NavigationService} navigationService Navigation service.
*/
src/app/navigation/savings-account-table/savings-account-table.component.html
+2 -2
View File
@@ -1,5 +1,5 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<div class="layout-row align-between align-items-center">
<mat-form-field class="flex-50">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
src/app/navigation/share-account-table/share-account-table.component.html
+2 -2
View File
@@ -1,5 +1,5 @@
<div fxLayout="row" fxLayoutAlign="space-between center">
<mat-form-field fxFlex="50%">
<div class="layout-row align-between align-items-center">
<mat-form-field class="flex-50">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
src/app/navigation/staff-navigation/staff-navigation.component.html
+10 -10
View File
@@ -1,4 +1,4 @@
<mat-card-header fxLayout="row" fxLayoutGap="5%" class="header">
<mat-card-header class="layout-row gap-5percent header">
<fa-icon class="main-icon" icon="user" size="3x"></fa-icon>
<mat-card-title-group>
<div class="mat-typography">
@@ -23,36 +23,36 @@
</mat-card-header>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Joined On' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ employeeData.joiningDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Loan Officer' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ employeeData.isLoanOfficer | yesNo }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="employeeData.mobileNo">
<div class="flex-50 mat-body-strong" *ngIf="employeeData.mobileNo">
{{ 'labels.inputs.Mobile Number' | translate }}
</div>
<div fxFlex="50%" *ngIf="employeeData.mobileNo">
<div class="flex-50" *ngIf="employeeData.mobileNo">
{{ employeeData.mobileNo }}
</div>
<div fxFlex="50%" class="mat-body-strong">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Number of Centers' | translate }}
</div>
<div fxFlex="50%">
<div class="flex-50">
{{ centerData ? centerData.length : '' }}
</div>
</div>