b2adminui 1.0.0

package/src/app/user-management/user-group-permission/components/user-group-permission.component.ts

@@ -0,0 +1,1819 @@
+import { Component, OnInit, ViewContainerRef, ViewChild, ElementRef } from '@angular/core';
+import { Common } from '../../../shared/common/common';
+import { SharedService } from '../../../shared/service/shared.service';
+import { Constants } from '../../../shared/constants/constants';
+import { Router, ActivatedRoute } from '@angular/router';
+import { UserGroupPermissionModel, Company, SystemManagement, HeadPermissions } from '../models/user-group-permission.model';
+import { Alerts } from '../../../shared/alerts/alerts';
+import { AuditLogInsertModel } from '../../../models/audit-log-insert.model';
+import { MenuSetupModel } from "../../../fee-management/menu-setup/models/menu-setup.model";
+import { NgForm } from '@angular/forms';
+import { of } from 'rxjs/observable/of';
+import { NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
+
+@Component({
+    selector: 'user-group-permission',
+    templateUrl: '../user-group-permission.component.html'
+})
+
+export class UserGroupPermissionComponent implements OnInit {
+    @ViewChild('f') public permissionForm: NgForm;
+    private groupPermission: UserGroupPermissionModel;
+    private pageName: string;
+    private userGroupId: number;
+    private companyList: any[];
+    private companyListData: any[];
+    private auditLogInsertModel: AuditLogInsertModel;
+    private actualObject: UserGroupPermissionModel;
+    private readonly ddlCompanyDisable: boolean = true;
+    private companyMenuSetup: MenuSetupModel;
+    private ddlSelectedMenuSetup: MenuSetupModel;
+    private ddlSelected2c2pCompany: boolean = false;
+    private isCurrentUserGroup: boolean = false;
+    elementRef: ElementRef;
+    private isReadonly: boolean = false;
+    private walletTopupWithdrawChecked: boolean = false;
+    private cardTopupWithdrawChecked: boolean = false;
+    private walletDebitCreditChecked: boolean = false;
+    private cardDebitCreditChecked: boolean = false;
+    private manualPostWalletTopupWithdrawChecked: boolean = false;
+    private manualPostWalletDebitCreditChecked: boolean = false;
+    private topupWithdraw: string = "Top-up/Withdraw";
+
+    private firstTreeDataSet: any[];
+    private secondTreeDataSet: any[];
+    public checkedKeys: any[] = [];
+    public children: any = (dataItem: any) => of(dataItem.items);
+    public hasChildren = (dataItem: any): boolean => !!dataItem.items;
+    private currentUserGroupPermissions: UserGroupPermissionModel;
+    public disabledKeys: any[] = [];
+    public apiPermissionModel: UserGroupPermissionModel;
+    private isSelectAll: boolean = false;
+    private defaultActionItem: any;
+    private defaultCompanyItem: any;
+
+    constructor(public sharedService: SharedService, public router: Router,
+        public activatedRoute: ActivatedRoute, public common: Common, private alert: Alerts,
+        private vcr: ViewContainerRef, elRef: ElementRef) {
+        this.elementRef = elRef;
+        this.alert.setRootViewContainerRef(vcr);
+        this.groupPermission = new UserGroupPermissionModel();
+        this.companyList = [];
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.actualObject = new UserGroupPermissionModel();
+        this.companyMenuSetup = this.common.getMenuSetup();
+        this.ddlSelectedMenuSetup = new MenuSetupModel();
+        this.ddlCompanyDisable = this.common.getCompanyId() != Constants.COMPANY_ID_2C2P;
+        this.sharedService.disableButton = false;
+        this.currentUserGroupPermissions = new UserGroupPermissionModel();
+        this.apiPermissionModel = new UserGroupPermissionModel();
+        this.defaultCompanyItem = { companyName: Constants.SELECT_COMPANY, companyUniqueId: null };
+        this.defaultActionItem = { actionName: "Select Action", actionValue: null };
+    }
+
+    ngOnInit() {
+        this.currentUserGroupPermissions = this.common.getCurrentUserGroup();
+        switch (this.activatedRoute.snapshot.url[0].path) {
+            case 'user-group-permission-view':
+                this.pageName = Constants.VIEW;
+                this.userGroupId = this.common.ConvertToNumber(this.activatedRoute.snapshot.params[Constants.ID]);
+                break;
+            case 'user-group-permission-edit':
+                this.pageName = Constants.EDIT;
+                this.userGroupId = this.common.ConvertToNumber(this.activatedRoute.snapshot.params[Constants.ID]);
+                break;
+            case 'user-group-permission-new':
+                this.pageName = Constants.NEW;
+                if (this.common.getCompanyId() == Constants.COMPANY_ID_2C2P) {
+                }
+                break;
+        }
+
+        this.initializeData();
+    }
+
+    private initializeData() {
+        switch (this.pageName) {
+            case Constants.VIEW:
+                this.common.setPageTitle(Constants.USER_MANAGEMENT, Constants.USER_GROUP_PERMISSION_URL,
+                    Constants.USER_GROUP_PERMISSION, Constants.USER_GROUP_PERMISSION_URL, Constants.VIEW_TITLE, Constants.VIEW
+                    , Constants.USER_GROUP_PERMISSION_URL);
+
+                this.bindUserGroupPermissionData();
+                this.getCompanyMenuList();
+                break;
+
+            case Constants.EDIT:
+                this.common.setPageTitle(Constants.USER_MANAGEMENT, Constants.USER_GROUP_PERMISSION_URL,
+                    Constants.USER_GROUP_PERMISSION, Constants.USER_GROUP_PERMISSION_URL, Constants.EDIT_TITLE, Constants.EDIT,
+                    Constants.USER_GROUP_PERMISSION_URL);
+
+                this.bindUserGroupPermissionData();
+                this.getCompanyMenuList();
+                break;
+
+            case Constants.NEW:
+                this.common.setPageTitle(Constants.USER_MANAGEMENT, Constants.USER_GROUP_PERMISSION_URL,
+                    Constants.USER_GROUP_PERMISSION, Constants.USER_GROUP_PERMISSION_URL, Constants.NEW_TITLE, Constants.NEW
+                    , Constants.USER_GROUP_PERMISSION_URL);
+
+                this.bindCompanyList();
+                this.groupPermission.UserUniqueId = this.common.getCurrentUserUniqueID();
+
+                this.initializeTreeView();
+                this.createTreeData(this.firstTreeDataSet);
+                this.createTreeData(this.secondTreeDataSet);
+                break;
+        }
+    }
+
+    private initializeTreeView() {
+        this.firstTreeDataSet = [
+            {
+                text: 'Company Setting',
+                permissionText: 'CompanySetting',
+                hide: this.ddlSelectedMenuSetup.CompanySetting != Constants.YES,
+                isEnabled: (this.currentUserGroupPermissions.Company.Setting == Constants.YES || this.currentUserGroupPermissions.Company.SettingEdit == Constants.YES) && this.pageName != Constants.VIEW,
+                isChecked: this.groupPermission.Company.Setting == Constants.YES && this.groupPermission.Company.SettingEdit == Constants.YES,
+                type: Constants.PARENT,
+                items: [
+                    {
+                        text: 'View',
+                        isEnabled: this.currentUserGroupPermissions.Company.Setting == Constants.YES,
+                        isChecked: this.groupPermission.Company.Setting == Constants.YES,
+                        permissionText: "Company_Setting",
+                        type: Constants.CHILD
+                    },
+                    {
+                        text: 'Edit',
+                        isEnabled: this.currentUserGroupPermissions.Company.SettingEdit == Constants.YES,
+                        isChecked: this.groupPermission.Company.SettingEdit == Constants.YES,
+                        hide: this.isReadonly,
+                        permissionText: "Company_SettingEdit",
+                        type: Constants.CHILD
+                    }
+                ]
+            },
+            {
+                text: 'Customer Management',
+                permissionText: 'CustomerManagement',
+                hide: this.ddlSelectedMenuSetup.CustomerManagement.Registration != Constants.YES,
+                isEnabled: this.pageName != Constants.VIEW && this.toggleHeadNodeEnabled('CustomerManagement'),
+                isChecked: this.groupPermission.CompanyUniqueId != undefined && this.toggleHeadNodeCheck('CustomerManagement'),
+                type: Constants.HEAD,
+                items: [
+                    {
+                        text: 'Customer Registration',
+                        permissionText: 'CustomerRegistration',
+                        hide: this.ddlSelectedMenuSetup.CustomerManagement.Registration != Constants.YES,
+                        isEnabled: this.currentUserGroupPermissions.CustomerManagement.ViewCustomer == Constants.YES 
+                            || this.currentUserGroupPermissions.CustomerManagement.EditCustomer == Constants.YES 
+                            || this.currentUserGroupPermissions.CustomerManagement.ViewHistory == Constants.YES
+                            || this.currentUserGroupPermissions.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES 
+                            || this.currentUserGroupPermissions.CustomerManagement.AddWallet == Constants.YES,
+
+                        isChecked: this.currentUserGroupPermissions.CustomerManagement.ViewCustomer == Constants.YES &&
+                            this.groupPermission.CustomerManagement.EditCustomer == Constants.YES &&
+                            this.groupPermission.CustomerManagement.ViewHistory == Constants.YES &&
+                            this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES &&
+                            this.groupPermission.CustomerManagement.AddWallet == Constants.YES,
+                        type: Constants.PARENT,
+                        items: [
+                            {
+                                text: 'View',
+                                isEnabled: this.currentUserGroupPermissions.CustomerManagement.ViewCustomer == Constants.YES,
+                                isChecked: this.groupPermission.CustomerManagement.ViewCustomer == Constants.YES,
+                                permissionText: 'CustomerManagement_ViewCustomer',
+                                type: Constants.CHILD
+                            },
+                            {
+                                text: 'Edit',
+                                isEnabled: this.currentUserGroupPermissions.CustomerManagement.EditCustomer == Constants.YES,
+                                isChecked: this.groupPermission.CustomerManagement.EditCustomer == Constants.YES,
+                                hide: this.isReadonly,
+                                type: Constants.CHILD,
+                                permissionText: 'CustomerManagement_EditCustomer'
+                            },
+                            {
+                                text: 'View Wallet Balance History',
+                                isEnabled: this.currentUserGroupPermissions.CustomerManagement.ViewHistory == Constants.YES,
+                                isChecked: this.groupPermission.CustomerManagement.ViewHistory == Constants.YES,
+                                type: Constants.CHILD,
+                                permissionText: 'CustomerManagement_ViewHistory'
+                            },
+                            {
+                                text: 'Manual Post Wallet',
+                                permissionText: 'CustomerManagementWalletTopUp',
+                                isEnabled: this.currentUserGroupPermissions.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES,
+                                isChecked: this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES,
+                                type: Constants.PARENT,
+                                hide: this.isReadonly,
+                                items: [
+                                    {
+                                        text: this.topupWithdraw,
+                                        isEnabled: this.currentUserGroupPermissions.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES,
+                                        isChecked: this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES,
+                                        type: Constants.CHILD,
+                                        permissionText: 'CustomerManagement_TopupWithdraw'
+                                    }
+                                ]
+                            },
+                            {
+                                text: 'Add Wallet',
+                                isEnabled: this.currentUserGroupPermissions.CustomerManagement.AddWallet == Constants.YES,
+                                isChecked: this.groupPermission.CustomerManagement.AddWallet == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'CustomerManagement_AddWallet'
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                text: 'Others',
+                permissionText: 'Others',
+                hide: false,
+                isEnabled: (this.currentUserGroupPermissions.Others.FullPAN == Constants.YES || this.currentUserGroupPermissions.Others.IDNumber == Constants.YES) && this.pageName != Constants.VIEW,
+                isChecked: this.groupPermission.Others.FullPAN == Constants.YES && this.groupPermission.Others.IDNumber == Constants.YES,
+                type: Constants.PARENT,
+                items: [
+                    {
+                        text: 'View ID Number',
+                        isEnabled: this.currentUserGroupPermissions.Others.IDNumber == Constants.YES,
+                        isChecked: this.groupPermission.Others.IDNumber == Constants.YES,
+                        type: Constants.CHILD,
+                        permissionText: "Others_IDNumber",
+                    },
+                    {
+                        text: 'View Full PAN / Wallet Id',
+                        isEnabled: this.currentUserGroupPermissions.Others.FullPAN == Constants.YES,
+                        isChecked: this.groupPermission.Others.FullPAN == Constants.YES,
+                        type: Constants.CHILD,
+                        permissionText: "Others_FullPAN",
+                    }
+                ]
+            }
+        ];
+
+        this.secondTreeDataSet = [
+            {
+                text: 'Transaction History',
+                permissionText: 'TransactionHistory',
+                hide: this.ddlSelectedMenuSetup.TransactionHistory.WalletTransaction != Constants.YES,
+                isEnabled: this.pageName != Constants.VIEW && this.toggleHeadNodeEnabled('TransactionHistory'),
+                isChecked: this.groupPermission.CompanyUniqueId != undefined && this.toggleHeadNodeCheck('TransactionHistory'),
+                type: Constants.HEAD,
+                items: [
+                    {
+                        text: 'Wallet Transaction',
+                        permissionText: 'NewWalletTransaction',
+                        hide: this.ddlSelectedMenuSetup.TransactionHistory.WalletTransaction != Constants.YES,
+                        isEnabled: this.currentUserGroupPermissions.NewWalletTransaction.View == Constants.YES, 
+                        isChecked: this.groupPermission.NewWalletTransaction.View == Constants.YES,
+                        type: Constants.PARENT,
+                        items: [{
+                            text: 'View',
+                            isEnabled: this.currentUserGroupPermissions.NewWalletTransaction.View == Constants.YES,
+                            isChecked: this.groupPermission.NewWalletTransaction.View == Constants.YES,
+                            type: Constants.CHILD,
+                            permissionText: 'NewWalletTransaction_View'
+                        }]
+                    },
+                ]
+            },
+            {
+                text: 'User Management',
+                permissionText: 'UserManagement',
+                hide: this.ddlSelectedMenuSetup.UserManagement.SystemUser != Constants.YES && this.ddlSelectedMenuSetup.UserManagement.UserGroup != Constants.YES
+                    && this.ddlSelectedMenuSetup.UserManagement.AuditLog != Constants.YES,
+                isEnabled: this.pageName != Constants.VIEW && this.toggleHeadNodeEnabled('UserManagement'),
+                isChecked: this.groupPermission.CompanyUniqueId != undefined && this.toggleHeadNodeCheck('UserManagement'),
+                type: Constants.HEAD,
+                items: [
+                    {
+                        text: 'User Group Permission',
+                        permissionText: 'UserGroupPermission',
+                        hide: this.ddlSelectedMenuSetup.UserManagement.UserGroup != Constants.YES,
+                        isEnabled: this.currentUserGroupPermissions.UserGroup.View == Constants.YES || this.currentUserGroupPermissions.UserGroup.Add == Constants.YES
+                            || this.currentUserGroupPermissions.UserGroup.Edit == Constants.YES || this.currentUserGroupPermissions.UserGroup.Delete == Constants.YES,
+
+                        isChecked: this.groupPermission.UserGroup.View == Constants.YES && this.groupPermission.UserGroup.Add == Constants.YES
+                            && this.groupPermission.UserGroup.Edit == Constants.YES && this.groupPermission.UserGroup.Delete == Constants.YES,
+                        type: Constants.PARENT,
+                        items: [
+                            {
+                                text: 'View',
+                                isEnabled: this.currentUserGroupPermissions.UserGroup.View == Constants.YES,
+                                isChecked: this.groupPermission.UserGroup.View == Constants.YES,
+                                type: Constants.CHILD,
+                                permissionText: 'UserGroup_View'
+                            },
+                            {
+                                text: 'Edit',
+                                isEnabled: this.currentUserGroupPermissions.UserGroup.Edit == Constants.YES,
+                                isChecked: this.groupPermission.UserGroup.Edit == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'UserGroup_Edit'
+                            },
+                            {
+                                text: 'Add',
+                                isEnabled: this.currentUserGroupPermissions.UserGroup.Add == Constants.YES,
+                                isChecked: this.groupPermission.UserGroup.Add == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'UserGroup_Add'
+                            },
+                            {
+                                text: 'Delete',
+                                isEnabled: this.currentUserGroupPermissions.UserGroup.Delete == Constants.YES,
+                                isChecked: this.groupPermission.UserGroup.Delete == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'UserGroup_Delete'
+                            }
+                        ]
+                    },
+                    {
+                        text: 'System User',
+                        permissionText: 'SystemUser',
+                        hide: this.ddlSelectedMenuSetup.UserManagement.SystemUser != Constants.YES,
+                        isEnabled: this.currentUserGroupPermissions.SystemUser.View == Constants.YES || this.currentUserGroupPermissions.SystemUser.Add == Constants.YES
+                            || this.currentUserGroupPermissions.SystemUser.Edit == Constants.YES || this.currentUserGroupPermissions.SystemUser.Delete == Constants.YES
+                            || this.currentUserGroupPermissions.SystemUser.ResetPassword == Constants.YES,
+
+                        isChecked: this.groupPermission.SystemUser.View == Constants.YES && this.groupPermission.SystemUser.Add == Constants.YES
+                            && this.groupPermission.SystemUser.Edit == Constants.YES && this.groupPermission.SystemUser.Delete == Constants.YES
+                            && this.groupPermission.SystemUser.ResetPassword == Constants.YES,
+                        type: Constants.PARENT,
+                        items: [
+                            {
+                                text: 'View',
+                                isEnabled: this.currentUserGroupPermissions.SystemUser.View == Constants.YES,
+                                isChecked: this.groupPermission.SystemUser.View == Constants.YES,
+                                type: Constants.CHILD,
+                                permissionText: 'SystemUser_View'
+                            },
+                            {
+                                text: 'Edit',
+                                isEnabled: this.currentUserGroupPermissions.SystemUser.Edit == Constants.YES,
+                                isChecked: this.groupPermission.SystemUser.Edit == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'SystemUser_Edit'
+                            },
+                            {
+                                text: 'Add',
+                                isEnabled: this.currentUserGroupPermissions.SystemUser.Add == Constants.YES,
+                                isChecked: this.groupPermission.SystemUser.Add == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'SystemUser_Add'
+                            },
+                            {
+                                text: 'Delete',
+                                isEnabled: this.currentUserGroupPermissions.SystemUser.Delete == Constants.YES,
+                                isChecked: this.groupPermission.SystemUser.Delete == Constants.YES,
+                                type: Constants.CHILD,
+                                hide: this.isReadonly,
+                                permissionText: 'SystemUser_Delete'
+                            },
+                            {
+                                text: 'Reset Password',
+                                isEnabled: this.currentUserGroupPermissions.SystemUser.ResetPassword == Constants.YES,
+                                isChecked: this.groupPermission.SystemUser.ResetPassword == Constants.YES,
+                                type: Constants.CHILD,
+
+                                hide: this.isReadonly,
+                                permissionText: 'SystemUser_ResetPassword'
+                            }
+                        ]
+                    },
+                    {
+                        text: 'Audit Log',
+                        permissionText: 'AuditLog',
+                        hide: this.ddlSelectedMenuSetup.UserManagement.AuditLog != Constants.YES,
+                        isEnabled: this.currentUserGroupPermissions.AuditLog.View == Constants.YES,
+
+                        isChecked: this.groupPermission.AuditLog.View == Constants.YES,
+                        type: Constants.PARENT,
+                        items: [
+                            {
+                                text: 'View',
+                                isEnabled: this.currentUserGroupPermissions.AuditLog.View == Constants.YES,
+                                isChecked: this.groupPermission.AuditLog.View == Constants.YES,
+                                type: Constants.CHILD,
+                                permissionText: 'AuditLog_View'
+                            }
+                        ]
+                    }
+                ]
+            }
+        ];
+    }
+
+    private toggleHeadNodeEnabled(headNodeName: string) {
+        switch (headNodeName) {
+            case Constants.CUSTOMER_MANAGEMENT_TEXT:
+                return (this.currentUserGroupPermissions.CustomerManagement.ViewCustomer == Constants.YES ||
+                    this.currentUserGroupPermissions.CustomerManagement.EditCustomer == Constants.YES ||
+                    this.currentUserGroupPermissions.CustomerManagement.ViewHistory == Constants.YES ||
+                    this.currentUserGroupPermissions.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES ||
+                    this.currentUserGroupPermissions.CustomerManagement.AddWallet == Constants.YES)
+
+            case Constants.TRANSACTION_HISTORY_TEXT:
+                return this.currentUserGroupPermissions.WalletTransaction.View == Constants.YES ||
+                    this.currentUserGroupPermissions.NewWalletTransaction.View == Constants.YES; 
+
+            case Constants.USER_MANAGEMENT_TEXT:
+                return (this.currentUserGroupPermissions.UserGroup.View == Constants.YES || this.currentUserGroupPermissions.UserGroup.Add == Constants.YES ||
+                    this.currentUserGroupPermissions.UserGroup.Edit == Constants.YES || this.currentUserGroupPermissions.UserGroup.Delete == Constants.YES) ||
+                    (this.currentUserGroupPermissions.SystemUser.View == Constants.YES || this.currentUserGroupPermissions.SystemUser.Add == Constants.YES ||
+                        this.currentUserGroupPermissions.SystemUser.Edit == Constants.YES || this.currentUserGroupPermissions.SystemUser.Delete == Constants.YES) ||
+                    this.currentUserGroupPermissions.AuditLog.View == Constants.YES;
+        }
+    }
+
+    // Function to check/ uncheck head nodes based on it's all parents on initialization.
+    private toggleHeadNodeCheck(rootName: string) {
+        if (rootName) {
+            switch (rootName) {
+                case 'SystemManagement':
+                    if (this.ddlSelected2c2pCompany || this.groupPermission.CompanyUniqueId == undefined) {
+                        return (
+                            (this.ddlSelectedMenuSetup.SystemManagement.Company == Constants.NO || (this.groupPermission.Company.Add == Constants.YES &&
+                                this.groupPermission.Company.Edit == Constants.YES &&
+                                this.groupPermission.Company.View == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.MasterBin == Constants.NO || (this.groupPermission.MasterBin.Edit == Constants.YES &&
+                                this.groupPermission.MasterBin.Add == Constants.YES &&
+                                this.groupPermission.MasterBin.View == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.ProductSetting == Constants.NO || (this.groupPermission.ProductSetting.Add == Constants.YES &&
+                                this.groupPermission.ProductSetting.View == Constants.YES &&
+                                this.groupPermission.ProductSetting.Edit == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.CardOrdering == Constants.NO || (this.groupPermission.CardOrdering.Add == Constants.YES &&
+                                this.groupPermission.CardOrdering.View == Constants.YES &&
+                                this.groupPermission.CardOrdering.Edit == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.AuthorisationListing == Constants.NO || (this.groupPermission.AuthorisationListing.View == Constants.YES &&
+                                this.groupPermission.AuthorisationListing.ViewRawData == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.ClearingTransaction == Constants.NO ||
+                                (this.groupPermission.ClearingTransaction.View == Constants.YES &&
+                                    this.groupPermission.ClearingTransaction.AddFraud == Constants.YES &&
+                                    this.groupPermission.ClearingTransaction.Chargeback == Constants.YES))
+                        );
+                    }
+                    else {
+                        return (
+                            (this.ddlSelectedMenuSetup.SystemManagement.ProductSetting == Constants.NO || (this.groupPermission.ProductSetting.Add == Constants.YES &&
+                                this.groupPermission.ProductSetting.View == Constants.YES &&
+                                this.groupPermission.ProductSetting.Edit == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.CardOrdering == Constants.NO || (this.groupPermission.CardOrdering.Add == Constants.YES &&
+                                this.groupPermission.CardOrdering.View == Constants.YES &&
+                                this.groupPermission.CardOrdering.Edit == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.AuthorisationListing == Constants.NO || (this.groupPermission.AuthorisationListing.View == Constants.YES &&
+                                this.groupPermission.AuthorisationListing.ViewRawData == Constants.YES)));
+                    }
+
+                case 'CustomerManagement':
+                    return (this.ddlSelectedMenuSetup.CustomerManagement.Registration == Constants.NO ||
+                        (this.groupPermission.CustomerManagement.ViewCustomer == Constants.YES &&
+                            this.groupPermission.CustomerManagement.EditCustomer == Constants.YES &&
+                            this.groupPermission.CustomerManagement.ViewHistory == Constants.YES &&
+                            this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw == Constants.YES &&
+                            this.groupPermission.CustomerManagement.AddWallet == Constants.YES));
+
+                case 'MerchantManagement':
+                    return (this.ddlSelectedMenuSetup.MerchantManagement.Branch == Constants.NO || (this.groupPermission.Merchant.View == Constants.YES &&
+                        this.groupPermission.Merchant.Edit == Constants.YES && this.groupPermission.Merchant.Add == Constants.YES)) &&
+                        (this.ddlSelectedMenuSetup.MerchantManagement.StaffRegistration == Constants.NO || (this.groupPermission.Staff.View == Constants.YES && this.groupPermission.Staff.Edit == Constants.YES &&
+                            this.groupPermission.Staff.Add == Constants.YES && this.groupPermission.Staff.ResetPasscode == Constants.YES));
+
+                case 'Notification':
+                    return (this.ddlSelectedMenuSetup.Notification.Message == Constants.NO || (this.groupPermission.Notification.View == Constants.YES && this.groupPermission.Notification.Add == Constants.YES
+                        && this.groupPermission.Notification.Edit == Constants.YES && this.groupPermission.Notification.Delete == Constants.YES))
+
+                case 'TransactionHistory':
+                    return (this.ddlSelectedMenuSetup.TransactionHistory.WalletTransaction == Constants.NO || 
+                            (this.groupPermission.NewWalletTransaction.View == Constants.YES));
+
+                case 'UserManagement':
+                    return (this.ddlSelectedMenuSetup.UserManagement.UserGroup == Constants.NO || (this.groupPermission.UserGroup.View == Constants.YES && this.groupPermission.UserGroup.Add == Constants.YES &&
+                        this.groupPermission.UserGroup.Edit == Constants.YES && this.groupPermission.UserGroup.Delete == Constants.YES)) &&
+                        (this.ddlSelectedMenuSetup.UserManagement.SystemUser == Constants.NO || (this.groupPermission.SystemUser.View == Constants.YES && this.groupPermission.SystemUser.Add == Constants.YES &&
+                            this.groupPermission.SystemUser.Edit == Constants.YES && this.groupPermission.SystemUser.Delete == Constants.YES)) &&
+                        (this.ddlSelectedMenuSetup.UserManagement.AuditLog == Constants.NO || (this.groupPermission.AuditLog.View == Constants.YES));
+
+                case 'MISReport':
+                    if (this.ddlSelected2c2pCompany || this.groupPermission.CompanyUniqueId == undefined) {
+                        return (this.ddlSelectedMenuSetup.MisReport.FinancialReport == Constants.NO || (this.groupPermission.MisReport.View == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.MasterCardReport == Constants.NO || (this.groupPermission.MasterCardReport.View == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.BOTReport == Constants.NO || (this.groupPermission.BOTReport.View == Constants.YES)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.Report2C2P == Constants.NO || (this.groupPermission.Report2C2P.View == Constants.YES));
+                    }
+                    else {
+                        return (this.ddlSelectedMenuSetup.MisReport.FinancialReport == Constants.NO || (this.groupPermission.MisReport.View == Constants.YES));
+                    }
+            }
+        }
+    }
+
+    //Function to render treeview based on data
+    private createTreeData(model: any[]) {
+        if (model) {
+            for (let index = 0; index < model.length; index++) {
+                if (!model[index].isEnabled) {
+                    if (this.disabledKeys.indexOf(model[index].permissionText) == -1) {
+                        this.disabledKeys.push(model[index].permissionText);
+                    }
+                }
+
+                if (this.pageName == Constants.NEW && this.groupPermission.CompanyUniqueId == undefined) {
+                    if (model[index].isChecked) {
+                        if (this.checkedKeys.indexOf(model[index].permissionText) == -1) {
+                            this.checkedKeys.push(model[index].permissionText);
+                        }
+                    }
+                }
+                else if (!model[index].hide) {
+                    if (model[index].isChecked) {
+                        if (this.checkedKeys.indexOf(model[index].permissionText) == -1) {
+                            this.checkedKeys.push(model[index].permissionText);
+                        }
+                    }
+                }
+                else {
+                    model.splice(index, 1);
+                    index--;
+                }
+
+                if (model && model[index] && model[index].items) {
+                    this.createTreeData(model[index].items);
+                }
+            }
+            return model;
+        }
+    }
+
+    private bindUserGroupPermissionData() {
+        let url = `${Constants.GET_GROUP_API_URL}/${this.userGroupId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.GET_GROUP_API_URL);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private bindCompanyList() {
+        let url = Constants.GET_MASTER_COMPANY_LIST;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.GET_MASTER_COMPANY_LIST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private onActionSeleted() {
+        if (this.groupPermission.GroupTypeId === Constants.READONLY_ID) {
+            this.isReadonly = true;
+            this.initializeTreeView();
+            this.setReadOnly(this.firstTreeDataSet);
+            // Check the head nodes based on child for readonly
+            this.setReadonlyHeads(this.firstTreeDataSet);
+            this.setReadOnly(this.secondTreeDataSet);
+            // Check the head nodes based on child for readonly
+            this.setReadonlyHeads(this.secondTreeDataSet);
+        }
+        else {
+            this.isReadonly = false;
+            this.initializeTreeView();
+            this.resetReadOnly(this.firstTreeDataSet);
+            this.resetReadOnly(this.secondTreeDataSet);
+        }
+        this.setSelectAll();
+    }
+
+    setReadOnly(model: any[]) {
+        if (model) {
+            let parentCheckCount: number = 0;
+
+            if (this.groupPermission.CompanyUniqueId == undefined) {
+                for (let index = 0; index < model.length; index++) {
+                    if (model[index].hide && model[index].type == Constants.CHILD) {
+                        model[index].isChecked = false;
+                        model.splice(index, 1);
+                        index--;
+                    }
+                    else {
+                        let menuAndAction = model[index].permissionText.split('_', 2);
+                        switch (menuAndAction[0]) {
+                            case Constants.MESSAGE_MENU:
+                                menuAndAction[0] = Constants.NOTIFICATION_MENU;
+                                break;
+                            case Constants.CUSTOMER_REGISTRATION_TEXT:
+                                menuAndAction[0] = Constants.CUSTOMER_MANAGEMENT_TEXT;
+                                break;
+                            case Constants.STAFF_REGISTRATION_TEXT:
+                                menuAndAction[0] = 'Staff';
+                                break;
+                        }
+
+                        let isCheckedForReadOnly = model[index].type == Constants.PARENT && this.checkParentChecked(menuAndAction[0]);
+
+                        // If action type is readonly and parent's view permission is checked then check that parent.
+                        if (model[index].type == Constants.PARENT && isCheckedForReadOnly && this.checkedKeys.indexOf(model[index].permissionText) == -1)
+                            this.checkedKeys.push(model[index].permissionText);
+
+                        if (index >= 0 && model[index].items) {
+                            this.setReadOnly(model[index].items);
+                        }
+                    }
+                }
+            }
+            else {
+                for (let index = 0; index < model.length; index++) {
+                    if (model[index].hide) {
+                        model[index].isChecked = false;
+                        model.splice(index, 1);
+                        index--;
+                    }
+                    else {
+                        let menuAndAction = model[index].permissionText.split('_', 2);
+                        switch (menuAndAction[0]) {
+                            case Constants.MESSAGE_MENU:
+                                menuAndAction[0] = Constants.NOTIFICATION_MENU;
+                                break;
+                            case Constants.CUSTOMER_REGISTRATION_TEXT:
+                                menuAndAction[0] = Constants.CUSTOMER_MANAGEMENT_TEXT;
+                                break;
+                            case Constants.STAFF_REGISTRATION_TEXT:
+                                menuAndAction[0] = 'Staff';
+                                break;
+                        }
+
+                        let isCheckedForReadOnly = model[index].type == Constants.PARENT && this.checkParentChecked(menuAndAction[0]);
+
+                        // If action type is readonly and parent's view permission is checked then check that parent.
+                        if (model[index].type == Constants.PARENT && isCheckedForReadOnly && this.checkedKeys.indexOf(model[index].permissionText) == -1)
+                            this.checkedKeys.push(model[index].permissionText);
+
+                        if (index >= 0 && model[index].items) {
+                            this.setReadOnly(model[index].items);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    private setReadonlyHeads(model: any[]) {
+        for (let index = 0; index < model.length; index++) {
+            let menuAndAction = model[index].permissionText.split('_', 2);
+            switch (menuAndAction[0]) {
+                case Constants.MESSAGE_MENU:
+                    menuAndAction[0] = Constants.NOTIFICATION_MENU;
+                    break;
+            }
+            let allowedHeadData = this.getAllowedParentCount(model[index].items, model[index].permissionText);
+            if (allowedHeadData && allowedHeadData.parentCount == allowedHeadData.parentCheckCount && !this.isChecked(model[index].permissionText)) {
+                this.checkedKeys.push(model[index].permissionText);
+            }
+        }
+    }
+
+    /* Function to get count of visible parent permissions for company. Also the cheked parent count out of them, 
+        when action type is readonly*/
+    private getAllowedParentCount(parentList: any[], headName: string): any {
+        let allowedParentCount: number = 0;
+        let allowedParentCheckCount: number = 0;
+        parentList.forEach((element: any) => {
+            if (element.hide && this.groupPermission.CompanyUniqueId == undefined)
+                allowedParentCount++;
+            else if (!element.hide)
+                allowedParentCount++;
+
+            let permissionText = element.permissionText;
+            switch (permissionText) {
+                case Constants.MESSAGE_MENU:
+                    permissionText = Constants.NOTIFICATION_MENU;
+                    break;
+                case Constants.CUSTOMER_REGISTRATION_TEXT:
+                    permissionText = Constants.CUSTOMER_MANAGEMENT_TEXT;
+                    break;
+                case Constants.STAFF_REGISTRATION_TEXT:
+                    permissionText = 'Staff';
+                    break;
+            }
+            if (this.checkParentChecked(permissionText))
+                allowedParentCheckCount++;
+        });
+        return { 'parentCount': allowedParentCount, 'parentCheckCount': allowedParentCheckCount };
+    }
+
+    private resetReadOnly(model: any[]) {
+        for (let index = 0; index < model.length; index++) {
+            if (this.groupPermission.CompanyUniqueId == undefined) {
+                if (model[index].type == Constants.CHILD) {
+                    model[index].isChecked = false;
+                    model.splice(index, 1);
+                    index--;
+                }
+            }
+            else if (model[index].hide) {
+                model[index].isChecked = false;
+                model.splice(index, 1);
+                index--;
+            }
+            else {
+                if (index >= 0 && model[index].items) {
+                    this.resetReadOnly(model[index].items);
+                }
+            }
+        }
+
+        for (let index = 0; index < this.checkedKeys.length; index++) {
+            let viewPermissionText: string = Constants.VIEW_ACTION;
+            let menuAndAction = this.checkedKeys[index].split('_', 2);
+            switch (menuAndAction[0]) {
+                case Constants.MESSAGE_MENU:
+                    if (menuAndAction[1])
+                        menuAndAction[0] = Constants.NOTIFICATION_MENU;
+                    break;
+                case Constants.CUSTOMER_REGISTRATION_TEXT:
+                    viewPermissionText = Constants.VIEW_CUSTOMER_ACTION;
+
+                    if (menuAndAction[1])
+                        menuAndAction[0] = Constants.CUSTOMER_MANAGEMENT_TEXT;
+                    break;
+                case Constants.STAFF_REGISTRATION_TEXT:
+                    if (menuAndAction[1])
+                        menuAndAction[0] = Constants.STAFF_TEXT;
+                    break;
+                case Constants.USER_GROUP_PERMISSION_TEXT:
+                    if (menuAndAction[1])
+                        menuAndAction[0] = Constants.USER_GROUP_TEXT;
+                    break;
+                case Constants.FINANCIAL_REPORT_TEXT:
+                    menuAndAction[0] = Constants.MIS_REPORT_TEXT;
+                    break;
+                case Constants.COMPANY_MENU:
+                    if (menuAndAction[1] == Constants.SETTING_ACTION)
+                        viewPermissionText = Constants.SETTING_ACTION;
+
+                    if (menuAndAction[1] == Constants.SETTING_EDIT_ACTION)
+                        viewPermissionText = Constants.SETTING_ACTION;
+                    break;
+                case Constants.COMPANY_SETTING_TEXT:
+                    if (menuAndAction[1])
+                        menuAndAction[0] = Constants.COMPANY_TEXT;
+                    viewPermissionText = Constants.SETTING_ACTION;
+                    break;
+                case Constants.CUSTOMER_MANAGEMENT_TEXT:
+                    viewPermissionText = Constants.VIEW_CUSTOMER_ACTION;
+                    break;
+            }
+
+            // If action type is not readonly and view is not selected for the parent, then uncheck it's all childs.
+            if ((HeadPermissions[menuAndAction[0]] == null || menuAndAction[0] == Constants.NOTIFICATION_TEXT || menuAndAction[0] == Constants.CUSTOMER_MANAGEMENT_TEXT)
+                && menuAndAction && menuAndAction.length > 0) {
+
+                /* If it's heads permission text then check in checked keys
+                   If it's child permission text then check that childs view permission is checked or not.*/
+                if (!HeadPermissions[menuAndAction[0]] == null || menuAndAction[1] ? !this.isChecked(`${menuAndAction[0]}_${viewPermissionText}`) : !this.isChecked(menuAndAction[0])) {
+                    this.checkedKeys.splice(index, 1);
+                    index--;
+                }
+            }
+        }
+        this.checkUncheckParent(model);
+    }
+
+    // Function to manage check/ uncheck of parent nodes when user select action type "Cheker/ Maker"
+    private checkUncheckParent(model: any) {
+        let childCheckCount: number = 0;
+        for (let index = 0; index < model.length; index++) {
+            if (model[index].type == Constants.PARENT) {
+                childCheckCount = this.getParentChildCheckCount(model[index].items);
+            }
+
+            let removeIndex = this.checkedKeys.indexOf(model[index].permissionText)
+
+            //If action type is not readonly and all child of parent are not checked then uncheck parent node.
+            if (model[index].type == Constants.PARENT && removeIndex > -1 && childCheckCount != model[index].items.length) {
+                this.checkedKeys.splice(removeIndex, 1);
+            }
+
+            if (model && model[index].items) {
+                this.checkUncheckParent(model[index].items);
+            }
+            this.checkUncheckHeads(model);
+        }
+    }
+
+    // Function to manage check/ uncheck of head nodes when user select action type "Cheker/ Maker"
+    private checkUncheckHeads(model: any) {
+        let parentCheckCount: number = 0;
+        let allowedHeadCount: number = 0;
+        for (let index = 0; index < model.length; index++) {
+            if (model[index].type == Constants.HEAD) {
+                parentCheckCount = this.getParentChildCheckCount(model[index].items);
+                allowedHeadCount = this.getAllowedHeadCount(model, model[index].permissionText);
+            }
+
+            let removeIndex = this.checkedKeys.indexOf(model[index].permissionText)
+
+            //If not readonly and all child not selected then uncheck head
+            if (model[index].type == Constants.HEAD && removeIndex > -1 && parentCheckCount != allowedHeadCount)
+                this.checkedKeys.splice(removeIndex, 1);
+        }
+    }
+
+    // Function to get count of visible permissions for company.
+    private getAllowedHeadCount(model: any, headNode: string): number {
+        let allowedHeadCount: number = 0;
+        model.forEach((element: any) => {
+            if (element.permissionText == headNode) {
+                element.items.forEach((element: any) => {
+                    if (element.hide && this.groupPermission.CompanyUniqueId == undefined)
+                        allowedHeadCount++;
+                    else if (!element.hide)
+                        allowedHeadCount++;
+                });
+            }
+        });
+        return allowedHeadCount;
+    }
+
+    // Function to get check count of chid permissions for respective node
+    private getParentChildCheckCount(childList: any[]): number {
+        let childCheckCount: number = 0;
+        childList.forEach((element: any) => {
+            if (this.checkedKeys.indexOf(element.permissionText) > -1)
+                childCheckCount++;
+        });
+
+        return childCheckCount;
+    }
+
+    // This function returns true if action type is "Read Only" and view permission is checked for parent.
+    private checkParentChecked(parentName: string) {
+        if (parentName) {
+            switch (parentName) {
+                case Constants.MASTER_BIN_TEXT:
+                case Constants.COMPANY_TEXT:
+                case Constants.CARD_ORDERING_TEXT:
+                case Constants.PRODUCT_SETTING_TEXT:
+                case Constants.CARD_LISTING_TEXT:
+                case Constants.MERCHANT_TEXT:
+                case Constants.STAFF_TEXT:
+                case Constants.PUSH_NOTIFICATION_TEXT:
+                case Constants.NOTIFICATION_TEXT:
+                case Constants.CARD_TRANSACTION_TEXT:
+                case Constants.MERCHANT_TRANSACTION_TEXT:
+                case Constants.CUSTOMER_TRANSACTION_TEXT:
+                case Constants.WALLET_TRANSACTION_TEXT:
+                case Constants.FRAUD_TRANSACTION_TEXT:
+                case Constants.CHARGEBACK_TEXT:
+                case Constants.SYSTEM_USER_TEXT:
+                case Constants.AUDIT_LOG_TEXT:
+                case Constants.FINANCIAL_REPORT_TEXT:
+                case Constants.MASTER_CARD_REPORT_TEXT:
+                case Constants.BOT_REPORT_TEXT:
+                case Constants.REMITTANCE_REPORT_TEXT:
+                case Constants.CLEARING_TRANSACTION_TEXT:
+                case Constants.REPORT_2C2P:
+                    return this.isChecked(`${parentName}_${Constants.VIEW_ACTION}`) && this.isReadonly;
+
+                case Constants.AUTHORISATION_LISTING_TEXT:
+                    return this.isChecked(`${parentName}_${Constants.VIEW_ACTION}`) &&
+                        this.isChecked(`${parentName}_${Constants.VIEW_RAW_DATA}`) &&
+                        this.isReadonly
+
+                // Company Setting
+                case Constants.COMPANY_SETTING_TEXT:
+                    return this.isChecked(`Company_${Constants.SETTING_ACTION}`) && this.isReadonly;
+
+                case Constants.CUSTOMER_MANAGEMENT_TEXT:
+                    return this.isChecked(`${parentName}_${Constants.VIEW_CUSTOMER_ACTION}`) &&
+                        this.isChecked(`${parentName}_CardHistory`) &&
+                        this.isChecked(`${parentName}_ViewHistory`) &&
+                        this.isReadonly
+
+                case Constants.OTHERS_TEXT:
+                    return this.isChecked(`${parentName}_${Constants.IDNUMBER_ACTION}`) &&
+                        this.isChecked(`${parentName}_${Constants.FULLPAN_ACTION}`) &&
+                        this.isReadonly;
+
+                case Constants.USER_GROUP_PERMISSION_TEXT:
+                    return this.isChecked(`${Constants.USER_GROUP_TEXT}_${Constants.VIEW_ACTION}`) && this.isReadonly;
+            }
+        }
+    }
+
+    // This function returns true if action type is "Read Only" and all the parents of head node are checked.
+    private checkHeadsChecked(parentName: string) {
+        if (parentName) {
+            switch (parentName) {
+                case Constants.SYSTEM_MANAGEMENT_TEXT:
+                    if (this.ddlSelected2c2pCompany || this.groupPermission.CompanyUniqueId == undefined) {
+                        return (this.ddlSelectedMenuSetup.SystemManagement.MasterBin == Constants.NO || this.isChecked(Constants.MASTER_BIN_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.Company == Constants.NO || this.isChecked(Constants.COMPANY_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.ProductSetting == Constants.NO || this.isChecked(Constants.PRODUCT_SETTING_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.CardOrdering == Constants.NO || this.isChecked(Constants.CARD_ORDERING_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.AuthorisationListing == Constants.NO || this.isChecked(Constants.AUTHORISATION_LISTING_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.ClearingTransaction == Constants.NO || this.isChecked(Constants.CLEARING_TRANSACTION_TEXT)) &&
+                            this.isReadonly;
+                    }
+                    else {
+                        return (this.ddlSelectedMenuSetup.SystemManagement.ProductSetting == Constants.NO || this.isChecked(Constants.PRODUCT_SETTING_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.CardOrdering == Constants.NO || this.isChecked(Constants.CARD_ORDERING_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.SystemManagement.AuthorisationListing == Constants.NO || this.isChecked(Constants.AUTHORISATION_LISTING_TEXT)) &&
+                            this.isReadonly;
+                    }
+
+                case Constants.TRANSACTION_HISTORY_TEXT:
+                    return (this.ddlSelectedMenuSetup.TransactionHistory.WalletTransaction == Constants.NO || this.isChecked(Constants.WALLET_TRANSACTION_TEXT)) &&
+                        this.isReadonly;
+
+                case Constants.CUSTOMER_MANAGEMENT_TEXT:
+                    return (this.ddlSelectedMenuSetup.CustomerManagement.Registration == Constants.NO ||
+                        this.isChecked(Constants.CUSTOMER_REGISTRATION_TEXT)) &&
+                        this.isReadonly;
+
+                case Constants.MERCHANT_MANAGEMENT_TEXT:
+                    return (this.ddlSelectedMenuSetup.MerchantManagement.Branch == Constants.NO || this.isChecked(Constants.MERCHANT_TEXT)) &&
+                        (this.ddlSelectedMenuSetup.MerchantManagement.StaffRegistration == Constants.NO || this.isChecked(Constants.STAFF_REGISTRATION_TEXT)) &&
+                        this.isReadonly;
+
+                case Constants.NOTIFICATION_TEXT:
+                    return (this.ddlSelectedMenuSetup.Notification.Message == Constants.NO || this.isChecked(Constants.MESSAGE_TEXT)) &&
+                        this.isReadonly;
+
+                case Constants.USER_MANAGEMENT_TEXT:
+                    return (this.ddlSelectedMenuSetup.UserManagement.UserGroup == Constants.NO || this.isChecked(Constants.USER_GROUP_PERMISSION_TEXT)) &&
+                        (this.ddlSelectedMenuSetup.UserManagement.SystemUser == Constants.NO || this.isChecked(Constants.SYSTEM_USER_TEXT)) &&
+                        (this.ddlSelectedMenuSetup.UserManagement.AuditLog == Constants.NO || this.isChecked(Constants.AUDIT_LOG_TEXT)) &&
+                        this.isReadonly;
+
+                case Constants.MIS_REPORT_TEXT:
+                    if (this.ddlSelected2c2pCompany || this.groupPermission.CompanyUniqueId == undefined) {
+                        return (this.ddlSelectedMenuSetup.MisReport.FinancialReport == Constants.NO || this.isChecked(Constants.FINANCIAL_REPORT_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.MasterCardReport == Constants.NO || this.isChecked(Constants.MASTER_CARD_REPORT_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.BOTReport == Constants.NO || this.isChecked(Constants.BOT_REPORT_TEXT)) &&
+                            (this.ddlSelectedMenuSetup.MisReport.Report2C2P == Constants.NO || this.isChecked(Constants.REPORT2C2P_TEXT)) &&
+                            this.isReadonly;
+                    }
+                    else {
+                        return (this.ddlSelectedMenuSetup.MisReport.FinancialReport == Constants.NO || this.isChecked(Constants.FINANCIAL_REPORT_TEXT)) &&
+                            this.isReadonly;
+                    }
+            }
+        }
+    }
+
+    private onFormSubmit() {
+        this.sharedService.disableButton = true;
+        this.setUserPermissions();
+
+        if (this.pageName === Constants.EDIT) {
+            this.onUpdate();
+        }
+        else {
+            this.onSave();
+        }
+    }
+
+    private onEdit() {
+        if (this.groupPermission.UserGroupName == this.common.getCurrentUserGroup().UserGroupName) {
+            this.alert.error(this.common.permissionMessage);
+            return false;
+        }
+        else {
+            this.router.navigate(['user-group-permission-edit', this.userGroupId]);
+        }
+    }
+
+    // Method to remove permission when select Readonly action. 
+    private doManagePermissionForReadonly(permissionModel: UserGroupPermissionModel) {
+        permissionModel.CustomerManagement.EditCustomer = Constants.NO;
+        permissionModel.CustomerManagement.WalletTopUp.TopupWithdraw = Constants.NO;
+        permissionModel.CustomerManagement.AddWallet = Constants.NO;
+
+        permissionModel.Company.SettingEdit = Constants.NO;
+
+        permissionModel.UserGroup.Edit = Constants.NO;
+        permissionModel.UserGroup.Add = Constants.NO;
+        permissionModel.UserGroup.Delete = Constants.NO;
+
+        permissionModel.SystemUser.Edit = Constants.NO;
+        permissionModel.SystemUser.Add = Constants.NO;
+        permissionModel.SystemUser.Delete = Constants.NO;
+        permissionModel.SystemUser.ResetPassword = Constants.NO;
+    }
+
+    private onUpdate() {
+        if (this.userGroupId == this.common.getCurrentUserGroupId()) {
+            this.alert.error(this.common.permissionMessage);
+            return false;
+        }
+        else {
+            if (this.walletTopupWithdrawChecked) {
+                this.apiPermissionModel.CustomerManagement.WalletTopUp.TopupWithdraw = Constants.YES;
+            }
+
+            this.apiPermissionModel.Id = this.userGroupId;
+            let url = `${Constants.GET_GROUP_API_URL}/${this.apiPermissionModel.Id}`;
+            this.sharedService.put(url, this.apiPermissionModel).subscribe((data: any) => {
+                let response: any = data;
+                this.handleResponse(response, Constants.PUT_REQUEST);
+            }, (error: any) => {
+                this.alert.error(error);
+            });
+        }
+    }
+
+    private onSave() {
+        if (this.walletTopupWithdrawChecked) {
+            this.apiPermissionModel.CustomerManagement.WalletTopUp.TopupWithdraw = Constants.YES;
+        }
+
+        this.sharedService.post(Constants.GET_GROUP_API_URL, this.apiPermissionModel).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.POST_REQUEST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private redirectToView() {
+        setTimeout(() => {
+            this.router.navigate(['user-group-permission-view', this.userGroupId]);
+        }, Constants.TIMEOUT);
+    }
+
+    // select or deselect Parent Node checkbox when child node is updated
+    private handleChildNodeToggle(propertyName: any) {
+        switch (propertyName) {
+            case 'system':
+                if (this.groupPermission.ProductSetting.View === Constants.YES &&
+                    (this.groupPermission.ProductSetting.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.ProductSetting.Add === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.CardOrdering.View === Constants.YES &&
+                    (this.groupPermission.CardOrdering.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.CardOrdering.Add === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.AuthorisationListing.View === Constants.YES &&
+                    this.groupPermission.AuthorisationListing.ViewRawData === Constants.YES
+                ) {
+                    if (this.ddlSelected2c2pCompany) {
+                        if (this.groupPermission.Company.View === Constants.YES &&
+                            (this.groupPermission.Company.Edit === Constants.YES || this.isReadonly) &&
+                            (this.groupPermission.Company.Add === Constants.YES || this.isReadonly) &&
+                            this.groupPermission.MasterBin.View === Constants.YES &&
+                            (this.groupPermission.MasterBin.Edit === Constants.YES || this.isReadonly) &&
+                            (this.groupPermission.MasterBin.Add === Constants.YES || this.isReadonly) &&
+                            this.groupPermission.ClearingTransaction.View === Constants.YES &&
+                            (this.groupPermission.ClearingTransaction.AddFraud === Constants.YES || this.isReadonly) &&
+                            (this.groupPermission.ClearingTransaction.Chargeback === Constants.YES || this.isReadonly)
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    }
+                    return true;
+                }
+                return false;
+
+            case 'customerManagementRoot':
+                if (this.groupPermission.CustomerManagement.ViewCustomer === Constants.YES &&
+                    (this.groupPermission.CustomerManagement.EditCustomer === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.CustomerManagement.ViewHistory === Constants.YES &&
+                    (this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.CustomerManagement.AddWallet === Constants.YES || this.isReadonly)
+                ) {
+                    return true;
+                }
+                return false;
+
+            case 'customerManagement':
+                if (this.groupPermission.CustomerManagement.ViewCustomer === Constants.YES &&
+                    (this.groupPermission.CustomerManagement.EditCustomer === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.CustomerManagement.ViewHistory === Constants.YES &&
+                    (this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.CustomerManagement.AddWallet === Constants.YES || this.isReadonly)
+                ) {
+                    return true;
+                }
+                return false;
+
+            case 'merchantManagement':
+                if (this.groupPermission.Merchant.View === Constants.YES &&
+                    (this.groupPermission.Merchant.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.Merchant.Add === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.Staff.View === Constants.YES &&
+                    (this.groupPermission.Staff.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.Staff.Add === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.Staff.ResetPasscode === Constants.YES || this.isReadonly)
+                ) {
+                    return true;
+                }
+                return false;
+
+            case 'company':
+                if (this.groupPermission.Company.View === Constants.YES &&
+                    (this.groupPermission.Company.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.Company.Add === Constants.YES || this.isReadonly)) {
+                    return true;
+                }
+                return false;
+
+            case 'authorisationListing':
+                if (this.groupPermission.AuthorisationListing.View === Constants.YES &&
+                    this.groupPermission.AuthorisationListing.ViewRawData == Constants.YES) {
+                    return true;
+                }
+                return false;
+
+            case 'companySetting':
+                if (this.groupPermission.Company.Setting === Constants.YES &&
+                    (this.groupPermission.Company.SettingEdit === Constants.YES || this.isReadonly)) {
+                    return true;
+                }
+                return false;
+
+            case 'transactionHistory':
+                if (this.groupPermission.WalletTransaction.View === Constants.YES &&
+                    this.groupPermission.NewWalletTransaction.View === Constants.YES 
+                ) {
+                    return true;
+                }
+                return false;
+
+            case 'walletTransaction':
+                if (this.groupPermission.WalletTransaction.View === Constants.YES &&
+                    (this.groupPermission.WalletTransaction.Refund === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.WalletTransaction.Void === Constants.YES || this.isReadonly)
+                ) {
+                    return true;
+                }
+                return false;
+
+            case 'newWalletTransaction':
+                if (this.groupPermission.NewWalletTransaction.View === Constants.YES) {
+                    return true;
+                }
+                return false;
+
+            case 'userManagement':
+                if (this.groupPermission.UserGroup.View === Constants.YES &&
+                    (this.groupPermission.UserGroup.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.UserGroup.Add === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.UserGroup.Delete === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.SystemUser.View === Constants.YES &&
+                    (this.groupPermission.SystemUser.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.SystemUser.Add === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.SystemUser.Delete === Constants.YES || this.isReadonly) &&
+                    this.groupPermission.AuditLog.View === Constants.YES &&
+                    (this.groupPermission.SystemUser.ResetPassword === Constants.YES || this.isReadonly)) {
+                    return true;
+                }
+                return false;
+
+            case 'userGroup':
+                if (this.groupPermission.UserGroup.View === Constants.YES &&
+                    (this.groupPermission.UserGroup.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.UserGroup.Add === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.UserGroup.Delete === Constants.YES || this.isReadonly)) {
+                    return true;
+                }
+                return false;
+
+            case 'systemUser':
+                if (this.groupPermission.SystemUser.View === Constants.YES &&
+                    (this.groupPermission.SystemUser.Edit === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.SystemUser.Add === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.SystemUser.Delete === Constants.YES || this.isReadonly) &&
+                    (this.groupPermission.SystemUser.ResetPassword === Constants.YES || this.isReadonly)) {
+                    return true;
+                }
+                return false;
+
+            case 'auditLog':
+                if (this.groupPermission.AuditLog.View === Constants.YES) {
+                    return true;
+                }
+                return false;
+
+            case 'others':
+                if (this.groupPermission.Others.FullPAN === Constants.YES &&
+                    this.groupPermission.Others.IDNumber === Constants.YES
+                ) {
+                    return true;
+                }
+                return false;
+        }
+    }
+
+    private handleSelectAllChildNodeToggle() {
+        if (this.handleChildNodeToggle('system')
+            && this.handleChildNodeToggle('customerManagementRoot')
+            && this.handleChildNodeToggle('companySetting')
+            && this.handleChildNodeToggle('merchantManagement')
+            && this.handleChildNodeToggle('transactionHistory')
+            && this.handleChildNodeToggle('notificationRoot')
+            && this.handleChildNodeToggle('userManagement')
+            && this.handleChildNodeToggle('misReportRoot')
+            && this.handleChildNodeToggle('others')
+            && this.handleChildNodeToggle('bulkAction')
+        ) {
+            return true;
+        }
+
+        return false;
+    }
+
+    // parent checkbox change event: this will select or deselect all child Node
+    private toggleParentNodeCheckbox(parentItem: any) {
+        let permission = parentItem.currentTarget.checked ? Constants.YES : Constants.NO;
+
+        switch (parentItem.currentTarget.name) {
+            case 'customerManagement':
+                this.groupPermission.CustomerManagement.ViewCustomer = this.checkUserPermission('CustomerManagement', 'ViewCustomer') ? permission : this.groupPermission.CustomerManagement.ViewCustomer;
+                this.groupPermission.CustomerManagement.EditCustomer = this.checkUserPermission('CustomerManagement', 'EditCustomer') ? permission : this.groupPermission.CustomerManagement.EditCustomer;
+                this.groupPermission.CustomerManagement.ViewHistory = this.checkUserPermission('CustomerManagement', 'ViewHistory') ? permission : this.groupPermission.CustomerManagement.ViewHistory;
+                this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw = this.checkUserPermissionForManualPosting('CustomerManagement', Constants.WALLET_MANUAL_POST, Constants.TOPUP_WITHDRAW) ? permission :
+                    this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw;
+                this.groupPermission.CustomerManagement.AddWallet = this.checkUserPermission('CustomerManagement', 'AddWallet') ? permission : this.groupPermission.CustomerManagement.AddWallet;
+                break;
+
+            case 'customerManagementRoot':
+                this.groupPermission.CustomerManagement.ViewCustomer = this.checkUserPermission('CustomerManagement', 'ViewCustomer') ? permission : this.groupPermission.CustomerManagement.ViewCustomer;
+                this.groupPermission.CustomerManagement.EditCustomer = this.checkUserPermission('CustomerManagement', 'EditCustomer') ? permission : this.groupPermission.CustomerManagement.EditCustomer;
+                this.groupPermission.CustomerManagement.ViewHistory = this.checkUserPermission('CustomerManagement', 'ViewHistory') ? permission : this.groupPermission.CustomerManagement.ViewHistory;
+                this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw = this.checkUserPermissionForManualPosting('CustomerManagement', Constants.WALLET_MANUAL_POST, Constants.TOPUP_WITHDRAW) ? permission :
+                    this.groupPermission.CustomerManagement.WalletTopUp.TopupWithdraw;
+                this.groupPermission.CustomerManagement.AddWallet = this.checkUserPermission('CustomerManagement', 'AddWallet') ? permission : this.groupPermission.CustomerManagement.AddWallet;
+
+                break;
+
+            case 'system':
+                this.groupPermission.Company.View = this.checkUserPermission('Company', 'View') ? permission : this.groupPermission.Company.View;
+                this.groupPermission.Company.Edit = this.checkUserPermission('Company', 'Edit') ? permission : this.groupPermission.Company.Edit;
+                this.groupPermission.Company.Add = this.checkUserPermission('Company', 'Add') ? permission : this.groupPermission.Company.Add;
+                this.groupPermission.MasterBin.View = this.checkUserPermission('MasterBin', 'View') ? permission : this.groupPermission.MasterBin.View;
+                this.groupPermission.MasterBin.Edit = this.checkUserPermission('MasterBin', 'Edit') ? permission : this.groupPermission.MasterBin.Edit;
+                this.groupPermission.MasterBin.Add = this.checkUserPermission('MasterBin', 'Add') ? permission : this.groupPermission.MasterBin.Add;
+                this.groupPermission.ProductSetting.View = this.checkUserPermission('ProductSetting', 'View') ? permission : this.groupPermission.ProductSetting.View;
+                this.groupPermission.ProductSetting.Edit = this.checkUserPermission('ProductSetting', 'Edit') ? permission : this.groupPermission.ProductSetting.Edit;
+                this.groupPermission.ProductSetting.Add = this.checkUserPermission('ProductSetting', 'Add') ? permission : this.groupPermission.ProductSetting.Add;
+                this.groupPermission.CardOrdering.View = this.checkUserPermission('CardOrdering', 'View') ? permission : this.groupPermission.CardOrdering.View;
+                this.groupPermission.CardOrdering.Edit = this.checkUserPermission('CardOrdering', 'Edit') ? permission : this.groupPermission.CardOrdering.Edit;
+                this.groupPermission.CardOrdering.Add = this.checkUserPermission('CardOrdering', 'Add') ? permission : this.groupPermission.CardOrdering.Add;
+                this.groupPermission.AuthorisationListing.View = this.checkUserPermission('AuthorisationListing', 'View') ? permission : this.groupPermission.AuthorisationListing.View;
+                this.groupPermission.AuthorisationListing.ViewRawData = this.checkUserPermission('AuthorisationListing', 'ViewRawData') ? permission : this.groupPermission.AuthorisationListing.ViewRawData;
+                this.groupPermission.ClearingTransaction.View = this.checkUserPermission('ClearingTransaction', 'View') ? permission : this.groupPermission.ClearingTransaction.View;
+                this.groupPermission.ClearingTransaction.AddFraud = this.checkUserPermission('ClearingTransaction', 'AddFraud') ? permission : this.groupPermission.ClearingTransaction.AddFraud;
+                this.groupPermission.ClearingTransaction.Chargeback = this.checkUserPermission('ClearingTransaction', 'Chargeback') ? permission : this.groupPermission.ClearingTransaction.Chargeback;
+                break;
+
+            case 'companySetting':
+                this.groupPermission.Company.Setting = this.checkUserPermission('Company', 'Setting') ? permission : this.groupPermission.Company.Setting;
+                this.groupPermission.Company.SettingEdit = this.checkUserPermission('Company', 'SettingEdit') ? permission : this.groupPermission.Company.SettingEdit;
+                break;
+
+            case 'authorisationListing':
+                this.groupPermission.AuthorisationListing.View = this.checkUserPermission('AuthorisationListing', 'View') ? permission : this.groupPermission.AuthorisationListing.View;
+                this.groupPermission.AuthorisationListing.ViewRawData = this.checkUserPermission('AuthorisationListing', 'ViewRawData') ? permission : this.groupPermission.AuthorisationListing.ViewRawData;
+                break;
+
+            case 'transactionHistory':
+                this.groupPermission.WalletTransaction.View = this.checkUserPermission('WalletTransaction', 'View') ? permission : this.groupPermission.WalletTransaction.View;
+                this.groupPermission.NewWalletTransaction.View = this.checkUserPermission('NewWalletTransaction', 'View') ? permission : this.groupPermission.NewWalletTransaction.View;
+                break;
+
+            case 'walletTransaction':
+                this.groupPermission.WalletTransaction.View = this.checkUserPermission('WalletTransaction', 'View') ? permission : this.groupPermission.WalletTransaction.View;
+                break;
+
+            case 'newWalletTransaction':
+                this.groupPermission.NewWalletTransaction.View = this.checkUserPermission('NewWalletTransaction', 'View') ? permission : this.groupPermission.NewWalletTransaction.View;
+                break;
+
+            case 'userManagement':
+                this.groupPermission.UserGroup.View = this.checkUserPermission('UserGroup', 'View') ? permission : this.groupPermission.UserGroup.View;
+                this.groupPermission.UserGroup.Edit = this.checkUserPermission('UserGroup', 'Edit') ? permission : this.groupPermission.UserGroup.Edit;
+                this.groupPermission.UserGroup.Add = this.checkUserPermission('UserGroup', 'Add') ? permission : this.groupPermission.UserGroup.Add;
+                this.groupPermission.UserGroup.Delete = this.checkUserPermission('UserGroup', 'Delete') ? permission : this.groupPermission.UserGroup.Delete;
+                this.groupPermission.SystemUser.View = this.checkUserPermission('SystemUser', 'View') ? permission : this.groupPermission.SystemUser.View;
+                this.groupPermission.SystemUser.Edit = this.checkUserPermission('SystemUser', 'Edit') ? permission : this.groupPermission.SystemUser.Edit;
+                this.groupPermission.SystemUser.Add = this.checkUserPermission('SystemUser', 'Add') ? permission : this.groupPermission.SystemUser.Add;
+                this.groupPermission.SystemUser.Delete = this.checkUserPermission('SystemUser', 'Delete') ? permission : this.groupPermission.SystemUser.Delete;
+                this.groupPermission.SystemUser.ResetPassword = this.checkUserPermission('SystemUser', 'ResetPassword') ? permission : this.groupPermission.SystemUser.ResetPassword;
+                this.groupPermission.AuditLog.View = this.checkUserPermission('AuditLog', 'View') ? permission : this.groupPermission.AuditLog.View;
+                break;
+
+            case 'userGroup':
+                this.groupPermission.UserGroup.View = this.checkUserPermission('UserGroup', 'View') ? permission : this.groupPermission.UserGroup.View;
+                this.groupPermission.UserGroup.Edit = this.checkUserPermission('UserGroup', 'Edit') ? permission : this.groupPermission.UserGroup.Edit;
+                this.groupPermission.UserGroup.Add = this.checkUserPermission('UserGroup', 'Add') ? permission : this.groupPermission.UserGroup.Add;
+                this.groupPermission.UserGroup.Delete = this.checkUserPermission('UserGroup', 'Delete') ? permission : this.groupPermission.UserGroup.Delete;
+                break;
+
+            case 'systemUser':
+                this.groupPermission.SystemUser.View = this.checkUserPermission('SystemUser', 'View') ? permission : this.groupPermission.SystemUser.View;
+                this.groupPermission.SystemUser.Edit = this.checkUserPermission('SystemUser', 'Edit') ? permission : this.groupPermission.SystemUser.Edit;
+                this.groupPermission.SystemUser.Add = this.checkUserPermission('SystemUser', 'Add') ? permission : this.groupPermission.SystemUser.Add;
+                this.groupPermission.SystemUser.Delete = this.checkUserPermission('SystemUser', 'Delete') ? permission : this.groupPermission.SystemUser.Delete;
+                this.groupPermission.SystemUser.ResetPassword = this.checkUserPermission('SystemUser', 'ResetPassword') ? permission : this.groupPermission.SystemUser.ResetPassword;
+                break;
+
+            case 'auditLog':
+                this.groupPermission.AuditLog.View = this.checkUserPermission('AuditLog', 'View') ? permission : this.groupPermission.AuditLog.View;
+                break;
+
+            case 'others':
+                this.groupPermission.Others.FullPAN = this.checkUserPermission('Others', 'FullPAN') ? permission : this.groupPermission.Others.FullPAN;
+                this.groupPermission.Others.IDNumber = this.checkUserPermission('Others', 'IDNumber') ? permission : this.groupPermission.Others.IDNumber;
+                break;
+        }
+    }
+
+    // on select/deselect Select All checkbox
+    private toggleAllSelectNodeCheckbox(parentItem: any) {
+        let rootNode: any = $('li.root-menu>input').not('[disabled]');
+
+        if (rootNode) {
+            for (let i = 0; i < rootNode.length; i++) {
+                parentItem.currentTarget.name = rootNode[i].name;
+                this.toggleParentNodeCheckbox(parentItem);
+            }
+        }
+    }
+
+    private handleResponse(response: any, requestType: string) {
+        if (response) {
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.handleSuccessResponse(response, requestType);
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    break;
+            }
+        }
+    }
+
+    private handleSuccessResponse(response: any, requestType: string) {
+        if (response && requestType) {
+            switch (requestType) {
+                // get list request
+                case Constants.GET_GROUP_API_URL:
+                    this.groupPermission = this.common.removePropertyFromJSON(response);
+                    this.isReadonly = this.groupPermission.GroupTypeId === Constants.READONLY_ID ? true : false;
+                    this.ddlSelected2c2pCompany = this.groupPermission.CompanyId == Constants.COMPANY_ID_2C2P;
+                    this.isCurrentUserGroup = this.groupPermission.CompanyUniqueId == this.common.getCompanyId();
+                    this.groupPermission.UserUniqueId = this.common.getCurrentUserUniqueID();
+                    this.groupPermission.CompanyUniqueId = this.groupPermission.CompanyUniqueId == 0 ? undefined : this.groupPermission.CompanyUniqueId;
+                    this.isSelectAll = this.groupPermission.SelectAll == Constants.YES ? true : false;
+
+                    if (this.userGroupId == this.common.getCurrentUserGroupId()) {
+                        this.common.saveUserGroup(this.groupPermission);
+                    }
+
+                    // copy of object    
+                    this.actualObject = JSON.parse(JSON.stringify(this.groupPermission));
+                    this.apiPermissionModel = JSON.parse(JSON.stringify(this.groupPermission));
+                    this.getCompanyMenuList();
+
+                    this.insertAuditLog(Constants.VIEW_AUDIT_TYPE);
+                    break;
+
+                case Constants.PUT_REQUEST:
+                    this.alert.success(Constants.UPDATE_SUCCESS_MESSAGE);
+                    if (this.userGroupId == this.common.getCurrentUserGroupId()) {
+                        this.common.saveUserGroup(this.apiPermissionModel);
+                    }
+
+                    this.insertAuditLog(Constants.EDIT_AUDIT_TYPE);
+                    this.redirectToView();
+                    break;
+
+                case Constants.POST_REQUEST:
+                    this.alert.success(Constants.CREATE_SUCCESS_MESSAGE);
+                    this.userGroupId = response.Id;
+
+                    this.insertAuditLog(Constants.ADD_AUDIT_TYPE);
+                    this.common.goToPreviousPage(true);
+                    break;
+
+                case Constants.GET_MASTER_COMPANY_LIST:
+                    this.companyList = response.companyList;
+                    let currentCompanyUniqueId = this.common.getCompanyUniqueId();
+                    let company = response.companyList.filter((comp: any) => {
+                        return comp.companyUniqueId == currentCompanyUniqueId;
+                    });
+
+                    if (company.length > 0) {
+                        let companyId: string = company[0].companyId;
+                        let companyUniqueId: number = company[0].companyUniqueId;
+                        if (companyId === Constants.COMPANY_ID_2C2P) {
+                            //this.companyDisable = false;
+                        }
+                        else {
+                            this.groupPermission.CompanyUniqueId = companyUniqueId;
+                        }
+                    }
+
+                    this.companyListData = this.companyList;
+                    this.getCompanyMenuList();
+                    break;
+            }
+        }
+    }
+
+    // insert Audit Log for view and add
+    private insertAuditLog(auditType: string) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.USER_GROUP_PERMISSION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(auditType);
+        if (auditType == Constants.EDIT_AUDIT_TYPE) {
+            // description template: <Field Name 1> <before value> to <after value>
+            this.auditLogInsertModel.Description = `${this.groupPermission.UserGroupName}`;
+            this.auditLogInsertModel.Description += this.getEditAuditDescription(this.actualObject, this.groupPermission);
+        }
+        else {
+            // description template: <Group Name>
+            this.auditLogInsertModel.Description = this.groupPermission.UserGroupName;
+        }
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    // on Company change get companyID
+    private onCompanychange() {
+        let selectedCompanyID = this.groupPermission.CompanyUniqueId;
+        this.isCurrentUserGroup = this.groupPermission.CompanyUniqueId == this.common.getCompanyId();
+        let company = this.companyList.filter((comp: any) => {
+            return comp.companyUniqueId == selectedCompanyID;
+        });
+
+        if (company.length > 0) {
+            let companyId: string = company[0].companyId;
+            this.groupPermission.CompanyId = companyId;
+            if (companyId === Constants.COMPANY_ID_2C2P) {
+                this.ddlSelected2c2pCompany = true;
+            }
+            else {
+                this.ddlSelected2c2pCompany = false;
+                this.groupPermission.Company = new Company();
+                this.groupPermission.SystemManagement = new SystemManagement();
+            }
+        }
+        this.groupPermission.resetPermissions();
+        this.getCompanyMenuList();
+    }
+
+    private getCompanyMenuList() {
+        if (this.groupPermission.CompanyUniqueId > 0) {
+            if (this.common.getCompanyUniqueId() == this.groupPermission.CompanyUniqueId) {
+                this.ddlSelectedMenuSetup = this.common.getMenuSetup();
+
+                this.initializeTreeView();
+                this.createTreeData(this.firstTreeDataSet);
+                this.createTreeData(this.secondTreeDataSet);
+                this.setInitialActionNodes();
+            }
+            else {
+                let url = Constants.COMPANY_SETTING_MENU_SETUP_API + "/" + this.groupPermission.CompanyUniqueId;
+                this.sharedService.get(url).subscribe((data: any) => {
+                    let result = data ? data : null;
+                    if (result && result.responseCode === Constants.SUCCESS_CODE) {
+
+                        this.ddlSelectedMenuSetup.CustomerManagement = result.CustomerManagement;
+                        this.ddlSelectedMenuSetup.MerchantManagement = result.MerchantManagement;
+                        this.ddlSelectedMenuSetup.Notification = result.Notification;
+                        this.ddlSelectedMenuSetup.MisReport = result.MisReport;
+                        this.ddlSelectedMenuSetup.SystemManagement = result.SystemManagement;
+                        this.ddlSelectedMenuSetup.TransactionHistory = result.TransactionHistory;
+                        this.ddlSelectedMenuSetup.UserManagement = result.UserManagement;
+                        this.ddlSelectedMenuSetup.CompanySetting = result.CompanySetting;
+                        this.ddlSelectedMenuSetup.BulkTransfer = result.BulkTransfer;
+
+                        this.initializeTreeView();
+                        this.createTreeData(this.firstTreeDataSet);
+                        this.createTreeData(this.secondTreeDataSet);
+
+                        this.setInitialActionNodes();
+                    }
+                    else {
+                        this.alert.error(result.resDescriptionEN);
+                    }
+                }, (error: any) => {
+                    this.alert.error(error);
+                });
+            }
+        }
+        else {
+            this.initializeTreeView();
+            this.checkedKeys = [];
+        }
+    }
+
+    private setInitialActionNodes() {
+        if (this.isReadonly) {
+            this.initializeTreeView();
+            this.setReadOnly(this.firstTreeDataSet);
+            this.setReadonlyHeads(this.firstTreeDataSet);
+            this.setReadOnly(this.secondTreeDataSet);
+            this.setReadonlyHeads(this.secondTreeDataSet);
+        }
+        else {
+            this.initializeTreeView();
+            this.resetReadOnly(this.firstTreeDataSet);
+            this.resetReadOnly(this.secondTreeDataSet);
+        }
+        this.setSelectAll();
+    }
+
+    public getEditAuditDescription(acutalObject: any, updatedObject: any, objectName?: string): any {
+        let keys = acutalObject ? Object.keys(acutalObject) : null;
+        let description = Constants.STRING_EMPTY;
+        if (keys) {
+            for (let i = 0; i < keys.length; i++) {
+                let fieldName = keys[i];
+                let beforeValue = acutalObject[fieldName];
+                let afterValue = updatedObject[fieldName];
+                if (beforeValue && afterValue && typeof beforeValue == Constants.OBJECT && typeof beforeValue == Constants.OBJECT) {
+                    description += this.getEditAuditDescription(beforeValue, afterValue, fieldName);
+                }
+                else {
+                    if (beforeValue != afterValue && fieldName != Constants.FIELD_SELECT_ALL && fieldName != Constants.FIELD_MERCHANT_NAME && fieldName != Constants.FIELD_MERCHANT_UNIQUE_ID) {
+
+                        if (!(fieldName == 'UserGroupName' || fieldName == 'GroupTypeId')) {
+                            beforeValue = (beforeValue == "Y") ? Constants.CHECKED_STATUS : Constants.UNCHECKED_STATUS;
+                            afterValue = (afterValue == "Y") ? Constants.CHECKED_STATUS : Constants.UNCHECKED_STATUS;
+                        }
+
+                        if (fieldName == 'GroupTypeId') {
+                            beforeValue = this.common.getGroupTypeDescription(beforeValue);
+                            afterValue = this.common.getGroupTypeDescription(afterValue);
+                        }
+                        if (objectName == Constants.COMPANY_FIELD)
+                            objectName = Constants.COMPANY_AUDIT_LABEL;
+
+                        description += objectName ? `\n${objectName.replace('WalletTransaction', 'CustomerTransaction').replace(/([A-Z])/g, ' $1').trim()} ${fieldName.replace(/([A-Z])/g, ' $1').trim()}: ${beforeValue} to ${afterValue}` :
+                            `\n${fieldName.replace(/([A-Z])/g, ' $1').trim()}: ${beforeValue} to ${afterValue}`;
+                    }
+                }
+            }
+        }
+        return description;
+    }
+
+    private checkUserPermission(userModule: string, subModule: string) {
+        if (this.ddlSelected2c2pCompany) {
+            return true;
+        }
+
+        let userRights = this.common.getUserRights(userModule, subModule);
+        return userRights;
+    }
+
+    private checkUserPermissionForManualPosting(userModule: string, subModule: string, action: string) {
+        if (this.ddlSelected2c2pCompany) {
+            return true;
+        }
+
+        let userRights = this.common.getManualPostingUserRights(userModule, subModule, action);
+        return userRights;
+    }
+
+    private checkUserPermissionforChild(userModule: string) {
+        if (this.ddlSelected2c2pCompany) {
+            return true;
+        }
+
+        let currentUserGroup = this.common.getCurrentUserGroup();
+        if (currentUserGroup) {
+            let currentModule = currentUserGroup[userModule];
+            if (currentModule) {
+                let keys = Object.keys(currentModule);
+                for (let i = 0; i < keys.length; i++) {
+                    let key = keys[i];
+                    if (currentModule[key] === 'Y') {
+                        return true;
+                    }
+                }
+            }
+
+            return false;
+        }
+        return false;
+    }
+
+    private async handleCheckChange(checkEvent: any) {
+        await this.handleCheckUncheck(checkEvent);
+        this.setSelectAll();
+    }
+
+    private handleCheckUncheck(checkEvent: any) {
+        // Get the childrens list with for checked checkbox. 
+        let checkedChildren: any;
+
+        if (checkEvent && checkEvent.parent && checkEvent.parent.children) {
+
+            if (checkEvent.item.dataItem.text === this.topupWithdraw) {
+                checkedChildren = checkEvent.parent.parent.children;
+            }
+            else {
+                checkedChildren = checkEvent.parent.children;
+            }
+
+            if (checkedChildren && checkedChildren.length > 0) {
+                // Get the data for View checkbox
+                let viewNode = checkedChildren.filter((element: any) => {
+                    return element.dataItem.text == Constants.VIEW_ACTION;
+                });
+
+                if (viewNode && viewNode.length > 0) {
+                    // If selected node is "view" and
+                    if (checkEvent.item.dataItem.text == Constants.VIEW_ACTION) {
+                        // if it's already checked then uncheck other
+                        if (this.checkedKeys.indexOf(viewNode[0].dataItem.permissionText) > -1) {
+                            checkedChildren.forEach((element: any, index: number) => {
+                                let indexOfElement = this.checkedKeys.indexOf(element.dataItem.permissionText);
+                                if (indexOfElement > -1 && element.dataItem.isEnabled && element.dataItem.text != Constants.VIEW_ACTION) {
+                                    this.checkedKeys.splice(indexOfElement, 1);
+                                    this.isSelectAll = false;
+                                }
+                            });
+
+                            if (checkEvent.item.dataItem.permissionText === 'CustomerManagement_ViewCustomer') {
+                                if (this.checkedKeys.indexOf('CustomerManagement_TopupWithdraw') > -1) {
+                                    this.checkedKeys.splice(this.checkedKeys.indexOf('CustomerManagement_TopupWithdraw'), 1);
+                                }
+                            }
+                        }
+                    }
+
+                    // When we click on permission checkbox other than view (checkEvent: other than view)
+                    // If view is enabled & not checked & current checked element(other than view) is not checked then push view element
+                    // ViewNode[0] : view node 
+                    else if (viewNode[0].dataItem.isEnabled && this.checkedKeys.indexOf(checkEvent.item.dataItem.permissionText) < 0) {
+                        if (this.checkedKeys.indexOf(viewNode[0].dataItem.permissionText) == -1) {
+                            this.checkedKeys.push(viewNode[0].dataItem.permissionText);
+                        }
+                    }
+                }
+            }
+
+            let headNode = checkEvent.parent && checkEvent.parent.parent && checkEvent.parent.parent.item;
+            if (headNode && this.isChecked(headNode.dataItem.permissionText)) {
+                let index = this.checkedKeys.indexOf(headNode.dataItem.permissionText);
+                this.checkedKeys.splice(index, 1);
+            }
+        }
+
+        if (this.checkedKeys.indexOf(checkEvent.item.dataItem.permissionText) > -1) {
+            this.isSelectAll = false;
+        }
+    }
+
+    private toggleSelectAll(checkEvent: any) {
+        // Toggle for left tree view
+        this.checkUncheckAll(this.firstTreeDataSet, checkEvent.srcElement.checked);
+
+        // Toggle for right tree view
+        this.checkUncheckAll(this.secondTreeDataSet, checkEvent.srcElement.checked);
+    }
+
+    // Function to check/ uncheck all nodes
+    private checkUncheckAll(model: any[], isChecked: boolean) {
+        for (let index = 0; index < model.length; index++) {
+            if (this.groupPermission.CompanyUniqueId == undefined && model[index].isEnabled) {
+                if (isChecked) {
+                    if (this.checkedKeys.indexOf(model[index].permissionText) == -1) {
+                        this.checkedKeys.push(model[index].permissionText);
+                    }
+                }
+                else {
+                    let checkedIndex = this.checkedKeys.indexOf(model[index].permissionText);
+                    if (checkedIndex > -1) {
+                        this.checkedKeys.splice(checkedIndex, 1);
+                    }
+                }
+            }
+            else if (!model[index].hide && model[index].isEnabled) {
+                if (isChecked) {
+                    if (this.checkedKeys.indexOf(model[index].permissionText) == -1) {
+                        this.checkedKeys.push(model[index].permissionText);
+                    }
+                }
+                else {
+                    let checkedIndex = this.checkedKeys.indexOf(model[index].permissionText);
+                    if (checkedIndex > -1) {
+                        this.checkedKeys.splice(checkedIndex, 1);
+                    }
+                }
+            }
+            //If it's object then toggle for it's item
+            if (model && model[index].items) {
+                this.checkUncheckAll(model[index].items, isChecked);
+            }
+        }
+    }
+
+    private setSelectAll() {
+        let headCount: number = 0;
+        let headCheckCount: number = 0;
+        this.firstTreeDataSet.forEach((element: any) => {
+            if ((element.type == Constants.HEAD || element.permissionText == Constants.COMPANY_SETTING_TEXT
+                || element.permissionText == Constants.OTHERS_TEXT || element.permissionText == Constants.BULKACTION_TEXT)
+                && (!element.hide || this.groupPermission.CompanyUniqueId == undefined))
+                headCount++;
+
+            if ((element.type == Constants.HEAD || element.permissionText == Constants.COMPANY_SETTING_TEXT
+                || element.permissionText == Constants.OTHERS_TEXT || element.permissionText == Constants.BULKACTION_TEXT) &&
+                this.isChecked(element.permissionText))
+                headCheckCount++;
+        });
+
+        this.secondTreeDataSet.forEach((element: any) => {
+            if (element.type == Constants.HEAD && (!element.hide || this.groupPermission.CompanyUniqueId == undefined))
+                headCount++;
+
+            if (element.type == Constants.HEAD && this.isChecked(element.permissionText))
+                headCheckCount++;
+        })
+
+        this.isSelectAll = headCount === headCheckCount;
+    }
+
+    // Function to check a node is checked or not.
+    private isChecked(permissionText: string) {
+        return this.checkedKeys.indexOf(permissionText) > -1
+    }
+
+    private setUserPermissions() {
+        this.apiPermissionModel = new UserGroupPermissionModel();
+        let keys = this.apiPermissionModel ? Object.keys(this.apiPermissionModel) : null;
+        this.apiPermissionModel.SelectAll = this.isSelectAll ? Constants.YES : Constants.NO;
+
+        this.checkedKeys.forEach((element: any) => {
+            let menuAndSubmenu = element && element.split('_', 2);
+            if (menuAndSubmenu && menuAndSubmenu.length >= 2) {
+                if (this.checkedKeys.indexOf(`${menuAndSubmenu[0]}_${Constants.VIEW_ACTION}`) > -1 ||
+                    this.checkedKeys.indexOf(`${menuAndSubmenu[0]}_${Constants.SETTING_ACTION}`) > -1 ||
+                    this.checkedKeys.indexOf(`${menuAndSubmenu[0]}_${Constants.IDNUMBER_ACTION}`) > -1 ||
+                    this.checkedKeys.indexOf(`${menuAndSubmenu[0]}_${Constants.FULLPAN_ACTION}`) > -1 ||
+                    this.checkedKeys.indexOf(`${menuAndSubmenu[0]}_${Constants.VIEW_CUSTOMER_ACTION}`) > -1) {
+
+                    if ((menuAndSubmenu[0] === 'CustomerManagement') &&
+                        (menuAndSubmenu[1] === Constants.TOPUP_WITHDRAW || menuAndSubmenu[1] === Constants.DEBIT_CREDIT_ADJUSTMENT)) {
+                        if (menuAndSubmenu[0] === 'CustomerManagement' && menuAndSubmenu[1] === Constants.TOPUP_WITHDRAW) {
+                            this.walletTopupWithdrawChecked = true;
+                        }
+                        else if (menuAndSubmenu[0] === 'CustomerManagement' && menuAndSubmenu[1] === Constants.DEBIT_CREDIT_ADJUSTMENT) {
+                            this.walletDebitCreditChecked = true;
+                        }
+                    }
+                    else {
+                        this.apiPermissionModel[menuAndSubmenu[0]][menuAndSubmenu[1]] = Constants.YES;
+                    }
+                }
+                else {
+                    if ((menuAndSubmenu[0] === 'CustomerManagement') &&
+                        (menuAndSubmenu[1] === Constants.TOPUP_WITHDRAW || menuAndSubmenu[1] === Constants.DEBIT_CREDIT_ADJUSTMENT)) {
+                        if (menuAndSubmenu[0] === 'CustomerManagement' && menuAndSubmenu[1] === Constants.TOPUP_WITHDRAW) {
+                            this.walletTopupWithdrawChecked = false;
+                        }
+                        else if (menuAndSubmenu[0] === 'CustomerManagement' && menuAndSubmenu[1] === Constants.DEBIT_CREDIT_ADJUSTMENT) {
+                            this.walletDebitCreditChecked = false;
+                        }
+                    }
+                    else {
+                        this.apiPermissionModel[menuAndSubmenu[0]][menuAndSubmenu[1]] = Constants.NO;
+                    }
+                }
+            }
+        });
+
+        if (this.isReadonly) {
+            this.doManagePermissionForReadonly(this.apiPermissionModel);
+        }
+
+        this.apiPermissionModel.groupId = this.groupPermission.groupId;
+        this.apiPermissionModel.GroupTypeId = this.groupPermission.GroupTypeId;
+        this.apiPermissionModel.UserGroupName = this.groupPermission.UserGroupName;
+        this.apiPermissionModel.CompanyName = this.groupPermission.CompanyName;
+        this.apiPermissionModel.CompanyId = this.groupPermission.CompanyId;
+        this.apiPermissionModel.CompanyUniqueId = this.groupPermission.CompanyUniqueId;
+        this.apiPermissionModel.UserUniqueId = this.groupPermission.UserUniqueId;
+        this.apiPermissionModel.Id = this.groupPermission.Id;
+
+        this.groupPermission = JSON.parse(JSON.stringify(this.apiPermissionModel));
+    }
+
+    private companySearchFilter(value: any) {
+        this.companyListData = this.companyList.filter((comp: any) => comp.companyName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+}