tnx-shared 5.1.78 → 5.1.82

package/fesm2015/tnx-shared.js

@@ -138,7 +138,8 @@ ComCtxConstants.ROOT = {
     MENU_CHANGED: 'MENU_CHANGED',
     ADVANCE_SEARCH_INIT_WITHOUT_UPDATE_ROUTER: 'ADVANCE_SEARCH_INIT_WITHOUT_UPDATE_ROUTER',
     SHOW_WAIT_BOX: 'SHOW_WAIT_BOX',
-    SHOW_REJECT_CONFIRM: 'SHOW_REJECT_CONFIRM'
+    SHOW_REJECT_CONFIRM: 'SHOW_REJECT_CONFIRM',
+    GAN_ENTITY_SANG_CONG_VIEC: 'GAN_ENTITY_SANG_CONG_VIEC'
 };
 ComCtxConstants.ROOT_USMART = {
     SHOW_CONFIG_DATA_DEFAULT: 'SHOW_CONFIG_DATA_DEFAULT',
@@ -5968,6 +5969,9 @@ class BaseService {
     processWorkflow(id, actionCode, data) {
         return this.defaultPost(`${this.serviceUri}/ProcessWorkflow/${id}/${actionCode}`, data);
     }
+    getUserInProcessForm(workflowCode, stateCode, actionCode, itemId) {
+        return this.defaultPost(`${this.serviceUri}/GetUserInProcessFormBase/${workflowCode}/${stateCode}/${actionCode}/${itemId}`, {});
+    }
     handleError(error, injector) {
         const commonService = injector.get(CommonService);
         return commonService.handleError(error, injector);
@@ -8792,10 +8796,10 @@ class WorkflowSettingNew {
 
 class CongViecService extends BaseService {
     constructor(http, injector, _moduleConfigService) {
-        super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.congviecEndpoint}/${_moduleConfigService.getConfig().environment.apiVersion}/CongViec`);
+        super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.congviecEndpoint}/${_moduleConfigService.getConfig().environment.apiVersion}/CongViec_Chinh`);
         this._moduleConfigService = _moduleConfigService;
         this.serviceCode = 'congviec';
-        this.entityName = 'CongViec';
+        this.entityName = 'CongViec_Chinh';
         this.objectName = 'công việc';
         this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.congviecEndpoint;
     }
@@ -12324,6 +12328,7 @@ class CrudFormComponent extends ComponentBase {
         }
         if (schema instanceof TitleSchema
             || schema instanceof LabelSchema) {
+            schema.showLabel = false;
             if (!schema.field) {
                 schema.field = this._commonService.guid();
             }
@@ -14474,7 +14479,8 @@ class DataFormBase extends ComponentBase {
                     defaultValue,
                     valueField: 'code',
                     displayField: 'title',
-                    mdWidth: 12,
+                    mdWidth: this.mdWidthWorkflow || 12,
+                    enableCaching: false,
                     hiddenCheck: (rootModel) => !rootModel || rootModel.createTaskInstead
                 }));
                 if (this.parentSetting.workflowSettingNew
@@ -14805,7 +14811,9 @@ class DataFormBase extends ComponentBase {
                 if (resultValidateFormTask) {
                     this.model.data.itemCongViec = taskForm.model.data;
                 }
-                // reset field _WorkflowCode để backend biết được chạy quy trình theo kiểu nào
+            }
+            if (this.model.data.createTaskInstead) {
+                // reset field _WorkflowCode để backend không chạy quy trình bản ghi
                 this.model.data._WorkflowCode = null;
             }
             const confirmed = yield this.createConfirmIfRequire();
@@ -16194,6 +16202,7 @@ class CrudListComponent extends ComponentBase {
         this.onProcessedWorkflow = new EventEmitter();
         this.onRollbackedWorkflow = new EventEmitter();
         this.onChangedStatusWorkflow = new EventEmitter();
+        this.onShowFormStartWorkflow = new EventEmitter();
         this.tableReady = new Subject();
         this.tableReadySource$ = this.tableReady.asObservable();
         this.checkedAll = null;
@@ -17077,6 +17086,7 @@ class CrudListComponent extends ComponentBase {
                     formState: FormState.ADD,
                     data: {
                         checkUniqueTaskForEntity: true,
+                        autoNextStep: workflowSetting.autoNextStep,
                         idLoaiCongViec: workflowSetting.idLoaiCongViecDefault,
                         serviceCode: this.setting.baseService.serviceCode,
                         entity: this.setting.baseService.entityName,
@@ -17085,6 +17095,7 @@ class CrudListComponent extends ComponentBase {
                     }
                 };
                 this.congViecModel.showEditForm = true;
+                this.onShowFormStartWorkflow.emit(rowData);
             }
             else {
                 if (workflowSetting.workflows.length == 1) {
@@ -18865,16 +18876,20 @@ CrudListComponent.propDecorators = {
     onStartedWorkflow: [{ type: Output }],
     onProcessedWorkflow: [{ type: Output }],
     onRollbackedWorkflow: [{ type: Output }],
-    onChangedStatusWorkflow: [{ type: Output }]
+    onChangedStatusWorkflow: [{ type: Output }],
+    onShowFormStartWorkflow: [{ type: Output }]
 };
 
 class EntityPermissionService extends BaseService {
     constructor(http, injector, _moduleConfigService) {
-        super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.userOrgEndpoint}/EntityPermission`);
+        super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.userOrgEndpoint}/${_moduleConfigService.getConfig().environment.apiVersion}/EntityPermission`);
         this.serviceManagers = {};
         this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.userOrgEndpoint;
         this._moduleConfig = _moduleConfigService.getConfig();
     }
+    getEndpointByService(service) {
+        return `${service.endPoint}/${this._moduleConfig.environment.apiVersion}`;
+    }
     registerService(entityName, service) {
         this.serviceManagers[entityName] = service;
     }
@@ -18883,15 +18898,15 @@ class EntityPermissionService extends BaseService {
         if (service == undefined) {
             (this._injector.get(NotifierService)).showWarning('Bạn chưa đăng ký base service cho entity permission service');
         }
-        return this.defaultPost(`${service.endPoint}/EntityPermission/GetPermission/${service.entityName}`, {});
+        return this.defaultPost(`${this.getEndpointByService(service)}/EntityPermission/GetPermission/${service.entityName}`, {});
     }
     savePermission(tableName, data) {
         const service = this.serviceManagers[tableName];
-        return this.defaultPost(`${service.endPoint}/EntityPermission/SavePermission/${service.entityName}`, data);
+        return this.defaultPost(`${this.getEndpointByService(service)}/EntityPermission/SavePermission/${service.entityName}`, data);
     }
     removePermission(tableName) {
         const service = this.serviceManagers[tableName];
-        return this.defaultPost(`${service.endPoint}/EntityPermission/RemovePermission/${service.entityName}`, {});
+        return this.defaultPost(`${this.getEndpointByService(service)}/EntityPermission/RemovePermission/${service.entityName}`, {});
     }
 }
 EntityPermissionService.decorators = [
@@ -19425,11 +19440,21 @@ class DataListBase extends ComponentBase {
             this._notifierService.showSuccess('Đã sao chép các liên kết đã chọn');
         });
     }
-    _copyLink(rowData) {
+    _copyLink(rowData, showNoti = true) {
         return __awaiter(this, void 0, void 0, function* () {
             const path = yield this.getCopyPath(rowData);
             this._commonService.copyByStorage(path);
-            this._notifierService.showSuccess('Đã sao chép liên kết');
+            if (showNoti) {
+                this._notifierService.showSuccess('Đã sao chép liên kết');
+            }
+        });
+    }
+    _onShowFormStartWorkflow(rowData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Fire event gắn link công việc
+            this._copyLink(rowData, false).then(x => {
+                this.rootContext.fireReplayEvent(ComCtxConstants.ROOT.GAN_ENTITY_SANG_CONG_VIEC);
+            });
         });
     }
     getCopyPath(rowData) {
@@ -29200,10 +29225,14 @@ class QueryRule {
             && (this.value == null || this.value == '')) {
             return null;
         }
+        let value = this.value;
+        if (this.funcGetValue) {
+            value = this.funcGetValue(this);
+        }
         return new Filter({
             field: this.field,
             operator: this.compareType,
-            value: JSON.stringify(this.value)
+            value: JSON.stringify(value)
         });
     }
     isGroup() {
@@ -29451,14 +29480,26 @@ class QueryBuilderComponent {
                     itemSourceField.controlType = 'datetime';
                 }
                 else if (schema instanceof NumberRangeControlSchema) {
-                    itemSourceField.operators = operatorDateAndNumber;
+                    const operators = itemSourceField.control['operators'];
+                    if (!operators || !operators.length) {
+                        itemSourceField.operators = operatorDateAndNumber;
+                    }
+                    else {
+                        itemSourceField.operators = operators;
+                    }
                     itemSourceField.controlType = 'number';
                 }
                 else if (schema instanceof DropdownControlSchema || schema instanceof CheckBoxListControlSchema) {
-                    itemSourceField.operators = [
-                        { id: Operator.in, ten: 'Nằm trong' },
-                        { id: Operator.notIn, ten: 'Không nằm trong' }
-                    ];
+                    const operators = itemSourceField.control['operators'];
+                    if (!operators || !operators.length) {
+                        itemSourceField.operators = [
+                            { id: Operator.in, ten: 'Nằm trong' },
+                            { id: Operator.notIn, ten: 'Không nằm trong' }
+                        ];
+                    }
+                    else {
+                        itemSourceField.operators = [...operators];
+                    }
                     if (schema.hasOperatorCanBo) {
                         itemSourceField.operators.push({
                             id: Operator.isCurrentCanBo, ten: 'Là cán bộ hiện tại', _disabled: true
@@ -29488,6 +29529,11 @@ class QueryBuilderComponent {
                     ];
                     itemSourceField.controlType = 'autocomplete-picker';
                 }
+                else if (schema instanceof CustomControlSchema) {
+                    const operators = itemSourceField.control['operators'];
+                    itemSourceField.operators = operators ? operators : [];
+                    itemSourceField.controlType = 'custom';
+                }
                 else { // Là textbox
                     itemSourceField.operators = [
                         { id: Operator.equal, ten: 'Bằng' },
@@ -30624,28 +30670,28 @@ class FileDataService {
             this._fileControls.forEach(control => {
                 key = `${control.serviceCode}/${control.entity}/${control._entityKey}`;
                 if (dataFile[key]) {
-                    control.setDatasource(dataFile[key]);
+                    control.setRootFolderId(dataFile[key].folderId);
+                    control.setDatasource(dataFile[key].lstFile);
                 }
             });
         }));
     }
     processDatasourceFile(fileData = []) {
-        const dic = {};
-        let key = '';
-        fileData.forEach(file => {
-            key = `${file.serviceCode}/${file.entity}/${file.entityKey}`;
-            // Nếu hết file của 1 control
-            if (!dic[key]) {
-                dic[key] = [];
-            }
-            dic[key].push(file);
-        });
-        Object.keys(dic).forEach(key => {
-            dic[key].sort(multipleSort({ name: 'fileExplorerItemType', reverse: true }, // Sắp xếp folder lên trên file
+        const result = {};
+        Object.keys(fileData).forEach(key => {
+            fileData[key].lstFile.sort(multipleSort({ name: 'fileExplorerItemType', reverse: true }, // Sắp xếp folder lên trên file
             { name: 'name', primer: a => a.toLowerCase() } // Order theo tên (nhưng phải toLower vì T < b < t)
             ));
+            const data = fileData[key];
+            result[this.generateKey(data.serviceCode, data.entity, data.entityKey)] = {
+                folderId: key,
+                lstFile: fileData[key].lstFile
+            };
         });
-        return dic;
+        return result;
+    }
+    generateKey(serviceCode, entity, entityKey) {
+        return `${serviceCode}/${entity}/${entityKey}`;
     }
 }
 FileDataService.ɵprov = ɵɵdefineInjectable({ factory: function FileDataService_Factory() { return new FileDataService(ɵɵinject(INJECTOR)); }, token: FileDataService, providedIn: "root" });
@@ -31194,6 +31240,10 @@ class FileManagerComponent extends DataListBase {
         this.data.breadcrumbs = [];
         this._dataSource = [];
     }
+    setRootFolderId(rootFolderId) {
+        this.rootFolderId = rootFolderId;
+        this.data.currentFolderId = this.rootFolderId;
+    }
     setDatasource(dataSource = []) {
         this._dataSource = dataSource;
         this._oldValue = this._value;
@@ -31367,7 +31417,7 @@ class FileManagerComponent extends DataListBase {
                     label: 'Xem trực tuyến', icon: 'fas fa-eye', command: (event) => {
                         this.openObject(item);
                     },
-                    visible: this._deviceDetectorService.isDesktop()
+                    visible: (this._deviceDetectorService.isDesktop() && !(this.layout === EnumFileLayout.SIMPLE && this.readonly))
                 },
                 {
                     label: 'Ký số cá nhân (SIM)',
@@ -31375,31 +31425,33 @@ class FileManagerComponent extends DataListBase {
                     command: () => {
                         this.signKySimFile(item);
                     },
-                    visible: (this._fileObjectService.isTypeFileKySo(item.name) && !this.readonly)
+                    visible: this._fileObjectService.isTypeFileKySo(item.name)
                 },
                 {
                     label: 'Ký số cá nhân (USB)', icon: 'fas fa-signature',
                     command: () => {
                         this.signFile(item);
                     },
-                    visible: (this._fileObjectService.isTypeFileKySo(item.name) && !this.readonly)
+                    visible: this._fileObjectService.isTypeFileKySo(item.name)
                 },
                 {
                     label: 'Ký số đơn vị (USB)', icon: 'fas fa-signature',
                     command: () => {
                         this.signFileDonVi(item);
                     },
-                    visible: (this._fileObjectService.isTypeFileKySo(item.name) && !this.readonly)
+                    visible: this._fileObjectService.isTypeFileKySo(item.name)
                 },
                 {
                     label: 'Tải về', icon: 'fas fa-download', command: () => {
                         this.download(item);
-                    }
+                    },
+                    visible: !(this.layout === EnumFileLayout.SIMPLE && this.readonly)
                 },
                 {
                     label: 'Sao chép đường dẫn', icon: 'fas fa-link', command: () => {
                         this.copyDownloadLink(item);
-                    }
+                    },
+                    visible: !(this.layout === EnumFileLayout.SIMPLE && this.readonly)
                 },
                 {
                     label: 'Đổi tên', icon: 'fas fa-eraser', command: () => {
@@ -31410,7 +31462,8 @@ class FileManagerComponent extends DataListBase {
                 {
                     label: 'Xem các phiên bản khác', icon: 'fas fa-history', command: () => {
                         this.openFileVersions(item);
-                    }
+                    },
+                    visible: !(this.layout === EnumFileLayout.SIMPLE && this.readonly)
                 },
                 {
                     label: 'Xóa tệp tin', icon: 'far fa-trash-alt', command: () => {
@@ -32071,7 +32124,7 @@ FileManagerComponent.decorators = [
     { type: Component, args: [{
                 // tslint:disable-next-line: component-selector
                 selector: 'file-manager',
-                template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout\">\r\n    <div class=\"fm-toolbar\">\r\n        <div class=\"fm-toolbar-buttons\">\r\n            <ng-container *ngIf=\"!readonly\">\r\n                <button *ngIf=\"!hiddenCreateFolder\" pButton pRipple type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\"\r\n                    tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\" label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\"\r\n                    (click)=\"createFolder()\">\r\n                </button>\r\n\r\n                <button pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i t\u1EC7p tin t\u1EEB m\u00E1y t\u00EDnh c\u1EE7a b\u1EA1n\"\r\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i l\u00EAn\"\r\n                    (click)=\"selectFile()\"></button>\r\n\r\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\r\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\r\n                    (click)=\"showAttachLinkBox = true\"></button>\r\n\r\n                <button *ngIf=\"canSelect()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\"\r\n                    iconPos=\"left\" label=\"Di chuy\u1EC3n\" (click)=\"moveExplorerItems()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"canSetMove()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn t\u1EDBi \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\"\r\n                    iconPos=\"left\" label=\"\u0110\u1EB7t t\u1EA1i \u0111\u00E2y\" (click)=\"setMoveExplorerItems()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"canSetMove()\" icon=\"pi pi-undo\" pButton class=\"p-button-text p-button-secondary\"\r\n                    type=\"button\" pTooltip=\"B\u1ECF di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" label=\"B\u1ECF qua\"\r\n                    (click)=\"cancelMove()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"hasSelect()\" pButton type=\"button\"\r\n                    pTooltip=\"{{ 'X\u00F3a th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn' | translate }}\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                    iconPos=\"left\" class=\"p-button-text p-button-danger\" label=\"X\u00F3a\"\r\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\r\n            </ng-container>\r\n            <button *ngIf=\"readonly && hasSelect()\" class=\"p-button-text p-button-secondary\" pButton type=\"button\"\r\n                pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\" label=\"T\u1EA3i v\u1EC1\"\r\n                (click)=\"downloadMultiple()\">\r\n            </button>\r\n        </div>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"fm-grid\">\r\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\r\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\r\n            [widthFunctionColumn]=\"'8.2rem'\" (onReload)=\"_triggerProcessData($event)\"\r\n            (onRowSelect)=\"onRowSelect($event)\">\r\n\r\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\r\n                <span (click)=\"openObject(rowData)\" class=\"pull-left file-ex-icon\"\r\n                    [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\r\n                </span>\r\n\r\n                <span (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    {{rowData.name}}\r\n                </span>\r\n                <span *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                    tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                    <i class=\"fas fa-signature\"></i>\r\n                </span>\r\n            </ng-template>\r\n\r\n            <ng-template #fileSize let-rowData='rowData'>\r\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\r\n            </ng-template>\r\n\r\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n                <div class=\"function-list\">\r\n                    <ng-container *ngIf=\"!readonly\">\r\n                        <button class=\"p-button-rounded p-button-text link-or-action\" pButton type=\"button\"\r\n                            tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\r\n                            icon=\"{{getButtonIcon(rowData)}}\" (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\" pButton\r\n                            type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                            (click)=\"deleteFile(rowData)\"></button>\r\n\r\n\r\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                            (click)=\"showContextMenu($event, rowData)\"></button>\r\n                    </ng-container>\r\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                        pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"pi pi-cloud-download\"\r\n                        (click)=\"download(rowData)\"></button>\r\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\r\n                        (click)=\"copyDownloadLink(rowData)\"></button>\r\n                </div>\r\n            </ng-template>\r\n        </crud-list>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\r\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\r\n        <div class=\"fm-toolbar-buttons\">\r\n            <ng-container *ngIf=\"!readonly\">\r\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\r\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\r\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\r\n                </button>\r\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\r\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\r\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\r\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\r\n                    (click)=\"showAttachLinkBox = true\"></button>\r\n            </ng-container>\r\n        </div>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"nfl-grid\">\r\n        <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\r\n            <div class=\"nfl-no\">\r\n                {{i + 1}}.\r\n            </div>\r\n\r\n            <div class=\"nfl-name\">\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\r\n                </span>\r\n                <!-- <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    <span>{{rowData.nameWithoutExtension}}</span>\r\n                    <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </a>\r\n                <a (click)=\"openObject(rowData)\" class=\"file-ex-extension\">{{rowData.extension}}</a> -->\r\n\r\n                <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    <span>\r\n                        <span>{{rowData.nameWithoutExtension}}</span>\r\n                        <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                            tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                            <i class=\"fas fa-signature\"></i>\r\n                        </div>\r\n                    </span>\r\n                    <span class=\"file-ex-extension\">{{rowData.extension}}</span>\r\n                </a>\r\n            </div>\r\n\r\n            <div *ngIf=\"rowData.isFile\" class=\"nfl-version\">\r\n                v{{rowData.currentFileVersion}}\r\n            </div>\r\n\r\n            <div class=\"nfl-function\">\r\n                <ng-container *ngIf=\"!readonly\">\r\n                    <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\r\n                        pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\r\n                        icon=\"{{getButtonIcon(rowData)}}\"></button>\r\n\r\n                    <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\r\n                        (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\r\n                        icon=\"pi pi-trash\"></button>\r\n\r\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                        (click)=\"showContextMenu($event, rowData)\"></button>\r\n                </ng-container>\r\n\r\n                <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                    (click)=\"download(rowData)\" pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\r\n                    icon=\"pi pi-cloud-download\"></button>\r\n                <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                    pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\r\n                    (click)=\"copyDownloadLink(rowData)\"></button>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\r\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #breadCrumb>\r\n    <div *ngIf=\"data.breadcrumbs.length > 0\" class=\"fm-toolbar-path\">\r\n        <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-fileUpload #fileControl [ngStyle]=\"{'display': 'none'}\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file\"\r\n    [url]=\"apiUploadUrl\" [maxFileSize]=\"maxFileSize\" auto=\"true\"\r\n    [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\r\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\r\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\r\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\r\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\r\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" (onProgress)=\"onUploadProgress($event)\"\r\n    (onBeforeUpload)=\"onBeforeUpload($event)\" (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\">\r\n</p-fileUpload>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\r\n</p-contextMenu>\r\n\r\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\r\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\r\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\r\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\r\n    </folder-form>\r\n</tn-dialog>\r\n\r\n<!-- \u0110\u1ED5i t\u00EAn file -->\r\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\r\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\r\n    </file-form>\r\n</tn-dialog>\r\n\r\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\r\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\" [readonly]=\"readonly\"\r\n    [model]=\"forms.fileViewer.formData\" (onClose)=\"closeFileViewer()\">\r\n</file-viewer>\r\n\r\n<!-- Xem phi\u00EAn b\u1EA3n -->\r\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\r\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\r\n    </file-version-list>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\r\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10\">\r\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB t\u1EC7p tin kh\u00E1c...\"\r\n                    (keyup.enter)=\"addAttachLink()\" pInputText [(ngModel)]=\"typedLink\" class=\"p-col-12\" />\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" (click)=\"addAttachLink()\" [disabled]=\"typedLink != ''? null : true\" pButton\r\n                    class=\"p-button-primary p-col-12\" label=\"Ok\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\r\n</tn-dialog>\r\n<!--\r\n\r\n<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFile.formData\">\r\n</share-file>\r\n\r\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFolder.formData\">\r\n</share-folder>\r\n -->\r\n\r\n<!-- Xem ch\u1EEF k\u00FD s\u1ED1 -->\r\n<tn-dialog *ngIf=\"forms.signatureDetail.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.signatureDetail.header | translate\" [popupSize]=\"forms[formIds.signatureDetail].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.signatureDetail)\">\r\n    <signature-detail [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </signature-detail>\r\n</tn-dialog>\r\n<!--K\u00FD s\u1ED1 sim-->\r\n<tn-dialog *ngIf=\"forms.kySoSim.show\" #dialog [styleClass]=\"'address-form'\" [header]=\"forms.kySoSim.header | translate\"\r\n    [popupSize]=\"forms.kySoSim.popupSize\" [showFooter]=\"true\" (onHide)=\"onCancelForm(formIds.kySoSim)\">\r\n    <app-file-ky-so-sim #fileKySoSim [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </app-file-ky-so-sim>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"fas fa-images\" [disabled]=\"model.submitting\" class=\"p-button-text\"\r\n            [label]=\"'Ch\u1ECDn ch\u1EEF k\u00FD' | translate\" (click)=\"chonChuKy()\"></button>\r\n        <button type=\"button\" pButton icon=\"fas fa-signature\" class=\"p-button-text ui-button-success\"\r\n            [disabled]=\"model.submitting\" [label]=\"'Th\u1EF1c hi\u1EC7n k\u00FD' | translate\" (click)=\"kySo()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"forms.kySoSim.show=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
+                template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout\">\r\n    <div class=\"fm-toolbar\">\r\n        <div class=\"fm-toolbar-buttons\">\r\n            <ng-container *ngIf=\"!readonly\">\r\n                <button *ngIf=\"!hiddenCreateFolder\" pButton pRipple type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\"\r\n                    tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\" label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\"\r\n                    (click)=\"createFolder()\">\r\n                </button>\r\n\r\n                <button pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i t\u1EC7p tin t\u1EEB m\u00E1y t\u00EDnh c\u1EE7a b\u1EA1n\"\r\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i l\u00EAn\"\r\n                    (click)=\"selectFile()\"></button>\r\n\r\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\r\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\r\n                    (click)=\"showAttachLinkBox = true\"></button>\r\n\r\n                <button *ngIf=\"canSelect()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\"\r\n                    iconPos=\"left\" label=\"Di chuy\u1EC3n\" (click)=\"moveExplorerItems()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"canSetMove()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn t\u1EDBi \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\"\r\n                    iconPos=\"left\" label=\"\u0110\u1EB7t t\u1EA1i \u0111\u00E2y\" (click)=\"setMoveExplorerItems()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"canSetMove()\" icon=\"pi pi-undo\" pButton class=\"p-button-text p-button-secondary\"\r\n                    type=\"button\" pTooltip=\"B\u1ECF di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" label=\"B\u1ECF qua\"\r\n                    (click)=\"cancelMove()\">\r\n                </button>\r\n\r\n                <button *ngIf=\"hasSelect()\" pButton type=\"button\"\r\n                    pTooltip=\"{{ 'X\u00F3a th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn' | translate }}\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                    iconPos=\"left\" class=\"p-button-text p-button-danger\" label=\"X\u00F3a\"\r\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\r\n            </ng-container>\r\n            <button *ngIf=\"readonly && hasSelect()\" class=\"p-button-text p-button-secondary\" pButton type=\"button\"\r\n                pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\" label=\"T\u1EA3i v\u1EC1\"\r\n                (click)=\"downloadMultiple()\">\r\n            </button>\r\n        </div>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"fm-grid\">\r\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\r\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\r\n            [widthFunctionColumn]=\"'8.2rem'\" (onReload)=\"_triggerProcessData($event)\"\r\n            (onRowSelect)=\"onRowSelect($event)\">\r\n\r\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\r\n                <span (click)=\"openObject(rowData)\" class=\"pull-left file-ex-icon\"\r\n                    [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\r\n                </span>\r\n\r\n                <span (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    {{rowData.name}}\r\n                </span>\r\n                <span *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                    tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                    <i class=\"fas fa-signature\"></i>\r\n                </span>\r\n            </ng-template>\r\n\r\n            <ng-template #fileSize let-rowData='rowData'>\r\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\r\n            </ng-template>\r\n\r\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n                <div class=\"function-list\">\r\n                    <ng-container *ngIf=\"!readonly\">\r\n                        <button class=\"p-button-rounded p-button-text link-or-action\" pButton type=\"button\"\r\n                            tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\r\n                            icon=\"{{getButtonIcon(rowData)}}\" (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\" pButton\r\n                            type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                            (click)=\"deleteFile(rowData)\"></button>\r\n\r\n\r\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                            (click)=\"showContextMenu($event, rowData)\"></button>\r\n                    </ng-container>\r\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                        pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"pi pi-cloud-download\"\r\n                        (click)=\"download(rowData)\"></button>\r\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\r\n                        (click)=\"copyDownloadLink(rowData)\"></button>\r\n                </div>\r\n            </ng-template>\r\n        </crud-list>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\r\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\r\n        <div class=\"fm-toolbar-buttons\">\r\n            <ng-container *ngIf=\"!readonly\">\r\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\r\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\r\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\r\n                </button>\r\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\r\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\r\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\r\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\r\n                    (click)=\"showAttachLinkBox = true\"></button>\r\n            </ng-container>\r\n        </div>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"nfl-grid\">\r\n        <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\r\n            <div class=\"nfl-no\">\r\n                {{i + 1}}.\r\n            </div>\r\n\r\n            <div class=\"nfl-name\">\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\r\n                </span>\r\n                <!-- <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    <span>{{rowData.nameWithoutExtension}}</span>\r\n                    <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </a>\r\n                <a (click)=\"openObject(rowData)\" class=\"file-ex-extension\">{{rowData.extension}}</a> -->\r\n\r\n                <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\r\n                    <span>\r\n                        <span>{{rowData.name}}</span>\r\n                        <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                            tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                            <i class=\"fas fa-signature\"></i>\r\n                        </div>\r\n                    </span>\r\n                    <!-- <span class=\"file-ex-extension\">{{rowData.extension}}</span> -->\r\n                </a>\r\n            </div>\r\n\r\n            <div *ngIf=\"rowData.isFile\" class=\"nfl-version\">\r\n                v{{rowData.currentFileVersion}}\r\n            </div>\r\n\r\n            <div class=\"nfl-function\">\r\n                <ng-container *ngIf=\"!readonly\">\r\n                    <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\r\n                        pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\r\n                        icon=\"{{getButtonIcon(rowData)}}\"></button>\r\n\r\n                    <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\r\n                        (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\r\n                        icon=\"pi pi-trash\"></button>\r\n                </ng-container>\r\n\r\n                <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                    (click)=\"download(rowData)\" pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\r\n                    icon=\"pi pi-cloud-download\"></button>\r\n                <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\r\n                    pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\r\n                    (click)=\"copyDownloadLink(rowData)\"></button>\r\n                <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                    class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                    (click)=\"showContextMenu($event, rowData)\"></button>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\r\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #breadCrumb>\r\n    <div *ngIf=\"data.breadcrumbs.length > 0\" class=\"fm-toolbar-path\">\r\n        <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-fileUpload #fileControl [ngStyle]=\"{'display': 'none'}\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file\"\r\n    [url]=\"apiUploadUrl\" [maxFileSize]=\"maxFileSize\" auto=\"true\"\r\n    [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\r\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\r\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\r\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\r\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\r\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" (onProgress)=\"onUploadProgress($event)\"\r\n    (onBeforeUpload)=\"onBeforeUpload($event)\" (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\">\r\n</p-fileUpload>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\r\n</p-contextMenu>\r\n\r\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\r\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\r\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\r\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\r\n    </folder-form>\r\n</tn-dialog>\r\n\r\n<!-- \u0110\u1ED5i t\u00EAn file -->\r\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\r\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\r\n    </file-form>\r\n</tn-dialog>\r\n\r\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\r\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\" [readonly]=\"readonly\"\r\n    [model]=\"forms.fileViewer.formData\" (onClose)=\"closeFileViewer()\">\r\n</file-viewer>\r\n\r\n<!-- Xem phi\u00EAn b\u1EA3n -->\r\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\r\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\r\n    </file-version-list>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\r\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10\">\r\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB t\u1EC7p tin kh\u00E1c...\"\r\n                    (keyup.enter)=\"addAttachLink()\" pInputText [(ngModel)]=\"typedLink\" class=\"p-col-12\" />\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" (click)=\"addAttachLink()\" [disabled]=\"typedLink != ''? null : true\" pButton\r\n                    class=\"p-button-primary p-col-12\" label=\"Ok\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\r\n</tn-dialog>\r\n<!--\r\n\r\n<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFile.formData\">\r\n</share-file>\r\n\r\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFolder.formData\">\r\n</share-folder>\r\n -->\r\n\r\n<!-- Xem ch\u1EEF k\u00FD s\u1ED1 -->\r\n<tn-dialog *ngIf=\"forms.signatureDetail.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.signatureDetail.header | translate\" [popupSize]=\"forms[formIds.signatureDetail].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.signatureDetail)\">\r\n    <signature-detail [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </signature-detail>\r\n</tn-dialog>\r\n<!--K\u00FD s\u1ED1 sim-->\r\n<tn-dialog *ngIf=\"forms.kySoSim.show\" #dialog [styleClass]=\"'address-form'\" [header]=\"forms.kySoSim.header | translate\"\r\n    [popupSize]=\"forms.kySoSim.popupSize\" [showFooter]=\"true\" (onHide)=\"onCancelForm(formIds.kySoSim)\">\r\n    <app-file-ky-so-sim #fileKySoSim [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </app-file-ky-so-sim>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"fas fa-images\" [disabled]=\"model.submitting\" class=\"p-button-text\"\r\n            [label]=\"'Ch\u1ECDn ch\u1EEF k\u00FD' | translate\" (click)=\"chonChuKy()\"></button>\r\n        <button type=\"button\" pButton icon=\"fas fa-signature\" class=\"p-button-text ui-button-success\"\r\n            [disabled]=\"model.submitting\" [label]=\"'Th\u1EF1c hi\u1EC7n k\u00FD' | translate\" (click)=\"kySo()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"forms.kySoSim.show=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -32080,7 +32133,7 @@ FileManagerComponent.decorators = [
                     },
                     ComponentContextService
                 ],
-                styles: [".file-header-tab a{color:#000!important}.file-ex-name:hover{cursor:pointer}.file-ex-name .signature{margin-left:3px}.file-ex-row:hover{background:#e8e8e8}.function-list{text-align:center}.function-list a{margin:5px}.function-list a:hover{color:#6aa3d4}.file-btn{color:#337ab7;cursor:pointer;display:inline-block;font-size:1.1em;line-height:45px;margin-left:10px;padding:5px;vertical-align:middle}.file-btn:hover{color:#3ea8ff}.file-btn i{font-size:1.2em;margin-right:10px}.file-action{text-align:right}.file-row-action i{margin-right:5px}.file-row-action{line-height:34px}.function-list .topbar-items{margin-top:0}.function-list .topbar-items>li .topbar-icon{color:#909090}.function-list .topbar-items>li .topbar-icon:hover{color:#444}.function-list .topbar-items>li>ul{border-top:0;right:15px;top:30px}.function-list .topbar-items>li>ul:before{display:none}.function-list .topbar-items>li.active-top-menu>ul{z-index:1}.function-list .layout-menu li a{border:none;margin:0;text-align:left}.function-list .layout-menu li a i:first-child{color:#666f77;font-size:1.2em}.group-link-share{height:34px}.txt-link-share{max-width:335px!important}.btn-copy-link-share{font-size:small!important}.tbl-checkbox-header{width:3em}.tbl-checkbox{text-align:center;width:3em}.my-drive-checkbox{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);height:20px;text-align:center;transition:border-color .3s,background-color .3s,box-shadow .3s;width:20px}.get-link-share{cursor:pointer;float:right}.file-toolbar{text-align:right}.function-topbar button:last-child{margin-right:0!important}::ng-deep body>.fm-contextMenu-panel{min-width:210px}.folderUnClickable{pointer-events:none}::ng-deep file-manager .file-menu.ui-menu ul li a{text-align:left!important}::ng-deep file-manager .item-inline-name .ui-tooltip-text{white-space:normal;word-break:break-word}::ng-deep file-manager .full-layout .fm-grid a{display:flex;padding-top:5px}::ng-deep file-manager .full-layout .fm-grid a .file-ex-icon{margin-right:5px}::ng-deep file-manager .full-layout .fm-grid a .file-ex-icon:hover{cursor:pointer}::ng-deep file-manager .fm-toolbar{align-items:center;display:flex;padding-bottom:.5em;padding-left:0;padding-top:.5em}::ng-deep file-manager .fm-toolbar .fm-toolbar-buttons{align-items:center;display:flex;padding-left:3px}::ng-deep file-manager .fm-toolbar .fm-toolbar-path{flex:1 1;margin-left:2em;position:relative}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb .p-breadcrumb{background:transparent}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb>div{border:none;padding:0}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:not(:last-child)>a{cursor:pointer}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:not(:last-child)>a .p-menuitem-text{color:#2196f3}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:last-child .p-menuitem-text{color:rgba(255,102,0,.685)}::ng-deep file-manager .fm-toolbar .fm-toolbar-path:after{background:#b8b8b8;content:\"\";height:100%;left:-1.4em;position:absolute;top:0;width:2px}::ng-deep file-manager .not-full-layout{border-radius:5px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item{display:flex}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-function,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-no,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-version{align-items:center;display:flex;justify-content:center}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-no{flex:0 0 30px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name{flex:1 1;justify-content:left;margin-right:1em}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name .file-ex-name{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name .file-ex-name>span:not(.file-ex-extension){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-version{flex:0 0 auto;font-size:.85rem;font-weight:700;margin-right:5px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-no-item{align-items:center;display:flex;justify-content:left;padding:1em}::ng-deep td file-manager .not-full-layout .nfl-grid .nfl-no-item{align-items:center;display:flex;justify-content:center;padding:8px}"]
+                styles: [".file-header-tab a{color:#000!important}.file-ex-name:hover{cursor:pointer}.file-ex-name .signature{margin-left:3px}.file-ex-row:hover{background:#e8e8e8}.function-list{text-align:center}.function-list a{margin:5px}.function-list a:hover{color:#6aa3d4}.file-btn{color:#337ab7;cursor:pointer;display:inline-block;font-size:1.1em;line-height:45px;margin-left:10px;padding:5px;vertical-align:middle}.file-btn:hover{color:#3ea8ff}.file-btn i{font-size:1.2em;margin-right:10px}.file-action{text-align:right}.file-row-action i{margin-right:5px}.file-row-action{line-height:34px}.function-list .topbar-items{margin-top:0}.function-list .topbar-items>li .topbar-icon{color:#909090}.function-list .topbar-items>li .topbar-icon:hover{color:#444}.function-list .topbar-items>li>ul{border-top:0;right:15px;top:30px}.function-list .topbar-items>li>ul:before{display:none}.function-list .topbar-items>li.active-top-menu>ul{z-index:1}.function-list .layout-menu li a{border:none;margin:0;text-align:left}.function-list .layout-menu li a i:first-child{color:#666f77;font-size:1.2em}.group-link-share{height:34px}.txt-link-share{max-width:335px!important}.btn-copy-link-share{font-size:small!important}.tbl-checkbox-header{width:3em}.tbl-checkbox{text-align:center;width:3em}.my-drive-checkbox{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);height:20px;text-align:center;transition:border-color .3s,background-color .3s,box-shadow .3s;width:20px}.get-link-share{cursor:pointer;float:right}.file-toolbar{text-align:right}.function-topbar button:last-child{margin-right:0!important}::ng-deep body>.fm-contextMenu-panel{min-width:210px}.folderUnClickable{pointer-events:none}::ng-deep file-manager .file-menu.ui-menu ul li a{text-align:left!important}::ng-deep file-manager .item-inline-name .ui-tooltip-text{white-space:normal;word-break:break-word}::ng-deep file-manager .full-layout .fm-grid a{display:flex;padding-top:5px}::ng-deep file-manager .full-layout .fm-grid a .file-ex-icon{margin-right:5px}::ng-deep file-manager .full-layout .fm-grid a .file-ex-icon:hover{cursor:pointer}::ng-deep file-manager .fm-toolbar{align-items:center;display:flex;padding-bottom:.5em;padding-left:0;padding-top:.5em}::ng-deep file-manager .fm-toolbar .fm-toolbar-buttons{align-items:center;display:flex;padding-left:3px}::ng-deep file-manager .fm-toolbar .fm-toolbar-path{flex:1 1;margin-left:2em;position:relative}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb .p-breadcrumb{background:transparent}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb>div{border:none;padding:0}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:not(:last-child)>a{cursor:pointer}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:not(:last-child)>a .p-menuitem-text{color:#2196f3}::ng-deep file-manager .fm-toolbar .fm-toolbar-path>p-breadcrumb ul li:last-child .p-menuitem-text{color:rgba(255,102,0,.685)}::ng-deep file-manager .fm-toolbar .fm-toolbar-path:after{background:#b8b8b8;content:\"\";height:100%;left:-1.4em;position:absolute;top:0;width:2px}::ng-deep file-manager .not-full-layout{border-radius:5px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item{display:flex}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-function,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-no,::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-version{align-items:center;display:flex;justify-content:center}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-no{flex:0 0 30px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name{display:flex;flex:1 1;justify-content:left;margin-right:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name .file-ex-name{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-name .file-ex-name>span:not(.file-ex-extension){display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-item .nfl-version{flex:0 0 auto;font-size:.85rem;font-weight:700;margin-right:5px}::ng-deep file-manager .not-full-layout .nfl-grid .nfl-no-item{align-items:center;display:flex;justify-content:left;padding:1em}::ng-deep td file-manager .not-full-layout .nfl-grid .nfl-no-item{align-items:center;display:flex;justify-content:center;padding:8px}"]
             },] }
 ];
 FileManagerComponent.ctorParameters = () => [
@@ -33585,6 +33638,8 @@ class QueryBuilderRuleComponent {
         this.onRemove = new EventEmitter();
         this.disabled = null;
         this.custom = false;
+        this.customTypeFieldName = 'fieldValue';
+        this.customTypeSeparator = '____';
     }
     // control value cố định, dùng trong trường hợp custom form
     set controlValue(value) {
@@ -33605,6 +33660,22 @@ class QueryBuilderRuleComponent {
             }
             this.handleChangeOperator();
         }
+        if (this.controlType == 'custom') {
+            this.setFuncGetValue();
+            if (this.query.value) {
+                try {
+                    this.query[this.customTypeFieldName] = this.query.value['field'];
+                    this.query.value = this.query.value['value'];
+                }
+                catch (ex) {
+                }
+                // const arrInfo = this.query.value.split(this.customTypeSeparator);
+                // if (arrInfo.length > 1) {
+                //     this.query[this.customTypeFieldName] = arrInfo[0];
+                //     this.query.value = arrInfo[1];
+                // }
+            }
+        }
         if (this.itemField != null && this.itemField.controlType == 'datetime' && this.query.value) {
             if (!isValidDate(new Date(this.query.value))) {
                 this.custom = true;
@@ -33614,6 +33685,17 @@ class QueryBuilderRuleComponent {
             }
         }
     }
+    setFuncGetValue() {
+        if (this.controlType == 'custom') {
+            this.query.funcGetValue = (item) => ({
+                field: item[this.customTypeFieldName],
+                value: item.value
+            });
+        }
+        else {
+            this.query.funcGetValue = null;
+        }
+    }
     removeGroup() {
         this.onRemove.emit(this.query);
     }
@@ -33628,7 +33710,13 @@ class QueryBuilderRuleComponent {
                 this.resetControl(this.itemField);
                 const itemOperator = this.operators.find(q => q.id == this.query.compareType);
                 if (!itemOperator) {
-                    this.query.compareType = null;
+                    if (this.operators.length == 1) {
+                        this.query.compareType = this.operators[0].id;
+                        this.handleChangeOperator();
+                    }
+                    else {
+                        this.query.compareType = null;
+                    }
                 }
                 else if (itemOperator.controlType) {
                     this.resetControl(itemOperator);
@@ -33650,6 +33738,7 @@ class QueryBuilderRuleComponent {
             if (this.control) {
                 this.control.disabled = this.disabled;
             }
+            this.setFuncGetValue();
         }
     }
     handleChangeOperator() {
@@ -33687,7 +33776,7 @@ class QueryBuilderRuleComponent {
 QueryBuilderRuleComponent.decorators = [
     { type: Component, args: [{
                 selector: 'query-builder-rule',
-                template: "<div class=\"tn__group-or-rule-container rule-container\">\r\n    <div class=\"tn__group-or-rule rule\">\r\n        <div class=\"tn__rule-body\">\r\n            <ng-container *ngIf=\"templateFieldPicker\">\r\n                <div class=\"tn__rule-field\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"templateFieldPicker; context: {$implicit: query, handleChangedField: setDatasourceOperators}\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!templateFieldPicker\">\r\n                <ng-container *ngTemplateOutlet=\"fieldPicker; context: {$implicit: query}\"></ng-container>\r\n            </ng-container>\r\n            <div class=\"tn__rule-operator\">\r\n                <p-dropdown appendTo=\"body\" [options]=\"operators\" optionLabel=\"ten\" optionValue=\"id\"\r\n                    placeholder=\"Ch\u1ECDn to\u00E1n t\u1EED\" [(ngModel)]=\"query.compareType\" (onChange)=\"handleChangeOperator()\">\r\n                </p-dropdown>\r\n            </div>\r\n            <div class=\"tn__rule-value\">\r\n                <ng-container *ngIf=\"control\">\r\n                    <ng-container [ngSwitch]=\"controlType\">\r\n                        <input *ngSwitchCase=\"'textbox'\" [disabled]=\"disabled\" type=\"text\" pInputText\r\n                            placeholder=\"Gi\u00E1 tr\u1ECB\" [(ngModel)]=\"query.value\" />\r\n                        <!-- <p-multiSelect *ngSwitchCase=\"'dropdown'\" [placeholder]=\"control.placeholder\"\r\n                            [appendTo]=\"'body'\" [options]=\"control.dataSource\" [disabled]=\"disabled\" optionLabel=\"ten\"\r\n                            optionValue=\"id\" [(ngModel)]=\"query.value\">\r\n                        </p-multiSelect> -->\r\n                        <dropdown *ngSwitchCase=\"'dropdown'\" [control]=\"control\" [dataSource]=\"control.dataSource\"\r\n                            [itemSelectedStyleClass]=\"'min'\" [(value)]=\"query.value\">\r\n                        </dropdown>\r\n                        <div *ngSwitchCase=\"'datetime'\" class=\"datetime-value-container\">\r\n                            <p-checkbox [binary]=\"true\" [label]=\"'T\u00F9y bi\u1EBFn'\" [(ngModel)]=\"custom\"></p-checkbox>\r\n                            <datetime-picker *ngIf=\"!custom\" [disabled]=\"disabled\" [(ngModel)]=\"query.value\">\r\n                            </datetime-picker>\r\n                            <input *ngIf=\"custom\" pInputText placeholder=\"VD: [now] + 1d - 2h + 3m - 4s\"\r\n                                [(ngModel)]=\"query.value\" />\r\n                        </div>\r\n\r\n                        <tn-mask *ngSwitchCase=\"'number'\" [disabled]=\"disabled\" [maskType]=\"control.maskType\"\r\n                            [placeholder]=\"control.placeholder\" [(ngModel)]=\"query.value\">\r\n                        </tn-mask>\r\n                        <user-picker *ngSwitchCase=\"'user'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\" [multiple]=\"control.multiple\">\r\n                        </user-picker>\r\n                        <cocautochuc-picker-list *ngSwitchCase=\"'cocautochuc'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </cocautochuc-picker-list>\r\n                        <autocomplete-picker *ngSwitchCase=\"'role'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'groupuser'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'chucVu'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'autocomplete-picker'\" [control]=\"control\"\r\n                            [disabled]=\"disabled\" [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <app-autocomplete-datasource *ngSwitchCase=\"'autocomplete'\" [control]=\"control\"\r\n                            [disabled]=\"disabled\" [(ngModel)]=\"query.value\" [suggestions]=\"control.dataSource\">\r\n                        </app-autocomplete-datasource>\r\n                        <ng-container *ngSwitchDefault>\r\n                            <input type=\"text\" pInputText placeholder=\"Gi\u00E1 tr\u1ECB\" [disabled]=\"true\" />\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!control\">\r\n                    <input type=\"text\" pInputText placeholder=\"Gi\u00E1 tr\u1ECB\" [disabled]=\"true\" />\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"tn__rule-action\">\r\n            <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-rounded p-button-danger\"\r\n                pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" (click)=\"removeGroup()\"></button>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template #fieldPicker let-query>\r\n    <p-dropdown [appendTo]=\"'body'\" [options]=\"dataSourceFields\" [class]=\"'tn__rule-field'\" optionLabel=\"ten\"\r\n        optionValue=\"id\" placeholder=\"Ch\u1ECDn tr\u01B0\u1EDDng d\u1EEF li\u1EC7u\" [(ngModel)]=\"query.field\"\r\n        (onChange)=\"handleChangeField($event)\">\r\n    </p-dropdown>\r\n</ng-template>",
+                template: "<div class=\"tn__group-or-rule-container rule-container\">\r\n    <div class=\"tn__group-or-rule rule\">\r\n        <div class=\"tn__rule-body\">\r\n            <ng-container *ngIf=\"templateFieldPicker\">\r\n                <div class=\"tn__rule-field\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"templateFieldPicker; context: {$implicit: query, handleChangedField: setDatasourceOperators}\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!templateFieldPicker\">\r\n                <ng-container *ngTemplateOutlet=\"fieldPicker; context: {$implicit: query}\"></ng-container>\r\n            </ng-container>\r\n            <div class=\"tn__rule-operator\">\r\n                <p-dropdown appendTo=\"body\" [options]=\"operators\" optionLabel=\"ten\" optionValue=\"id\"\r\n                    placeholder=\"Ch\u1ECDn to\u00E1n t\u1EED\" [(ngModel)]=\"query.compareType\" (onChange)=\"handleChangeOperator()\">\r\n                </p-dropdown>\r\n            </div>\r\n            <div class=\"tn__rule-value\">\r\n                <ng-container *ngIf=\"control\">\r\n                    <ng-container [ngSwitch]=\"controlType\">\r\n                        <ng-container *ngSwitchCase=\"'textbox'\">\r\n                            <ng-template *ngTemplateOutlet=\"textBoxValue; context: {$implicit: query}\"></ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'custom'\">\r\n                            <ng-template *ngTemplateOutlet=\"textBoxValue; context: {$implicit: query}\"></ng-template>\r\n                        </ng-container>\r\n                        <!-- <p-multiSelect *ngSwitchCase=\"'dropdown'\" [placeholder]=\"control.placeholder\"\r\n                            [appendTo]=\"'body'\" [options]=\"control.dataSource\" [disabled]=\"disabled\" optionLabel=\"ten\"\r\n                            optionValue=\"id\" [(ngModel)]=\"query.value\">\r\n                        </p-multiSelect> -->\r\n                        <dropdown *ngSwitchCase=\"'dropdown'\" [control]=\"control\" [dataSource]=\"control.dataSource\"\r\n                            [itemSelectedStyleClass]=\"'min'\" [(value)]=\"query.value\">\r\n                        </dropdown>\r\n                        <div *ngSwitchCase=\"'datetime'\" class=\"datetime-value-container\">\r\n                            <p-checkbox [binary]=\"true\" [label]=\"'T\u00F9y bi\u1EBFn'\" [(ngModel)]=\"custom\"></p-checkbox>\r\n                            <datetime-picker *ngIf=\"!custom\" [disabled]=\"disabled\" [(ngModel)]=\"query.value\">\r\n                            </datetime-picker>\r\n                            <input *ngIf=\"custom\" pInputText placeholder=\"VD: [now] + 1d - 2h + 3m - 4s\"\r\n                                [(ngModel)]=\"query.value\" />\r\n                        </div>\r\n\r\n                        <tn-mask *ngSwitchCase=\"'number'\" [disabled]=\"disabled\" [maskType]=\"control.maskType\"\r\n                            [placeholder]=\"control.placeholder\" [(ngModel)]=\"query.value\">\r\n                        </tn-mask>\r\n                        <user-picker *ngSwitchCase=\"'user'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\" [multiple]=\"control.multiple\">\r\n                        </user-picker>\r\n                        <cocautochuc-picker-list *ngSwitchCase=\"'cocautochuc'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </cocautochuc-picker-list>\r\n                        <autocomplete-picker *ngSwitchCase=\"'role'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'groupuser'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'chucVu'\" [control]=\"control\" [disabled]=\"disabled\"\r\n                            [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <autocomplete-picker *ngSwitchCase=\"'autocomplete-picker'\" [control]=\"control\"\r\n                            [disabled]=\"disabled\" [(ngModel)]=\"query.value\">\r\n                        </autocomplete-picker>\r\n                        <app-autocomplete-datasource *ngSwitchCase=\"'autocomplete'\" [control]=\"control\"\r\n                            [disabled]=\"disabled\" [(ngModel)]=\"query.value\" [suggestions]=\"control.dataSource\">\r\n                        </app-autocomplete-datasource>\r\n                        <ng-container *ngSwitchDefault>\r\n                            <input type=\"text\" pInputText placeholder=\"Gi\u00E1 tr\u1ECB\" [disabled]=\"true\" />\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!control\">\r\n                    <input type=\"text\" pInputText placeholder=\"Gi\u00E1 tr\u1ECB\" [disabled]=\"true\" />\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"tn__rule-action\">\r\n            <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-rounded p-button-danger\"\r\n                pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" (click)=\"removeGroup()\"></button>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template #fieldPicker let-query>\r\n    <ng-container *ngIf=\"controlType == 'custom'\">\r\n        <input [disabled]=\"disabled\" type=\"text\" [class]=\"'tn__rule-field'\" pInputText placeholder=\"Tr\u01B0\u1EDDng d\u1EEF li\u1EC7u\"\r\n            [(ngModel)]=\"query.fieldValue\" />\r\n    </ng-container>\r\n    <ng-container *ngIf=\"controlType != 'custom'\">\r\n        <p-dropdown [appendTo]=\"'body'\" [options]=\"dataSourceFields\" [class]=\"'tn__rule-field'\" optionLabel=\"ten\"\r\n            optionValue=\"id\" placeholder=\"Ch\u1ECDn tr\u01B0\u1EDDng d\u1EEF li\u1EC7u\" [(ngModel)]=\"query.field\"\r\n            (onChange)=\"handleChangeField($event)\">\r\n        </p-dropdown>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #textBoxValue let-query>\r\n    <input [disabled]=\"disabled\" type=\"text\" pInputText placeholder=\"Gi\u00E1 tr\u1ECB\" [(ngModel)]=\"query.value\" />\r\n</ng-template>",
                 styles: ["::ng-deep query-builder-rule .tn__rule-body{display:flex;width:calc(100% - 34px)}::ng-deep query-builder-rule .tn__rule-body>*{margin-right:5px}::ng-deep query-builder-rule .tn__rule-body>:last-child{margin-right:0}::ng-deep query-builder-rule .tn__rule-field{height:26px}::ng-deep query-builder-rule .tn__rule-value{min-height:26px}::ng-deep query-builder-rule .tn__rule-field,::ng-deep query-builder-rule .tn__rule-value{flex:0 0 calc(50% - 80px);width:calc(50% - 80px)}::ng-deep query-builder-rule .tn__rule-field .p-autocomplete,::ng-deep query-builder-rule .tn__rule-field .p-calendar,::ng-deep query-builder-rule .tn__rule-field.p-dropdown,::ng-deep query-builder-rule .tn__rule-field .p-dropdown,::ng-deep query-builder-rule .tn__rule-field .p-inputtext,::ng-deep query-builder-rule .tn__rule-field .p-multiselect,::ng-deep query-builder-rule .tn__rule-field tn-mask .p-inputgroup,::ng-deep query-builder-rule .tn__rule-value .p-autocomplete,::ng-deep query-builder-rule .tn__rule-value .p-calendar,::ng-deep query-builder-rule .tn__rule-value.p-dropdown,::ng-deep query-builder-rule .tn__rule-value .p-dropdown,::ng-deep query-builder-rule .tn__rule-value .p-inputtext,::ng-deep query-builder-rule .tn__rule-value .p-multiselect,::ng-deep query-builder-rule .tn__rule-value tn-mask .p-inputgroup{height:100%;width:100%}::ng-deep query-builder-rule .tn__rule-field .custom-autocomplete-button,::ng-deep query-builder-rule .tn__rule-field .p-inputtext,::ng-deep query-builder-rule .tn__rule-value .custom-autocomplete-button,::ng-deep query-builder-rule .tn__rule-value .p-inputtext{min-height:26px;padding:2px 12px}::ng-deep query-builder-rule .tn__rule-field .tn-dropdown,::ng-deep query-builder-rule .tn__rule-field .tn-dropdown.p-multiselect.p-component,::ng-deep query-builder-rule .tn__rule-value .tn-dropdown,::ng-deep query-builder-rule .tn__rule-value .tn-dropdown.p-multiselect.p-component{min-height:26px}::ng-deep query-builder-rule .tn__rule-field .tn-autocomplete .p-autocomplete-dropdown,::ng-deep query-builder-rule .tn__rule-value .tn-autocomplete .p-autocomplete-dropdown{height:26px;width:26px}::ng-deep query-builder-rule .tn__rule-field .p-calendar .p-button.p-button-icon-only,::ng-deep query-builder-rule .tn__rule-value .p-calendar .p-button.p-button-icon-only{padding:2px 12px}::ng-deep query-builder-rule .tn__rule-field .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token,::ng-deep query-builder-rule .tn__rule-field .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token,::ng-deep query-builder-rule .tn__rule-value .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token,::ng-deep query-builder-rule .tn__rule-value .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token{font-size:.9rem;margin:1px 2px;padding:0 .5rem}::ng-deep query-builder-rule .tn__rule-operator{flex:0 0 145px;height:26px;width:145px}::ng-deep query-builder-rule .tn__rule-operator .p-dropdown{height:100%;width:100%}::ng-deep query-builder-rule .tn__rule-operator .p-dropdown .p-inputtext{padding:2px 12px}::ng-deep query-builder-rule .tn__rule-action{flex:0 0 auto;white-space:nowrap}::ng-deep query-builder-rule .tn__rule-action button{height:26px!important;margin-left:2px!important;margin-right:6px!important;width:26px!important}::ng-deep query-builder-rule .datetime-value-container{align-items:center;display:flex}::ng-deep query-builder-rule .datetime-value-container p-checkbox{flex:0 0 auto;margin-right:5px}@media (max-width:640px){::ng-deep query-builder-rule .tn__rule-body{flex-direction:column;padding-right:5px}::ng-deep query-builder-rule .tn__rule-body>*{margin-bottom:5px;margin-right:0}::ng-deep query-builder-rule .tn__rule-field,::ng-deep query-builder-rule .tn__rule-operator,::ng-deep query-builder-rule .tn__rule-value{flex:1 1 auto;width:100%}}"]
             },] }
 ];
@@ -35119,7 +35208,12 @@ var EnumPermissionType;
 (function (EnumPermissionType) {
     EnumPermissionType[EnumPermissionType["MAIN"] = 0] = "MAIN";
     EnumPermissionType[EnumPermissionType["SHARE"] = 1] = "SHARE"; // Bản ghi tạo ra để chia sẻ
-})(EnumPermissionType || (EnumPermissionType = {}));
+})(EnumPermissionType || (EnumPermissionType = {}));
+var EnumWorkflowCheckboxOption;
+(function (EnumWorkflowCheckboxOption) {
+    EnumWorkflowCheckboxOption[EnumWorkflowCheckboxOption["TAO_CONG_VIEC"] = 1] = "TAO_CONG_VIEC";
+    EnumWorkflowCheckboxOption[EnumWorkflowCheckboxOption["AUTO_NEXT_STEP"] = 2] = "AUTO_NEXT_STEP";
+})(EnumWorkflowCheckboxOption || (EnumWorkflowCheckboxOption = {}));
 
 const StateMachineTopic = {
     CONNECTION_CHANGE: 'CONNECTION_CHANGE'
@@ -35135,7 +35229,7 @@ const DataSourceTargetType = [
     { id: ɵ3, ten: 'Người dùng' },
     { id: ɵ4, ten: 'Đơn vị' },
     { id: ɵ5, ten: 'Nhóm người dùng' },
-    { id: ɵ6, ten: 'Vai trò' }
+    { id: ɵ6, ten: 'Chức vụ' }
 ];
 const ɵ7 = EnumUserRule.CAP_TREN, ɵ8 = EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH, ɵ9 = EnumUserRule.NGUOI_NHAN, ɵ10 = EnumUserRule.NGUOI_THEO_DOI;
 const DataSourceUserRule = [
@@ -35156,6 +35250,11 @@ const DataSourceUserSender = [
     // { id: EnumUserRule.CAP_TREN_DA_GUI, ten: 'Cấp trên đã trình' },
     // { id: EnumUserRule.NGUOI_CUOI_CUNG, ten: 'Người cuối cùng' },
     { id: ɵ12, ten: 'Người tham gia quy trình' }
+];
+const ɵ13 = EnumWorkflowCheckboxOption.TAO_CONG_VIEC, ɵ14 = EnumWorkflowCheckboxOption.AUTO_NEXT_STEP;
+const DataSourceWorkflowCheckboxOption = [
+    { id: ɵ13, ten: 'Tạo công việc' },
+    { id: ɵ14, ten: 'Tự động chuyển bước đầu tiên' }
 ];
 
 class StateMetadataComponent extends DataFormBase {
@@ -35335,6 +35434,41 @@ StateComponent.propDecorators = {
     onReady: [{ type: Output }]
 };
 
+class DmChucVuService extends BaseService {
+    constructor(http, injector, _moduleConfigService) {
+        super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.canboEndpoint}/${_moduleConfigService.getConfig().environment.apiVersion}/DM_ChucVu`);
+        this.serviceCode = 'canbo';
+        this.entityName = 'DM_ChucVu';
+        this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.canboEndpoint;
+        this._moduleConfig = _moduleConfigService.getConfig();
+    }
+}
+DmChucVuService.ɵprov = ɵɵdefineInjectable({ factory: function DmChucVuService_Factory() { return new DmChucVuService(ɵɵinject(HttpClient), ɵɵinject(INJECTOR), ɵɵinject(ModuleConfigService)); }, token: DmChucVuService, providedIn: "root" });
+DmChucVuService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+DmChucVuService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: Injector },
+    { type: ModuleConfigService }
+];
+
+class WfItem {
+}
+class WfSchema {
+}
+class WfMachine {
+}
+class WfAction {
+    constructor() {
+        this.editing = false;
+    }
+}
+class WorkflowTargetDefaultValue {
+}
+
 function createJsPlumnInstance(containerId, viewOnly) {
     const jsPlumbOptions = {
         Container: containerId,
@@ -35457,11 +35591,11 @@ function createRolePickerControl(_roleService, field, label) {
     return new AutoCompletePickerControlSchema({
         field,
         label,
-        title: 'Chọn vai trò',
-        placeholder: 'Chọn vai trò',
+        title: 'Chọn chức vụ',
+        placeholder: 'Chọn chức vụ',
         mdWidth: 12,
         baseService: _roleService,
-        displayField: 'name',
+        displayField: 'ten',
         fieldPlus: 'code',
         fieldSearchText: ['code'],
         multiple: true,
@@ -35474,8 +35608,8 @@ function createRolePickerControl(_roleService, field, label) {
                 fullTextSearch: true
             }),
             new EntityPickerColumn({
-                label: 'Tên vai trò',
-                code: 'name',
+                label: 'Tên chức vụ',
+                code: 'ten',
                 dataType: 'string',
                 operator: Operator.contain,
                 notInFields: true
@@ -35491,6 +35625,172 @@ function setMetadataConnection(dest, source) {
     dest.data = source.data;
 }
 
+class StateMachinesConnectionReceiverConditionComponent extends DataFormBase {
+    constructor(injector, _dmChucVuService, _userGroupService) {
+        super(injector);
+        this._dmChucVuService = _dmChucVuService;
+        this._userGroupService = _userGroupService;
+        this.receiverDynamicRules = [];
+        this.receiverDynamicViewRules = [];
+        this.dataSourceAction = [];
+        this.autoGetDetail = false;
+        this.autoSave = false;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.doNotCheckBaseService = true;
+        this.renderDataSourceAction();
+        this.setting.schema = [
+            new CustomControlSchema({
+                field: 'receiverRules',
+                label: 'Người nhận xử lý',
+                mdWidth: 12
+            }),
+            new CustomControlSchema({
+                field: 'receiverViewRules',
+                label: 'Người nhận chỉ xem',
+                mdWidth: 12
+            })
+        ];
+        this.dynamicSchema = [
+            new DropdownControlSchema({
+                field: 'ruleType',
+                label: 'Người dùng',
+                dataSource: DataSourceUserRule,
+                operators: [
+                    { id: Operator.in, ten: 'Là' }
+                ]
+            }),
+            new DropdownControlSchema({
+                field: 'userMade',
+                label: 'Người dùng thao tác',
+                valueField: 'code',
+                dataSource: this.dataSourceAction,
+                operators: [
+                    { id: Operator.in, ten: 'Thao tác' }
+                ]
+            }),
+            new UserPickerControlSchema({
+                field: 'userIds',
+                label: 'Người dùng đích danh',
+                placeholder: 'Chọn người dùng',
+                mdWidth: 12
+            }),
+            createOrgPickerControl('donViId', 'Đơn vị'),
+            new DropdownControlSchema({
+                field: 'donViCap',
+                label: 'Đơn vị cấp',
+                multiple: true,
+                dataSource: [
+                    { id: 1, ten: '1' },
+                    { id: 2, ten: '2' },
+                    { id: 3, ten: '3' }
+                ]
+            }),
+            createRolePickerControl(this._dmChucVuService, 'roleId', 'Chức vụ'),
+            createUserGroupPickerControl(this._userGroupService, 'groupId', 'Nhóm người dùng'),
+            new NumberRangeControlSchema({
+                field: 'lanThu',
+                label: 'Lần thứ'
+            }),
+            new CustomControlSchema({
+                field: 'customField',
+                label: 'Trường dữ liệu',
+                operators: [
+                    { id: Operator.equal, ten: 'Bằng' },
+                    { id: Operator.notEqual, ten: 'Không bằng' },
+                    { id: Operator.greater, ten: 'Lớn hơn' },
+                    { id: Operator.greaterThanEqual, ten: 'Lớn hơn hoặc bằng' },
+                    { id: Operator.lower, ten: 'Nhỏ hơn' },
+                    { id: Operator.lowerThanEqual, ten: 'Nhỏ hơn hoặc bằng' }
+                ]
+            })
+        ];
+        if (this.data && this.data.data) {
+            this.receiverDynamicRules = this.data.data.receiverRules;
+            this.receiverDynamicViewRules = this.data.data.receiverViewRules;
+        }
+        if (this.isFormAdd) {
+            this.receiverDynamicViewRules = [
+                this.newFilter('ruleType', Operator.in, [
+                    EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH,
+                    EnumUserRule.NGUOI_NHAN,
+                    EnumUserRule.NGUOI_THEO_DOI
+                ])
+            ];
+        }
+    }
+    renderDataSourceAction() {
+        const dataSourceAction = [];
+        if (this.workflowData) {
+            this.workflowData.connections.sort(multipleSort('soThuTu')).forEach(action => {
+                const source = this.workflowData.machines.find(q => q.id == action.source);
+                if (source) {
+                    const itemAdd = {
+                        code: `${source.code}___${action.code}`,
+                        name: action.name,
+                        nameLower: action.name.toLowerCase(),
+                        ten: action.name,
+                        sourceName: source.name
+                    };
+                    const itemExist = dataSourceAction.find(q => q.nameLower == itemAdd.nameLower);
+                    if (itemExist) {
+                        itemExist.ten = `${itemExist.name} (${itemExist.sourceName})`;
+                        itemAdd.ten = `${itemAdd.name} (${itemAdd.sourceName})`;
+                    }
+                    dataSourceAction.push(itemAdd);
+                }
+            });
+        }
+        this.dataSourceAction = dataSourceAction;
+    }
+    onFormInitialized(evt) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.data) {
+                this.assignFieldPlus(evt.model, (_a = this.data.data) !== null && _a !== void 0 ? _a : {});
+            }
+            else {
+                evt.model.data = {};
+            }
+        });
+    }
+    assignFieldPlus(dest, source) {
+        dest.receiverRules = source.receiverRules;
+        dest.receiverViewRules = source.receiverViewRules;
+    }
+    getModelData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const dataPlus = {};
+            this.model.data.receiverRules = this.queryBuilder.getQuery();
+            this.model.data.receiverViewRules = this.queryBuilderView.getQuery();
+            this.assignFieldPlus(dataPlus, this.model.data);
+            return dataPlus;
+        });
+    }
+}
+StateMachinesConnectionReceiverConditionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'statemachines-connection-receiver-condition',
+                template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #receiverRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n    <ng-template #receiverViewRules>\r\n        <query-builder #queryBuilderView [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicViewRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n</crud-form>",
+                providers: [ComponentContextService],
+                styles: ["::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-field{flex:0 0 180px;width:180px}::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-value{flex:0 0 calc(100% - 340px);width:calc(100% - 340px)}"]
+            },] }
+];
+StateMachinesConnectionReceiverConditionComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: DmChucVuService },
+    { type: UserGroupRealService }
+];
+StateMachinesConnectionReceiverConditionComponent.propDecorators = {
+    queryBuilder: [{ type: ViewChild, args: ['queryBuilder', { static: false },] }],
+    queryBuilderView: [{ type: ViewChild, args: ['queryBuilderView', { static: false },] }],
+    workflowData: [{ type: Input }],
+    data: [{ type: Input }],
+    isFormAdd: [{ type: Input }],
+    viewOnly: [{ type: Input }]
+};
+
 class StateMachinesConnectionReceiverDepartmentComponent extends DataFormBase {
     constructor(injector) {
         super(injector);
@@ -35502,9 +35802,35 @@ class StateMachinesConnectionReceiverDepartmentComponent extends DataFormBase {
         super.ngOnInit();
         this.doNotCheckBaseService = true;
         this.setting.schema = [
+            this.createCheckboxRule('departmentRules'),
             this.createOrgPickerControlReceiver('departmentIds', 'Đơn vị nhận'),
+            this.createCheckboxRule('departmentViewRules'),
             this.createOrgPickerControlReceiver('departmentViewIds', 'Đơn vị theo dõi'),
         ];
+        if (this.isFormAdd) {
+            if (!this.data.data) {
+                this.data.data = {};
+            }
+            if (this.data.data.departmentRules == null) {
+                this.data.data.departmentRules = [EnumUserRule.NGUOI_NHAN];
+            }
+            if (this.data.data.departmentViewRules == null) {
+                this.data.data.departmentViewRules = [EnumUserRule.NGUOI_THEO_DOI];
+            }
+        }
+    }
+    createCheckboxRule(field) {
+        return new CheckBoxListControlSchema({
+            field,
+            label: 'Cán bộ đặc biệt',
+            class: 'rules',
+            dataSource: [
+                { id: EnumUserRule.NGUOI_NHAN, ten: 'Đơn vị nhận bước trước' },
+                { id: EnumUserRule.NGUOI_THEO_DOI, ten: 'Đơn vị theo dõi bước trước' }
+            ],
+            showLabel: false,
+            mdWidth: 12
+        });
     }
     createOrgPickerControlReceiver(field, label) {
         const control = createOrgPickerControl(field, label);
@@ -35530,7 +35856,9 @@ class StateMachinesConnectionReceiverDepartmentComponent extends DataFormBase {
         });
     }
     assignFieldPlus(dest, source) {
+        dest.departmentRules = source.departmentRules;
         dest.departmentIds = source.departmentIds;
+        dest.departmentViewRules = source.departmentViewRules;
         dest.departmentViewIds = source.departmentViewIds;
     }
 }
@@ -35547,6 +35875,7 @@ StateMachinesConnectionReceiverDepartmentComponent.ctorParameters = () => [
 ];
 StateMachinesConnectionReceiverDepartmentComponent.propDecorators = {
     data: [{ type: Input }],
+    isFormAdd: [{ type: Input }],
     viewOnly: [{ type: Input }]
 };
 
@@ -35562,9 +35891,35 @@ class StateMachinesConnectionReceiverGroupComponent extends DataFormBase {
         super.ngOnInit();
         this.doNotCheckBaseService = true;
         this.setting.schema = [
+            this.createCheckboxRule('groupRules'),
             this.createUserGroupPickerControlReceiver('groupIds', 'Nhóm người dùng nhận'),
+            this.createCheckboxRule('groupViewRules'),
             this.createUserGroupPickerControlReceiver('groupViewIds', 'Nhóm người dùng theo dõi'),
         ];
+        if (this.isFormAdd) {
+            if (!this.data.data) {
+                this.data.data = {};
+            }
+            if (this.data.data.groupRules == null) {
+                this.data.data.groupRules = [EnumUserRule.NGUOI_NHAN];
+            }
+            if (this.data.data.groupViewRules == null) {
+                this.data.data.groupViewRules = [EnumUserRule.NGUOI_THEO_DOI];
+            }
+        }
+    }
+    createCheckboxRule(field) {
+        return new CheckBoxListControlSchema({
+            field,
+            label: 'Cán bộ đặc biệt',
+            class: 'rules',
+            dataSource: [
+                { id: EnumUserRule.NGUOI_NHAN, ten: 'Nhóm người dùng nhận bước trước' },
+                { id: EnumUserRule.NGUOI_THEO_DOI, ten: 'Nhóm người dùng theo dõi bước trước' }
+            ],
+            showLabel: false,
+            mdWidth: 12
+        });
     }
     createUserGroupPickerControlReceiver(field, label) {
         const control = createUserGroupPickerControl(this._userGroupService, field, label);
@@ -35590,7 +35945,9 @@ class StateMachinesConnectionReceiverGroupComponent extends DataFormBase {
         });
     }
     assignFieldPlus(dest, source) {
+        dest.groupRules = source.groupRules;
         dest.groupIds = source.groupIds;
+        dest.groupViewRules = source.groupViewRules;
         dest.groupViewIds = source.groupViewIds;
     }
 }
@@ -35608,13 +35965,14 @@ StateMachinesConnectionReceiverGroupComponent.ctorParameters = () => [
 ];
 StateMachinesConnectionReceiverGroupComponent.propDecorators = {
     data: [{ type: Input }],
+    isFormAdd: [{ type: Input }],
     viewOnly: [{ type: Input }]
 };
 
 class StateMachinesConnectionReceiverRoleComponent extends DataFormBase {
-    constructor(injector, _roleService) {
+    constructor(injector, _dmChucVuService) {
         super(injector);
-        this._roleService = _roleService;
+        this._dmChucVuService = _dmChucVuService;
         this.dataSourceAction = [];
         this.autoGetDetail = false;
         this.autoSave = false;
@@ -35623,12 +35981,38 @@ class StateMachinesConnectionReceiverRoleComponent extends DataFormBase {
         super.ngOnInit();
         this.doNotCheckBaseService = true;
         this.setting.schema = [
-            this.createRolePickerControlReceiver('roleIds', 'Vai trò nhận'),
-            this.createRolePickerControlReceiver('roleViewIds', 'Vai trò theo dõi'),
+            this.createCheckboxRule('roleRules'),
+            this.createRolePickerControlReceiver('roleIds', 'Chức vụ nhận'),
+            this.createCheckboxRule('roleViewRules'),
+            this.createRolePickerControlReceiver('roleViewIds', 'Chức vụ theo dõi'),
         ];
+        if (this.isFormAdd) {
+            if (!this.data.data) {
+                this.data.data = {};
+            }
+            if (this.data.data.roleRules == null) {
+                this.data.data.roleRules = [EnumUserRule.NGUOI_NHAN];
+            }
+            if (this.data.data.roleViewRules == null) {
+                this.data.data.roleViewRules = [EnumUserRule.NGUOI_THEO_DOI];
+            }
+        }
+    }
+    createCheckboxRule(field) {
+        return new CheckBoxListControlSchema({
+            field,
+            label: 'Cán bộ đặc biệt',
+            class: 'rules',
+            dataSource: [
+                { id: EnumUserRule.NGUOI_NHAN, ten: 'Chức vụ nhận bước trước' },
+                { id: EnumUserRule.NGUOI_THEO_DOI, ten: 'Chức vụ theo dõi bước trước' }
+            ],
+            showLabel: false,
+            mdWidth: 12
+        });
     }
     createRolePickerControlReceiver(field, label) {
-        const control = createRolePickerControl(this._roleService, field, label);
+        const control = createRolePickerControl(this._dmChucVuService, field, label);
         return control;
     }
     onFormInitialized(evt) {
@@ -35651,7 +36035,9 @@ class StateMachinesConnectionReceiverRoleComponent extends DataFormBase {
         });
     }
     assignFieldPlus(dest, source) {
+        dest.roleRules = source.roleRules;
         dest.roleIds = source.roleIds;
+        dest.roleViewRules = source.roleViewRules;
         dest.roleViewIds = source.roleViewIds;
     }
 }
@@ -35665,33 +36051,14 @@ StateMachinesConnectionReceiverRoleComponent.decorators = [
 ];
 StateMachinesConnectionReceiverRoleComponent.ctorParameters = () => [
     { type: Injector },
-    { type: RoleService }
+    { type: DmChucVuService }
 ];
 StateMachinesConnectionReceiverRoleComponent.propDecorators = {
     data: [{ type: Input }],
+    isFormAdd: [{ type: Input }],
     viewOnly: [{ type: Input }]
 };
 
-class WfItem {
-}
-class WfSchema {
-}
-class WfMachine {
-}
-class WfAction {
-    constructor() {
-        this.editing = false;
-    }
-}
-class WorkflowTargetDefaultValue {
-    constructor() {
-        this.dicDefaultValue = {};
-        this.dicDefaultValueByWorkflow = {};
-        this.dicByTargetCanEdit = {};
-        this.dicByTargetOnlyView = {};
-    }
-}
-
 class StateMachinesConnectionReceiverUserComponent extends DataFormBase {
     constructor(injector) {
         super(injector);
@@ -35874,8 +36241,13 @@ class StateMachinesConnectionReceiverComponent extends ComponentBase {
     constructor(injector) {
         super(injector);
         this.tabDataReceiver = [
+            // {
+            //     code: 'user',
+            //     icon: 'fa fa-user',
+            //     label: ''
+            // },
             {
-                code: 'user',
+                code: 'condition',
                 icon: 'fa fa-user',
                 label: ''
             },
@@ -35901,11 +36273,16 @@ class StateMachinesConnectionReceiverComponent extends ComponentBase {
     getModelData() {
         return __awaiter(this, void 0, void 0, function* () {
             const dataPlus = {};
-            const modelUser = yield this.userForm.getModelData();
-            if (modelUser == null) {
+            const modelCondition = yield this.conditionForm.getModelData();
+            if (modelCondition == null) {
                 return null;
             }
-            this.userForm.assignFieldPlus(dataPlus, modelUser);
+            this.conditionForm.assignFieldPlus(dataPlus, modelCondition);
+            // const modelUser = await this.userForm.getModelData();
+            // if (modelUser == null) {
+            //     return null;
+            // }
+            // this.userForm.assignFieldPlus(dataPlus, modelUser);
             const modelDepartment = yield this.departmentForm.getModelData();
             if (modelDepartment == null) {
                 return null;
@@ -35928,7 +36305,7 @@ class StateMachinesConnectionReceiverComponent extends ComponentBase {
 StateMachinesConnectionReceiverComponent.decorators = [
     { type: Component, args: [{
                 selector: 'statemachines-connection-receiver',
-                template: "<div style=\"height: 100%\">\r\n    <tn-tabview [data]=\"tabDataReceiver\" [allowViewAll]=\"true\" [vertical]=\"true\">\r\n        <ng-template #user>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-user #user [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"workflowData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-user>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #department>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-department #user [data]=\"data\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-department>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #group>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-group #user [data]=\"data\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-group>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #role>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-role #user [data]=\"data\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-role>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n    </tn-tabview>\r\n</div>",
+                template: "<div style=\"height: 100%\">\r\n    <tn-tabview [data]=\"tabDataReceiver\" [allowViewAll]=\"true\" [vertical]=\"true\">\r\n        <!-- <ng-template #user>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-user #user [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"workflowData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-user>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n        <ng-template #condition>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-condition #condition [workflowData]=\"workflowData\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-condition>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #department>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-department #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-department>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #group>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-group #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-group>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #role>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-role #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-role>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n    </tn-tabview>\r\n</div>",
                 providers: [ComponentContextService],
                 styles: ["::ng-deep statemachines-connection-metadata .userRules .tn-check-box-list,::ng-deep statemachines-connection-metadata .userViewRules .tn-check-box-list{margin-bottom:.5em!important;margin-top:-.5em}::ng-deep statemachines-connection-metadata .userIds .label,::ng-deep statemachines-connection-metadata .userViewIds .label{font-weight:700}"]
             },] }
@@ -35938,21 +36315,23 @@ StateMachinesConnectionReceiverComponent.ctorParameters = () => [
 ];
 StateMachinesConnectionReceiverComponent.propDecorators = {
     userForm: [{ type: ViewChild, args: [StateMachinesConnectionReceiverUserComponent, { static: false },] }],
+    conditionForm: [{ type: ViewChild, args: [StateMachinesConnectionReceiverConditionComponent, { static: false },] }],
     departmentForm: [{ type: ViewChild, args: [StateMachinesConnectionReceiverDepartmentComponent, { static: false },] }],
     groupForm: [{ type: ViewChild, args: [StateMachinesConnectionReceiverGroupComponent, { static: false },] }],
     roleForm: [{ type: ViewChild, args: [StateMachinesConnectionReceiverRoleComponent, { static: false },] }],
     designerContext: [{ type: Input }],
     data: [{ type: Input }],
+    isFormAdd: [{ type: Input }],
     workflowData: [{ type: Input }],
     viewOnly: [{ type: Input }]
 };
 
 class StateMachinesConnectionSenderComponent extends DataFormBase {
-    constructor(injector, notifierService, _userGroupService, _roleService) {
+    constructor(injector, notifierService, _userGroupService, _dmChucVuService) {
         super(injector);
         this.notifierService = notifierService;
         this._userGroupService = _userGroupService;
-        this._roleService = _roleService;
+        this._dmChucVuService = _dmChucVuService;
         this.dynamicRules = [];
         this.autoGetDetail = false;
         this.autoSave = false;
@@ -35981,7 +36360,7 @@ class StateMachinesConnectionSenderComponent extends DataFormBase {
                     { id: 3, ten: '3' }
                 ]
             }),
-            createRolePickerControl(this._roleService, 'roleId', 'Vai trò'),
+            createRolePickerControl(this._dmChucVuService, 'roleId', 'Chức vụ'),
             userGroupPickerControl,
             new DropdownControlSchema({
                 field: 'lastStateCode',
@@ -35991,6 +36370,18 @@ class StateMachinesConnectionSenderComponent extends DataFormBase {
                 displayField: 'name',
                 showLabel: false,
                 mdWidth: 12
+            }),
+            new CustomControlSchema({
+                field: 'customField',
+                label: 'Trường dữ liệu',
+                operators: [
+                    { id: Operator.equal, ten: 'Bằng' },
+                    { id: Operator.notEqual, ten: 'Không bằng' },
+                    { id: Operator.greater, ten: 'Lớn hơn' },
+                    { id: Operator.greaterThanEqual, ten: 'Lớn hơn hoặc bằng' },
+                    { id: Operator.lower, ten: 'Nhỏ hơn' },
+                    { id: Operator.lowerThanEqual, ten: 'Nhỏ hơn hoặc bằng' }
+                ]
             })
         ];
         if (this.data && this.data.data) {
@@ -36041,7 +36432,7 @@ StateMachinesConnectionSenderComponent.ctorParameters = () => [
     { type: Injector },
     { type: NotifierService },
     { type: UserGroupRealService },
-    { type: RoleService }
+    { type: DmChucVuService }
 ];
 StateMachinesConnectionSenderComponent.propDecorators = {
     queryBuilder: [{ type: ViewChild, args: ['queryBuilder', { static: false },] }],
@@ -36127,16 +36518,20 @@ class StateMachinesConnectionMetadataComponent extends DataFormBase {
                 required: true,
             })
         ];
+        if (this.data && this.data.editing) {
+            this.isFormAdd = false;
+        }
+        else {
+            this.isFormAdd = true;
+        }
     }
     onFormInitialized(evt) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.data) {
-                this.isFormAdd = false;
+            if (!this.isFormAdd) {
                 setMetadataConnection(evt.model, this.data);
                 this.source = this.data.source;
             }
             else {
-                this.isFormAdd = true;
                 evt.model.id = this._commonService.guid();
                 evt.model.data = {};
             }
@@ -36190,7 +36585,7 @@ class StateMachinesConnectionMetadataComponent extends DataFormBase {
 StateMachinesConnectionMetadataComponent.decorators = [
     { type: Component, args: [{
                 selector: 'statemachines-connection-metadata',
-                template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>",
+                template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>",
                 providers: [ComponentContextService],
                 styles: [""]
             },] }
@@ -36567,7 +36962,7 @@ StateMachinesDesignerComponent.decorators = [
                 selector: 'statemachines-designer',
                 template: "<div class=\"state-control\" [ngStyle]=\"holderStyle\" [class.highlight]=\"highlighting\">\r\n    <tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [ngStyle]=\"{ height: '100%', display: 'block'}\"\r\n        [config]=\"{suppressScrollX : true}\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </tn-custom-scrollbar>\r\n    <ng-container *ngIf=\"!useScrollBar\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </ng-container>\r\n    <div class=\"container-note\">\r\n        <span *ngIf=\"!viewOnly\"><i class=\"fas fa-info-circle\"></i> Click \u0111\u00FAp v\u00E0o v\u00F9ng tr\u1ED1ng \u0111\u1EC3 th\u00EAm m\u1EDBi tr\u1EA1ng th\u00E1i\r\n        </span>\r\n\r\n        <button (click)=\"copyWfToClipboard()\" pButton type=\"button\" pTooltip=\"Sao ch\u00E9p\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-info p-button-outlined p-ripple p-button p-component p-button-icon-only\">\r\n            <i class=\"fas fa-copy\"></i>\r\n        </button>\r\n\r\n        <button *ngIf=\"!viewOnly\" (click)=\"pasteWfToClipboard()\" pButton type=\"button\" label=\"Success\" pTooltip=\"D\u00E1n\"\r\n            tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-success p-button-outlined p-ripple p-button p-component p-button-icon-only\">\r\n            <i class=\"fas fa-paste\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"fullScreen(!fullScreenMode)\" pButton type=\"button\" label=\"Success\" pTooltip=\"M\u1EDF r\u1ED9ng\"\r\n            tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-secondary p-button-outlined p-ripple p-button p-component p-button-icon-only\">\r\n            <i *ngIf=\"!fullScreenMode\" class=\"fas fa-expand-arrows-alt\"></i>\r\n            <i *ngIf=\"fullScreenMode\" class=\"fas fa-compress-arrows-alt\"></i>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #content>\r\n    <div *ngIf=\"jsPlumbReady\" #container [id]=\"containerId\" class=\"container\" [ngClass]=\"viewOnly?'':'editable'\"\r\n        [ngStyle]=\"{ height: viewHeight + 'px' }\" (dblclick)=\"createNewNode($event, container)\">\r\n        <ng-container *ngIf=\"data.machines.length > 0\">\r\n            <state *ngFor=\"let machine of data.machines\" [id]=\"containerId + '_' + machine.id\" [machine]=\"machine\"\r\n                [viewOnly]=\"viewOnly\" class=\"state-node\"\r\n                [ngStyle]=\"{'left': machine.location[0] + 'px', 'top': machine.location[1] + 'px'}\"\r\n                [jsPlumbInstance]=\"jsPlumbInstance\" [containerId]=\"containerId\" (onEdit)=\"editNode($event)\"\r\n                (onDelete)=\"deleteNode($event)\" (onReady)=\"checkStatesReadyThenRenderConnections($event)\">\r\n            </state>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\"></p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"stateMetadataModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00F4ng tin tr\u1EA1ng th\u00E1i' | translate\" [popupSize]=\"stateMetadataModel.popupSize\"\r\n    (onHide)=\"hideStateMetadataForm()\">\r\n    <state-metadata #formBase [data]=\"currentState\" [location]=\"locationWhenAdd\" [machinesData]=\"data\"\r\n        (onSaved)=\"handleSavedStateMetadata($event)\" (onCancel)=\"hideStateMetadataForm()\"\r\n        (onRemove)=\"handleRemoveFromDialog()\">\r\n    </state-metadata>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"stateMachineConnectionModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [useDefaultScrollBar]=\"true\" [header]=\"'Th\u00F4ng tin \u0111\u01B0\u1EDDng n\u1ED1i' | translate\"\r\n    [popupSize]=\"stateMachineConnectionModel.popupSize\" (onHide)=\"hideConnectionForm()\">\r\n    <statemachines-connection-metadata #formBase [data]=\"currentConnectionObject.connectionMetadata\"\r\n        [designerContext]=\"context\" [machinesData]=\"data\" [viewOnly]=\"viewOnly\"\r\n        (onSaved)=\"handleSavedConnection($event)\" (onCancel)=\"hideConnectionForm()\"\r\n        (onRemove)=\"handleRemoveConnectionFromDialog()\">\r\n    </statemachines-connection-metadata>\r\n</tn-dialog>",
                 providers: [ComponentContextService],
-                styles: [".state-control{border:1px solid #ced4da;border-radius:3px;overflow:hidden;position:relative}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{display:block;height:100px;max-height:100px;position:absolute;width:150px}.state-control .container-note{display:inline-block;font-weight:100;margin:0;padding:10px 14px;position:absolute;text-align:right;top:0;width:100%}.state-control .container-note span{background:#ffeb3b;line-height:30px;margin-right:10px;padding:5px}.state-control .container-note button{margin-right:5px}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{background:rgba(97,183,207,.30196078431372547);border:1px dashed #c5c5c5;padding:5px;z-index:2}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{background:#44a7c3;border:none;color:#fff;z-index:3}:host ::ng-deep .editable .conn-label,:host ::ng-deep .editable .jtk-connector,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable path{cursor:pointer}::ng-deep .state-control.highlight .conn-label,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight state{opacity:.3}::ng-deep .state-control.highlight .conn-label.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight state.--current{opacity:unset}"]
+                styles: [".state-control{border:1px solid #ced4da;border-radius:3px;overflow:hidden;position:relative}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{display:block;height:100px;max-height:100px;position:absolute;width:150px}.state-control .container-note{display:inline-block;font-weight:100;margin:0;padding:10px 14px;position:absolute;text-align:right;top:0;width:100%}.state-control .container-note span{background:#ffeb3b;line-height:30px;margin-right:10px;padding:5px}.state-control .container-note button{margin-right:5px}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{background:rgba(97,183,207,.30196078431372547);border:1px dashed #c5c5c5;padding:5px;z-index:2}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{background:#44a7c3;border:none;color:#fff;z-index:3}:host ::ng-deep .editable .conn-label,:host ::ng-deep .editable .jtk-connector,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable path{cursor:pointer}::ng-deep .state-control.highlight .conn-label,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight state{opacity:.3}::ng-deep .state-control.highlight .conn-label.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight state.--current{opacity:unset}::ng-deep .state-control.highlight .conn-label.--current{background:#44a7c3;border:none;color:#fff}"]
             },] }
 ];
 StateMachinesDesignerComponent.ctorParameters = () => [
@@ -36979,7 +37374,7 @@ class TnAppHelpComponent extends ComponentBase {
 TnAppHelpComponent.decorators = [
     { type: Component, args: [{
                 selector: 'li[tn-app-help]',
-                template: "<a href=\"javascript:;\" tabindex=\"9\" (click)=\"showHelper()\" style=\"height: 30px;\" pTooltip=\"Tr\u1EE3 gi\u00FAp\"\r\n    tooltipPosition=\"bottom\">\r\n    <span class=\"topbar-icon-left\">\r\n        <!-- <svg focusable=\"false\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\r\n            class=\"topbar-icon animated swing svgmodule\">\r\n            <path fill=\"currentColor\"\r\n                d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"\r\n                class=\"\"></path>\r\n        </svg> -->\r\n        <i class=\"topbar-icon animated swing pi pi-question-circle\"></i>\r\n    </span>\r\n    <span class=\"topbar-item-name\">{{ \"Tr\u1EE3 gi\u00FAp\" | translate }}</span>\r\n</a>\r\n\r\n<p-sidebar [styleClass]=\"'HelperSlideBar tn-l-sidebar-wrapper'\" [(visible)]=\"display\" position=\"right\"\r\n    [appendTo]=\"'body'\" [style]=\"{ width: '30em', border: 0, 'max-width': '100vw' }\">\r\n    <div style=\"background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);\">\r\n        <h1 style=\"font-size: 16px; color: #212529;\">Trung t\u00E2m tr\u1EE3 gi\u00FAp</h1>\r\n    </div>\r\n\r\n    <div class=\"tn-l-help-wrapper\">\r\n        <tn-custom-scrollbar #scrollbar [style]=\"{'max-height':'calc(100vh - 50px)'}\">\r\n            <div class=\"HelpCenter\">\r\n                <div class=\"p-grid\" style=\"margin-top:10px; margin-bottom: 50px;\">\r\n                    <div class=\"p-col-8\">\r\n                        <p style=\"font-weight:bold;font-size: 16px;margin-bottom: 8px; margin-top:20px\">\r\n                            {{environment.helpConfig?.expertName}}\r\n                        </p>\r\n                        <p style=\"margin: 0px;\">\r\n                            <a [href]=\"hrefTelephone\"><i class=\"fas fa-phone\"\r\n                                    style=\"margin-right: 8px; width: 15px\"></i>{{phoneNumber}}</a>\r\n                        </p>\r\n                        <p style=\"margin-top: 8px;\">\r\n                            <a [href]=\"hrefMail\"><i class=\"fas fa-envelope\"\r\n                                    style=\"margin-right: 8px; width: 15px\"></i>{{mail}}</a>\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"p-col-4\">\r\n                        <img src=\"/assets/images/tri-nam-group-logo.png\"\r\n                            style=\"width: 100%; float: right; margin-top: 25px; opacity: 0.7;\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"p-grid p-m-0 HelpCenter-video\" style=\"margin-top: 0px\">\r\n                    <div class=\"p-col-12 help-title\">\r\n                        <span class=\"tit-name\">Xem h\u01B0\u1EDBng d\u1EABn</span>\r\n                    </div>\r\n                    <div class=\"p-col-12 help-content\">\r\n                        <h2 *ngIf=\"showHelperCurrentPageState\" style=\"margin-top: 0px\">\r\n                            <a href=\"javascript:;\" (click)=\"showHelperCurrentPage(null)\"\r\n                                style=\"display:inline-block; position: relative; border-top: 1px solid #52abf5;\">\r\n                                <img src=\"/assets/images/bgvideo.png\" alt=\"screen shot\"\r\n                                    style=\"width:100%; filter: brightness(0.88);\" />\r\n                                <i class=\"fab fa-youtube fa-2x\"></i>\r\n                            </a>\r\n                        </h2>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"p-grid p-m-0 HelpCenter-download\" style=\"margin-top: 0px; margin-bottom: 40px;\">\r\n                    <div class=\"p-col-12 help-title\">\r\n                        <span class=\"tit-name\">Ph\u1EA7n m\u1EC1m ti\u1EC7n \u00EDch</span>\r\n                    </div>\r\n                    <div class=\"tn-l-pmti\" style=\"border: 1px solid #ccc; width: 100%\">\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"{{environment.signalr.linkDownloadClientApp}}\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/icon-appTN64x64.png\" />\r\n                                    <br />TN Client\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"https://ultraviewer.net/vi/UltraViewer_setup_6.2_vi.exe\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/ultraviewer.ico\" />\r\n                                    <br />Ultraviewer\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"https://www.teamviewer.com/vi/tai-xuong-tu-dong-teamviewer/\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/icon-teamviewer.png\" />\r\n                                    <br />Teamviewer\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </tn-custom-scrollbar>\r\n    </div>\r\n</p-sidebar>",
+                template: "<a href=\"javascript:;\" tabindex=\"9\" (click)=\"showHelper()\" style=\"height: 30px;\" pTooltip=\"Tr\u1EE3 gi\u00FAp\"\r\n    tooltipPosition=\"bottom\">\r\n    <span class=\"topbar-icon-left\">\r\n        <!-- <svg focusable=\"false\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\r\n            class=\"topbar-icon animated swing svgmodule\">\r\n            <path fill=\"currentColor\"\r\n                d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"\r\n                class=\"\"></path>\r\n        </svg> -->\r\n        <i class=\"topbar-icon animated swing pi pi-question-circle\"></i>\r\n    </span>\r\n    <span class=\"topbar-item-name\">{{ \"Tr\u1EE3 gi\u00FAp\" | translate }}</span>\r\n</a>\r\n\r\n<p-sidebar [styleClass]=\"'HelperSlideBar tn-l-sidebar-wrapper'\" [(visible)]=\"display\" position=\"right\"\r\n    [appendTo]=\"'body'\" [style]=\"{ width: '30em', border: 0, 'max-width': '100vw' }\">\r\n    <div style=\"background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);\">\r\n        <h1 style=\"font-size: 16px; color: #212529;\">Trung t\u00E2m tr\u1EE3 gi\u00FAp</h1>\r\n    </div>\r\n\r\n    <div class=\"tn-l-help-wrapper\">\r\n        <tn-custom-scrollbar #scrollbar [style]=\"{'max-height':'calc(100vh - 50px)'}\">\r\n            <div class=\"HelpCenter\">\r\n                <div class=\"p-grid\" style=\"margin-top:10px; margin-bottom: 25px;\">\r\n                    <div class=\"p-col-8\">\r\n                        <p style=\"font-weight:bold;font-size: 16px;margin-bottom: 8px; margin-top:20px\">\r\n                            {{environment.helpConfig?.expertName}}\r\n                        </p>\r\n                        <p style=\"margin: 0px;\">\r\n                            <a [href]=\"hrefTelephone\"><i class=\"fas fa-phone\"\r\n                                    style=\"margin-right: 8px; width: 15px\"></i>{{phoneNumber}}</a>\r\n                        </p>\r\n                        <p style=\"margin-top: 8px;\">\r\n                            <a [href]=\"hrefMail\"><i class=\"fas fa-envelope\"\r\n                                    style=\"margin-right: 8px; width: 15px\"></i>{{mail}}</a>\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"p-col-4\">\r\n                        <img src=\"/assets/images/tri-nam-group-logo.png\"\r\n                            style=\"width: 100%; float: right; margin-top: 15px; opacity: 0.7;\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"p-grid p-m-0 HelpCenter-video\" style=\"margin-top: 0px\">\r\n                    <div class=\"p-col-12 help-title\">\r\n                        <span class=\"tit-name\">Xem h\u01B0\u1EDBng d\u1EABn</span>\r\n                    </div>\r\n                    <div class=\"p-col-12 help-content\">\r\n                        <h2 *ngIf=\"showHelperCurrentPageState\" style=\"margin-top: 0px\">\r\n                            <a href=\"javascript:;\" (click)=\"showHelperCurrentPage(null)\"\r\n                                style=\"display:inline-block; position: relative; border-top: 1px solid #52abf5;\">\r\n                                <img src=\"/assets/images/bgvideo.png\" alt=\"screen shot\"\r\n                                    style=\"width:100%; filter: brightness(0.88);\" />\r\n                                <i class=\"fab fa-youtube fa-2x\"></i>\r\n                            </a>\r\n                        </h2>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"p-grid p-m-0 HelpCenter-download\" style=\"margin-top: 0px; margin-bottom: 40px;\">\r\n                    <div class=\"p-col-12 help-title\">\r\n                        <span class=\"tit-name\">Ph\u1EA7n m\u1EC1m ti\u1EC7n \u00EDch</span>\r\n                    </div>\r\n                    <div class=\"tn-l-pmti\" style=\"border: 1px solid #ccc; width: 100%\">\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"{{environment.signalr.linkDownloadClientApp}}\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/icon-appTN64x64.png\" />\r\n                                    <br />TN Client\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"https://ultraviewer.net/vi/UltraViewer_setup_6.2_vi.exe\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/ultraviewer.ico\" />\r\n                                    <br />Ultraviewer\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"p-col-4 help-content\">\r\n                            <p style=\"margin-top: 18px; text-align: center;\">\r\n                                <a target=\"_blank\" href=\"https://www.teamviewer.com/vi/tai-xuong-tu-dong-teamviewer/\"\r\n                                    style=\"display: inline-block; text-align: center;\">\r\n                                    <img src=\"/assets/images/icon-teamviewer.png\" />\r\n                                    <br />Teamviewer\r\n                                </a>\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </tn-custom-scrollbar>\r\n    </div>\r\n</p-sidebar>",
                 providers: [ComponentContextService],
                 styles: [".HelpCenter{color:#555;padding:0 20px}::ng-deep .tn-l-sidebar-wrapper{padding:0}.tn-l-pmti{display:flex}.HelpCenter p:first-child img{margin-bottom:10px}::ng-deep .HelperSlideBar .p-sidebar-content>button{color:#212529;cursor:pointer;font-size:20px;margin-right:14px;margin-top:10px}::ng-deep .ui-sidebar{padding:0}::ng-deep .HelperSlideBar h1{height:50px;line-height:50px;margin:0;padding-left:20px;text-transform:uppercase}.HelpCenter-video{position:relative}.HelpCenter-video i{color:#454545;cursor:pointer;left:50%;opacity:.5;position:absolute;top:calc(50% - 10px);transform:translateX(-50%) translateY(-50%);transition:.5s}.HelpCenter-video video{opacity:1}.HelpCenter-video:hover video{cursor:pointer;opacity:.5}.HelpCenter-video:hover i{opacity:1}.HelpCenter-download img{height:45px;width:45px}.HelpCenter .help-title{background-color:rgba(49,146,225,.8784313725490196);color:#fff}.HelpCenter .help-title .tit-name{font-size:14px;font-weight:700}.HelpCenter .help-content{padding:0}.HelpCenter .HelpCenter-comment .help-content{padding:0;text-align:center}.HelpCenter-comment,.HelpCenter-download,.HelpCenter-video{margin-bottom:15px}.tn-l-help-wrapper{display:flex;max-height:calc(100vh - 60px);overflow:auto}"]
             },] }
@@ -37744,7 +38139,7 @@ class TnAppNotificationComponent extends ComponentBase {
     }
     handleClicked() {
         const domain = this.environment.clientDomain.thongbaoDomain;
-        this._router.navigate([`${domain}/thongbao-chuadoc`]);
+        window.open(`${domain}/thongbao-chuadoc`);
     }
 }
 TnAppNotificationComponent.decorators = [
@@ -38694,10 +39089,11 @@ UserPickerDialogComponent.propDecorators = {
 };
 
 class UserPickerComponent extends ComponentBase {
-    constructor(_injector, _userV5Service, _translateService) {
+    constructor(_injector, _userV5Service, _translateService, _dm_ChucVuService) {
         super(_injector);
         this._userV5Service = _userV5Service;
         this._translateService = _translateService;
+        this._dm_ChucVuService = _dm_ChucVuService;
         this.popupSize = new PopupSize({
             width: 1100,
             height: 900,
@@ -38721,6 +39117,8 @@ class UserPickerComponent extends ComponentBase {
         this.dirty = false;
         this.tooltip = '';
         this.hasValue = false;
+        this.searchSchema = {};
+        this.searchData = {};
     }
     ngOnInit() {
         this.control._component = this;
@@ -38750,6 +39148,21 @@ class UserPickerComponent extends ComponentBase {
                     code: 'email',
                     dataType: 'string',
                     fullTextSearch: true
+                }),
+                new EntityPickerColumn({
+                    label: 'Chức vụ',
+                    code: 'lstTenChucVu',
+                    templateFilter: this.filterChucVuRef,
+                }),
+                new EntityPickerColumn({
+                    label: 'Giảng viên',
+                    code: 'isGiangVien',
+                    dataType: 'boolean'
+                }),
+                new EntityPickerColumn({
+                    label: 'Chuyên viên',
+                    code: 'isChuyenVien',
+                    dataType: 'boolean'
                 })
             ], mdWidth: 12 }));
         this.fieldSearchText = [...this.controlPicker.fieldSearchText];
@@ -38770,8 +39183,21 @@ class UserPickerComponent extends ComponentBase {
             this.funcReturnValue = value => value;
         this.buildFilterKeyword();
         this.buildSettingEntityPicker();
+        this.createSchemaSearch();
         this.onReady.emit();
     }
+    createSchemaSearch() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.searchSchema.idChucVus = new DropdownControlSchema({
+                field: 'idChucVus',
+                multiple: true,
+                placeholder: 'Chọn chức vụ',
+                baseService: this._dm_ChucVuService,
+                sortField: 'soThuTu',
+                loadOnInit: true
+            });
+        });
+    }
     buildFilterKeyword() {
         if (this.fieldSearchText.length == 1) {
             this.getFilterOnSearch = value => this.newFilter(this.controlPicker.displayField, Operator.contain, value);
@@ -38867,6 +39293,13 @@ class UserPickerComponent extends ComponentBase {
                     filters.push(this.newFilter(this.controlPicker.valueField, Operator.notEqual, this.value));
                 }
             }
+            if (this.searchData.idChucVus && this.searchData.idChucVus.length > 0) {
+                const filterOrs = [];
+                this.searchData.idChucVus.forEach(idChucVu => {
+                    filterOrs.push(this.newFilter('IdsChucVu', Operator.contain, idChucVu));
+                });
+                filters.push(this.newFilterContainer('or', ...filterOrs));
+            }
             yield appendDefaultFilter(filters, this.control.defaultFilters);
             if (keyWord && keyWord.length > 0) {
                 filters.push(this.getFilterOnSearch(keyWord));
@@ -39134,7 +39567,7 @@ class UserPickerComponent extends ComponentBase {
 UserPickerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'user-picker',
-                template: "<div class=\"p-inputgroup user-picker\" [class.multiple]=\"multiple\" [class.hasValue]=\"hasValue\">\r\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\r\n        <p-autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\" [disabled]=\"disabled\"\r\n            [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\" [suggestions]=\"results\" field=\"label\"\r\n            [styleClass]=\"control.validators && control.required ? 'rq' : ''\" [multiple]=\"control.multiple\"\r\n            [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\" (onFocus)=\"handleFocus($event)\"\r\n            (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\" (onKeyUp)=\"handleKeyUp($event)\"\r\n            (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\r\n        </p-autoComplete>\r\n    </div>\r\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\r\n            class=\"fas fa-times\"></i></span>\r\n    <button class=\"custom-autocomplete-button\" [disabled]=\"disabled\" tabindex=\"-1\" (click)=\"showPickForm()\" pButton\r\n        [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\" type=\"button\"></button>\r\n</div>\r\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"user-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <user-picker-box #userPickerBox [controlSetting]=\"control\" [control]=\"controlPicker\" [parentSetting]=\"settingPicker\"\r\n        [advanceData]=\"advanceDataPicker\" [selectedValue]=\"selectedValue\" (onChanged)=\"handleChangeEntity($event)\"\r\n        (onSelect)=\"handleSelectEntity($event)\" (onUnSelect)=\"handleUnSelectEntity($event)\"\r\n        (onDone)=\"handleHide($event)\" (onRowSelect)=\"handleRowSelect($event)\">\r\n    </user-picker-box>\r\n    <ng-template #footer>\r\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, userPickerBox)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh'\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
+                template: "<div class=\"p-inputgroup user-picker\" [class.multiple]=\"multiple\" [class.hasValue]=\"hasValue\">\r\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\r\n        <p-autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\" [disabled]=\"disabled\"\r\n            [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\" [suggestions]=\"results\" field=\"label\"\r\n            [styleClass]=\"control.validators && control.required ? 'rq' : ''\" [multiple]=\"control.multiple\"\r\n            [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\" (onFocus)=\"handleFocus($event)\"\r\n            (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\" (onKeyUp)=\"handleKeyUp($event)\"\r\n            (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\r\n        </p-autoComplete>\r\n    </div>\r\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\r\n            class=\"fas fa-times\"></i></span>\r\n    <button class=\"custom-autocomplete-button\" [disabled]=\"disabled\" tabindex=\"-1\" (click)=\"showPickForm()\" pButton\r\n        [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\" type=\"button\"></button>\r\n</div>\r\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"user-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <user-picker-box #userPickerBox [controlSetting]=\"control\" [control]=\"controlPicker\" [parentSetting]=\"settingPicker\"\r\n        [advanceData]=\"advanceDataPicker\" [selectedValue]=\"selectedValue\" (onChanged)=\"handleChangeEntity($event)\"\r\n        (onSelect)=\"handleSelectEntity($event)\" (onUnSelect)=\"handleUnSelectEntity($event)\"\r\n        (onDone)=\"handleHide($event)\" (onRowSelect)=\"handleRowSelect($event)\">\r\n    </user-picker-box>\r\n    <ng-template #footer>\r\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, userPickerBox)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh'\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>\r\n\r\n<ng-template #filterChucVuRef let-col=\"col\" let-filterData=\"filterData\" let-onSearch=\"onSearch\"\r\n    let-onShowFilterDropdownPanel=\"onShowFilterDropdownPanel\" let-onHideFilterDropdownPanel=\"onHideFilterDropdownPanel\">\r\n    <dropdown [control]=\"searchSchema.idChucVus\" [(value)]=\"searchData.idChucVus\" (onHideSmartEvent)=\"onSearch()\"\r\n        (onShow)=\"onShowFilterDropdownPanel($event)\" (onHideSmartEvent)=\"onHideFilterDropdownPanel($event)\">\r\n    </dropdown>\r\n</ng-template>",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -39149,9 +39582,11 @@ UserPickerComponent.decorators = [
 UserPickerComponent.ctorParameters = () => [
     { type: Injector },
     { type: UserV5Service },
-    { type: TranslateService }
+    { type: TranslateService },
+    { type: DmChucVuService }
 ];
 UserPickerComponent.propDecorators = {
+    filterChucVuRef: [{ type: ViewChild, args: ['filterChucVuRef', { static: true },] }],
     control: [{ type: Input }],
     popupSize: [{ type: Input }],
     multiple: [{ type: Input }],
@@ -40088,13 +40523,13 @@ PermissionSharingComponent.propDecorators = {
 };
 
 class ProcessWorkflowTargetComponent extends DataFormBase {
-    constructor(_injector, _stateMachinesService, _coCauToChucService, _userGroupService, _roleService) {
+    constructor(_injector, _stateMachinesService, _coCauToChucService, _userGroupService, _dmChucVuService) {
         super(_injector);
         this._injector = _injector;
         this._stateMachinesService = _stateMachinesService;
         this._coCauToChucService = _coCauToChucService;
         this._userGroupService = _userGroupService;
-        this._roleService = _roleService;
+        this._dmChucVuService = _dmChucVuService;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -40119,40 +40554,8 @@ class ProcessWorkflowTargetComponent extends DataFormBase {
             // this.createUserPickerControl('idCapTrenGanNhats', 'Cán bộ cấp trên gần nhất'),
             this._createCoCauToChucControl('departmentIds', 'Đơn vị'),
             this._createUserGroupPickerControl('groupIds', 'Nhóm người dùng'),
-            this._createRolePickerControl('roleIds', 'Vai trò')
+            this._createRolePickerControl('roleIds', 'Chức vụ')
         ];
-        // Ghép thêm các user theo rule vào userIds
-        this.addUserIdFromDicByRule(this.initValue.dicDefaultValue, this.data.rules);
-        // Ghép thêm các user theo rule in workflow vào userIds
-        this.addUserIdFromDicByRule(this.initValue.dicDefaultValueByWorkflow, this.data.ruleInWorkflows);
-        // Ghép thêm các value từ dicByTargetType vào các control
-        if (this.data.rules.some(q => q == EnumUserRule.NGUOI_NHAN)) {
-            this.addValueFromDicByTarget(this.initValue.dicByTargetCanEdit);
-        }
-        // Ghép thêm các value từ dicByTargetType vào các control
-        if (this.data.rules.some(q => q == EnumUserRule.NGUOI_THEO_DOI)) {
-            this.addValueFromDicByTarget(this.initValue.dicByTargetOnlyView);
-        }
-    }
-    addUserIdFromDicByRule(dicSource, rules) {
-        Object.keys(dicSource)
-            .filter(x => rules.some(q => q == x))
-            .forEach(rule => {
-            this.addDistinctToList(this.data.userIds, dicSource[rule]);
-        });
-    }
-    addValueFromDicByTarget(dicByTargetType) {
-        this.addDistinctToList(this.data.userIds, dicByTargetType[EnumTargetType.USER]);
-        this.addDistinctToList(this.data.departmentIds, dicByTargetType[EnumTargetType.DEPARTMENT]);
-        this.addDistinctToList(this.data.groupIds, dicByTargetType[EnumTargetType.GROUP]);
-        this.addDistinctToList(this.data.roleIds, dicByTargetType[EnumTargetType.ROLE]);
-    }
-    addDistinctToList(lstDest, lstSource) {
-        lstSource.forEach(item => {
-            if (!lstDest.some(q => q == item)) {
-                lstDest.push(item);
-            }
-        });
     }
     _createUserPickerControl(field, label, multiple = true) {
         const control = createUserPickerControl(field, label);
@@ -40167,7 +40570,7 @@ class ProcessWorkflowTargetComponent extends DataFormBase {
         return createUserGroupPickerControl(this._userGroupService, field, label);
     }
     _createRolePickerControl(field, label) {
-        return createRolePickerControl(this._roleService, field, label);
+        return createRolePickerControl(this._dmChucVuService, field, label);
     }
     onFormInitialized(evt) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -40190,7 +40593,7 @@ ProcessWorkflowTargetComponent.ctorParameters = () => [
     { type: StateMachinesService },
     { type: CoCauToChucService },
     { type: UserGroupRealService },
-    { type: RoleService }
+    { type: DmChucVuService }
 ];
 ProcessWorkflowTargetComponent.propDecorators = {
     data: [{ type: Input }],
@@ -40256,11 +40659,11 @@ class ProcessWorkflowFormComponent extends DataFormBase {
             if (this.isActionKetThuc) {
                 this.mainTabData[1].active = true;
             }
-            if (this.checkNeedGetUser()) {
-                if (!(yield this.getUserForProcessWorkflow())) {
-                    return;
-                }
+            // if (this.checkNeedGetUser()) {
+            if (!(yield this.getUserForProcessWorkflow())) {
+                return;
             }
+            // }
             this.setDataAndTriggerReady();
         });
     }
@@ -40284,29 +40687,20 @@ class ProcessWorkflowFormComponent extends DataFormBase {
     getUserForProcessWorkflow() {
         return __awaiter(this, void 0, void 0, function* () {
             const sourceMachine = this.workflow.data.machines.find(q => q.id == this.action.source);
-            const resultGetUserInProcessForm = yield this._stateMachinesService.getUserInProcessForm(this.workflow.code, sourceMachine.code, this.action.code, this.item.id);
+            const resultGetUserInProcessForm = yield this.businessSetting.baseService.getUserInProcessForm(this.workflow.code, sourceMachine.code, this.action.code, this.item.id);
             if (!resultGetUserInProcessForm.success) {
                 this.handleResponse(resultGetUserInProcessForm);
                 return false;
             }
             const dataUserInProcessForm = resultGetUserInProcessForm.data;
-            if (dataUserInProcessForm.dicByRuleType) {
-                Object.keys(dataUserInProcessForm.dicByRuleType).forEach(key => {
-                    this.initValueForTargetForm.dicDefaultValue[key] = dataUserInProcessForm.dicByRuleType[key];
-                });
-            }
-            if (dataUserInProcessForm.dicByAction) {
-                Object.keys(dataUserInProcessForm.dicByAction).forEach(key => {
-                    this.initValueForTargetForm.dicDefaultValueByWorkflow[key.toUpperCase()] = dataUserInProcessForm.dicByAction[key];
-                });
-            }
-            if (dataUserInProcessForm.dicByTargetCanEdit) {
-                this.initValueForTargetForm.dicByTargetCanEdit = dataUserInProcessForm.dicByTargetCanEdit;
-            }
-            if (dataUserInProcessForm.dicByTargetOnlyView) {
-                this.initValueForTargetForm.dicByTargetOnlyView = dataUserInProcessForm.dicByTargetOnlyView;
-            }
-            this.infoReceiver = dataUserInProcessForm.infoReceiver;
+            this.initValueForTargetForm.lstUserId = dataUserInProcessForm.lstUserId;
+            this.initValueForTargetForm.lstUserViewId = dataUserInProcessForm.lstUserViewId;
+            this.initValueForTargetForm.lstDonViId = dataUserInProcessForm.lstDonViId;
+            this.initValueForTargetForm.lstDonViViewId = dataUserInProcessForm.lstDonViViewId;
+            this.initValueForTargetForm.lstGroupId = dataUserInProcessForm.lstGroupId;
+            this.initValueForTargetForm.lstGroupViewId = dataUserInProcessForm.lstGroupViewId;
+            this.initValueForTargetForm.lstRoleId = dataUserInProcessForm.lstRoleId;
+            this.initValueForTargetForm.lstRoleViewId = dataUserInProcessForm.lstRoleViewId;
             return true;
         });
     }
@@ -40319,36 +40713,42 @@ class ProcessWorkflowFormComponent extends DataFormBase {
         return false;
     }
     setDataAndTriggerReady() {
+        var _a, _b, _c, _d, _e, _f;
         this.dataAllowEdit = {
             rules: [],
             userIds: [],
             ruleInWorkflows: [],
-            departmentIds: this.action.data.departmentIds,
-            groupIds: this.action.data.groupIds,
-            roleIds: this.action.data.roleIds
+            departmentIds: (_a = this.action.data.departmentIds) !== null && _a !== void 0 ? _a : [],
+            groupIds: (_b = this.action.data.groupIds) !== null && _b !== void 0 ? _b : [],
+            roleIds: (_c = this.action.data.roleIds) !== null && _c !== void 0 ? _c : []
         };
         this.dataOnlyView = {
             rules: [],
             userIds: [],
             ruleInWorkflows: [],
-            departmentIds: this.action.data.departmentViewIds,
-            groupIds: this.action.data.groupViewIds,
-            roleIds: this.action.data.roleViewIds
+            departmentIds: (_d = this.action.data.departmentViewIds) !== null && _d !== void 0 ? _d : [],
+            groupIds: (_e = this.action.data.groupViewIds) !== null && _e !== void 0 ? _e : [],
+            roleIds: (_f = this.action.data.roleViewIds) !== null && _f !== void 0 ? _f : []
         };
-        if (this.infoReceiver) {
-            if (this.infoReceiver.user) {
-                this.dataAllowEdit.userIds = this.infoReceiver.user.ids;
-                this.dataAllowEdit.rules = this.infoReceiver.user.rules;
-                this.dataAllowEdit.ruleInWorkflows = this.infoReceiver.user.ruleInWorkflows;
-            }
-            if (this.infoReceiver.userView) {
-                this.dataOnlyView.userIds = this.infoReceiver.userView.ids;
-                this.dataOnlyView.rules = this.infoReceiver.userView.rules;
-                this.dataOnlyView.ruleInWorkflows = this.infoReceiver.userView.ruleInWorkflows;
-            }
-        }
+        this.addDistinct(this.dataAllowEdit.userIds, this.initValueForTargetForm.lstUserId);
+        this.addDistinct(this.dataAllowEdit.departmentIds, this.initValueForTargetForm.lstDonViId);
+        this.addDistinct(this.dataAllowEdit.groupIds, this.initValueForTargetForm.lstGroupId);
+        this.addDistinct(this.dataAllowEdit.roleIds, this.initValueForTargetForm.lstRoleId);
+        this.addDistinct(this.dataOnlyView.userIds, this.initValueForTargetForm.lstUserViewId);
+        this.addDistinct(this.dataOnlyView.departmentIds, this.initValueForTargetForm.lstDonViViewId);
+        this.addDistinct(this.dataOnlyView.groupIds, this.initValueForTargetForm.lstGroupViewId);
+        this.addDistinct(this.dataOnlyView.roleIds, this.initValueForTargetForm.lstRoleViewId);
         this.formReady = true;
     }
+    addDistinct(dest, source) {
+        if (!source || !source.length)
+            return;
+        source.forEach(item => {
+            if (dest.indexOf(item) == -1) {
+                dest.push(item);
+            }
+        });
+    }
     onFormInitialized(evt) {
         return __awaiter(this, void 0, void 0, function* () {
             evt.model.id = this._commonService.guid();
@@ -40369,7 +40769,7 @@ class ProcessWorkflowFormComponent extends DataFormBase {
                     && this.isEmptyArray(this.model.data.departmentIds)
                     && this.isEmptyArray(this.model.data.groupIds)
                     && this.isEmptyArray(this.model.data.roleIds)) {
-                    this._notifierService.showWarning('Phải chọn ít nhất 1 nhóm đối tượng nhận (Cán bộ | Đơn vị | Nhóm người dùng | Vai trò)');
+                    this._notifierService.showWarning('Phải chọn ít nhất 1 nhóm đối tượng nhận (Cán bộ | Đơn vị | Nhóm người dùng | Chức vụ)');
                     return false;
                 }
             }
@@ -40720,13 +41120,13 @@ WorkflowHistoryDialogComponent.propDecorators = {
 };
 
 class WorkflowHistoryNewComponent extends DataListBase {
-    constructor(_injector, _workflowHistoryService, _coCauToChucService, _userGroupService, _roleService, _fileDataService) {
+    constructor(_injector, _workflowHistoryService, _coCauToChucService, _userGroupService, _dmChucVuService, _fileDataService) {
         super(_injector);
         this._injector = _injector;
         this._workflowHistoryService = _workflowHistoryService;
         this._coCauToChucService = _coCauToChucService;
         this._userGroupService = _userGroupService;
-        this._roleService = _roleService;
+        this._dmChucVuService = _dmChucVuService;
         // Là form lịch sử của task nhưng mở từ giao diện của đối tượng mà task gắn vào
         // Ở form này thì chỉ xem lịch sử chứ k dc làm gì hết
         this.isRelativeForm = false;
@@ -40787,8 +41187,8 @@ class WorkflowHistoryNewComponent extends DataListBase {
             new ModelSchema({ field: 'donViViewIds', name: 'Đơn vị theo dõi', fullName: 'Đơn vị theo dõi', description: '' }),
             new ModelSchema({ field: 'groupIds', name: 'Nhóm người dùng nhận', fullName: 'Nhóm người dùng nhận', description: '' }),
             new ModelSchema({ field: 'groupViewIds', name: 'Nhóm người dùng theo dõi', fullName: 'Nhóm người dùng theo dõi', description: '' }),
-            new ModelSchema({ field: 'roleIds', name: 'Vai trò nhận', fullName: 'Vai trò nhận', description: '' }),
-            new ModelSchema({ field: 'roleViewIds', name: 'Vai trò theo dõi', fullName: 'Vai trò theo dõi', description: '' }),
+            new ModelSchema({ field: 'roleIds', name: 'Chức vụ nhận', fullName: 'Chức vụ nhận', description: '' }),
+            new ModelSchema({ field: 'roleViewIds', name: 'Chức vụ theo dõi', fullName: 'Chức vụ theo dõi', description: '' }),
             new ModelSchema({ field: 'note', name: 'Ý kiến', fullName: 'Ý kiến', description: '' })
         ];
         this.setting.cols = [
@@ -40860,8 +41260,7 @@ class WorkflowHistoryNewComponent extends DataListBase {
             new ColumnSchemaBase({
                 field: 'roleIds',
                 width: '15%',
-                baseService: this._roleService,
-                displayField: 'name',
+                baseService: this._dmChucVuService,
                 multiple: true,
                 visible: false,
                 forceGetData: true
@@ -40869,8 +41268,7 @@ class WorkflowHistoryNewComponent extends DataListBase {
             new ColumnSchemaBase({
                 field: 'roleViewIds',
                 width: '15%',
-                baseService: this._roleService,
-                displayField: 'name',
+                baseService: this._dmChucVuService,
                 multiple: true,
                 visible: false,
                 forceGetData: true
@@ -41066,7 +41464,7 @@ class WorkflowHistoryNewComponent extends DataListBase {
 WorkflowHistoryNewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'workflow-history-new',
-                template: "<div style=\"height: 100%\">\r\n    <as-split direction=\"vertical\">\r\n        <as-split-area [size]=\"40\">\r\n            <div class=\"state-designer-container\">\r\n                <div>\r\n                    S\u01A1 \u0111\u1ED3 quy tr\u00ECnh\r\n                </div>\r\n                <div>\r\n                    <tn-custom-scrollbar>\r\n                        <statemachines-designer [data]=\"machinesData\" [currentConnection]=\"currentConnection\"\r\n                            [viewOnly]=\"true\" [useScrollBar]=\"false\">\r\n                        </statemachines-designer>\r\n                        <after-view-checked (loaded)=\"setMachinesAndConnection()\"></after-view-checked>\r\n                    </tn-custom-scrollbar>\r\n                </div>\r\n            </div>\r\n        </as-split-area>\r\n        <as-split-area [size]=\"60\">\r\n            <div style=\"height: 100%\">\r\n                <crud-list *ngIf=\"model.ready\" #crudList [model]=\"model\" [setting]=\"setting\"\r\n                    [dataSource]=\"model.dataSource\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n                    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n                    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\"\r\n                    (onRowSelect)=\"handleRowSelect($event)\">\r\n                    <ng-template #note let-rowData=\"rowData\">\r\n                        <div *ngIf=\"rowData.note==null?'':rowData.note\" [innerHTML]=\"rowData.note | safeHtml\"></div>\r\n                    </ng-template>\r\n                    <ng-template #receiver let-rowData=\"rowData\">\r\n                        <div *ngIf=\"!rowData.notInMainThread\" class=\"container-receiver\">\r\n                            <div *ngIf=\"rowData.struserIds\"><b>C\u00E1n b\u1ED9: </b>{{rowData.struserIds}}</div>\r\n                            <div *ngIf=\"rowData.strdonViIds\"><b>\u0110\u01A1n v\u1ECB: </b>{{rowData.strdonViIds}}</div>\r\n                            <div *ngIf=\"rowData.strgroupIds\"><b>Nh\u00F3m: </b>{{rowData.strgroupIds}}</div>\r\n                            <div *ngIf=\"rowData.strroleIds\"><b>Vai tr\u00F2: </b>{{rowData.strroleIds}}</div>\r\n                        </div>\r\n                        <div *ngIf=\"rowData.notInMainThread\">\r\n                            <div *ngFor=\"let changedField of rowData.jsonModelChange\">\r\n                                {{changedField.field}},\r\n                                {{changedField.valueOld}} => {{changedField.valueNew}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <ng-template #receiverView let-rowData=\"rowData\">\r\n                        <div class=\"container-receiver\">\r\n                            <div *ngIf=\"rowData.struserViewIds\"><b>C\u00E1n b\u1ED9: </b>{{rowData.struserViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strdonViViewIds\"><b>\u0110\u01A1n v\u1ECB: </b>{{rowData.strdonViViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strgroupViewIds\"><b>Nh\u00F3m: </b>{{rowData.strgroupViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strroleViewIds\"><b>Vai tr\u00F2: </b>{{rowData.strroleViewIds}}</div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <ng-template #fileDinhKem let-rowData=\"rowData\">\r\n                        <file-manager [serviceCode]=\"_workflowHistoryService.serviceCode\"\r\n                            [entity]=\"_workflowHistoryService.entityName\" [entityKey]=\"rowData.id\"\r\n                            [fileDataService]=\"fileDataService\" [layout]=\"layoutFile.SIMPLE\" [readonly]=\"true\">\r\n                        </file-manager>\r\n                    </ng-template>\r\n                    <ng-template #function let-rowData=\"rowData\">\r\n                        <button *ngIf=\"rowData.status == enumWorkflowHistoryStatus.IN_MAIN_THREAD\" pButton\r\n                            icon=\"pi pi-replay\" class=\"p-button-text p-button-rounded link-or-action\"\r\n                            pTooltip=\"Thu h\u1ED3i v\u1EC1 b\u01B0\u1EDBc n\u00E0y\" tooltipPosition=\"top\"\r\n                            (click)=\"rollbackByHistory(rowData)\"></button>\r\n                    </ng-template>\r\n                </crud-list>\r\n            </div>\r\n        </as-split-area>\r\n    </as-split>\r\n</div>",
+                template: "<div style=\"height: 100%\">\r\n    <as-split direction=\"vertical\">\r\n        <as-split-area [size]=\"40\">\r\n            <div class=\"state-designer-container\">\r\n                <div>\r\n                    S\u01A1 \u0111\u1ED3 quy tr\u00ECnh\r\n                </div>\r\n                <div>\r\n                    <tn-custom-scrollbar>\r\n                        <statemachines-designer [data]=\"machinesData\" [currentConnection]=\"currentConnection\"\r\n                            [viewOnly]=\"true\" [useScrollBar]=\"false\">\r\n                        </statemachines-designer>\r\n                        <after-view-checked (loaded)=\"setMachinesAndConnection()\"></after-view-checked>\r\n                    </tn-custom-scrollbar>\r\n                </div>\r\n            </div>\r\n        </as-split-area>\r\n        <as-split-area [size]=\"60\">\r\n            <div style=\"height: 100%\">\r\n                <crud-list *ngIf=\"model.ready\" #crudList [model]=\"model\" [setting]=\"setting\"\r\n                    [dataSource]=\"model.dataSource\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n                    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n                    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\"\r\n                    (onRowSelect)=\"handleRowSelect($event)\">\r\n                    <ng-template #note let-rowData=\"rowData\">\r\n                        <div *ngIf=\"rowData.note==null?'':rowData.note\" [innerHTML]=\"rowData.note | safeHtml\"></div>\r\n                    </ng-template>\r\n                    <ng-template #receiver let-rowData=\"rowData\">\r\n                        <div *ngIf=\"!rowData.notInMainThread\" class=\"container-receiver\">\r\n                            <div *ngIf=\"rowData.struserIds\"><b>C\u00E1n b\u1ED9: </b>{{rowData.struserIds}}</div>\r\n                            <div *ngIf=\"rowData.strdonViIds\"><b>\u0110\u01A1n v\u1ECB: </b>{{rowData.strdonViIds}}</div>\r\n                            <div *ngIf=\"rowData.strgroupIds\"><b>Nh\u00F3m: </b>{{rowData.strgroupIds}}</div>\r\n                            <div *ngIf=\"rowData.strroleIds\"><b>Ch\u1EE9c v\u1EE5: </b>{{rowData.strroleIds}}</div>\r\n                        </div>\r\n                        <div *ngIf=\"rowData.notInMainThread\">\r\n                            <div *ngFor=\"let changedField of rowData.jsonModelChange\">\r\n                                {{changedField.field}},\r\n                                {{changedField.valueOld}} => {{changedField.valueNew}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <ng-template #receiverView let-rowData=\"rowData\">\r\n                        <div class=\"container-receiver\">\r\n                            <div *ngIf=\"rowData.struserViewIds\"><b>C\u00E1n b\u1ED9: </b>{{rowData.struserViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strdonViViewIds\"><b>\u0110\u01A1n v\u1ECB: </b>{{rowData.strdonViViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strgroupViewIds\"><b>Nh\u00F3m: </b>{{rowData.strgroupViewIds}}</div>\r\n                            <div *ngIf=\"rowData.strroleViewIds\"><b>Ch\u1EE9c v\u1EE5: </b>{{rowData.strroleViewIds}}</div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <ng-template #fileDinhKem let-rowData=\"rowData\">\r\n                        <file-manager [serviceCode]=\"_workflowHistoryService.serviceCode\"\r\n                            [entity]=\"_workflowHistoryService.entityName\" [entityKey]=\"rowData.id\"\r\n                            [fileDataService]=\"fileDataService\" [layout]=\"layoutFile.SIMPLE\" [readonly]=\"true\">\r\n                        </file-manager>\r\n                    </ng-template>\r\n                    <ng-template #function let-rowData=\"rowData\">\r\n                        <button *ngIf=\"rowData.status == enumWorkflowHistoryStatus.IN_MAIN_THREAD\" pButton\r\n                            icon=\"pi pi-replay\" class=\"p-button-text p-button-rounded link-or-action\"\r\n                            pTooltip=\"Thu h\u1ED3i v\u1EC1 b\u01B0\u1EDBc n\u00E0y\" tooltipPosition=\"top\"\r\n                            (click)=\"rollbackByHistory(rowData)\"></button>\r\n                    </ng-template>\r\n                </crud-list>\r\n            </div>\r\n        </as-split-area>\r\n    </as-split>\r\n</div>",
                 providers: [ComponentContextService],
                 styles: [".state-designer-container{display:flex;flex-direction:column;height:100%}.state-designer-container>div:first-child{font-size:.9em;font-weight:700;padding:.5em 0}.state-designer-container>div:last-child{flex:1 1;overflow:auto}.container-receiver div{margin-bottom:10px}.container-receiver div:last-child{margin-bottom:0}::ng-deep workflow-history-new tr.recalled{opacity:.5}"]
             },] }
@@ -41076,7 +41474,7 @@ WorkflowHistoryNewComponent.ctorParameters = () => [
     { type: WorkflowHistoryService },
     { type: CoCauToChucService },
     { type: UserGroupRealService },
-    { type: RoleService },
+    { type: DmChucVuService },
     { type: FileDataService }
 ];
 WorkflowHistoryNewComponent.propDecorators = {
@@ -41439,14 +41837,40 @@ class WorkflowSettingNewComponent extends DataFormBase {
     ngOnInit() {
         this.setting.baseService = this._workflowSettingsService;
         this.setting.schema = [
-            new CheckboxControlSchema({
-                field: 'createTaskInstead',
-                label: 'Tạo công việc',
+            new CheckBoxListControlSchema({
+                field: 'options',
                 showLabel: false,
-                mdWidth: 2
+                dataSource: DataSourceWorkflowCheckboxOption,
+                mdWidth: 4,
+                onChanged: (evt) => {
+                    if (evt.rootModel.options.indexOf(EnumWorkflowCheckboxOption.TAO_CONG_VIEC) > -1) {
+                        evt.rootModel.createTaskInstead = true;
+                    }
+                    else {
+                        evt.rootModel.createTaskInstead = false;
+                    }
+                    if (evt.rootModel.options.indexOf(EnumWorkflowCheckboxOption.AUTO_NEXT_STEP) > -1) {
+                        evt.rootModel.autoNextStep = true;
+                    }
+                    else {
+                        evt.rootModel.autoNextStep = false;
+                    }
+                }
             }),
+            // new CheckboxControlSchema({
+            //     field: 'createTaskInstead',
+            //     label: 'Tạo công việc',
+            //     showLabel: false,
+            //     mdWidth: 2
+            // }),
+            // new CheckboxControlSchema({
+            //     field: 'autoNextStep',
+            //     label: 'Tự động chuyển bước đầu tiên',
+            //     showLabel: false,
+            //     mdWidth: 2
+            // }),
             new LabelSchema({
-                mdWidth: 10,
+                mdWidth: 8,
                 hiddenCheck: (rootModel) => this.checkIfCreateTaskInstead(rootModel, true)
             }),
             new CustomControlSchema({
@@ -41458,8 +41882,9 @@ class WorkflowSettingNewComponent extends DataFormBase {
             new CheckboxControlSchema({
                 field: 'taskInsideBusinessForm',
                 label: 'Hiển thị giao diện tạo công việc trên giao diện thêm mới',
+                class: 'taskInsideBusinessForm',
                 showLabel: false,
-                mdWidth: 10,
+                mdWidth: 8,
                 hiddenCheck: (rootModel) => this.checkIfCreateTaskInstead(rootModel, false)
             }),
             new TextControlSchema({
@@ -41485,9 +41910,20 @@ class WorkflowSettingNewComponent extends DataFormBase {
     }
     getSetting() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.model.data = (yield this._workflowSettingsService.getDetailByFilter([
+            const data = (yield this._workflowSettingsService.getDetailByFilter([
                 this.newFilter('tableName', Operator.equal, this.parentSetting.baseService.entityName)
             ])).data;
+            if (data) {
+                if (!data.options)
+                    data.options = [];
+                if (data.createTaskInstead) {
+                    data.options.push(EnumWorkflowCheckboxOption.TAO_CONG_VIEC);
+                }
+                if (data.autoNextStep) {
+                    data.options.push(EnumWorkflowCheckboxOption.AUTO_NEXT_STEP);
+                }
+            }
+            this.model.data = data;
             this.afterGetSetting();
         });
     }
@@ -41537,6 +41973,20 @@ class WorkflowSettingNewComponent extends DataFormBase {
             return true;
         });
     }
+    setValueOption(data) {
+        if (data.options.indexOf(EnumWorkflowCheckboxOption.TAO_CONG_VIEC) > -1) {
+            data.createTaskInstead = true;
+        }
+        else {
+            data.createTaskInstead = false;
+        }
+        if (data.options.indexOf(EnumWorkflowCheckboxOption.AUTO_NEXT_STEP) > -1) {
+            data.autoNextStep = true;
+        }
+        else {
+            data.autoNextStep = false;
+        }
+    }
     onBeforeSave() {
         if (this.workflowPickerComp) {
             Object.assign(this.model.data, this.workflowPickerComp.model.data);
@@ -41547,6 +41997,9 @@ class WorkflowSettingNewComponent extends DataFormBase {
         else {
             this.model.data.workflowCodes = null;
         }
+        if (this.model.data.options) {
+            this.setValueOption(this.model.data);
+        }
         this.model.data.tableName = this.parentSetting.baseService.entityName;
     }
     handleManualSave() {
@@ -41559,7 +42012,7 @@ WorkflowSettingNewComponent.decorators = [
                 selector: 'workflow-setting-new',
                 template: "<crud-form *ngIf=\"readyCrudForm\" #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\"\r\n    [styleClass]=\"'workflow-setting'\" [disableCaching]=\"true\" (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #workflowPicker>\r\n        <workflow-picker [data]=\"model.data\"></workflow-picker>\r\n    </ng-template>\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <div class=\"footer-workflow-setting\">\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\"\r\n            (click)=\"_handleSave($event)\"></button>\r\n        <button *ngIf=\"model.data.id\" type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-danger p-button-text\"\r\n            [label]=\"'H\u1EE7y quy tr\u00ECnh' | translate\" (click)=\"handleCancelWorkflow($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n    </div>\r\n</ng-template>",
                 providers: [ComponentContextService],
-                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:right;z-index:10}"]
+                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:right;z-index:10}::ng-deep workflow-setting-new .crud-form-control div[role=checkbox-alone].taskInsideBusinessForm{margin-top:12px!important}"]
             },] }
 ];
 WorkflowSettingNewComponent.ctorParameters = () => [
@@ -41778,6 +42231,11 @@ class CongviecDinhkemService extends BaseService {
     }
     getDetailItem(serviceCode, entity, entityKey, fieldDisplay) {
         const serviceCodeEndpoint = this.env.apiDomain[`${serviceCode}Endpoint`];
+        if (!serviceCodeEndpoint) {
+            const notifierService = this._injector.get(NotifierService);
+            notifierService.showWarning(`Không lấy được thông tin endpoint của dịch vụ ${serviceCode}`);
+            return new Promise((res, rej) => res({ success: true, data: [] }));
+        }
         const uri = `${serviceCodeEndpoint}/${this._moduleConfigService.getConfig().environment.apiVersion}/${entity}/GetData`;
         const gridInfo = new GridInfo({
             fields: fieldDisplay,
@@ -41787,6 +42245,55 @@ class CongviecDinhkemService extends BaseService {
         });
         return this._http.post(uri, gridInfo).toPromise();
     }
+    getDetailItems(dicGrouped) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = {};
+            const serviceCodes = Object.keys(dicGrouped);
+            for (const serviceCode of serviceCodes) {
+                result[serviceCode] = {};
+                const entitys = Object.keys(dicGrouped[serviceCode]);
+                for (const entity of entitys) {
+                    result[serviceCode][entity] = {};
+                    dicGrouped[serviceCode][entity].lstId.forEach(entityKey => {
+                        result[serviceCode][entity][entityKey] = 'Không tìm thấy bản ghi';
+                    });
+                }
+                const serviceCodeEndpoint = this.env.apiDomain[`${serviceCode}Endpoint`];
+                if (!serviceCodeEndpoint) {
+                    return;
+                }
+                for (const entity of entitys) {
+                    const dataByEntity = dicGrouped[serviceCode][entity];
+                    const uri = `${serviceCodeEndpoint}/${this._moduleConfigService.getConfig().environment.apiVersion}/${entity}/GetAllByFilter`;
+                    const filters = [];
+                    if (dataByEntity.lstId.length == 1) {
+                        filters.push(this.newFilter('id', Operator.equal, dataByEntity.lstId[0]));
+                    }
+                    else {
+                        filters.push(this.newFilter('id', Operator.in, dataByEntity.lstId));
+                    }
+                    const gridInfo = new GridInfo({
+                        fields: `id,${dataByEntity.fieldHienThi}`,
+                        pageInfo: { page: 1, pageSize: dataByEntity.lstId.length },
+                        filters,
+                        sorts: []
+                    });
+                    try {
+                        const data = yield (this._http.post(uri, gridInfo).toPromise());
+                        if (data.success && data.data && data.data.length) {
+                            data.data.forEach(itemDetail => {
+                                result[serviceCode][entity][itemDetail.id] = itemDetail[dataByEntity.fieldHienThi];
+                            });
+                        }
+                    }
+                    catch (err) {
+                        console.log(err);
+                    }
+                }
+            }
+            return result;
+        });
+    }
 }
 CongviecDinhkemService.ɵprov = ɵɵdefineInjectable({ factory: function CongviecDinhkemService_Factory() { return new CongviecDinhkemService(ɵɵinject(HttpClient), ɵɵinject(INJECTOR), ɵɵinject(ModuleConfigService)); }, token: CongviecDinhkemService, providedIn: "root" });
 CongviecDinhkemService.decorators = [
@@ -41806,13 +42313,23 @@ class BaseCongviecDinhkemComponent extends DataListBase {
         this._virtualBaseService = _virtualBaseService;
         this._congViecDinhKemService = _congViecDinhKemService;
         this.fileDataService = fileDataService;
-        this.formState = FormState.VIEW;
+        this._formState = FormState.VIEW;
         this.layoutFile = EnumFileLayout;
         this.enumFormState = FormState;
         this.formModel = {};
         this.showAttachLinkBox = false;
         this.typedLink = '';
     }
+    set formState(value) {
+        this._formState = value;
+        if (this.setting) {
+            this.settingIfIsFormView();
+        }
+    }
+    ;
+    get formState() {
+        return this._formState;
+    }
     ngOnInit() {
         this.setting.objectName = 'mục đính kèm';
         this.setting.baseService = this._congViecDinhKemService;
@@ -41823,11 +42340,10 @@ class BaseCongviecDinhkemComponent extends DataListBase {
         this.setting.hiddenPageSetting = true;
         this.setting.hiddenAdvanceSearch = true;
         this.setting.hiddenFilterRow = true;
-        // this.setting.hiddenCheckbox = this.formState == FormState.VIEW;
-        // this.setting.hiddenFunctionColumn = this.formState == FormState.VIEW;
         this.setting.fixHeightTypeInDialog = false;
         this.setting.heightType = HeightType.dynamic;
         this.setting.showExportSelectedItems = false;
+        this.settingIfIsFormView();
         this.setting.modelSchemas = [
             new ModelSchema({ field: 'tenHienThiDoiTuong', name: 'Đối tượng', fullName: 'Đối tượng', description: 'Đối tượng' }),
             new ModelSchema({ field: 'tieuDe', name: 'Tiêu đề', fullName: 'Tiêu đề', description: 'Tiêu đề' }),
@@ -41845,6 +42361,17 @@ class BaseCongviecDinhkemComponent extends DataListBase {
                 dataType: 'fileDinhKem'
             })
         ];
+        this.rootContext.replaySubscribe(ComCtxConstants.ROOT.GAN_ENTITY_SANG_CONG_VIEC, rowData => {
+            this.themDinhKem(false);
+        });
+    }
+    ngOnDestroy() {
+        this.rootContext.unSubscribleReplay(ComCtxConstants.ROOT.GAN_ENTITY_SANG_CONG_VIEC);
+        super.ngOnDestroy();
+    }
+    settingIfIsFormView() {
+        this.setting.hiddenCheckbox = this.formState == FormState.VIEW;
+        this.setting.hiddenFunctionColumn = this.setting.hiddenCheckbox;
     }
     modifyGridInfo(gridInfo) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -41853,14 +42380,22 @@ class BaseCongviecDinhkemComponent extends DataListBase {
     }
     afterGetData() {
         return __awaiter(this, void 0, void 0, function* () {
-            for (const item of this.model.dataSource) {
-                const detail = (yield this._congViecDinhKemService.getDetailItem(item.serviceCode, item.entity, item.entityKey, item.fieldHienThi)).data;
-                if (detail.length > 0) {
-                    item.tieuDe = detail[0][item.fieldHienThi];
+            const dicGrouped = {};
+            this.model.dataSource.forEach(item => {
+                if (!dicGrouped[item.serviceCode]) {
+                    dicGrouped[item.serviceCode] = {};
                 }
-                else {
-                    item.tieuDe = 'Không tìm thấy bản ghi';
+                if (!dicGrouped[item.serviceCode][item.entity]) {
+                    dicGrouped[item.serviceCode][item.entity] = {
+                        fieldHienThi: item.fieldHienThi,
+                        lstId: []
+                    };
                 }
+                dicGrouped[item.serviceCode][item.entity].lstId.push(item.entityKey);
+            });
+            const dataDisplayName = yield this._congViecDinhKemService.getDetailItems(dicGrouped);
+            for (const item of this.model.dataSource) {
+                item.tieuDe = dataDisplayName[item.serviceCode][item.entity][item.entityKey];
                 if (item.tenHienThiDoiTuong != null) {
                     item.tenHienThiDoiTuong = item.tenHienThiDoiTuong.trim();
                     item.tenHienThiDoiTuong = item.tenHienThiDoiTuong.substring(0, 1).toUpperCase() + item.tenHienThiDoiTuong.substring(1);
@@ -41868,6 +42403,11 @@ class BaseCongviecDinhkemComponent extends DataListBase {
             }
         });
     }
+    afterReloaded() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.fileDataService.getData();
+        });
+    }
     viewLinkItem(evt) {
         this.viewRawLink(evt);
     }
@@ -41887,7 +42427,7 @@ class BaseCongviecDinhkemComponent extends DataListBase {
             }
         }));
     }
-    themDinhKem() {
+    themDinhKem(showNoti = true) {
         return __awaiter(this, void 0, void 0, function* () {
             const content = this._commonService.pasteByStorage();
             if (content) {
@@ -41895,7 +42435,9 @@ class BaseCongviecDinhkemComponent extends DataListBase {
                 if (obj.length > 0) {
                     this._congViecDinhKemService.themDinhKemNghiepVu(this.taskId, obj).then(rs => {
                         if (rs.success) {
-                            this._notifierService.showSuccess('Thêm mục đính kèm thành công!');
+                            if (showNoti) {
+                                this._notifierService.showSuccess('Thêm mục đính kèm thành công!');
+                            }
                             this.reload();
                             this._commonService.clearClipboardStorage();
                         }
@@ -41990,7 +42532,7 @@ class BaseCongviecDinhkemComponent extends DataListBase {
 BaseCongviecDinhkemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'base-congviec-dinhkem',
-                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"true\"\r\n    [hiddenEdit]=\"true\" [hiddenDelete]=\"true\" [hiddenCopyLink]=\"true\" (onReload)=\"_triggerProcessData($event)\"\r\n    (onView)=\"viewLinkItem($event)\" (onDelete)=\"deleteLinkItem($event)\"\r\n    (onDeleteMultiple)=\"deleteLinkItemMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #tieuDe let-rowData=\"rowData\">\r\n        {{rowData.tenHienThiDoiTuong}}: [{{rowData.tieuDe}}]\r\n    </ng-template>\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"formState == enumFormState.EDIT || formState == enumFormState.ADD\" type=\"button\" pButton pRipple\r\n            label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text p-button-primary\" (click)=\"themDinhKem()\"></button>\r\n        <button type=\"button\"\r\n            *ngIf=\"(formState == enumFormState.EDIT  || formState == enumFormState.ADD) && model.selectedItems.length > 0\"\r\n            pButton pRipple label=\"X\u00F3a\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-text p-button-danger\"\r\n            (click)=\"deleteLinkItemMultiple($event)\"></button>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"formState == enumFormState.EDIT || formState == enumFormState.ADD\" type=\"button\" pButton pRipple\r\n            icon=\"pi pi-trash\" class=\"p-button-rounded p-button-text p-button-danger\" pTooltip=\"H\u1EE7y \u0111\u00EDnh k\u00E8m\"\r\n            tooltipPosition=\"top\" (click)=\"deleteLinkItem(rowData)\"></button>\r\n    </ng-template>\r\n    <ng-template #fileDinhKem let-rowData=\"rowData\">\r\n        <file-manager [readonly]=\"true\" [serviceCode]=\"rowData.serviceCode\" [entity]=\"rowData.entity\"\r\n            [entityKey]=\"rowData.entityKey\" [layout]=\"layoutFile.SIMPLE\" [fileDataService]=\"fileDataService\">\r\n        </file-manager>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-dinhkem-form #formBase [taskId]=\"taskId\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"\r\n        (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-dinhkem-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\r\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10\">\r\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB ph\u00E2n h\u1EC7 kh\u00E1c...\" pInputText\r\n                    class=\"p-col-12\" [(ngModel)]=\"typedLink\" (keyup.enter)=\"addAttachLink()\" />\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" pButton class=\"p-button-primary p-col-12\" label=\"Ok\"\r\n                    [disabled]=\"typedLink != ''? null : true\" (click)=\"addAttachLink()\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\r\n</tn-dialog>\r\n",
+                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"true\"\r\n    [hiddenEdit]=\"true\" [hiddenDelete]=\"true\" [hiddenCopyLink]=\"true\" (onReload)=\"_triggerProcessData($event)\"\r\n    (onView)=\"viewLinkItem($event)\" (onDelete)=\"deleteLinkItem($event)\"\r\n    (onDeleteMultiple)=\"deleteLinkItemMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\">\r\n    <ng-template #tieuDe let-rowData=\"rowData\">\r\n        [{{rowData.tenHienThiDoiTuong}}] {{rowData.tieuDe}}\r\n    </ng-template>\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"formState == enumFormState.EDIT || formState == enumFormState.ADD\" type=\"button\" pButton pRipple\r\n            label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text p-button-primary\" (click)=\"themDinhKem()\"></button>\r\n        <button type=\"button\"\r\n            *ngIf=\"(formState == enumFormState.EDIT  || formState == enumFormState.ADD) && model.selectedItems.length > 0\"\r\n            pButton pRipple label=\"X\u00F3a\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-text p-button-danger\"\r\n            (click)=\"deleteLinkItemMultiple($event)\"></button>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"formState == enumFormState.EDIT || formState == enumFormState.ADD\" type=\"button\" pButton pRipple\r\n            icon=\"pi pi-trash\" class=\"p-button-rounded p-button-text p-button-danger\" pTooltip=\"H\u1EE7y \u0111\u00EDnh k\u00E8m\"\r\n            tooltipPosition=\"top\" (click)=\"deleteLinkItem(rowData)\"></button>\r\n    </ng-template>\r\n    <ng-template #fileDinhKem let-rowData=\"rowData\">\r\n        <file-manager [readonly]=\"true\" [serviceCode]=\"rowData.serviceCode\" [entity]=\"rowData.entity\"\r\n            [entityKey]=\"rowData.entityKey\" [layout]=\"layoutFile.SIMPLE\">\r\n        </file-manager>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-dinhkem-form #formBase [taskId]=\"taskId\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"\r\n        (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-dinhkem-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\r\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10\">\r\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB ph\u00E2n h\u1EC7 kh\u00E1c...\" pInputText\r\n                    class=\"p-col-12\" [(ngModel)]=\"typedLink\" (keyup.enter)=\"addAttachLink()\" />\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" pButton class=\"p-button-primary p-col-12\" label=\"Ok\"\r\n                    [disabled]=\"typedLink != ''? null : true\" (click)=\"addAttachLink()\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\r\n</tn-dialog>",
                 providers: [ComponentContextService],
                 styles: [""]
             },] }
@@ -42099,6 +42641,7 @@ class BaseCongViecFormComponent extends DataFormBase {
             },
         ];
         this.buttons = [];
+        this.mdWidthWorkflow = 6;
         this.handleChangeLoaiCongViecWhenAdd = (evt) => __awaiter(this, void 0, void 0, function* () {
             if (evt.eventType == 'change') {
                 yield this.loadWorkflowByLoaiCongViec(evt, evt.model.id);
@@ -42138,15 +42681,6 @@ class BaseCongViecFormComponent extends DataFormBase {
                 label: 'Mô tả nội dung',
                 mdWidth: 12
             }),
-            new DropdownControlSchema({
-                field: 'idLoaiCongViec',
-                label: 'Phân loại',
-                baseService: this._dmLoaiCongViecService,
-                isTree: true,
-                fieldTree: 'idParent',
-                valueParentRoot: null,
-                onChanged: onChangeLoaiCongViec
-            }),
             new DropdownControlSchema({
                 field: 'idPriority',
                 label: 'Độ ưu tiên',
@@ -42172,11 +42706,31 @@ class BaseCongViecFormComponent extends DataFormBase {
             }),
             new PercentControlSchema({
                 field: 'phanTram',
-                mdWidth: 12,
+                mdWidth: 6,
                 label: 'Tiến độ'
             }),
+            new DropdownControlSchema({
+                field: 'idLoaiCongViec',
+                label: 'Phân loại công việc',
+                baseService: this._dmLoaiCongViecService,
+                isTree: true,
+                fieldTree: 'idParent',
+                valueParentRoot: null,
+                sorts: [{ field: 'maPhanCap', dir: 1 }],
+                onChanged: onChangeLoaiCongViec
+            })
         ];
         this.addSchemaBase();
+        if (this._isFormAddNew()) {
+            this.setting.schema.push(new CheckboxControlSchema({
+                field: 'autoNextStep',
+                label: 'Tự động chuyển bước đầu tiên',
+                class: 'mg-top-0',
+                showLabel: false,
+                mdWidth: 6,
+                hiddenCheck: (rootModel) => !rootModel._WorkflowCode
+            }));
+        }
     }
     onFormInitialized(evt) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -42390,7 +42944,8 @@ class BaseCongViecComponent extends DataListBase {
         this.setting.cols = [
             new ColumnSchemaBase({
                 field: 'ten',
-                dataType: 'congViecInfo'
+                dataType: 'congViecInfo',
+                width: '18rem'
             }),
             new ColumnSchemaBase({
                 field: 'ngayBatDau',
@@ -42402,7 +42957,7 @@ class BaseCongViecComponent extends DataListBase {
             }),
             new ColumnSchemaBase({
                 field: 'idLoaiCongViec',
-                width: '10%',
+                width: '100px',
                 baseService: this._dmLoaiCongViecService,
                 isTree: true,
                 fieldTree: 'idParent',
@@ -42410,14 +42965,14 @@ class BaseCongViecComponent extends DataListBase {
             }),
             new ColumnSchemaBase({
                 field: 'idLinhVuc',
-                width: '10%',
+                width: '100px',
                 baseService: this._dmLinhVucCongViecService
             }),
             new ColumnSchemaBase({
                 field: 'idPriority',
                 dataType: 'idPriority',
                 dataTypeRefField: 'idPriority',
-                width: '10%',
+                width: '80px',
                 baseService: this._dmPriorityService,
                 fieldPlus: 'background,color',
                 funcSetValueRow: (rowItem, data) => {
@@ -42654,7 +43209,7 @@ class BaseCongViecComponent extends DataListBase {
 BaseCongViecComponent.decorators = [
     { type: Component, args: [{
                 selector: 'base-congviec',
-                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"hiddenAdd\"\r\n    [hiddenEdit]=\"hiddenEdit\" [hiddenDelete]=\"hiddenDelete\" [hiddenCopyLink]=\"true\" [hiddenAdd]=\"isFromDashboard\"\r\n    (onCopyLink)=\"_copyLink($event)\" (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\"\r\n    (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_edit($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\"\r\n    (onChangedStatusWorkflow)=\"handleChangedStatusWorkflow($event)\">\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"loaiDanhSach > 0 && !isPicker\" type=\"button\" pButton pRipple label=\"Ch\u1ECDn c\u00F4ng vi\u1EC7c\"\r\n            icon=\"pi pi-plus\" class=\"p-button-text p-button-success\" (click)=\"onChonCongViec()\"></button>\r\n    </ng-template>\r\n    <ng-template #congViecInfo let-rowData=\"rowData\">\r\n        <div class=\"container-task-info\">\r\n            <div class=\"cell-task-info\">\r\n                {{rowData.ten}}\r\n            </div>\r\n            <div class=\"percent-done\">\r\n                <div class=\"detail transition-width\" [ngStyle]=\"{\r\n                    width: rowData.percentWidth\r\n                }\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #idPriority let-rowData=\"rowData\">\r\n        <div class=\"priority\">\r\n            <span [ngStyle]=\"{\r\n                color: rowData.priorityColor,\r\n                background: rowData.priorityBackground\r\n            }\">{{rowData.stridPriority}}</span>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\" (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showPickerForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"'Ch\u1ECDn c\u00F4ng vi\u1EC7c' | translate\" [popupSize]=\"setting.popupSize\" [showFooter]=\"true\"\r\n    [useDefaultScrollBar]=\"true\" (onHide)=\"showPickerForm = false\">\r\n    <base-congviec #congViecPicker [isPicker]=\"true\" [loaiDanhSach]=\"loaiDanhSach\" [idCongViec]=\"idCongViec\">\r\n    </base-congviec>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn' | translate\"\r\n            (click)=\"onSelectCongViec()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"showPickerForm=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
+                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"hiddenAdd\"\r\n    [hiddenEdit]=\"hiddenEdit\" [hiddenDelete]=\"hiddenDelete\" [hiddenCopyLink]=\"true\" [hiddenAdd]=\"isFromDashboard\"\r\n    [showScrollHorizontal]=\"true\" (onCopyLink)=\"_copyLink($event)\" (onCopyLinkMultiple)=\"_copyLinkMultiple()\"\r\n    (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_edit($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\"\r\n    (onChangedStatusWorkflow)=\"handleChangedStatusWorkflow($event)\">\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"loaiDanhSach > 0 && !isPicker\" type=\"button\" pButton pRipple label=\"Ch\u1ECDn c\u00F4ng vi\u1EC7c\"\r\n            icon=\"pi pi-plus\" class=\"p-button-text p-button-success\" (click)=\"onChonCongViec()\"></button>\r\n    </ng-template>\r\n    <ng-template #congViecInfo let-rowData=\"rowData\">\r\n        <div class=\"container-task-info\">\r\n            <div class=\"cell-task-info\">\r\n                {{rowData.ten}}\r\n            </div>\r\n            <div class=\"percent-done\">\r\n                <div class=\"detail transition-width\" [ngStyle]=\"{\r\n                    width: rowData.percentWidth\r\n                }\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #idPriority let-rowData=\"rowData\">\r\n        <div class=\"priority\">\r\n            <span [ngStyle]=\"{\r\n                color: rowData.priorityColor,\r\n                background: rowData.priorityBackground\r\n            }\">{{rowData.stridPriority}}</span>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\" (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showPickerForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"'Ch\u1ECDn c\u00F4ng vi\u1EC7c' | translate\" [popupSize]=\"setting.popupSize\" [showFooter]=\"true\"\r\n    [useDefaultScrollBar]=\"true\" (onHide)=\"showPickerForm = false\">\r\n    <base-congviec #congViecPicker [isPicker]=\"true\" [loaiDanhSach]=\"loaiDanhSach\" [idCongViec]=\"idCongViec\">\r\n    </base-congviec>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn' | translate\"\r\n            (click)=\"onSelectCongViec()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"showPickerForm=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
                 providers: [ComponentContextService],
                 styles: [".container-task-info .percent-done{background-color:#f0f0f0;border-radius:2px;height:5px;margin-top:5px;overflow:hidden;position:relative}.container-task-info .percent-done .detail{background:#3eb839;border-radius:2px;font-size:13px;height:5px;left:0;position:absolute;text-align:center;top:0}.priority{text-align:center}.priority>span{border-radius:3px;font-size:.8em;padding:3px 7px}"]
             },] }
@@ -44710,7 +45265,7 @@ class ShareLinkByPermissionComponent extends ComponentBase {
     copyLinkToClipboard() {
         if (this.links) {
             this.copyToClipboard(this.links);
-            this._notifierService.showWarning('Copy link vào clipboard thành công');
+            this._notifierService.showSuccess('Copy link vào clipboard thành công');
         }
     }
 }
@@ -44803,6 +45358,7 @@ function coreDeclaration() {
         StateMachinesConnectionReceiverDepartmentComponent,
         StateMachinesConnectionReceiverGroupComponent,
         StateMachinesConnectionReceiverRoleComponent,
+        StateMachinesConnectionReceiverConditionComponent,
         StateMachinesConnectionSenderComponent,
         StateMachinesDesignerComponent,
         StartWorkflowComponent,
@@ -46620,5 +47176,5 @@ DynamicComponentService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { AccessDeniedComponent, Action, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CauHinhWorkflowService, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumLoaiDanhSachCongViec, EnumPermissionType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, ImageService, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotificationObjectType, NotificationService, NotifierService, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, RegexSplitFieldByItem, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TableSchema, TagSeparator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupRealService, UserGroupService, UserPickerControlSchema, UserPickerDialogComponent, UserService, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, keyUserSurveyLocal, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, multipleSort, romanize, setMetadataConnection, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ11, ɵ12, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, DatetimePickerRangeComponent as ɵba, DynamicNodeComponent as ɵbb, EntityPickerBoxComponent as ɵbc, EntityPickerDataComponent as ɵbd, EntityPickerSelectedComponent as ɵbe, EntityPickerComponent as ɵbf, EntityPickerDialogComponent as ɵbg, EntityPermissionComponent as ɵbh, DM_ChucVuService as ɵbi, RoleService as ɵbj, EntityPermissionService as ɵbk, EquationEditorComponent as ɵbl, MaskComponent as ɵbm, NumberPickerRangeComponent as ɵbn, PagingNextBackOnlyComponent as ɵbo, RadioButtonListComponent as ɵbp, VanBanPickerComponent as ɵbq, VanBanDenService as ɵbr, VanBanDiService as ɵbs, VanBanPickerDialogComponent as ɵbt, VanbanDiPickerComponent as ɵbu, VanbanDenPickerComponent as ɵbv, CongViecPickerComponent as ɵbw, CongViecService$1 as ɵbx, TaskWorkflowHistoriesService as ɵby, SettingsComponent as ɵbz, EntityPickerService as ɵc, SettingsRowComponent as ɵca, SettingsWorkflowComponent as ɵcb, SettingsWorkflowNo1Component as ɵcc, SimpleWorkflowFormComponent as ɵcd, ProcessWorkflowFormComponent as ɵce, ProcessWorkflowTargetComponent as ɵcf, ChoYKienFormComponent as ɵcg, SplashComponentV1Component as ɵch, StateMachinesConnectionReceiverComponent as ɵci, StateMachinesConnectionReceiverUserComponent as ɵcj, StateMachinesConnectionReceiverDepartmentComponent as ɵck, StateMachinesConnectionReceiverGroupComponent as ɵcl, StateMachinesConnectionReceiverRoleComponent as ɵcm, StateMachinesConnectionSenderComponent as ɵcn, StartWorkflowComponent as ɵco, WorkflowSettingsService as ɵcp, ShareLinkByPermissionComponent as ɵcq, WorkflowSettingNewComponent as ɵcr, PermissionSharingComponent as ɵcs, WorkflowPermissionService as ɵct, TnDialogComponent as ɵcu, TnColorPickerComponent as ɵcv, TnTinymceComponent as ɵcw, TnTabViewComponent as ɵcx, TableDetailFormComponent as ɵcy, FileIconPipe as ɵcz, ExceptionHandlerService as ɵd, FileSizePipe as ɵda, QuickAddFormComponent as ɵdb, PreventShiftTabDirective as ɵdc, TnTemplateDirective as ɵdd, UserPickerComponent as ɵde, UserPickerBoxComponent as ɵdf, CoCauToChucTestService as ɵdg, TnAppHelpComponent as ɵdh, PathNameService as ɵdi, HelperCurrentPageComponent as ɵdj, TnAppNotificationListComponent as ɵdk, TnAppNotificationComponent as ɵdl, MyDriveService as ɵdm, FileVersionService as ɵdn, FileExplorerNewService as ɵdo, FolderFormComponent as ɵdp, FileFormComponent as ɵdq, FileViewerComponent as ɵdr, FileVersionListComponent as ɵds, WorkflowHistoryComponent as ɵdt, EntityWorkflowHistoryService as ɵdu, WorkflowHistoryDialogComponent as ɵdv, WorkflowHistoryNewComponent as ɵdw, WorkflowSettingComponent as ɵdx, EntityWorkflowSettingService as ɵdy, WorkflowSettingDialogComponent as ɵdz, CanBo_HoSoService as ɵe, QrCodeGeneratorComponent as ɵea, AccessDeniedV1Component as ɵeb, AddNewsComponent as ɵec, ArticleService as ɵed, NewsCategoryService as ɵee, NotFoundComponent as ɵef, UniversalLinkProcessorComponent as ɵeg, SignatureDetailComponent as ɵeh, ChatService as ɵei, ContentsService as ɵej, StatusExtendsService as ɵek, MessageBoardService as ɵel, KySoSimDanhSachChuKyComponent as ɵem, KySoSimChuKyUserService as ɵen, FileKySoSimComponent as ɵeo, KySoSimSignPDFService as ɵep, CheckReadyComponent as ɵeq, SendAccessTokenInterceptor as ɵer, LogInterceptor as ɵes, PermissionUtilsInterceptor as ɵet, AfterViewCheckedComponent as ɵf, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppProfileComponent as ɵk, AppSubMenuComponent as ɵl, AppMenuComponent as ɵm, AutoCompletePickerComponent as ɵn, CheckBoxListComponent as ɵo, ReportQueueComponent as ɵp, CoCauToChucPickerListComponent as ɵq, BaseCongViecTestComponent as ɵr, BaseCauHinhWorkflowDetailComponent as ɵs, BaseDmLoaiCongViecFormComponent as ɵt, BaseDmLinhVucCongViecFormComponent as ɵu, BaseDmPriorityFormComponent as ɵv, BaseCongviecDinhkemComponent as ɵw, CongviecDinhkemService as ɵx, BaseCongviecDinhkemFormComponent as ɵy, DatetimePickerComponent as ɵz };
+export { AccessDeniedComponent, Action, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CauHinhWorkflowService, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCheckboxOption, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumLoaiDanhSachCongViec, EnumPermissionType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, ImageService, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotificationObjectType, NotificationService, NotifierService, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, RegexSplitFieldByItem, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TableSchema, TagSeparator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupRealService, UserGroupService, UserPickerControlSchema, UserPickerDialogComponent, UserService, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, keyUserSurveyLocal, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, multipleSort, romanize, setMetadataConnection, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, DatetimePickerRangeComponent as ɵba, DynamicNodeComponent as ɵbb, EntityPickerBoxComponent as ɵbc, EntityPickerDataComponent as ɵbd, EntityPickerSelectedComponent as ɵbe, EntityPickerComponent as ɵbf, EntityPickerDialogComponent as ɵbg, EntityPermissionComponent as ɵbh, DM_ChucVuService as ɵbi, RoleService as ɵbj, EntityPermissionService as ɵbk, EquationEditorComponent as ɵbl, MaskComponent as ɵbm, NumberPickerRangeComponent as ɵbn, PagingNextBackOnlyComponent as ɵbo, RadioButtonListComponent as ɵbp, VanBanPickerComponent as ɵbq, VanBanDenService as ɵbr, VanBanDiService as ɵbs, VanBanPickerDialogComponent as ɵbt, VanbanDiPickerComponent as ɵbu, VanbanDenPickerComponent as ɵbv, CongViecPickerComponent as ɵbw, CongViecService$1 as ɵbx, TaskWorkflowHistoriesService as ɵby, SettingsComponent as ɵbz, EntityPickerService as ɵc, SettingsRowComponent as ɵca, SettingsWorkflowComponent as ɵcb, SettingsWorkflowNo1Component as ɵcc, SimpleWorkflowFormComponent as ɵcd, ProcessWorkflowFormComponent as ɵce, ProcessWorkflowTargetComponent as ɵcf, DmChucVuService as ɵcg, ChoYKienFormComponent as ɵch, SplashComponentV1Component as ɵci, StateMachinesConnectionReceiverComponent as ɵcj, StateMachinesConnectionReceiverUserComponent as ɵck, StateMachinesConnectionReceiverConditionComponent as ɵcl, StateMachinesConnectionReceiverDepartmentComponent as ɵcm, StateMachinesConnectionReceiverGroupComponent as ɵcn, StateMachinesConnectionReceiverRoleComponent as ɵco, StateMachinesConnectionSenderComponent as ɵcp, StartWorkflowComponent as ɵcq, WorkflowSettingsService as ɵcr, ShareLinkByPermissionComponent as ɵcs, WorkflowSettingNewComponent as ɵct, PermissionSharingComponent as ɵcu, WorkflowPermissionService as ɵcv, TnDialogComponent as ɵcw, TnColorPickerComponent as ɵcx, TnTinymceComponent as ɵcy, TnTabViewComponent as ɵcz, ExceptionHandlerService as ɵd, TableDetailFormComponent as ɵda, FileIconPipe as ɵdb, FileSizePipe as ɵdc, QuickAddFormComponent as ɵdd, PreventShiftTabDirective as ɵde, TnTemplateDirective as ɵdf, UserPickerComponent as ɵdg, UserPickerBoxComponent as ɵdh, CoCauToChucTestService as ɵdi, TnAppHelpComponent as ɵdj, PathNameService as ɵdk, HelperCurrentPageComponent as ɵdl, TnAppNotificationListComponent as ɵdm, TnAppNotificationComponent as ɵdn, MyDriveService as ɵdo, FileVersionService as ɵdp, FileExplorerNewService as ɵdq, FolderFormComponent as ɵdr, FileFormComponent as ɵds, FileViewerComponent as ɵdt, FileVersionListComponent as ɵdu, WorkflowHistoryComponent as ɵdv, EntityWorkflowHistoryService as ɵdw, WorkflowHistoryDialogComponent as ɵdx, WorkflowHistoryNewComponent as ɵdy, WorkflowSettingComponent as ɵdz, CanBo_HoSoService as ɵe, EntityWorkflowSettingService as ɵea, WorkflowSettingDialogComponent as ɵeb, QrCodeGeneratorComponent as ɵec, AccessDeniedV1Component as ɵed, AddNewsComponent as ɵee, ArticleService as ɵef, NewsCategoryService as ɵeg, NotFoundComponent as ɵeh, UniversalLinkProcessorComponent as ɵei, SignatureDetailComponent as ɵej, ChatService as ɵek, ContentsService as ɵel, StatusExtendsService as ɵem, MessageBoardService as ɵen, KySoSimDanhSachChuKyComponent as ɵeo, KySoSimChuKyUserService as ɵep, FileKySoSimComponent as ɵeq, KySoSimSignPDFService as ɵer, CheckReadyComponent as ɵes, SendAccessTokenInterceptor as ɵet, LogInterceptor as ɵeu, PermissionUtilsInterceptor as ɵev, AfterViewCheckedComponent as ɵf, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppProfileComponent as ɵk, AppSubMenuComponent as ɵl, AppMenuComponent as ɵm, AutoCompletePickerComponent as ɵn, CheckBoxListComponent as ɵo, ReportQueueComponent as ɵp, CoCauToChucPickerListComponent as ɵq, BaseCongViecTestComponent as ɵr, BaseCauHinhWorkflowDetailComponent as ɵs, BaseDmLoaiCongViecFormComponent as ɵt, BaseDmLinhVucCongViecFormComponent as ɵu, BaseDmPriorityFormComponent as ɵv, BaseCongviecDinhkemComponent as ɵw, CongviecDinhkemService as ɵx, BaseCongviecDinhkemFormComponent as ɵy, DatetimePickerComponent as ɵz };
 //# sourceMappingURL=tnx-shared.js.map