@cauca-911/management 13.0.0 → 13.0.1

package/fesm2015/cauca-911-management.js

@@ -0,0 +1,634 @@
+import { ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵdefineComponent, ɵɵelementStart, ɵɵtext, ɵɵpipe, ɵɵelementEnd, ɵɵadvance, ɵɵtextInterpolate, ɵɵpipeBind1, Component, ɵɵinject, ɵɵgetCurrentView, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵproperty, ɵɵtemplate, ɵɵpureFunction0, ɵɵdirectiveInject, ɵɵelement, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { TranslatePipe } from '@ngx-translate/core';
+import { DxCheckBoxComponent, DxCheckBoxModule } from 'devextreme-angular/ui/check-box';
+import { DxListComponent, DxListModule } from 'devextreme-angular/ui/list';
+import { DxTagBoxComponent, DxTagBoxModule } from 'devextreme-angular/ui/tag-box';
+import { CaucaCoreService, CaucaCoreForChildModule } from '@cauca-911/core';
+import { CaucaDataGridComponent, CaucaDevextremeModule } from '@cauca-911/devextreme';
+import { map } from 'rxjs/operators';
+import { HttpClient } from '@angular/common/http';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { DxiColumnComponent, DxiValidationRuleComponent, DxoExportComponent, DxoEditingComponent, DxoPopupComponent, DxoFormComponent, DxiItemComponent } from 'devextreme-angular/ui/nested';
+import { DxTemplateDirective } from 'devextreme-angular/core';
+import { CommonModule } from '@angular/common';
+
+class CaucaManagementService {
+    constructor() { }
+}
+CaucaManagementService.ɵfac = function CaucaManagementService_Factory(t) { return new (t || CaucaManagementService)(); };
+CaucaManagementService.ɵprov = ɵɵdefineInjectable({ token: CaucaManagementService, factory: CaucaManagementService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CaucaManagementService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return []; }, null); })();
+
+class CaucaManagementComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CaucaManagementComponent.ɵfac = function CaucaManagementComponent_Factory(t) { return new (t || CaucaManagementComponent)(); };
+CaucaManagementComponent.ɵcmp = ɵɵdefineComponent({ type: CaucaManagementComponent, selectors: [["cauca-management"]], decls: 3, vars: 3, template: function CaucaManagementComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div");
+        ɵɵtext(1);
+        ɵɵpipe(2, "translate");
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵtextInterpolate(ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
+    } }, pipes: [TranslatePipe], encapsulation: 2 });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CaucaManagementComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cauca-management',
+                templateUrl: './cauca-management.component.html',
+                styles: []
+            }]
+    }], function () { return []; }, null); })();
+
+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.ɵfac = function ManagementGroupService_Factory(t) { return new (t || ManagementGroupService)(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); };
+ManagementGroupService.ɵprov = ɵɵdefineInjectable({ token: ManagementGroupService, factory: ManagementGroupService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ManagementGroupService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: CaucaCoreService }, { type: HttpClient }]; }, null); })();
+
+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.ɵfac = function ManagementUserService_Factory(t) { return new (t || ManagementUserService)(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); };
+ManagementUserService.ɵprov = ɵɵdefineInjectable({ token: ManagementUserService, factory: ManagementUserService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ManagementUserService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: CaucaCoreService }, { type: HttpClient }]; }, null); })();
+
+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.ɵfac = function ManagementPermissionService_Factory(t) { return new (t || ManagementPermissionService)(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); };
+ManagementPermissionService.ɵprov = ɵɵdefineInjectable({ token: ManagementPermissionService, factory: ManagementPermissionService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ManagementPermissionService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: CaucaCoreService }, { type: HttpClient }]; }, null); })();
+
+function CaucaManagementGroupComponent_div_17_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "dx-tag-box", 13);
+    ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_17_Template_dx_tag_box_onInitialized_1_listener($event) { ɵɵrestoreView(_r4); const field_r2 = ctx.$implicit; const ctx_r3 = ɵɵnextContext(); return ctx_r3.getGroupUser(field_r2, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_17_Template_dx_tag_box_onValueChanged_1_listener($event) { ɵɵrestoreView(_r4); const field_r2 = ctx.$implicit; const ctx_r5 = ɵɵnextContext(); return ctx_r5.setGroupUser(field_r2, $event); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("displayExpr", ctx_r0.fullName)("dataSource", ctx_r0.users)("searchEnabled", true)("searchExpr", ctx_r0.fullName);
+} }
+function CaucaManagementGroupComponent_div_18_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "dx-check-box", 15);
+    ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_18_div_2_Template_dx_check_box_onInitialized_1_listener($event) { ɵɵrestoreView(_r11); const permission_r8 = ctx.$implicit; const field_r6 = ɵɵnextContext().$implicit; const ctx_r9 = ɵɵnextContext(); return ctx_r9.getPermissionStatus(field_r6, permission_r8, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_18_div_2_Template_dx_check_box_onValueChanged_1_listener($event) { ɵɵrestoreView(_r11); const permission_r8 = ctx.$implicit; const field_r6 = ɵɵnextContext().$implicit; const ctx_r12 = ɵɵnextContext(); return ctx_r12.checkBoxToggled(field_r6, permission_r8, $event); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r8 = ctx.$implicit;
+    ɵɵadvance(1);
+    ɵɵproperty("text", permission_r8.name);
+} }
+const _c0 = function () { return ["name", "tag"]; };
+function CaucaManagementGroupComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "dx-list", 14);
+    ɵɵtemplate(2, CaucaManagementGroupComponent_div_18_div_2_Template, 2, 1, "div", 12);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("dataSource", ctx_r1.permissions)("searchEnabled", true)("searchExpr", ɵɵpureFunction0(5, _c0))("hoverStateEnabled", ctx_r1.hoverStatePermission);
+    ɵɵadvance(1);
+    ɵɵproperty("dxTemplateOf", "rowTemplate");
+} }
+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) => this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => !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) => 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(() => {
+            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.ɵfac = function CaucaManagementGroupComponent_Factory(t) { return new (t || CaucaManagementGroupComponent)(ɵɵdirectiveInject(ManagementGroupService), ɵɵdirectiveInject(ManagementUserService), ɵɵdirectiveInject(ManagementPermissionService), ɵɵdirectiveInject(BreakpointObserver)); };
+CaucaManagementGroupComponent.ɵcmp = ɵɵdefineComponent({ type: CaucaManagementGroupComponent, selectors: [["cauca-management-group"]], inputs: { showPrintButton: "showPrintButton", hoverStatePermission: "hoverStatePermission" }, decls: 19, vars: 31, consts: [["keyExpr", "id", 3, "allowPrint", "dataSource", "onRowInserted", "onInitNewRow", "onRowUpdated", "onEditingStart", "onRowRemoved"], ["dataField", "name", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "users", "editCellTemplate", "usersEditTemplate", 3, "caption", "calculateCellValue"], ["dataField", "permissions", "editCellTemplate", "permissionsEditTemplate", 3, "caption", "visible"], [3, "enabled"], ["mode", "popup", 3, "allowAdding", "allowUpdating", "allowDeleting", "useIcons"], [3, "showTitle", "title", "fullScreen"], ["colCount", "1", 3, "labelLocation"], ["dataField", "name", 3, "isRequired"], ["dataField", "users"], ["dataField", "permissions"], [4, "dxTemplate", "dxTemplateOf"], ["valueExpr", "id", 3, "displayExpr", "dataSource", "searchEnabled", "searchExpr", "onInitialized", "onValueChanged"], ["itemTemplate", "rowTemplate", 3, "dataSource", "searchEnabled", "searchExpr", "hoverStateEnabled"], [3, "text", "onInitialized", "onValueChanged"]], template: function CaucaManagementGroupComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "cauca-dx-data-grid", 0);
+        ɵɵlistener("onRowInserted", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowInserted_0_listener($event) { return ctx.onRowInserted($event); })("onInitNewRow", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onInitNewRow_0_listener() { return ctx.onInitNewRow(); })("onRowUpdated", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowUpdated_0_listener($event) { return ctx.onRowUpdated($event); })("onEditingStart", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onEditingStart_0_listener($event) { return ctx.onEditingStart($event); })("onRowRemoved", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowRemoved_0_listener($event) { return ctx.onRowRemoved($event); });
+        ɵɵelementStart(1, "dxi-column", 1);
+        ɵɵpipe(2, "translate");
+        ɵɵelement(3, "dxi-validation-rule", 2);
+        ɵɵpipe(4, "translate");
+        ɵɵelementEnd();
+        ɵɵelement(5, "dxi-column", 3);
+        ɵɵpipe(6, "translate");
+        ɵɵelement(7, "dxi-column", 4);
+        ɵɵpipe(8, "translate");
+        ɵɵelement(9, "dxo-export", 5);
+        ɵɵelementStart(10, "dxo-editing", 6);
+        ɵɵelement(11, "dxo-popup", 7);
+        ɵɵpipe(12, "translate");
+        ɵɵelementStart(13, "dxo-form", 8);
+        ɵɵelement(14, "dxi-item", 9);
+        ɵɵelement(15, "dxi-item", 10);
+        ɵɵelement(16, "dxi-item", 11);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵtemplate(17, CaucaManagementGroupComponent_div_17_Template, 2, 4, "div", 12);
+        ɵɵtemplate(18, CaucaManagementGroupComponent_div_18_Template, 3, 6, "div", 12);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("allowPrint", ctx.showPrintButton)("dataSource", ctx.groups);
+        ɵɵadvance(1);
+        ɵɵproperty("caption", ɵɵpipeBind1(2, 21, "management.name"));
+        ɵɵadvance(2);
+        ɵɵproperty("message", ɵɵpipeBind1(4, 23, "management.groupNameAlreadyUsed"))("validationCallback", ctx.groupNameAlreadyUsedValidation);
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(6, 25, "management.users"))("calculateCellValue", ctx.calculateUsersCellValue);
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(8, 27, "management.permissions"))("visible", false);
+        ɵɵadvance(2);
+        ɵɵproperty("enabled", false);
+        ɵɵadvance(1);
+        ɵɵproperty("allowAdding", true)("allowUpdating", true)("allowDeleting", true)("useIcons", true);
+        ɵɵadvance(1);
+        ɵɵproperty("showTitle", true)("title", ɵɵpipeBind1(12, 29, "management.group"))("fullScreen", !ctx.showColumn);
+        ɵɵadvance(2);
+        ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
+        ɵɵadvance(1);
+        ɵɵproperty("isRequired", true);
+        ɵɵadvance(3);
+        ɵɵproperty("dxTemplateOf", "usersEditTemplate");
+        ɵɵadvance(1);
+        ɵɵproperty("dxTemplateOf", "permissionsEditTemplate");
+    } }, directives: [CaucaDataGridComponent, DxiColumnComponent, DxiValidationRuleComponent, DxoExportComponent, DxoEditingComponent, DxoPopupComponent, DxoFormComponent, DxiItemComponent, DxTemplateDirective, DxTagBoxComponent, DxListComponent, DxCheckBoxComponent], pipes: [TranslatePipe], styles: [""] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CaucaManagementGroupComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cauca-management-group',
+                templateUrl: './cauca-management-group.component.html',
+                styleUrls: ['./cauca-management-group.component.scss']
+            }]
+    }], function () { return [{ type: ManagementGroupService }, { type: ManagementUserService }, { type: ManagementPermissionService }, { type: BreakpointObserver }]; }, { showPrintButton: [{
+            type: Input
+        }], hoverStatePermission: [{
+            type: Input
+        }] }); })();
+
+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) => this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => !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.ɵfac = function CaucaManagementUserComponent_Factory(t) { return new (t || CaucaManagementUserComponent)(ɵɵdirectiveInject(ManagementUserService), ɵɵdirectiveInject(BreakpointObserver)); };
+CaucaManagementUserComponent.ɵcmp = ɵɵdefineComponent({ type: CaucaManagementUserComponent, selectors: [["cauca-management-user"]], decls: 22, vars: 31, consts: [["keyExpr", "id", 3, "dataSource", "onRowInserted", "onRowUpdated", "onRowRemoved"], ["dataField", "userName", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "isActive", 3, "caption", "visible"], ["dataField", "firstName", 3, "caption"], ["dataField", "lastName", 3, "caption"], ["dataField", "groups", 3, "caption"], ["mode", "popup", 3, "allowAdding", "allowUpdating", "allowDeleting", "useIcons"], [3, "showTitle", "title"], ["colCount", "2", 3, "labelLocation"], ["dataField", "userName", 3, "isRequired"], ["dataField", "isActive"], ["dataField", "firstName"], ["dataField", "lastName"], ["dataField", "group"]], template: function CaucaManagementUserComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "cauca-dx-data-grid", 0);
+        ɵɵlistener("onRowInserted", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowInserted_0_listener($event) { return ctx.onRowInserted($event); })("onRowUpdated", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowUpdated_0_listener($event) { return ctx.onRowUpdated($event); })("onRowRemoved", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowRemoved_0_listener($event) { return ctx.onRowRemoved($event); });
+        ɵɵelementStart(1, "dxi-column", 1);
+        ɵɵpipe(2, "translate");
+        ɵɵelement(3, "dxi-validation-rule", 2);
+        ɵɵpipe(4, "translate");
+        ɵɵelementEnd();
+        ɵɵelement(5, "dxi-column", 3);
+        ɵɵpipe(6, "translate");
+        ɵɵelement(7, "dxi-column", 4);
+        ɵɵpipe(8, "translate");
+        ɵɵelement(9, "dxi-column", 5);
+        ɵɵpipe(10, "translate");
+        ɵɵelement(11, "dxi-column", 6);
+        ɵɵpipe(12, "translate");
+        ɵɵelementStart(13, "dxo-editing", 7);
+        ɵɵelement(14, "dxo-popup", 8);
+        ɵɵpipe(15, "translate");
+        ɵɵelementStart(16, "dxo-form", 9);
+        ɵɵelement(17, "dxi-item", 10);
+        ɵɵelement(18, "dxi-item", 11);
+        ɵɵelement(19, "dxi-item", 12);
+        ɵɵelement(20, "dxi-item", 13);
+        ɵɵelement(21, "dxi-item", 14);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("dataSource", ctx.users);
+        ɵɵadvance(1);
+        ɵɵproperty("caption", ɵɵpipeBind1(2, 17, "management.userName"));
+        ɵɵadvance(2);
+        ɵɵproperty("message", ɵɵpipeBind1(4, 19, "management.userNameAlreadyUsed"))("validationCallback", ctx.userNameAlreadyUsedValidation);
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(6, 21, "management.isActive"))("visible", false);
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(8, 23, "management.firstName"));
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(10, 25, "management.lastName"));
+        ɵɵadvance(2);
+        ɵɵproperty("caption", ɵɵpipeBind1(12, 27, "management.group"));
+        ɵɵadvance(2);
+        ɵɵproperty("allowAdding", true)("allowUpdating", true)("allowDeleting", true)("useIcons", true);
+        ɵɵadvance(1);
+        ɵɵproperty("showTitle", true)("title", ɵɵpipeBind1(15, 29, "management.group"));
+        ɵɵadvance(2);
+        ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
+        ɵɵadvance(1);
+        ɵɵproperty("isRequired", true);
+    } }, directives: [CaucaDataGridComponent, DxiColumnComponent, DxiValidationRuleComponent, DxoEditingComponent, DxoPopupComponent, DxoFormComponent, DxiItemComponent], pipes: [TranslatePipe], styles: [""] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CaucaManagementUserComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cauca-management-user',
+                templateUrl: './cauca-management-user.component.html',
+                styleUrls: ['./cauca-management-user.component.scss']
+            }]
+    }], function () { return [{ type: ManagementUserService }, { type: BreakpointObserver }]; }, null); })();
+
+class CaucaManagementModule {
+}
+CaucaManagementModule.ɵmod = ɵɵdefineNgModule({ type: CaucaManagementModule });
+CaucaManagementModule.ɵinj = ɵɵdefineInjector({ factory: function CaucaManagementModule_Factory(t) { return new (t || CaucaManagementModule)(); }, imports: [[
+            CommonModule,
+            DxCheckBoxModule,
+            DxListModule,
+            DxTagBoxModule,
+            CaucaCoreForChildModule,
+            CaucaDevextremeModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(CaucaManagementModule, { declarations: [CaucaManagementComponent,
+        CaucaManagementGroupComponent,
+        CaucaManagementUserComponent], imports: [CommonModule,
+        DxCheckBoxModule,
+        DxListModule,
+        DxTagBoxModule,
+        CaucaCoreForChildModule,
+        CaucaDevextremeModule], exports: [CaucaManagementComponent,
+        CaucaManagementUserComponent,
+        CaucaManagementGroupComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CaucaManagementModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    CaucaManagementComponent,
+                    CaucaManagementGroupComponent,
+                    CaucaManagementUserComponent
+                ],
+                imports: [
+                    CommonModule,
+                    DxCheckBoxModule,
+                    DxListModule,
+                    DxTagBoxModule,
+                    CaucaCoreForChildModule,
+                    CaucaDevextremeModule,
+                ],
+                exports: [
+                    CaucaManagementComponent,
+                    CaucaManagementUserComponent,
+                    CaucaManagementGroupComponent,
+                ]
+            }]
+    }], null, null); })();
+
+class UserGroupModel {
+    constructor() {
+        this.idUserGroup = '';
+        this.idGroup = '';
+        this.idUser = '';
+    }
+}
+
+class UserPermissionModel {
+    constructor() {
+        this.idUserPermission = '';
+        this.isAllowed = false;
+        this.idUser = '';
+        this.idModulePermission = '';
+    }
+}
+
+class GroupModel {
+    constructor() {
+        this.name = '';
+        this.users = [];
+        this.permissions = [];
+    }
+}
+
+class GroupPermissionModel {
+    constructor() {
+        this.idGroupPermission = '';
+        this.isAllowed = false;
+        this.idGroup = '';
+        this.idModulePermission = '';
+    }
+}
+
+/*
+ * Public API Surface of cauca-management
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupModel, GroupPermissionModel, ManagementGroupService, ManagementUserService, UserGroupModel, UserModel, UserPermissionModel };
+//# sourceMappingURL=cauca-911-management.js.map