@cauca-911/management 3.0.1 → 11.0.1

package/fesm2015/cauca-911-management.js

@@ -9,472 +9,473 @@ import { map } from 'rxjs/operators';
 import { HttpClient } from '@angular/common/http';
 import { CommonModule } from '@angular/common';
 
-class CaucaManagementService {
-    constructor() { }
-}
-CaucaManagementService.ɵprov = ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
-CaucaManagementService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
+class CaucaManagementService {
+    constructor() { }
+}
+CaucaManagementService.ɵprov = ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
+CaucaManagementService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
 CaucaManagementService.ctorParameters = () => [];
 
-class CaucaManagementComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-CaucaManagementComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'cauca-management',
-                template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
-            },] }
-];
+class CaucaManagementComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CaucaManagementComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'cauca-management',
+                template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
+            },] }
+];
 CaucaManagementComponent.ctorParameters = () => [];
 
-class ManagementGroupService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}GroupManagement`);
-    }
-    get(idGroup) {
-        return this.http.get(`${this.config.apiUrl}GroupManagement/${idGroup}`);
-    }
-    save(group) {
-        return this.http.post(`${this.config.apiUrl}GroupManagement`, group);
-    }
-    delete(idGroup) {
-        return this.http.delete(`${this.config.apiUrl}GroupManagement/${idGroup}`);
-    }
-    hasExistingGroupName(group) {
-        return this.http.post(`${this.config.apiUrl}GroupManagement/GroupNameAlreadyExist`, group);
-    }
-}
-ManagementGroupService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
-ManagementGroupService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementGroupService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
+class ManagementGroupService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}GroupManagement`);
+    }
+    get(idGroup) {
+        return this.http.get(`${this.config.apiUrl}GroupManagement/${idGroup}`);
+    }
+    save(group) {
+        return this.http.post(`${this.config.apiUrl}GroupManagement`, group);
+    }
+    delete(idGroup) {
+        return this.http.delete(`${this.config.apiUrl}GroupManagement/${idGroup}`);
+    }
+    hasExistingGroupName(group) {
+        return this.http.post(`${this.config.apiUrl}GroupManagement/GroupNameAlreadyExist`, group);
+    }
+}
+ManagementGroupService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
+ManagementGroupService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ManagementGroupService.ctorParameters = () => [
+    { type: CaucaCoreService },
+    { type: HttpClient }
 ];
 
-class ManagementUserService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}UserManagement`);
-    }
-    get(idUser) {
-        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}`);
-    }
-    getGroup(idUser) {
-        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}/groups`);
-    }
-    addGroup(userGroup) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/group`, userGroup);
-    }
-    deleteGroup(idUserGroup) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserGroup}`);
-    }
-    addPermission(userPermission) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/permission`, userPermission);
-    }
-    deletePermission(idUserPermission) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserPermission}`);
-    }
-    save(user) {
-        return this.http.post(`${this.config.apiUrl}UserManagement`, user);
-    }
-    delete(idUser) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/${idUser}`);
-    }
-    hasExistingUserName(user) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/UserNameAlreadyExist`, user);
-    }
-}
-ManagementUserService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementUserService, providedIn: "root" });
-ManagementUserService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementUserService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
+class ManagementUserService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}UserManagement`);
+    }
+    get(idUser) {
+        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}`);
+    }
+    getGroup(idUser) {
+        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}/groups`);
+    }
+    addGroup(userGroup) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/group`, userGroup);
+    }
+    deleteGroup(idUserGroup) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserGroup}`);
+    }
+    addPermission(userPermission) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/permission`, userPermission);
+    }
+    deletePermission(idUserPermission) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserPermission}`);
+    }
+    save(user) {
+        return this.http.post(`${this.config.apiUrl}UserManagement`, user);
+    }
+    delete(idUser) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/${idUser}`);
+    }
+    hasExistingUserName(user) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/UserNameAlreadyExist`, user);
+    }
+}
+ManagementUserService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementUserService, providedIn: "root" });
+ManagementUserService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ManagementUserService.ctorParameters = () => [
+    { type: CaucaCoreService },
+    { type: HttpClient }
 ];
 
-class ManagementPermissionService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}PermissionManagement`);
-    }
-    get(idPermission) {
-        return this.http.get(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
-    }
-    save(permission) {
-        return this.http.post(`${this.config.apiUrl}PermissionManagement`, permission);
-    }
-    delete(idPermission) {
-        return this.http.delete(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
-    }
-}
-ManagementPermissionService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
-ManagementPermissionService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementPermissionService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
+class ManagementPermissionService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}PermissionManagement`);
+    }
+    get(idPermission) {
+        return this.http.get(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
+    }
+    save(permission) {
+        return this.http.post(`${this.config.apiUrl}PermissionManagement`, permission);
+    }
+    delete(idPermission) {
+        return this.http.delete(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
+    }
+}
+ManagementPermissionService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
+ManagementPermissionService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ManagementPermissionService.ctorParameters = () => [
+    { type: CaucaCoreService },
+    { type: HttpClient }
 ];
 
-class CaucaManagementGroupComponent {
-    constructor(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
-        this.managementGroupService = managementGroupService;
-        this.managementUserService = managementUserService;
-        this.managementPermissionService = managementPermissionService;
-        this.showPrintButton = true;
-        this.hoverStatePermission = true;
-        this.groups = [];
-        this.users = [];
-        this.permissions = [];
-        this.userFullName = {};
-        this.showColumn = true;
-        this.showColumnXS = true;
-        this.translations = [];
-        this.calculateUsersCellValue = (e) => {
-            const users = (e.users ? e.users : []);
-            let usersNames = [];
-            users.forEach(user => {
-                const userGroup = this.users.filter(u => u.id === user.idUser);
-                if (userGroup && userGroup[0]) {
-                    usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
-                }
-            });
-            usersNames = usersNames.sort((one, two) => (one < two ? -1 : 1));
-            return usersNames.join(', ');
-        };
-        this.groupNameAlreadyUsedValidation = (e) => {
-            return this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => {
-                return !exist;
-            })).toPromise();
-        };
-        breakpointObserver.observe(['(max-width: 1000px)']).subscribe(result => {
-            this.showColumn = !result.matches;
-        });
-        breakpointObserver.observe(['(max-width: 600px)']).subscribe(result => {
-            this.showColumnXS = !result.matches;
-        });
-    }
-    ngOnInit() {
-        this.managementUserService.getAll().subscribe(data => {
-            this.users = data;
-            this.users.forEach(user => {
-                if (user.isActive) {
-                    if (user.firstName !== '' && user.lastName !== '') {
-                        this.userFullName[user.id] = `${user.firstName} ${user.lastName}`;
-                    }
-                }
-            });
-        });
-        this.managementPermissionService.getAll().subscribe(permissions => {
-            const permissionIndex = permissions.findIndex(c => {
-                return c.tag === 'CanAccessPermissions';
-            });
-            if (permissionIndex !== -1) {
-                permissions.splice(permissionIndex, 1);
-            }
-            permissions.sort((a, b) => {
-                if (a.name < b.name) {
-                    return -1;
-                }
-                if (a.name > b.name) {
-                    return 1;
-                }
-                return 0;
-            });
-            this.permissions = permissions;
-        });
-        this.getGroups();
-    }
-    fullName(data) {
-        if (!data) {
-            return '';
-        }
-        return `${data.firstName} ${data.lastName}`;
-    }
-    getGroupUser(field, e) {
-        const users = [];
-        if (this.groupUsers) {
-            this.groupUsers.forEach(user => {
-                users.push(user.idUser);
-            });
-        }
-        e.component.option('value', users);
-    }
-    setGroupUser(field, e) {
-        const groupUser = [];
-        e.value.forEach(idUser => {
-            const groupIndex = (field.data.users || []).findIndex(g => g.idUser === idUser);
-            if (groupIndex === -1) {
-                groupUser.push({ idUser, });
-            }
-            else {
-                groupUser.push(field.data.users[groupIndex]);
-            }
-        });
-        field.setValue(JSON.parse(JSON.stringify(groupUser)));
-    }
-    setGroupPermission(field, e) {
-        const groupUser = [];
-        e.value.forEach(idUser => {
-            groupUser.push({
-                idUser,
-            });
-        });
-        field.setValue(JSON.parse(JSON.stringify(groupUser)));
-    }
-    getPermissionStatus(field, permission, e) {
-        const groupPermission = (field.value || []).find(p => p.idModulePermission === permission.id);
-        if (groupPermission) {
-            e.component.option('value', groupPermission.isAllowed);
-        }
-        else {
-            e.component.option('value', undefined);
-        }
-    }
-    checkBoxToggled(field, permission, e) {
-        if (e.component.skipOnValueChanged) {
-            e.component.skipOnValueChanged = false;
-            return;
-        }
-        if (e.component.setUndefinedNextTime) {
-            e.component.setUndefinedNextTime = false;
-            e.component.skipOnValueChanged = true;
-            e.component.option('value', undefined);
-            this.setPermissionStatus(field, permission, undefined);
-            return;
-        }
-        if (e.value === false) {
-            e.component.setUndefinedNextTime = true;
-        }
-        this.setPermissionStatus(field, permission, e.value);
-    }
-    onRowInserted(e) {
-        this.saveGroup(e.data);
-    }
-    onRowUpdated(e) {
-        this.saveGroup(e.data);
-    }
-    onRowRemoved(e) {
-        const group = e.data;
-        this.managementGroupService.delete(group.id).subscribe(data => {
-            this.getGroups();
-        });
-    }
-    onEditingStart(e) {
-        this.groupUsers = e.data.users;
-    }
-    onInitNewRow() {
-        this.groupUsers = [];
-    }
-    setPermissionStatus(field, permission, value) {
-        const groupPermissions = field.value || [];
-        const groupIndex = groupPermissions.findIndex(p => p.idModulePermission === permission.id);
-        if (groupIndex > -1) {
-            groupPermissions[groupIndex].isAllowed = value;
-        }
-        else {
-            groupPermissions.push({
-                idModulePermission: permission.id,
-                isAllowed: value,
-            });
-        }
-        field.setValue(JSON.parse(JSON.stringify(groupPermissions)));
-    }
-    saveGroup(group) {
-        this.removePermissionUndefined(group);
-        if (group.users) {
-            group.users.forEach((userGroup) => {
-                userGroup.idGroup = group.id;
-            });
-        }
-        if (group.permissions) {
-            group.permissions.forEach((groupPermission) => {
-                groupPermission.idGroup = group.id;
-            });
-        }
-        this.managementGroupService.save(group).subscribe(() => {
-            this.getGroups();
-        });
-        this.groupUsers = [];
-    }
-    removePermissionUndefined(group) {
-        group.permissions = group.permissions.filter((permission) => permission.isAllowed !== undefined);
-    }
-    getGroups() {
-        this.managementGroupService.getAll().subscribe(data => this.groups = data);
-    }
-}
-CaucaManagementGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'cauca-management-group',
-                template: "<cauca-dx-data-grid [allowPrint]=\"showPrintButton\" keyExpr=\"id\" [dataSource]=\"groups\"\n    (onRowInserted)=\"onRowInserted($event)\" (onInitNewRow)=\"onInitNewRow()\" (onRowUpdated)=\"onRowUpdated($event)\"\n    (onEditingStart)=\"onEditingStart($event)\" (onRowRemoved)=\"onRowRemoved($event)\">\n\n    <dxi-column dataField=\"name\" [caption]=\"'management.name' | translate\">\n        <dxi-validation-rule type=\"async\" [message]=\"'management.groupNameAlreadyUsed' | translate\"\n            [validationCallback]=\"groupNameAlreadyUsedValidation\"></dxi-validation-rule>\n    </dxi-column>\n    <dxi-column dataField=\"users\" [caption]=\"'management.users' | translate\" editCellTemplate=\"usersEditTemplate\"\n        [calculateCellValue]=\"calculateUsersCellValue\">\n    </dxi-column>\n    <dxi-column dataField=\"permissions\" [caption]=\"'management.permissions' | translate\" [visible]=\"false\"\n        editCellTemplate=\"permissionsEditTemplate\">\n    </dxi-column>\n    <dxo-export [enabled]=\"false\"></dxo-export>\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\" [fullScreen]=\"!showColumn\"></dxo-popup>\n        <dxo-form colCount=\"1\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\n            <dxi-item dataField=\"name\" [isRequired]=\"true\"></dxi-item>\n            <dxi-item dataField=\"users\"></dxi-item>\n            <dxi-item dataField=\"permissions\"></dxi-item>\n        </dxo-form>\n    </dxo-editing>\n\n    <div *dxTemplate=\"let field of 'usersEditTemplate'\">\n        <dx-tag-box valueExpr=\"id\" [displayExpr]=\"fullName\" [dataSource]=\"users\" [searchEnabled]=\"true\"\n            [searchExpr]=\"fullName\" (onInitialized)=\"getGroupUser(field, $event)\"\n            (onValueChanged)=\"setGroupUser(field, $event)\">\n        </dx-tag-box>\n    </div>\n    <div *dxTemplate=\"let field of 'permissionsEditTemplate'\">\n        <dx-list [dataSource]=\"permissions\" itemTemplate=\"rowTemplate\" [searchEnabled]=\"true\"\n            [searchExpr]=\"['name', 'tag']\" [hoverStateEnabled]=\"hoverStatePermission\">\n            <div *dxTemplate=\"let permission of 'rowTemplate'\">\n                <dx-check-box [text]=\"permission.name\" (onInitialized)=\"getPermissionStatus(field, permission, $event)\"\n                    (onValueChanged)=\"checkBoxToggled(field, permission, $event)\">\n                </dx-check-box>\n            </div>\n        </dx-list>\n    </div>\n</cauca-dx-data-grid>",
-                styles: [""]
-            },] }
-];
-CaucaManagementGroupComponent.ctorParameters = () => [
-    { type: ManagementGroupService },
-    { type: ManagementUserService },
-    { type: ManagementPermissionService },
-    { type: BreakpointObserver }
-];
-CaucaManagementGroupComponent.propDecorators = {
-    showPrintButton: [{ type: Input }],
-    hoverStatePermission: [{ type: Input }]
+class CaucaManagementGroupComponent {
+    constructor(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
+        this.managementGroupService = managementGroupService;
+        this.managementUserService = managementUserService;
+        this.managementPermissionService = managementPermissionService;
+        this.showPrintButton = true;
+        this.hoverStatePermission = true;
+        this.groups = [];
+        this.users = [];
+        this.permissions = [];
+        this.userFullName = {};
+        this.showColumn = true;
+        this.showColumnXS = true;
+        this.translations = [];
+        this.calculateUsersCellValue = (e) => {
+            const users = (e.users ? e.users : []);
+            let usersNames = [];
+            users.forEach(user => {
+                const userGroup = this.users.filter(u => u.id === user.idUser);
+                if (userGroup && userGroup[0]) {
+                    usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
+                }
+            });
+            usersNames = usersNames.sort((one, two) => (one < two ? -1 : 1));
+            return usersNames.join(', ');
+        };
+        this.groupNameAlreadyUsedValidation = (e) => {
+            return this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => {
+                return !exist;
+            })).toPromise();
+        };
+        breakpointObserver.observe(['(max-width: 1000px)']).subscribe(result => {
+            this.showColumn = !result.matches;
+        });
+        breakpointObserver.observe(['(max-width: 600px)']).subscribe(result => {
+            this.showColumnXS = !result.matches;
+        });
+    }
+    ngOnInit() {
+        this.managementUserService.getAll().subscribe(data => {
+            this.users = data;
+            this.users.forEach(user => {
+                if (user.isActive) {
+                    if (user.firstName !== '' && user.lastName !== '') {
+                        this.userFullName[user.id] = `${user.firstName} ${user.lastName}`;
+                    }
+                }
+            });
+        });
+        this.managementPermissionService.getAll().subscribe(permissions => {
+            const permissionIndex = permissions.findIndex(c => {
+                return c.tag === 'CanAccessPermissions';
+            });
+            if (permissionIndex !== -1) {
+                permissions.splice(permissionIndex, 1);
+            }
+            permissions.sort((a, b) => {
+                if (a.name < b.name) {
+                    return -1;
+                }
+                if (a.name > b.name) {
+                    return 1;
+                }
+                return 0;
+            });
+            this.permissions = permissions;
+        });
+        this.getGroups();
+    }
+    fullName(data) {
+        if (!data) {
+            return '';
+        }
+        return `${data.firstName} ${data.lastName}`;
+    }
+    getGroupUser(field, e) {
+        const users = [];
+        if (this.groupUsers) {
+            this.groupUsers.forEach(user => {
+                users.push(user.idUser);
+            });
+        }
+        e.component.option('value', users);
+    }
+    setGroupUser(field, e) {
+        const groupUser = [];
+        e.value.forEach(idUser => {
+            const groupIndex = (field.data.users || []).findIndex(g => g.idUser === idUser);
+            if (groupIndex === -1) {
+                groupUser.push({ idUser, });
+            }
+            else {
+                groupUser.push(field.data.users[groupIndex]);
+            }
+        });
+        field.setValue(JSON.parse(JSON.stringify(groupUser)));
+    }
+    setGroupPermission(field, e) {
+        const groupUser = [];
+        e.value.forEach(idUser => {
+            groupUser.push({
+                idUser,
+            });
+        });
+        field.setValue(JSON.parse(JSON.stringify(groupUser)));
+    }
+    getPermissionStatus(field, permission, e) {
+        const groupPermission = (field.value || []).find(p => p.idModulePermission === permission.id);
+        if (groupPermission) {
+            e.component.option('value', groupPermission.isAllowed);
+        }
+        else {
+            e.component.option('value', undefined);
+        }
+    }
+    checkBoxToggled(field, permission, e) {
+        if (e.component.skipOnValueChanged) {
+            e.component.skipOnValueChanged = false;
+            return;
+        }
+        if (e.component.setUndefinedNextTime) {
+            e.component.setUndefinedNextTime = false;
+            e.component.skipOnValueChanged = true;
+            e.component.option('value', undefined);
+            this.setPermissionStatus(field, permission, undefined);
+            return;
+        }
+        if (e.value === false) {
+            e.component.setUndefinedNextTime = true;
+        }
+        this.setPermissionStatus(field, permission, e.value);
+    }
+    onRowInserted(e) {
+        this.saveGroup(e.data);
+    }
+    onRowUpdated(e) {
+        this.saveGroup(e.data);
+    }
+    onRowRemoved(e) {
+        const group = e.data;
+        this.managementGroupService.delete(group.id).subscribe(data => {
+            this.getGroups();
+        });
+    }
+    onEditingStart(e) {
+        this.groupUsers = e.data.users;
+    }
+    onInitNewRow() {
+        this.groupUsers = [];
+    }
+    setPermissionStatus(field, permission, value) {
+        const groupPermissions = field.value || [];
+        const groupIndex = groupPermissions.findIndex(p => p.idModulePermission === permission.id);
+        if (groupIndex > -1) {
+            groupPermissions[groupIndex].isAllowed = value;
+        }
+        else {
+            groupPermissions.push({
+                idModulePermission: permission.id,
+                isAllowed: value,
+            });
+        }
+        field.setValue(JSON.parse(JSON.stringify(groupPermissions)));
+    }
+    saveGroup(group) {
+        this.removePermissionUndefined(group);
+        if (group.users) {
+            group.users.forEach((userGroup) => {
+                userGroup.idGroup = group.id;
+            });
+        }
+        if (group.permissions) {
+            group.permissions.forEach((groupPermission) => {
+                groupPermission.idGroup = group.id;
+            });
+        }
+        this.managementGroupService.save(group).subscribe(() => {
+            this.getGroups();
+        });
+        this.groupUsers = [];
+    }
+    removePermissionUndefined(group) {
+        group.permissions = group.permissions.filter((permission) => permission.isAllowed !== undefined);
+    }
+    getGroups() {
+        this.managementGroupService.getAll().subscribe(data => this.groups = data);
+    }
+}
+CaucaManagementGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'cauca-management-group',
+                template: "<cauca-dx-data-grid [allowPrint]=\"showPrintButton\" keyExpr=\"id\" [dataSource]=\"groups\"\r\n    (onRowInserted)=\"onRowInserted($event)\" (onInitNewRow)=\"onInitNewRow()\" (onRowUpdated)=\"onRowUpdated($event)\"\r\n    (onEditingStart)=\"onEditingStart($event)\" (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"name\" [caption]=\"'management.name' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.groupNameAlreadyUsed' | translate\"\r\n            [validationCallback]=\"groupNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"users\" [caption]=\"'management.users' | translate\" editCellTemplate=\"usersEditTemplate\"\r\n        [calculateCellValue]=\"calculateUsersCellValue\">\r\n    </dxi-column>\r\n    <dxi-column dataField=\"permissions\" [caption]=\"'management.permissions' | translate\" [visible]=\"false\"\r\n        editCellTemplate=\"permissionsEditTemplate\">\r\n    </dxi-column>\r\n    <dxo-export [enabled]=\"false\"></dxo-export>\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\" [fullScreen]=\"!showColumn\"></dxo-popup>\r\n        <dxo-form colCount=\"1\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"name\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"users\"></dxi-item>\r\n            <dxi-item dataField=\"permissions\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n\r\n    <div *dxTemplate=\"let field of 'usersEditTemplate'\">\r\n        <dx-tag-box valueExpr=\"id\" [displayExpr]=\"fullName\" [dataSource]=\"users\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"fullName\" (onInitialized)=\"getGroupUser(field, $event)\"\r\n            (onValueChanged)=\"setGroupUser(field, $event)\">\r\n        </dx-tag-box>\r\n    </div>\r\n    <div *dxTemplate=\"let field of 'permissionsEditTemplate'\">\r\n        <dx-list [dataSource]=\"permissions\" itemTemplate=\"rowTemplate\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"['name', 'tag']\" [hoverStateEnabled]=\"hoverStatePermission\">\r\n            <div *dxTemplate=\"let permission of 'rowTemplate'\">\r\n                <dx-check-box [text]=\"permission.name\" (onInitialized)=\"getPermissionStatus(field, permission, $event)\"\r\n                    (onValueChanged)=\"checkBoxToggled(field, permission, $event)\">\r\n                </dx-check-box>\r\n            </div>\r\n        </dx-list>\r\n    </div>\r\n</cauca-dx-data-grid>",
+                styles: [""]
+            },] }
+];
+CaucaManagementGroupComponent.ctorParameters = () => [
+    { type: ManagementGroupService },
+    { type: ManagementUserService },
+    { type: ManagementPermissionService },
+    { type: BreakpointObserver }
+];
+CaucaManagementGroupComponent.propDecorators = {
+    showPrintButton: [{ type: Input }],
+    hoverStatePermission: [{ type: Input }]
 };
 
-class UserModel {
-    constructor() {
-        this.userName = '';
-        this.firstName = '';
-        this.lastName = '';
-        this.password = '';
-        this.email = '';
-        this.isActive = true;
-    }
+class UserModel {
+    constructor() {
+        this.userName = '';
+        this.firstName = '';
+        this.lastName = '';
+        this.password = '';
+        this.email = '';
+        this.isActive = true;
+        this.twoFactorAuthenticatorEnabled = false;
+    }
 }
 
-class CaucaManagementUserComponent {
-    constructor(managementUserService, breakpointObserver) {
-        this.managementUserService = managementUserService;
-        this.users = [
-            new UserModel()
-        ];
-        this.showColumnXS = true;
-        this.userNameAlreadyUsedValidation = (e) => {
-            return this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => {
-                return !exist;
-            })).toPromise();
-        };
-        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
-            this.showColumnXS = !result.matches;
-        });
-    }
-    ngOnInit() {
-        this.getUsers();
-    }
-    onRowInserted(e) {
-        this.saveGroup(e.data);
-    }
-    onRowUpdated(e) {
-        this.saveGroup(e.key);
-    }
-    onRowRemoved(e) {
-        const user = e.data;
-        this.managementUserService.delete(user.id).subscribe((data) => {
-            this.getUsers();
-        });
-    }
-    saveGroup(user) {
-        this.managementUserService.save(user).subscribe(() => {
-            this.getUsers();
-        });
-    }
-    getUsers() {
-        this.managementUserService.getAll().subscribe((data) => this.users = data);
-    }
-}
-CaucaManagementUserComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'cauca-management-user',
-                template: "<cauca-dx-data-grid\n        keyExpr=\"id\"\n        [dataSource]=\"users\"\n        (onRowInserted)=\"onRowInserted($event)\"\n        (onRowUpdated)=\"onRowUpdated($event)\"\n        (onRowRemoved)=\"onRowRemoved($event)\">\n\n    <dxi-column dataField=\"userName\" [caption]=\"'management.userName' | translate\">\n        <dxi-validation-rule type=\"async\" [message]=\"'management.userNameAlreadyUsed' | translate\" [validationCallback]=\"userNameAlreadyUsedValidation\"></dxi-validation-rule>\n    </dxi-column>\n    <dxi-column dataField=\"isActive\" [caption]=\"'management.isActive' | translate\" [visible]=\"false\"></dxi-column>\n    <dxi-column dataField=\"firstName\" [caption]=\"'management.firstName' | translate\"></dxi-column>\n    <dxi-column dataField=\"lastName\" [caption]=\"'management.lastName' | translate\"></dxi-column>\n    <dxi-column dataField=\"groups\" [caption]=\"'management.group' | translate\"></dxi-column>\n\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\"></dxo-popup>\n        <dxo-form colCount=\"2\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\n            <dxi-item dataField=\"userName\" [isRequired]=\"true\"></dxi-item>\n            <dxi-item dataField=\"isActive\"></dxi-item>\n            <dxi-item dataField=\"firstName\"></dxi-item>\n            <dxi-item dataField=\"lastName\"></dxi-item>\n            <dxi-item dataField=\"group\"></dxi-item>\n        </dxo-form>\n    </dxo-editing>\n</cauca-dx-data-grid>\n",
-                styles: [""]
-            },] }
-];
-CaucaManagementUserComponent.ctorParameters = () => [
-    { type: ManagementUserService },
-    { type: BreakpointObserver }
+class CaucaManagementUserComponent {
+    constructor(managementUserService, breakpointObserver) {
+        this.managementUserService = managementUserService;
+        this.users = [
+            new UserModel()
+        ];
+        this.showColumnXS = true;
+        this.userNameAlreadyUsedValidation = (e) => {
+            return this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => {
+                return !exist;
+            })).toPromise();
+        };
+        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
+            this.showColumnXS = !result.matches;
+        });
+    }
+    ngOnInit() {
+        this.getUsers();
+    }
+    onRowInserted(e) {
+        this.saveGroup(e.data);
+    }
+    onRowUpdated(e) {
+        this.saveGroup(e.key);
+    }
+    onRowRemoved(e) {
+        const user = e.data;
+        this.managementUserService.delete(user.id).subscribe((data) => {
+            this.getUsers();
+        });
+    }
+    saveGroup(user) {
+        this.managementUserService.save(user).subscribe(() => {
+            this.getUsers();
+        });
+    }
+    getUsers() {
+        this.managementUserService.getAll().subscribe((data) => this.users = data);
+    }
+}
+CaucaManagementUserComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'cauca-management-user',
+                template: "<cauca-dx-data-grid\r\n        keyExpr=\"id\"\r\n        [dataSource]=\"users\"\r\n        (onRowInserted)=\"onRowInserted($event)\"\r\n        (onRowUpdated)=\"onRowUpdated($event)\"\r\n        (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"userName\" [caption]=\"'management.userName' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.userNameAlreadyUsed' | translate\" [validationCallback]=\"userNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"isActive\" [caption]=\"'management.isActive' | translate\" [visible]=\"false\"></dxi-column>\r\n    <dxi-column dataField=\"firstName\" [caption]=\"'management.firstName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"lastName\" [caption]=\"'management.lastName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"groups\" [caption]=\"'management.group' | translate\"></dxi-column>\r\n\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\"></dxo-popup>\r\n        <dxo-form colCount=\"2\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"userName\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"isActive\"></dxi-item>\r\n            <dxi-item dataField=\"firstName\"></dxi-item>\r\n            <dxi-item dataField=\"lastName\"></dxi-item>\r\n            <dxi-item dataField=\"group\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n</cauca-dx-data-grid>\r\n",
+                styles: [""]
+            },] }
+];
+CaucaManagementUserComponent.ctorParameters = () => [
+    { type: ManagementUserService },
+    { type: BreakpointObserver }
 ];
 
-class CaucaManagementModule {
-}
-CaucaManagementModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    CaucaManagementComponent,
-                    CaucaManagementGroupComponent,
-                    CaucaManagementUserComponent
-                ],
-                imports: [
-                    CommonModule,
-                    DxCheckBoxModule,
-                    DxListModule,
-                    DxTagBoxModule,
-                    CaucaCoreForChildModule,
-                    CaucaDevextremeModule,
-                ],
-                exports: [
-                    CaucaManagementComponent,
-                    CaucaManagementUserComponent,
-                    CaucaManagementGroupComponent,
-                ]
-            },] }
+class CaucaManagementModule {
+}
+CaucaManagementModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    CaucaManagementComponent,
+                    CaucaManagementGroupComponent,
+                    CaucaManagementUserComponent
+                ],
+                imports: [
+                    CommonModule,
+                    DxCheckBoxModule,
+                    DxListModule,
+                    DxTagBoxModule,
+                    CaucaCoreForChildModule,
+                    CaucaDevextremeModule,
+                ],
+                exports: [
+                    CaucaManagementComponent,
+                    CaucaManagementUserComponent,
+                    CaucaManagementGroupComponent,
+                ]
+            },] }
 ];
 
-class UserGroupModel {
-    constructor() {
-        this.idUserGroup = '';
-        this.idGroup = '';
-        this.idUser = '';
-    }
+class UserGroupModel {
+    constructor() {
+        this.idUserGroup = '';
+        this.idGroup = '';
+        this.idUser = '';
+    }
 }
 
-class UserPermissionModel {
-    constructor() {
-        this.idUserPermission = '';
-        this.isAllowed = false;
-        this.idUser = '';
-        this.idModulePermission = '';
-    }
+class UserPermissionModel {
+    constructor() {
+        this.idUserPermission = '';
+        this.isAllowed = false;
+        this.idUser = '';
+        this.idModulePermission = '';
+    }
 }
 
-class GroupModel {
-    constructor() {
-        this.name = '';
-        this.users = [];
-        this.permissions = [];
-    }
+class GroupModel {
+    constructor() {
+        this.name = '';
+        this.users = [];
+        this.permissions = [];
+    }
 }
 
-class GroupPermissionModel {
-    constructor() {
-        this.idGroupPermission = '';
-        this.isAllowed = false;
-        this.idGroup = '';
-        this.idModulePermission = '';
-    }
+class GroupPermissionModel {
+    constructor() {
+        this.idGroupPermission = '';
+        this.isAllowed = false;
+        this.idGroup = '';
+        this.idModulePermission = '';
+    }
 }
 
-/*
- * Public API Surface of cauca-management
+/*
+ * Public API Surface of cauca-management
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupModel, GroupPermissionModel, ManagementGroupService, ManagementUserService, UserGroupModel, UserModel, UserPermissionModel, ManagementPermissionService as ɵa };