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

add style to the remaining components in our website

Browse Source
This commit is contained in:
Omar-Nabil
2024-08-08 08:42:03 -06:00
committed by Jose Alberto Hernandez
parent 8018853524
commit 64f7a76fc8
9 changed files with 419 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/accounting/accounting.component.html
+3 -11
View File
@@ -2,7 +2,7 @@
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="16px">
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px">
<div fxFlex="50%">
@@ -13,10 +13,8 @@
<fa-icon icon="sync" size="sm"></fa-icon>
</mat-icon>
<h4 matLine [routerLink]="['journal-entries/frequent-postings']">{{"labels.heading.Frequent Postings" | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="!arrowBooleans[0]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="arrowBooleans[0]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['journal-entries/frequent-postings']">{{"labels.text.These are predefined postings" | translate}}</p>
</mat-list-item>
@@ -26,10 +24,8 @@
<fa-icon icon="plus" size="sm"></fa-icon>
</mat-icon>
<h4 matLine [routerLink]="['journal-entries/create']">{{"labels.heading.Create Journal Entries" | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="!arrowBooleans[1]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="arrowBooleans[1]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['journal-entries/create']">{{"labels.text.Manual journal entry transactions recorded in a journal" | translate}}</p>
</mat-list-item>
</div>
@@ -39,10 +35,8 @@
<fa-icon icon="search" size="sm"></fa-icon>
</mat-icon>
<h4 matLine [routerLink]="['journal-entries']">{{"labels.heading.Search Journal Entries" | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="!arrowBooleans[2]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="arrowBooleans[2]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['journal-entries']">{{"labels.text.Advanced search option for journal entries" | translate}}</p>
</mat-list-item>
@@ -84,10 +78,8 @@
<fa-icon icon="sitemap" size="sm"></fa-icon>
</mat-icon>
<h4 matLine [routerLink]="['chart-of-accounts']">{{"labels.heading.Chart of Accounts" | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['chart-of-accounts']">{{"labels.text.List of accounts used by the organization" | translate}}</p>
</mat-list-item>
</div>
src/app/organization/bulk-import/bulk-import.component.html
+110 -59
View File
@@ -3,66 +3,90 @@
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column">
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px">
<div fxFlex="50%">
<mat-nav-list>
<mat-list-item [routerLink]="['Offices']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Offices']">
<fa-icon icon="building" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Offices' | translate }}</h4>
<h4 matLine [routerLink]="['Offices']">{{'labels.heading.Offices' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="!arrowBooleans[0]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="arrowBooleans[0]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['Offices']">Download, Upload Offices Template</p>
</mat-list-item>
<mat-list-item [routerLink]="['Users']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Users']">
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Users' | translate }}</h4>
<h4 matLine [routerLink]="['Users']">{{'labels.heading.Users' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="!arrowBooleans[1]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="arrowBooleans[1]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['Users']">Download offices template and Upload office excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Groups']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Groups']">
<fa-icon icon="users" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Groups' | translate }}</h4>
<h4 matLine [routerLink]="['Groups']">{{'labels.heading.Groups' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="!arrowBooleans[2]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="arrowBooleans[2]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['Groups']">Download groups template and Upload group excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Loan Accounts']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Loan Accounts']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Loan Accounts' | translate }}</h4>
<h4 matLine [routerLink]="['Loan Accounts']">{{'labels.heading.Loan Accounts' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="!arrowBooleans[3]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="arrowBooleans[3]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[3]" [routerLink]="['Loan Accounts']">Download loan accounts template and upload loan account excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Savings Accounts']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Savings Accounts']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Savings Accounts' | translate }}</h4>
<h4 matLine [routerLink]="['Savings Accounts']">{{'labels.heading.Savings Accounts' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="!arrowBooleans[4]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="arrowBooleans[4]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['Savings Accounts']">Download savings accounts template and upload savings account excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Fixed Deposit Accounts']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Fixed Deposit Accounts']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Fixed Deposit Accounts' | translate }}</h4>
<h4 matLine [routerLink]="['Fixed Deposit Accounts']">{{'labels.heading.Fixed Deposit Accounts' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['Fixed Deposit Accounts']">Download fixed deposit accounts template and upload fixed deposit account excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Chart of Accounts']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Chart of Accounts']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Chart of Accounts' | translate }}</h4>
<h4 matLine [routerLink]="['Chart of Accounts']">{{'labels.heading.Chart of Accounts' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="!arrowBooleans[6]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="arrowBooleans[6]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[6]" [routerLink]="['Chart of Accounts']">Download chart of accounts template and upload chart of account excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Share Accounts']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Share Accounts']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Share Accounts' | translate }}</h4>
<h4 matLine [routerLink]="['Share Accounts']">{{'labels.heading.Share Accounts' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="!arrowBooleans[7]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="arrowBooleans[7]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[7]" [routerLink]="['Share Accounts']">Download share accounts template and upload share account excel files</p>
</mat-list-item>
</mat-nav-list>
@@ -73,68 +97,95 @@
<mat-nav-list>
<mat-list-item [routerLink]="['Employees']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Employees']">
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Employees' | translate }}</h4>
<h4 matLine [routerLink]="['Employees']">{{'labels.heading.Employees' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="!arrowBooleans[8]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="arrowBooleans[8]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[8]" [routerLink]="['Employees']">Download employees template and upload employees excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Clients']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Clients']">
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Clients' | translate }}</h4>
<h4 matLine [routerLink]="['Clients']">{{'labels.heading.Clients' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="!arrowBooleans[9]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="arrowBooleans[9]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['Clients']">Download clients template and upload clients excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Centers']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Centers']">
<fa-icon icon="users" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Centers' | translate }}</h4>
<h4 matLine [routerLink]="['Centers']">{{'labels.heading.Centers' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="!arrowBooleans[10]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="arrowBooleans[10]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['Centers']">Download centers template and upload centers excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Loan Repayments']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Loan Repayments']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Loan Repayments' | translate }}</h4>
<h4 matLine [routerLink]="['Loan Repayments']">{{'labels.heading.Loan Repayments' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="!arrowBooleans[11]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="arrowBooleans[11]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[11]" [routerLink]="['Loan Repayments']">Download loan repayments template and upload loan repayment excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Savings Transactions']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Savings Transactions']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Savings Transactions' | translate }}</h4>
<h4 matLine [routerLink]="['Savings Transactions']">{{'labels.heading.Savings Transactions' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="!arrowBooleans[12]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="arrowBooleans[12]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[12]" [routerLink]="['Savings Transactions']">Download savings transactions template and upload savings transaction excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Fixed Deposit Transactions']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Fixed Deposit Transactions']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Fixed Deposit Transactions' | translate }}</h4>
<h4 matLine [routerLink]="['Fixed Deposit Transactions']">{{'labels.heading.Fixed Deposit Transactions' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="!arrowBooleans[13]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="arrowBooleans[13]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[13]" [routerLink]="['Fixed Deposit Transactions']">Download fixed deposit transactions template and upload fixed deposit transaction excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Recurring Deposit Transactions']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Recurring Deposit Transactions']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Recurring Deposit Transactions' | translate }}</h4>
<h4 matLine [routerLink]="['Recurring Deposit Transactions']">{{'labels.heading.Recurring Deposit Transactions' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="!arrowBooleans[14]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="arrowBooleans[14]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[14]" [routerLink]="['Recurring Deposit Transactions']">Download recurring deposit transactions template and upload recurring deposit transaction excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Journal Entries']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Journal Entries']">
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Journal Entries' | translate }}</h4>
<h4 matLine [routerLink]="['Journal Entries']">{{'labels.heading.Journal Entries' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(15)" *ngIf="!arrowBooleans[15]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(15)" *ngIf="arrowBooleans[15]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[15]" [routerLink]="['Journal Entries']">Download journal entries template and upload journal entries excel files</p>
</mat-list-item>
<mat-list-item [routerLink]="['Guarantors']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['Guarantors']">
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Guarantors' | translate }}</h4>
<h4 matLine [routerLink]="['Guarantors']">{{'labels.heading.Guarantors' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(16)" *ngIf="!arrowBooleans[16]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(16)" *ngIf="arrowBooleans[16]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[16]" [routerLink]="['Guarantors']">Download guarantors template and upload guarantor excel files</p>
</mat-list-item>
</mat-nav-list>
src/app/organization/bulk-import/bulk-import.component.ts
+11
View File
@@ -10,9 +10,20 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./bulk-import.component.scss']
})
export class BulkImportComponent implements OnInit {
// Initialize an array of 17 boolean values, all set to false
arrowBooleans: boolean[] = new Array(17).fill(false);
constructor() {}
ngOnInit() {}
/**
* Popover function
* @param arrowNumber - The index of the boolean value to toggle.
*/
arrowBooleansToggle(arrowNumber:number) {
// Toggle the boolean value at the given index
this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
}
}
src/app/organization/organization.component.html
+109 -73
View File
@@ -2,102 +2,120 @@
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column">
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px">
<div fxFlex="50%">
<mat-nav-list>
<div #office>
<mat-list-item [routerLink]="['offices']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['offices']">
<fa-icon icon="building" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Manage Offices' | translate }}</h4>
<p matLine>{{ 'labels.text.Add new office or modify or deactivate office' | translate }}</p>
<h4 matLine [routerLink]="['offices']">{{ 'labels.heading.Manage Offices' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="!arrowBooleans[0]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="arrowBooleans[0]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['offices']">{{ 'labels.text.Add new office or modify or deactivate office' | translate }}</p>
</mat-list-item>
</div>
<div #holidays>
<mat-list-item [routerLink]="['holidays']" *mifosxHasPermission="'READ_HOLIDAY'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_HOLIDAY'">
<mat-icon matListIcon [routerLink]="['holidays']">
<fa-icon icon="calendar-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Manage Holidays' | translate }}</h4>
<p matLine>{{ 'labels.text.Define holidays for office' | translate }}</p>
<h4 matLine [routerLink]="['holidays']">{{ 'labels.heading.Manage Holidays' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="!arrowBooleans[1]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="arrowBooleans[1]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['holidays']">{{ 'labels.text.Define holidays for office' | translate }}</p>
</mat-list-item>
</div>
<div #employee>
<mat-list-item [routerLink]="['employees']" *mifosxHasPermission="'READ_STAFF'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_STAFF'">
<mat-icon matListIcon [routerLink]="['employees']">
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Manage Employees' | translate }}</h4>
<p matLine>{{ 'labels.text.Employee represents loan officers' | translate }}</p>
<h4 matLine [routerLink]="['employees']">{{ 'labels.heading.Manage Employees' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="!arrowBooleans[2]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="arrowBooleans[2]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['employees']">{{ 'labels.text.Employee represents loan officers' | translate }}</p>
</mat-list-item>
</div>
<div #standinginstructions>
<mat-list-item [routerLink]="['standing-instructions-history']"
<mat-list-item
*mifosxHasPermission="'READ_STANDINGINSTRUCTION'">
<mat-icon matListIcon>
<mat-icon matListIcon [routerLink]="['standing-instructions-history']">
<fa-icon icon="book" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Standing Instructions History' | translate }}</h4>
<p matLine>{{ 'labels.text.View logged history' | translate }}</p>
<h4 matLine [routerLink]="['standing-instructions-history']">{{ 'labels.heading.Standing Instructions History' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="!arrowBooleans[3]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="arrowBooleans[3]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[3]" [routerLink]="['standing-instructions-history']">{{ 'labels.text.View logged history' | translate }}</p>
</mat-list-item>
</div>
<div #investor>
<mat-list-item [routerLink]="['investors']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['investors']">
<fa-icon icon="user-tie" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.text.Investors' | translate }}</h4>
<p matLine>{{ 'labels.text.View the loan account details associated with the investors' | translate }}</p>
<h4 matLine [routerLink]="['investors']">{{ 'labels.text.Investors' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="!arrowBooleans[4]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="arrowBooleans[4]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['investors']">{{ 'labels.text.View the loan account details associated with the investors' | translate }}</p>
</mat-list-item>
</div>
<div #fundmapping>
<mat-list-item [routerLink]="['fund-mapping']" *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_OFFICE'">
<mat-icon matListIcon [routerLink]="['fund-mapping']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Fund Mapping' | translate }}</h4>
<p matLine>{{ 'labels.text.Bulk entry screen for mapping' | translate }}</p>
<h4 matLine [routerLink]="['fund-mapping']">{{ 'labels.heading.Fund Mapping' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['fund-mapping']">{{ 'labels.text.Bulk entry screen for mapping' | translate }}</p>
</mat-list-item>
</div>
<div #passwordpreferences>
<mat-list-item [routerLink]="['password-preferences']"
<mat-list-item
*mifosxHasPermission="'READ_PASSWORD_VALIDATION_POLICY'">
<mat-icon matListIcon>
<mat-icon matListIcon [routerLink]="['password-preferences']">
<fa-icon icon="lock" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Password Preferences' | translate }}</h4>
<p matLine>{{ 'labels.text.The usage of stronger passwords' | translate }}</p>
<h4 matLine [routerLink]="['password-preferences']">{{ 'labels.heading.Password Preferences' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="!arrowBooleans[6]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="arrowBooleans[6]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[6]" [routerLink]="['password-preferences']">{{ 'labels.text.The usage of stronger passwords' | translate }}</p>
</mat-list-item>
</div>
<div #provisioning>
<mat-list-item [routerLink]="['provisioning-criteria']" *mifosxHasPermission="'VIEW_PROVISIONS'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'VIEW_PROVISIONS'">
<mat-icon matListIcon [routerLink]="['provisioning-criteria']">
<fa-icon icon="edit" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Loan Provisioning Criteria' | translate }}</h4>
<p matLine>{{ 'labels.text.Loan Provisioning Criteria Organization' | translate }}</p>
<h4 matLine [routerLink]="['provisioning-criteria']">{{ 'labels.heading.Loan Provisioning Criteria' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="!arrowBooleans[7]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="arrowBooleans[7]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[7]" [routerLink]="['provisioning-criteria']">{{ 'labels.text.Loan Provisioning Criteria Organization' | translate }}</p>
</mat-list-item>
</div>
<div #entitydatatable>
<mat-list-item [routerLink]="['entity-data-table-checks']"
<mat-list-item
*mifosxHasPermission="'READ_ENTITY_DATATABLE_CHECK'">
<mat-icon matListIcon>
<mat-icon matListIcon [routerLink]="['entity-data-table-checks']">
<fa-icon icon="check" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Entity Data Table Checks' | translate }}</h4>
<p matLine>{{ 'labels.text.Entity Data Table Checks Organization' | translate }}</p>
<h4 matLine [routerLink]="['entity-data-table-checks']">{{ 'labels.heading.Entity Data Table Checks' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="!arrowBooleans[8]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="arrowBooleans[8]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[8]" [routerLink]="['entity-data-table-checks']">{{ 'labels.text.Entity Data Table Checks Organization' | translate }}</p>
</mat-list-item>
</div>
@@ -110,92 +128,110 @@
<mat-nav-list>
<div #addEditCurrency>
<mat-list-item [routerLink]="['currencies']" *mifosxHasPermission="'READ_CURRENCY'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_CURRENCY'">
<mat-icon matListIcon [routerLink]="['currencies']">
<fa-icon icon="cogs" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Currency Configuration' | translate }}</h4>
<p matLine>{{ 'labels.text.Currencies available across organization' | translate }}</p>
<h4 matLine [routerLink]="['currencies']">{{ 'labels.heading.Currency Configuration' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="!arrowBooleans[9]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="arrowBooleans[9]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['currencies']">{{ 'labels.text.Currencies available across organization' | translate }}</p>
</mat-list-item>
</div>
<div #manageFunds>
<mat-list-item [routerLink]="['manage-funds']" *mifosxHasPermission="'READ_FUND'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_FUND'">
<mat-icon matListIcon [routerLink]="['manage-funds']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Manage Funds' | translate }}</h4>
<p matLine>{{ 'labels.text.Funds are associated with loans' | translate }}</p>
<h4 matLine [routerLink]="['manage-funds']">{{ 'labels.heading.Manage Funds' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="!arrowBooleans[10]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="arrowBooleans[10]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['manage-funds']">{{ 'labels.text.Funds are associated with loans' | translate }}</p>
</mat-list-item>
</div>
<div #bulkloan>
<mat-list-item [routerLink]="['bulkloan']" *mifosxHasPermission="'BULKREASSIGN_LOAN'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'BULKREASSIGN_LOAN'">
<mat-icon matListIcon [routerLink]="['bulkloan']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Bulk Loan Reassignment' | translate }}</h4>
<p matLine>{{ 'labels.text.Easy way to reassign all the loan' | translate }}</p>
<h4 matLine [routerLink]="['bulkloan']">{{ 'labels.heading.Bulk Loan Reassignment' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="!arrowBooleans[11]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="arrowBooleans[11]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[11]" [routerLink]="['bulkloan']">{{ 'labels.text.Easy way to reassign all the loan' | translate }}</p>
</mat-list-item>
</div>
<div #tellers>
<mat-list-item [routerLink]="['tellers']" *mifosxHasPermission="'READ_TELLER'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_TELLER'">
<mat-icon matListIcon [routerLink]="['tellers']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Teller / Cashier Management' | translate }}</h4>
<p matLine>{{ 'labels.text.Manage Tellers / Cashiers' | translate }}</p>
<h4 matLine [routerLink]="['tellers']">{{ 'labels.heading.Teller / Cashier Management' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="!arrowBooleans[12]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="arrowBooleans[12]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[12]" [routerLink]="['tellers']">{{ 'labels.text.Manage Tellers / Cashiers' | translate }}</p>
</mat-list-item>
</div>
<div #workingDays>
<mat-list-item [routerLink]="['working-days']" *mifosxHasPermission="'READ_WORKINGDAYS'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_WORKINGDAYS'">
<mat-icon matListIcon [routerLink]="['working-days']">
<fa-icon icon="calendar-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Working Days' | translate }}</h4>
<p matLine>{{ 'labels.text.Working days and configure behaviour of payments' | translate }}</p>
<h4 matLine [routerLink]="['working-days']">{{ 'labels.heading.Working Days' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="!arrowBooleans[13]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="arrowBooleans[13]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[13]" [routerLink]="['working-days']">{{ 'labels.text.Working days and configure behaviour of payments' | translate }}</p>
</mat-list-item>
</div>
<div #paymenttypes>
<mat-list-item [routerLink]="['payment-types']" *mifosxHasPermission="'READ_PAYMENTTYPE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_PAYMENTTYPE'">
<mat-icon matListIcon [routerLink]="['payment-types']">
<fa-icon icon="dollar-sign" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Payment Type' | translate }}</h4>
<p matLine>{{ 'labels.text.Manage payment types' | translate }}</p>
<h4 matLine [routerLink]="['payment-types']">{{ 'labels.heading.Payment Type' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="!arrowBooleans[14]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="arrowBooleans[14]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[14]" [routerLink]="['payment-types']">{{ 'labels.text.Manage payment types' | translate }}</p>
</mat-list-item>
</div>
<div #smscampaigns>
<mat-list-item [routerLink]="['sms-campaigns']" *mifosxHasPermission="'VIEW_SMSCAMPAIGNS'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'VIEW_SMSCAMPAIGNS'">
<mat-icon matListIcon [routerLink]="['sms-campaigns']">
<fa-icon icon="envelope" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.SMS Campaigns' | translate }}</h4>
<p matLine>{{ 'labels.text.Define SMS Campaigns for Organization' | translate }}</p>
<h4 matLine [routerLink]="['sms-campaigns']">{{ 'labels.heading.SMS Campaigns' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(15)" *ngIf="!arrowBooleans[15]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(15)" *ngIf="arrowBooleans[15]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[15]" [routerLink]="['sms-campaigns']">{{ 'labels.text.Define SMS Campaigns for Organization' | translate }}</p>
</mat-list-item>
</div>
<div #adhocquery>
<mat-list-item [routerLink]="['adhoc-query']" *mifosxHasPermission="'VIEW_ADHOC'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'VIEW_ADHOC'">
<mat-icon matListIcon [routerLink]="['adhoc-query']">
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.AdHocQuery' | translate }}</h4>
<p matLine>{{ 'labels.text.Define AdHocQuery for Organization' | translate }}</p>
<h4 matLine [routerLink]="['adhoc-query']">{{ 'labels.heading.AdHocQuery' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(16)" *ngIf="!arrowBooleans[16]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(16)" *ngIf="arrowBooleans[16]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[16]" [routerLink]="['adhoc-query']">{{ 'labels.text.Define AdHocQuery for Organization' | translate }}</p>
</mat-list-item>
</div>
<div #bulkimport>
<mat-list-item [routerLink]="['bulk-import']" *mifosxHasPermission="'VIEW_BULKIMPORT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'VIEW_BULKIMPORT'">
<mat-icon matListIcon [routerLink]="['bulk-import']">
<fa-icon icon="upload" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{ 'labels.heading.Bulk Import' | translate }}</h4>
<p matLine>{{ 'labels.text.Bulk data import using excel spreadsheet templates' | translate }}</p>
<h4 matLine [routerLink]="['bulk-import']">{{ 'labels.heading.Bulk Import' | translate }}</h4>
<fa-icon (click)="arrowBooleansToggle(17)" *ngIf="!arrowBooleans[17]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(17)" *ngIf="arrowBooleans[17]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[17]" [routerLink]="['bulk-import']">{{ 'labels.text.Bulk data import using excel spreadsheet templates' | translate }}</p>
</mat-list-item>
</div>
src/app/organization/organization.component.ts
+11 -3
View File
@@ -1,10 +1,10 @@
/** Angular Imports */
import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
import { AfterViewInit, Component, ElementRef, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
/** Custom Services */
import { PopoverService } from '../configuration-wizard/popover/popover.service';
import { ConfigurationWizardService } from '../configuration-wizard/configuration-wizard.service';
import { PopoverService } from '../configuration-wizard/popover/popover.service';
/**
* Organization component.
@@ -41,6 +41,8 @@ export class OrganizationComponent implements OnInit, AfterViewInit {
@ViewChild('manageFunds') manageFunds: ElementRef<any>;
/* Template for popover on manage funds */
@ViewChild('templateManageFunds') templateManageFunds: TemplateRef<any>;
// Initialize an array of 18 boolean values, all set to false
arrowBooleans: boolean[] = new Array(18).fill(false);
/**
* @param {ActivatedRoute} activatedRoute ActivatedRoute.
@@ -62,6 +64,7 @@ export class OrganizationComponent implements OnInit, AfterViewInit {
* @param target HTMLElement | ElementRef<any>.
* @param position String.
* @param backdrop Boolean.
* @param arrowNumber - The index of the boolean value to toggle.
*/
showPopover(template: TemplateRef<any>, target: HTMLElement | ElementRef<any>, position: string, backdrop: boolean): void {
setTimeout(() => this.popoverService.open(template, target, position, backdrop, {}), 200);
@@ -206,4 +209,9 @@ export class OrganizationComponent implements OnInit, AfterViewInit {
this.configurationWizardService.showRecurringDepositProductsList = true;
this.router.navigate(['/products/recurring-deposit-products']);
}
arrowBooleansToggle(arrowNumber:number) {
// Toggle the boolean value at the given index
this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
}
}
src/app/products/products.component.html
+67 -45
View File
@@ -2,66 +2,78 @@
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column">
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px">
<div fxFlex="50%">
<mat-nav-list>
<div #loanProducts>
<mat-list-item [routerLink]="['loan-products']" *mifosxHasPermission="'READ_LOANPRODUCT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_LOANPRODUCT'">
<mat-icon matListIcon [routerLink]="['loan-products']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Loan Products' | translate}}</h4>
<p matLine>{{'labels.text.Add new loan product or modify or inactivate loan product' | translate}}</p>
<h4 matLine [routerLink]="['loan-products']">{{'labels.heading.Loan Products' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="!arrowBooleans[0]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="arrowBooleans[0]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['loan-products']">{{'labels.text.Add new loan product or modify or inactivate loan product' | translate}}</p>
</mat-list-item>
</div>
<div #savingsProducts>
<mat-list-item [routerLink]="['saving-products']" *mifosxHasPermission="'READ_SAVINGSPRODUCT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_SAVINGSPRODUCT'">
<mat-icon matListIcon [routerLink]="['saving-products']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Savings Products' | translate}}</h4>
<p matLine>{{'labels.text.Add new savings product or modify or inactivate savings product' | translate}}</p>
<h4 matLine [routerLink]="['saving-products']">{{'labels.heading.Savings Products' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="!arrowBooleans[1]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="arrowBooleans[1]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['saving-products']">{{'labels.text.Add new savings product or modify or inactivate savings product' | translate}}</p>
</mat-list-item>
</div>
<div #shareProducts>
<mat-list-item [routerLink]="['share-products']" *mifosxHasPermission="'READ_SHAREPRODUCT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_SHAREPRODUCT'">
<mat-icon matListIcon [routerLink]="['share-products']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Share Products' | translate}}</h4>
<p matLine>{{'labels.text.Add new share product or modify or inactivate share product' | translate}}</p>
<h4 matLine [routerLink]="['share-products']">{{'labels.heading.Share Products' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="!arrowBooleans[2]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="arrowBooleans[2]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['share-products']">{{'labels.text.Add new share product or modify or inactivate share product' | translate}}</p>
</mat-list-item>
</div>
<div #charges>
<mat-list-item [routerLink]="['charges']" *mifosxHasPermission="'READ_CHARGE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_CHARGE'">
<mat-icon matListIcon [routerLink]="['charges']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Charges' | translate}}</h4>
<p matLine>{{'labels.text.Define charges/penalties for loan products, savings and deposit products' | translate}}</p>
<h4 matLine [routerLink]="['charges']">{{'labels.heading.Charges' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="!arrowBooleans[3]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="arrowBooleans[3]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[3]" [routerLink]="['charges']">{{'labels.text.Define charges/penalties for loan products, savings and deposit products' | translate}}</p>
</mat-list-item>
</div>
<mat-list-item [routerLink]="['collaterals']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['collaterals']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Collateral Management' | translate}}</h4>
<p matLine>{{'labels.text.Define collaterals for Collateral Management' | translate}}</p>
<h4 matLine [routerLink]="['collaterals']">{{'labels.heading.Collateral Management' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="!arrowBooleans[4]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="arrowBooleans[4]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['collaterals']">{{'labels.text.Define collaterals for Collateral Management' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['delinquency-bucket-configurations']" *mifosxHasPermission="'READ_DELINQUENCY_BUCKET'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_DELINQUENCY_BUCKET'">
<mat-icon matListIcon [routerLink]="['delinquency-bucket-configurations']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Delinquency Buckets' | translate}}</h4>
<p matLine>{{'labels.text.Define delinquency day ranges and bucket set for loan products' | translate}}</p>
<h4 matLine [routerLink]="['delinquency-bucket-configurations']">{{'labels.heading.Delinquency Buckets' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['delinquency-bucket-configurations']">{{'labels.text.Define delinquency day ranges and bucket set for loan products' | translate}}</p>
</mat-list-item>
</mat-nav-list>
@@ -72,48 +84,58 @@
<mat-nav-list>
<mat-list-item [routerLink]="['products-mix']" *mifosxHasPermission="'READ_PRODUCTMIX'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_PRODUCTMIX'">
<mat-icon matListIcon [routerLink]="['products-mix']">
<fa-icon icon="random" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Products Mix' | translate}}</h4>
<p matLine>{{'labels.text.Defines rules for taking multiple rules' | translate}}</p>
<h4 matLine [routerLink]="['products-mix']">{{'labels.heading.Products Mix' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="!arrowBooleans[6]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="arrowBooleans[6]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[6]" [routerLink]="['products-mix']">{{'labels.text.Defines rules for taking multiple rules' | translate}}</p>
</mat-list-item>
<div #fixedDepositProducts>
<mat-list-item [routerLink]="['fixed-deposit-products']" *mifosxHasPermission="'READ_FIXEDDEPOSITPRODUCT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_FIXEDDEPOSITPRODUCT'">
<mat-icon matListIcon [routerLink]="['fixed-deposit-products']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Fixed Deposit Products' | translate}}</h4>
<p matLine>{{'labels.text.Add, modify or inactivate a Fixed deposit product' | translate}}</p>
<h4 matLine [routerLink]="['fixed-deposit-products']">{{'labels.heading.Fixed Deposit Products' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="!arrowBooleans[7]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="arrowBooleans[7]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[7]" [routerLink]="['fixed-deposit-products']">{{'labels.text.Add, modify or inactivate a Fixed deposit product' | translate}}</p>
</mat-list-item>
</div>
<div #recurringDepositProducts>
<mat-list-item [routerLink]="['recurring-deposit-products']" *mifosxHasPermission="'READ_RECURRINGDEPOSITPRODUCT'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_RECURRINGDEPOSITPRODUCT'">
<mat-icon matListIcon [routerLink]="['recurring-deposit-products']">
<fa-icon icon="briefcase" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Recurring Deposit Products' | translate}}</h4>
<p matLine>{{'labels.text.Add, modify or inactivate a Recurring Deposit product' | translate}}</p>
<h4 matLine [routerLink]="['recurring-deposit-products']">{{'labels.heading.Recurring Deposit Products' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="!arrowBooleans[8]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="arrowBooleans[8]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[8]" [routerLink]="['recurring-deposit-products']">{{'labels.text.Add, modify or inactivate a Recurring Deposit product' | translate}}</p>
</mat-list-item>
</div>
<mat-list-item [routerLink]="['tax-configurations']" *mifosxHasPermission="'READ_TAXGROUP'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_TAXGROUP'">
<mat-icon matListIcon [routerLink]="['tax-configurations']">
<fa-icon icon="cogs" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Tax Configurations' | translate}}</h4>
<p matLine>{{'labels.text.Define Tax components and Tax groups' | translate}}</p>
<h4 matLine [routerLink]="['tax-configurations']">{{'labels.heading.Manage Tax Configurations' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="!arrowBooleans[9]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="arrowBooleans[9]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['tax-configurations']">{{'labels.text.Define Tax components and Tax groups' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['floating-rates']" *mifosxHasPermission="'READ_FLOATINGRATE'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_FLOATINGRATE'">
<mat-icon matListIcon [routerLink]="['floating-rates']">
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Floating Rates' | translate}}</h4>
<p matLine>{{'labels.text.Define floating rates for loan products' | translate}}</p>
<h4 matLine [routerLink]="['floating-rates']">{{'labels.heading.Floating Rates' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="!arrowBooleans[10]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="arrowBooleans[10]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['floating-rates']">{{'labels.text.Define floating rates for loan products' | translate}}</p>
</mat-list-item>
</mat-nav-list>
src/app/products/products.component.ts
+10 -2
View File
@@ -1,10 +1,10 @@
/** Angular Imports */
import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { AfterViewInit, Component, ElementRef, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
/** Custom Services */
import { PopoverService } from '../configuration-wizard/popover/popover.service';
import { ConfigurationWizardService } from '../configuration-wizard/configuration-wizard.service';
import { PopoverService } from '../configuration-wizard/popover/popover.service';
/**
* Products component.
@@ -40,6 +40,8 @@ export class ProductsComponent implements OnInit, AfterViewInit {
@ViewChild('recurringDepositProducts') recurringDepositProducts: ElementRef<any>;
/* Template for popover on recurring deposit products */
@ViewChild('templateRecurringDepositProducts') templateRecurringDepositProducts: TemplateRef<any>;
// Initialize an array of 11 boolean values, all set to false
arrowBooleans: boolean[] = new Array(11).fill(false);
/**
* @param {Router} router Router.
@@ -95,6 +97,7 @@ export class ProductsComponent implements OnInit, AfterViewInit {
* @param target HTMLElement | ElementRef<any>.
* @param position String.
* @param backdrop Boolean.
* @param arrowNumber - The index of the boolean value to toggle.
*/
showPopover(template: TemplateRef<any>, target: HTMLElement | ElementRef<any>, position: string, backdrop: boolean): void {
setTimeout(() => this.popoverService.open(template, target, position, backdrop, {}), 200);
@@ -207,4 +210,9 @@ export class ProductsComponent implements OnInit, AfterViewInit {
this.configurationWizardService.showFixedDepositProductsList = true;
this.router.navigate(['/products/fixed-deposit-products']);
}
arrowBooleansToggle(arrowNumber:number) {
// Toggle the boolean value at the given index
this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
}
}
src/app/system/system.component.html
+88 -58
View File
@@ -2,82 +2,98 @@
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column">
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px">
<div fxFlex="50%">
<mat-nav-list>
<div #datatables>
<mat-list-item [routerLink]="['data-tables']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['data-tables']">
<fa-icon icon="table" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Data tables' | translate}}</h4>
<p matLine>{{'labels.text.Add new extra fields to any entity' | translate}}</p>
<h4 matLine [routerLink]="['data-tables']">{{'labels.heading.Manage Data tables' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="!arrowBooleans[0]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(0)" *ngIf="arrowBooleans[0]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['data-tables']">{{'labels.text.Add new extra fields to any entity' | translate}}</p>
</mat-list-item>
</div>
<div #codes>
<mat-list-item [routerLink]="['codes']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['codes']">
<fa-icon icon="list-ul" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Codes' | translate}}</h4>
<p matLine>{{'labels.text.Codes are used to define drop down values' | translate}}</p>
<h4 matLine [routerLink]="['codes']">{{'labels.heading.Manage Codes' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="!arrowBooleans[1]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(1)" *ngIf="arrowBooleans[1]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['codes']">{{'labels.text.Codes are used to define drop down values' | translate}}</p>
</mat-list-item>
</div>
<div #rolesandpermission>
<mat-list-item [routerLink]="['roles-and-permissions']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['roles-and-permissions']">
<fa-icon icon="key" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Roles and Permissions' | translate}}</h4>
<p matLine>{{'labels.text.Define or modify roles and associated permissions' | translate}}</p>
<h4 matLine [routerLink]="['roles-and-permissions']">{{'labels.heading.Manage Roles and Permissions' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="!arrowBooleans[2]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(2)" *ngIf="arrowBooleans[2]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['roles-and-permissions']">{{'labels.text.Define or modify roles and associated permissions' | translate}}</p>
</mat-list-item>
</div>
<div #makerCheckerTable>
<mat-list-item [routerLink]="['configure-mc-tasks']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['configure-mc-tasks']">
<fa-icon icon="sitemap" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Configure Maker Checker Tasks' | translate}}</h4>
<p matLine>{{'labels.text.Define or modify Maker Checker tasks' | translate}}</p>
<h4 matLine [routerLink]="['configure-mc-tasks']">{{'labels.heading.Configure Maker Checker Tasks' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="!arrowBooleans[3]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(3)" *ngIf="arrowBooleans[3]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[3]" [routerLink]="['configure-mc-tasks']">{{'labels.text.Define or modify Maker Checker tasks' | translate}}</p>
</mat-list-item>
</div>
<mat-list-item [routerLink]="['hooks']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['hooks']">
<fa-icon icon="anchor" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Hooks' | translate}}</h4>
<p matLine>{{'labels.text.Define Hooks' | translate}}</p>
<h4 matLine [routerLink]="['hooks']">{{'labels.heading.Manage Hooks' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="!arrowBooleans[4]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(4)" *ngIf="arrowBooleans[4]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['hooks']">{{'labels.text.Define Hooks' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['entity-to-entity-mapping']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['entity-to-entity-mapping']">
<fa-icon icon="road" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Entity to Entity Mapping' | translate}}</h4>
<p matLine>{{'labels.text.Define or modify entity to entity mappings' | translate}}</p>
<h4 matLine [routerLink]="['entity-to-entity-mapping']">{{'labels.heading.Entity to Entity Mapping' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="!arrowBooleans[5]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(5)" *ngIf="arrowBooleans[5]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['entity-to-entity-mapping']">{{'labels.text.Define or modify entity to entity mappings' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['surveys']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['surveys']">
<fa-icon icon="file-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Surveys' | translate}}</h4>
<p matLine>{{'labels.text.Manage your Services' | translate}}</p>
<h4 matLine [routerLink]="['surveys']">{{'labels.heading.Manage Surveys' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="!arrowBooleans[6]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(6)" *ngIf="arrowBooleans[6]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[6]" [routerLink]="['surveys']">{{'labels.text.Manage your Services' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['external-events']" *mifosxHasPermission="'READ_EXTERNAL_EVENT_CONFIGURATION'">
<mat-icon matListIcon>
<mat-list-item *mifosxHasPermission="'READ_EXTERNAL_EVENT_CONFIGURATION'">
<mat-icon matListIcon [routerLink]="['external-events']">
<fa-icon icon="anchor" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage External Events' | translate}}</h4>
<p matLine>{{'labels.text.External Events configuration, to enable or disable' | translate}}</p>
<h4 matLine [routerLink]="['external-events']">{{'labels.heading.Manage External Events' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="!arrowBooleans[7]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(7)" *ngIf="arrowBooleans[7]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[7]" [routerLink]="['external-events']">{{'labels.text.External Events configuration, to enable or disable' | translate}}</p>
</mat-list-item>
</mat-nav-list>
@@ -88,52 +104,64 @@
<mat-nav-list>
<mat-list-item [routerLink]="['audit-trails']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['audit-trails']">
<fa-icon icon="money-check" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Audit Trails' | translate}}</h4>
<p matLine>{{'labels.text.Audit logs of all the activities' | translate}}</p>
<h4 matLine [routerLink]="['audit-trails']">{{'labels.heading.Audit Trails' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="!arrowBooleans[8]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(8)" *ngIf="arrowBooleans[8]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[8]" [routerLink]="['audit-trails']">{{'labels.text.Audit logs of all the activities' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['reports']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['reports']">
<fa-icon icon="file-word" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Reports' | translate}}</h4>
<p matLine>{{'labels.text.Add new report and classify reports' | translate}}</p>
<h4 matLine [routerLink]="['reports']">{{'labels.heading.Manage Reports' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="!arrowBooleans[9]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(9)" *ngIf="arrowBooleans[9]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['reports']">{{'labels.text.Add new report and classify reports' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['manage-jobs']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['manage-jobs']">
<fa-icon icon="clock" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Manage Jobs' | translate}}</h4>
<p matLine>{{'labels.text.Manage Schedule and Workflow jobs, modify jobs' | translate}}</p>
<h4 matLine [routerLink]="['manage-jobs']">{{'labels.heading.Manage Jobs' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="!arrowBooleans[10]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(10)" *ngIf="arrowBooleans[10]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['manage-jobs']">{{'labels.text.Manage Schedule and Workflow jobs, modify jobs' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['configurations']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['configurations']">
<fa-icon icon="cogs" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Configurations' | translate}}</h4>
<p matLine>{{'labels.text.Global configurations, Cache and Business Date' | translate}}</p>
<h4 matLine [routerLink]="['configurations']">{{'labels.heading.Configurations' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="!arrowBooleans[11]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(11)" *ngIf="arrowBooleans[11]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[11]" [routerLink]="['configurations']">{{'labels.text.Global configurations, Cache and Business Date' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['account-number-preferences']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['account-number-preferences']">
<fa-icon icon="key" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Account Number Preferences' | translate}}</h4>
<p matLine>{{'labels.text.Preferences for generating account numbers for client' | translate}}</p>
<h4 matLine [routerLink]="['account-number-preferences']">{{'labels.heading.Account Number Preferences' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="!arrowBooleans[12]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(12)" *ngIf="arrowBooleans[12]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[12]" [routerLink]="['account-number-preferences']">{{'labels.text.Preferences for generating account numbers for client' | translate}}</p>
</mat-list-item>
<mat-list-item [routerLink]="['external-services']">
<mat-icon matListIcon>
<mat-list-item>
<mat-icon matListIcon [routerLink]="['external-services']">
<fa-icon icon="cog" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.External Services' | translate}}</h4>
<p matLine>{{'labels.text.External Services Configuration' | translate}}</p>
<h4 matLine [routerLink]="['external-services']">{{'labels.heading.External Services' | translate}}</h4>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="!arrowBooleans[13]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(13)" *ngIf="arrowBooleans[13]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[13]" [routerLink]="['external-services']">{{'labels.text.External Services Configuration' | translate}}</p>
</mat-list-item>
<mat-list-item>
@@ -141,7 +169,9 @@
<fa-icon icon="key" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>{{'labels.heading.Two-Factor Configuration' | translate}}</h4>
<p matLine>{{'labels.text.Two-factor authentication configuration' | translate}}</p>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="!arrowBooleans[14]" icon="arrow-down" size="md"></fa-icon>
<fa-icon (click)="arrowBooleansToggle(14)" *ngIf="arrowBooleans[14]" icon="arrow-up" size="md"></fa-icon>
<p matLine *ngIf="arrowBooleans[14]">{{'labels.text.Two-factor authentication configuration' | translate}}</p>
</mat-list-item>
</mat-nav-list>
src/app/system/system.component.ts
+10 -2
View File
@@ -1,10 +1,10 @@
/** Angular Imports */
import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { AfterViewInit, Component, ElementRef, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
/** Custom Services */
import { PopoverService } from '../configuration-wizard/popover/popover.service';
import { ConfigurationWizardService } from '../configuration-wizard/configuration-wizard.service';
import { PopoverService } from '../configuration-wizard/popover/popover.service';
@Component({
selector: 'mifosx-system',
@@ -41,6 +41,8 @@ export class SystemComponent implements OnInit, AfterViewInit {
@ViewChild('manageReports') manageReports: ElementRef<any>;
/* Template for popover on manage reports */
@ViewChild('templateManageReports') templateManageReports: TemplateRef<any>;
// Initialize an array of 15 boolean values, all set to false
arrowBooleans: boolean[] = new Array(15).fill(false);
/**
* @param {Router} router Router.
@@ -60,6 +62,7 @@ export class SystemComponent implements OnInit, AfterViewInit {
* @param target HTMLElement | ElementRef<any>.
* @param position String.
* @param backdrop Boolean.
* @param arrowNumber - The index of the boolean value to toggle.
*/
showPopover(template: TemplateRef<any>, target: HTMLElement | ElementRef<any>, position: string, backdrop: boolean): void {
setTimeout(() => this.popoverService.open(template, target, position, backdrop, {}), 200);
@@ -229,4 +232,9 @@ export class SystemComponent implements OnInit, AfterViewInit {
this.configurationWizardService.showManageFunds = true;
this.router.navigate(['/organization/manage-funds']);
}
arrowBooleansToggle(arrowNumber:number) {
// Toggle the boolean value at the given index
this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
}
}