tnx-shared 5.1.322 → 5.1.323

package/bundles/tnx-shared.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('angular-split'), require('ng2-currency-mask'), require('ngx-device-detector'), require('ngx-extended-pdf-viewer'), require('ngx-img-fallback'), require('ngx-mask'), require('ngx-perfect-scrollbar'), require('tn-custom-primeng/accordion'), require('tn-custom-primeng/autocomplete'), require('tn-custom-primeng/blockui'), require('tn-custom-primeng/breadcrumb'), require('tn-custom-primeng/button'), require('tn-custom-primeng/calendar'), require('tn-custom-primeng/card'), require('tn-custom-primeng/chart'), require('tn-custom-primeng/checkbox'), require('tn-custom-primeng/chips'), require('tn-custom-primeng/colorpicker'), require('tn-custom-primeng/confirmdialog'), require('tn-custom-primeng/contextmenu'), require('tn-custom-primeng/dataview'), require('tn-custom-primeng/dialog'), require('tn-custom-primeng/dropdown'), require('tn-custom-primeng/fieldset'), require('tn-custom-primeng/fileupload'), require('tn-custom-primeng/focustrap'), require('tn-custom-primeng/inputmask'), require('tn-custom-primeng/inputswitch'), require('tn-custom-primeng/inputtext'), require('tn-custom-primeng/inputtextarea'), require('tn-custom-primeng/menu'), require('tn-custom-primeng/menubar'), require('tn-custom-primeng/multiselect'), require('tn-custom-primeng/overlaypanel'), require('tn-custom-primeng/paginator'), require('tn-custom-primeng/panel'), require('tn-custom-primeng/progressspinner'), require('tn-custom-primeng/radiobutton'), require('tn-custom-primeng/scrollpanel'), require('tn-custom-primeng/selectbutton'), require('tn-custom-primeng/sidebar'), require('tn-custom-primeng/slider'), require('tn-custom-primeng/spinner'), require('tn-custom-primeng/splitbutton'), require('tn-custom-primeng/steps'), require('tn-custom-primeng/table'), require('tn-custom-primeng/tabview'), require('tn-custom-primeng/toast'), require('tn-custom-primeng/tooltip'), require('tn-custom-primeng/tree'), require('tn-custom-primeng/treetable'), require('tn-custom-primeng/tristatecheckbox'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common/http'), require('fast-safe-stringify'), require('moment'), require('underscore'), require('uuid'), require('angular-oauth2-oidc'), require('tn-custom-primeng/api'), require('@aspnet/signalr'), require('file-saver'), require('print-js'), require('jwt-decode'), require('@angular/platform-browser'), require('jquery'), require('nanoid'), require('@angular/animations'), require('hammerjs'), require('ng2-signalr'), require('tn-custom-primeng/dom'), require('qrcode'), require('jsplumb'), require('rtf.js'), require('@angular/common/locales/vi'), require('@angular/platform-browser/animations')) :
-    typeof define === 'function' && define.amd ? define('tnx-shared', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', 'angular-split', 'ng2-currency-mask', 'ngx-device-detector', 'ngx-extended-pdf-viewer', 'ngx-img-fallback', 'ngx-mask', 'ngx-perfect-scrollbar', 'tn-custom-primeng/accordion', 'tn-custom-primeng/autocomplete', 'tn-custom-primeng/blockui', 'tn-custom-primeng/breadcrumb', 'tn-custom-primeng/button', 'tn-custom-primeng/calendar', 'tn-custom-primeng/card', 'tn-custom-primeng/chart', 'tn-custom-primeng/checkbox', 'tn-custom-primeng/chips', 'tn-custom-primeng/colorpicker', 'tn-custom-primeng/confirmdialog', 'tn-custom-primeng/contextmenu', 'tn-custom-primeng/dataview', 'tn-custom-primeng/dialog', 'tn-custom-primeng/dropdown', 'tn-custom-primeng/fieldset', 'tn-custom-primeng/fileupload', 'tn-custom-primeng/focustrap', 'tn-custom-primeng/inputmask', 'tn-custom-primeng/inputswitch', 'tn-custom-primeng/inputtext', 'tn-custom-primeng/inputtextarea', 'tn-custom-primeng/menu', 'tn-custom-primeng/menubar', 'tn-custom-primeng/multiselect', 'tn-custom-primeng/overlaypanel', 'tn-custom-primeng/paginator', 'tn-custom-primeng/panel', 'tn-custom-primeng/progressspinner', 'tn-custom-primeng/radiobutton', 'tn-custom-primeng/scrollpanel', 'tn-custom-primeng/selectbutton', 'tn-custom-primeng/sidebar', 'tn-custom-primeng/slider', 'tn-custom-primeng/spinner', 'tn-custom-primeng/splitbutton', 'tn-custom-primeng/steps', 'tn-custom-primeng/table', 'tn-custom-primeng/tabview', 'tn-custom-primeng/toast', 'tn-custom-primeng/tooltip', 'tn-custom-primeng/tree', 'tn-custom-primeng/treetable', 'tn-custom-primeng/tristatecheckbox', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common/http', 'fast-safe-stringify', 'moment', 'underscore', 'uuid', 'angular-oauth2-oidc', 'tn-custom-primeng/api', '@aspnet/signalr', 'file-saver', 'print-js', 'jwt-decode', '@angular/platform-browser', 'jquery', 'nanoid', '@angular/animations', 'hammerjs', 'ng2-signalr', 'tn-custom-primeng/dom', 'qrcode', 'jsplumb', 'rtf.js', '@angular/common/locales/vi', '@angular/platform-browser/animations'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tnx-shared'] = {}, global.ng.common, global.ng.core, global.ng.forms, global.i2, global.angularSplit, global.ng2CurrencyMask, global.ngxDeviceDetector, global.ngxExtendedPdfViewer, global.ngxImgFallback, global.ngxMask, global.ngxPerfectScrollbar, global.accordion, global.autocomplete, global.blockui, global.breadcrumb, global.button, global.calendar, global.card, global.chart, global.checkbox, global.chips, global.colorpicker, global.confirmdialog, global.contextmenu, global.dataview, global.dialog, global.dropdown, global.fieldset, global.fileupload, global.focustrap, global.inputmask, global.inputswitch, global.inputtext, global.inputtextarea, global.menu, global.menubar, global.multiselect, global.overlaypanel, global.paginator, global.panel, global.progressspinner, global.radiobutton, global.scrollpanel, global.selectbutton, global.sidebar, global.slider, global.spinner, global.splitbutton, global.steps, global.table, global.tabview, global.toast, global.tooltip, global.tree, global.treetable, global.tristatecheckbox, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common.http, global.stringify, global.moment_, global._, global.uuid, global.i4, global.i1, global.signalR, global.FileSaver, global.printJS$3, global.JWT_, global.ng.platformBrowser, global.jQuery_, global.nanoid_, global.ng.animations, global.Hammer, global.ng2Signalr, global.dom, global.QRCode, global.jsplumb, global.rtf_js, global.ng.common.locales.vi, global.ng.platformBrowser.animations));
-}(this, (function (exports, i3, i0, forms, i2, angularSplit, ng2CurrencyMask, ngxDeviceDetector, ngxExtendedPdfViewer, ngxImgFallback, ngxMask, ngxPerfectScrollbar, accordion, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, dropdown, fieldset, fileupload, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, multiselect, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, table, tabview, toast, tooltip, tree, treetable, tristatecheckbox, i3$1, rxjs, operators, i1$1, stringify, moment_, _, uuid, i4, i1, signalR, FileSaver, printJS$3, JWT_, platformBrowser, jQuery_, nanoid_, animations, Hammer, ng2Signalr, dom, QRCode, jsplumb, rtf_js, localeVi, animations$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('angular-split'), require('ng2-currency-mask'), require('ngx-device-detector'), require('ngx-extended-pdf-viewer'), require('ngx-img-fallback'), require('ngx-mask'), require('ngx-perfect-scrollbar'), require('tn-custom-primeng/accordion'), require('tn-custom-primeng/autocomplete'), require('tn-custom-primeng/blockui'), require('tn-custom-primeng/breadcrumb'), require('tn-custom-primeng/button'), require('tn-custom-primeng/calendar'), require('tn-custom-primeng/card'), require('tn-custom-primeng/chart'), require('tn-custom-primeng/checkbox'), require('tn-custom-primeng/chips'), require('tn-custom-primeng/colorpicker'), require('tn-custom-primeng/confirmdialog'), require('tn-custom-primeng/contextmenu'), require('tn-custom-primeng/dataview'), require('tn-custom-primeng/dialog'), require('tn-custom-primeng/dropdown'), require('tn-custom-primeng/fieldset'), require('tn-custom-primeng/fileupload'), require('tn-custom-primeng/focustrap'), require('tn-custom-primeng/inputmask'), require('tn-custom-primeng/inputswitch'), require('tn-custom-primeng/inputtext'), require('tn-custom-primeng/inputtextarea'), require('tn-custom-primeng/menu'), require('tn-custom-primeng/menubar'), require('tn-custom-primeng/multiselect'), require('tn-custom-primeng/overlaypanel'), require('tn-custom-primeng/paginator'), require('tn-custom-primeng/panel'), require('tn-custom-primeng/progressspinner'), require('tn-custom-primeng/radiobutton'), require('tn-custom-primeng/scrollpanel'), require('tn-custom-primeng/selectbutton'), require('tn-custom-primeng/sidebar'), require('tn-custom-primeng/slider'), require('tn-custom-primeng/spinner'), require('tn-custom-primeng/splitbutton'), require('tn-custom-primeng/steps'), require('tn-custom-primeng/table'), require('tn-custom-primeng/tabview'), require('tn-custom-primeng/toast'), require('tn-custom-primeng/tooltip'), require('tn-custom-primeng/tree'), require('tn-custom-primeng/treetable'), require('tn-custom-primeng/tristatecheckbox'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common/http'), require('fast-safe-stringify'), require('moment'), require('underscore'), require('uuid'), require('angular-oauth2-oidc'), require('tn-custom-primeng/api'), require('@aspnet/signalr'), require('file-saver'), require('print-js'), require('jwt-decode'), require('@angular/platform-browser'), require('jquery'), require('@angular/animations'), require('hammerjs'), require('ng2-signalr'), require('tn-custom-primeng/dom'), require('qrcode'), require('jsplumb'), require('nanoid'), require('rtf.js'), require('@angular/common/locales/vi'), require('@angular/platform-browser/animations')) :
+    typeof define === 'function' && define.amd ? define('tnx-shared', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', 'angular-split', 'ng2-currency-mask', 'ngx-device-detector', 'ngx-extended-pdf-viewer', 'ngx-img-fallback', 'ngx-mask', 'ngx-perfect-scrollbar', 'tn-custom-primeng/accordion', 'tn-custom-primeng/autocomplete', 'tn-custom-primeng/blockui', 'tn-custom-primeng/breadcrumb', 'tn-custom-primeng/button', 'tn-custom-primeng/calendar', 'tn-custom-primeng/card', 'tn-custom-primeng/chart', 'tn-custom-primeng/checkbox', 'tn-custom-primeng/chips', 'tn-custom-primeng/colorpicker', 'tn-custom-primeng/confirmdialog', 'tn-custom-primeng/contextmenu', 'tn-custom-primeng/dataview', 'tn-custom-primeng/dialog', 'tn-custom-primeng/dropdown', 'tn-custom-primeng/fieldset', 'tn-custom-primeng/fileupload', 'tn-custom-primeng/focustrap', 'tn-custom-primeng/inputmask', 'tn-custom-primeng/inputswitch', 'tn-custom-primeng/inputtext', 'tn-custom-primeng/inputtextarea', 'tn-custom-primeng/menu', 'tn-custom-primeng/menubar', 'tn-custom-primeng/multiselect', 'tn-custom-primeng/overlaypanel', 'tn-custom-primeng/paginator', 'tn-custom-primeng/panel', 'tn-custom-primeng/progressspinner', 'tn-custom-primeng/radiobutton', 'tn-custom-primeng/scrollpanel', 'tn-custom-primeng/selectbutton', 'tn-custom-primeng/sidebar', 'tn-custom-primeng/slider', 'tn-custom-primeng/spinner', 'tn-custom-primeng/splitbutton', 'tn-custom-primeng/steps', 'tn-custom-primeng/table', 'tn-custom-primeng/tabview', 'tn-custom-primeng/toast', 'tn-custom-primeng/tooltip', 'tn-custom-primeng/tree', 'tn-custom-primeng/treetable', 'tn-custom-primeng/tristatecheckbox', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common/http', 'fast-safe-stringify', 'moment', 'underscore', 'uuid', 'angular-oauth2-oidc', 'tn-custom-primeng/api', '@aspnet/signalr', 'file-saver', 'print-js', 'jwt-decode', '@angular/platform-browser', 'jquery', '@angular/animations', 'hammerjs', 'ng2-signalr', 'tn-custom-primeng/dom', 'qrcode', 'jsplumb', 'nanoid', 'rtf.js', '@angular/common/locales/vi', '@angular/platform-browser/animations'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tnx-shared'] = {}, global.ng.common, global.ng.core, global.ng.forms, global.i2, global.angularSplit, global.ng2CurrencyMask, global.ngxDeviceDetector, global.ngxExtendedPdfViewer, global.ngxImgFallback, global.ngxMask, global.ngxPerfectScrollbar, global.accordion, global.autocomplete, global.blockui, global.breadcrumb, global.button, global.calendar, global.card, global.chart, global.checkbox, global.chips, global.colorpicker, global.confirmdialog, global.contextmenu, global.dataview, global.dialog, global.dropdown, global.fieldset, global.fileupload, global.focustrap, global.inputmask, global.inputswitch, global.inputtext, global.inputtextarea, global.menu, global.menubar, global.multiselect, global.overlaypanel, global.paginator, global.panel, global.progressspinner, global.radiobutton, global.scrollpanel, global.selectbutton, global.sidebar, global.slider, global.spinner, global.splitbutton, global.steps, global.table, global.tabview, global.toast, global.tooltip, global.tree, global.treetable, global.tristatecheckbox, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common.http, global.stringify, global.moment_, global._, global.uuid, global.i4, global.i1, global.signalR, global.FileSaver, global.printJS$3, global.JWT_, global.ng.platformBrowser, global.jQuery_, global.ng.animations, global.Hammer, global.ng2Signalr, global.dom, global.QRCode, global.jsplumb, global.nanoid, global.rtf_js, global.ng.common.locales.vi, global.ng.platformBrowser.animations));
+}(this, (function (exports, i3, i0, forms, i2, angularSplit, ng2CurrencyMask, ngxDeviceDetector, ngxExtendedPdfViewer, ngxImgFallback, ngxMask, ngxPerfectScrollbar, accordion, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, dropdown, fieldset, fileupload, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, multiselect, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, table, tabview, toast, tooltip, tree, treetable, tristatecheckbox, i3$1, rxjs, operators, i1$1, stringify, moment_, _, uuid, i4, i1, signalR, FileSaver, printJS$3, JWT_, platformBrowser, jQuery_, animations, Hammer, ng2Signalr, dom, QRCode, jsplumb, nanoid, rtf_js, localeVi, animations$1) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,12 +28,9 @@
 
     var stringify__default = /*#__PURE__*/_interopDefaultLegacy(stringify);
     var moment___default = /*#__PURE__*/_interopDefaultLegacy(moment_);
-    var moment___namespace = /*#__PURE__*/_interopNamespace(moment_);
-    var printJS__namespace = /*#__PURE__*/_interopNamespace(printJS$3);
     var printJS__default = /*#__PURE__*/_interopDefaultLegacy(printJS$3);
     var JWT___namespace = /*#__PURE__*/_interopNamespace(JWT_);
-    var jQuery___namespace = /*#__PURE__*/_interopNamespace(jQuery_);
-    var nanoid___namespace = /*#__PURE__*/_interopNamespace(nanoid_);
+    var jQuery___default = /*#__PURE__*/_interopDefaultLegacy(jQuery_);
     var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
     var localeVi__default = /*#__PURE__*/_interopDefaultLegacy(localeVi);
 
@@ -7544,7 +7541,7 @@
     }());
 
     // fix for build prod
-    var printJS = printJS__namespace;
+    var printJS = printJS__default['default'];
     var FileExplorerService = /** @class */ (function () {
         function FileExplorerService(_http, _authenService, _commonSerivce, _moduleConfigService, _notifierService) {
             this._http = _http;
@@ -14086,8 +14083,7 @@
 
     var _d;
     // fix for build prod
-    var nanoid = nanoid___namespace;
-    var jQuery$1 = jQuery___namespace;
+    var jQuery$1 = jQuery___default['default'];
     var operatorContrast = (_d = {},
         _d[exports.Operator.greater] = exports.Operator.lower,
         _d[exports.Operator.greaterThanEqual] = exports.Operator.lowerThanEqual,
@@ -18045,7 +18041,10 @@
                                     return [4 /*yield*/, this.onAfterSave(response)];
                                 case 1:
                                     _a.sent();
-                                    this.onSaved.emit();
+                                    this.onSaved.emit({
+                                        id: this.model.data.id,
+                                        insert: true
+                                    });
                                     return [3 /*break*/, 3];
                                 case 2:
                                     this.handleInsertError();
@@ -18086,7 +18085,10 @@
                                     return [4 /*yield*/, this.onAfterSave(response)];
                                 case 1:
                                     _a.sent();
-                                    this.onSaved.emit();
+                                    this.onSaved.emit({
+                                        id: this.model.data.id,
+                                        insert: false
+                                    });
                                     return [3 /*break*/, 3];
                                 case 2:
                                     this.handleUpdateError();
@@ -24989,6 +24991,7 @@
                     _this.getPromiseDeleteItem(rowData)
                         .then(function (response) {
                         if (response.success) {
+                            _this.beforeReloadAfterDelete([rowData.id]);
                             if (_this.setting.showVersionButton) {
                                 _this.context.fireEvent(ComCtxConstants.COMMON.RELOAD_DATA_VERSION, {}, true);
                             }
@@ -25019,6 +25022,7 @@
                 if (_this.setting.baseService) {
                     _this.getPromiseDeleteItems(items).then(function (response) {
                         if (response.success) {
+                            _this.beforeReloadAfterDelete(items.map(function (q) { return q.id; }));
                             _this._triggerProcessData();
                             _this._notifierService.showDeleteDataSuccess();
                         }
@@ -25029,6 +25033,8 @@
                 }
             });
         };
+        ListBase.prototype.beforeReloadAfterDelete = function (ids) {
+        };
         ListBase.prototype.onBeforeCancel = function () {
         };
         ListBase.prototype._handleSaved = function () {
@@ -27392,7 +27398,7 @@
     ]; };
 
     // fix for build prod
-    var printJS$1 = printJS__namespace;
+    var printJS$1 = printJS__default['default'];
     var MyDriveService = /** @class */ (function (_super) {
         __extends(MyDriveService, _super);
         function MyDriveService(_http, _injector, _moduleConfig, _authenService, _commonSerivce, _moduleConfigService) {
@@ -27845,7 +27851,7 @@
     ]; };
 
     // fix for build prod
-    var moment$1 = moment___namespace;
+    var moment$1 = moment___default['default'];
     var ChatBoxComponent = /** @class */ (function (_super) {
         __extends(ChatBoxComponent, _super);
         function ChatBoxComponent(injector, _chatService, _messageBoardService, _userService, _checkControlVisible, _signalrService, _fileService, _crudService, _notifierService, _moduleConfigService) {
@@ -28597,7 +28603,7 @@
     };
 
     // fix for build prod
-    var printJS$2 = printJS__namespace;
+    var printJS$2 = printJS__default['default'];
     var FileExplorerNewService = /** @class */ (function (_super) {
         __extends(FileExplorerNewService, _super);
         function FileExplorerNewService(http, injector, _moduleConfigService) {
@@ -33775,187 +33781,32 @@
         greeting: [{ type: i0.Input }]
     };
 
-    var CongViecService$1 = /** @class */ (function (_super) {
-        __extends(CongViecService, _super);
-        function CongViecService(http, injector, _moduleConfigService) {
-            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.vanbanEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/vanbanden") || this;
-            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.vanbanEndpoint;
-            _this._moduleConfig = _moduleConfigService.getConfig();
-            return _this;
-        }
-        return CongViecService;
-    }(BaseService));
-    CongViecService$1.ɵprov = i0.ɵɵdefineInjectable({ factory: function CongViecService_Factory() { return new CongViecService$1(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService)); }, token: CongViecService$1, providedIn: "root" });
-    CongViecService$1.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    CongViecService$1.ctorParameters = function () { return [
-        { type: i1$1.HttpClient },
-        { type: i0.Injector },
-        { type: ModuleConfigService }
-    ]; };
-
-    var TaskWorkflowHistoriesService = /** @class */ (function (_super) {
-        __extends(TaskWorkflowHistoriesService, _super);
-        function TaskWorkflowHistoriesService(http, injector, _moduleConfigService) {
-            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.canboEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/TaskWorkflowHistories") || this;
-            _this._moduleConfigService = _moduleConfigService;
-            _this.entityName = 'TaskWorkflowHistories';
-            _this.serviceCode = 'canbo';
-            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.canboEndpoint;
-            return _this;
-        }
-        return TaskWorkflowHistoriesService;
-    }(BaseService));
-    TaskWorkflowHistoriesService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TaskWorkflowHistoriesService_Factory() { return new TaskWorkflowHistoriesService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService)); }, token: TaskWorkflowHistoriesService, providedIn: "root" });
-    TaskWorkflowHistoriesService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    TaskWorkflowHistoriesService.ctorParameters = function () { return [
-        { type: i1$1.HttpClient },
-        { type: i0.Injector },
-        { type: ModuleConfigService }
-    ]; };
-
     var CongViecPickerComponent = /** @class */ (function (_super) {
         __extends(CongViecPickerComponent, _super);
-        function CongViecPickerComponent(_injector, _congViecService, _moduleConfigService, _taskWorkflowHistoriesService) {
+        function CongViecPickerComponent(_injector, _notifierService) {
             var _this = _super.call(this, _injector) || this;
-            _this._congViecService = _congViecService;
-            _this._taskWorkflowHistoriesService = _taskWorkflowHistoriesService;
+            _this._notifierService = _notifierService;
             _this.onChanged = new i0.EventEmitter();
-            _this.onXoaCongViec = new i0.EventEmitter();
-            _this.onReady = new i0.EventEmitter();
-            _this.environment = {};
-            _this.enumWFNhomTrangThai = exports.WorkflowCoreStatusEnum;
-            _this.labelWFStatusCore = LabelWorkflowCoreStatus;
-            _this.environment = _moduleConfigService.getConfig().environment;
+            _this.idCongViecs = [];
+            _this.formState = exports.FormState;
             return _this;
         }
         CongViecPickerComponent.prototype.ngOnInit = function () {
-            this.loadDetailFromQueryParam = true;
-            this.model.ready = false;
-            this.setting.baseService = this._congViecService;
-            this.setting.hiddenSettingPermission = true;
-            this.setting.hiddenSettingWorkflow = true;
-            this.setting.showEditLink = false;
-            this.setting.modelSchemas = [
-                new ModelSchema({ field: 'name', name: 'Tên công việc', fullName: 'Tên công việc', description: 'Tên công việc' }),
-                new ModelSchema({ field: 'description', name: 'Nội dung', fullName: 'Nội dung', description: 'Nội dung' }),
-                new ModelSchema({ field: 'startDate', dataType: 'date', name: 'Từ ngày', fullName: '', description: '' }),
-                new ModelSchema({ field: 'dueDate', dataType: 'date', name: 'Đến ngày', fullName: '', description: '' })
-            ];
-            this.setting.cols = [
-                new ColumnSchemaBase({
-                    field: 'name'
-                }),
-                new ColumnSchemaBase({
-                    field: 'description',
-                    dataType: 'html'
-                }),
-                new ColumnSchemaBase({
-                    field: 'status',
-                    dataType: 'status',
-                    label: this._translateService.instant('Trạng thái'),
-                    allowFilter: false
-                }),
-                new ColumnSchemaBase({
-                    field: 'startDate',
-                    width: '110px'
-                }),
-                new ColumnSchemaBase({
-                    field: 'dueDate',
-                    width: '125px'
-                })
-            ];
-            this.setting.fieldSearchText = ['name', 'description'];
-            this.setting.objectName = ' công việc';
-            _super.prototype.ngOnInit.call(this);
-        };
-        CongViecPickerComponent.prototype.modifyGridInfo = function (gridInfo) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    if (!this.idCongViecs || this.idCongViecs.length == 0)
-                        return [2 /*return*/, false];
-                    gridInfo.filters.push(this.newFilter('instanceId', exports.Operator.in, this.idCongViecs)
-                    // this.newFilter('entity', Operator.equal, 'task'),
-                    // this.newFilter('serviceCode', Operator.equal, 'task')
-                    );
-                    return [2 /*return*/];
-                });
-            });
-        };
-        CongViecPickerComponent.prototype.afterGetData = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var lstInstanceIdVanBan, wfCoreHistoriesRs_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            lstInstanceIdVanBan = this.model.dataSource.map(function (x) { return x.instanceId; });
-                            if (!lstInstanceIdVanBan.length) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._taskWorkflowHistoriesService.getAll([this.newFilter('idVanBan', exports.Operator.in, lstInstanceIdVanBan)])];
-                        case 1:
-                            wfCoreHistoriesRs_1 = _a.sent();
-                            if (wfCoreHistoriesRs_1.success && wfCoreHistoriesRs_1.data) {
-                                this.model.dataSource.forEach(function (item) {
-                                    var itemMapping = wfCoreHistoriesRs_1.data.find(function (x) { return x.idVanBan == item.instanceId; });
-                                    if (itemMapping) {
-                                        item.status = itemMapping.workflowCoreStatus;
-                                    }
-                                });
-                            }
-                            _a.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        CongViecPickerComponent.prototype.getPromiseGetData = function (gridInfo) {
-            return this._congViecService.getByGridRequestWithBodyOld(gridInfo, 'CongViec');
-        };
-        CongViecPickerComponent.prototype.navigateToCongviec = function () {
-            var subPathTaoCongViec = this.environment.clientTemplateParam.taoMoiVanBan
-                .replace('{{serviceCode}}', this.control.serviceCode)
-                .replace('{{entity}}', this.control.entity)
-                .replace('{{entityKey}}', this.control.entityKey)
-                .replace('{{state}}', JSON.stringify(this.control.state));
-            window.open("" + this.environment.clientDomain.congViecDomain + subPathTaoCongViec, '_blank');
-        };
-        CongViecPickerComponent.prototype.navigateToViewCongViec = function (rowData) {
-            var subPathViewCongViec = this.environment.clientTemplateParam.viewVanBan
-                .replace('{{taskId}}', rowData.id)
-                .replace('{{serviceCode}}', this.control.serviceCode)
-                .replace('{{entity}}', this.control.entity)
-                .replace('{{entityKey}}', this.control.entityKey);
-            window.open(this.environment.clientDomain.congViecDomain + "/" + subPathViewCongViec, '_blank');
         };
-        CongViecPickerComponent.prototype.xoaCongviec = function (rowData) {
-            this._xoaCongviec([rowData]);
-        };
-        CongViecPickerComponent.prototype.xoaCongviecSelected = function () {
-            this._xoaCongviec(this.model.selectedItems);
+        CongViecPickerComponent.prototype.handleIdsChange = function (ids) {
+            this.idCongViecs = ids;
+            this.fireEvent();
         };
-        CongViecPickerComponent.prototype._xoaCongviec = function (rowDatas) {
-            this.onXoaCongViec.emit({
-                ids: rowDatas.map(function (item) { return item.id; }),
-                rowDatas: rowDatas
-            });
+        CongViecPickerComponent.prototype.fireEvent = function () {
+            this.onChange(this.idCongViecs);
+            this.onChanged.emit(this.idCongViecs);
         };
         CongViecPickerComponent.prototype.writeValue = function (obj) {
             if (obj == null) {
-                this.model.dataSource = [];
-                this.model.ready = false;
+                this.idCongViecs = [];
             }
             else {
                 this.idCongViecs = obj;
-                this.model.ready = true;
-                if (this.crudList) {
-                    this.reload();
-                }
             }
         };
         CongViecPickerComponent.prototype.registerOnChange = function (fn) {
@@ -33968,11 +33819,11 @@
             this.control.disabled = isDisabled;
         };
         return CongViecPickerComponent;
-    }(DataListBase));
+    }(ComponentBase));
     CongViecPickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'congviec-picker',
-                    template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    [style]=\"{'min-height': '300px'}\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar>\r\n        <button type=\"button\" pButton pRipple label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n            (click)=\"navigateToCongviec()\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template #status let-rowData=\"rowData\">\r\n        <span>{{labelWFStatusCore[rowData.status]}}</span>\r\n    </ng-template>\r\n\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <button type=\"button\" pButton icon=\"pi pi-eye\"\r\n            class=\"p-button-text p-button-rounded p-button-success link-or-action\" pTooltip=\"Xem chi ti\u1EBFt v\u0103n b\u1EA3n\"\r\n            tooltipPosition=\"top\" (click)=\"navigateToViewCongViec(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>",
+                    template: "<base-congviec [isChildView]=\"true\" [formState]=\"formState.EDIT\" [ids]=\"idCongViecs\"\r\n    (idsChange)=\"handleIdsChange($event)\"></base-congviec>",
                     providers: [
                         ComponentContextService,
                         {
@@ -33986,15 +33837,11 @@
     ];
     CongViecPickerComponent.ctorParameters = function () { return [
         { type: i0.Injector },
-        { type: CongViecService$1 },
-        { type: ModuleConfigService },
-        { type: TaskWorkflowHistoriesService }
+        { type: NotifierService }
     ]; };
     CongViecPickerComponent.propDecorators = {
         control: [{ type: i0.Input }],
-        onChanged: [{ type: i0.Output }],
-        onXoaCongViec: [{ type: i0.Output }],
-        onReady: [{ type: i0.Output }]
+        onChanged: [{ type: i0.Output }]
     };
 
     var LocalCacheService = /** @class */ (function () {
@@ -40946,7 +40793,7 @@
     };
 
     // fix for build prod
-    var moment$2 = moment___namespace;
+    var moment$2 = moment___default['default'];
     var SignatureDetailComponent = /** @class */ (function (_super) {
         __extends(SignatureDetailComponent, _super);
         function SignatureDetailComponent(injector) {
@@ -48222,7 +48069,7 @@
             _this.onBlur = new i0.EventEmitter();
             _this.onChanged = new i0.EventEmitter();
             _this.model = '';
-            _this.id = nanoid_.nanoid(8);
+            _this.id = nanoid.nanoid(8);
             _this.dataEquation = {};
             _this.isShow = false;
             _this.isAddNews = false;
@@ -53966,7 +53813,7 @@
             _this._dmLinhVucCongViecService = _dmLinhVucCongViecService;
             _this._dmPriorityService = _dmPriorityService;
             _this._workflowPermissionDetailService = _workflowPermissionDetailService;
-            _this.onAfterSaved = new i0.EventEmitter();
+            _this.onAfterInserted = new i0.EventEmitter();
             _this.autoFocus = true;
             _this.enumFormState = exports.FormState;
             _this.enumLoaiDanhSachCongViec = exports.EnumLoaiDanhSachCongViec;
@@ -54243,7 +54090,7 @@
         };
         BaseCongViecFormComponent.prototype.onAfterSave = function (res) {
             if (this.model.formState == exports.FormState.ADD && res && res.success && res.data) {
-                this.onAfterSaved.emit(res.data);
+                this.onAfterInserted.emit(res.data);
             }
         };
         BaseCongViecFormComponent.prototype.onTabChange = function (evt) {
@@ -54278,7 +54125,7 @@
         crudList: [{ type: i0.Input }],
         control: [{ type: i0.Input }],
         tenCongViec: [{ type: i0.Input }],
-        onAfterSaved: [{ type: i0.Output }]
+        onAfterInserted: [{ type: i0.Output }]
     };
 
     var CongViecThayDoiService = /** @class */ (function (_super) {
@@ -54362,6 +54209,7 @@
             _this.isFromDashboard = false;
             _this.formState = exports.FormState.VIEW;
             _this.isChildView = false;
+            _this.idsChange = new i0.EventEmitter();
             _this.searchSchema = {};
             _this.searchData = {};
             _this.dicWorkflowByLoaiCongViec = {};
@@ -54378,6 +54226,19 @@
             }
             return _this;
         }
+        Object.defineProperty(BaseCongViecComponent.prototype, "ids", {
+            get: function () {
+                return this._ids;
+            },
+            set: function (value) {
+                this._ids = value;
+                if (this.model.baseReady) {
+                    this._triggerProcessData();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         BaseCongViecComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.setting.popupSize.width = 1360;
@@ -54499,6 +54360,8 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
+                            if (this.ids && !this.ids.length)
+                                return [2 /*return*/, false];
                             if (!gridInfo.sorts || !gridInfo.sorts.length) {
                                 gridInfo.sorts = [{ field: 'created', dir: -1 }];
                             }
@@ -54520,6 +54383,9 @@
                                     gridInfo.filters.push(this.newFilter(KeyFilterStateByMenuCongViec, exports.Operator.equal, this.stateCode));
                                 }
                             }
+                            if (this.ids) {
+                                gridInfo.filters.push(this.newFilter('id', exports.Operator.in, this.ids));
+                            }
                             if (!(this.loaiDanhSach == exports.EnumLoaiDanhSachCongViec.CongViecLienQuan)) return [3 /*break*/, 5];
                             gridInfo.filters = [];
                             return [4 /*yield*/, this.getIdsCongViecLienQuan()];
@@ -54683,7 +54549,18 @@
             this._congViecThayDoiService.triggerSyncTaskPermission()
                 .then(function (res) { return _this.handleResponse(res, 'Đồng bộ thành công'); });
         };
-        BaseCongViecComponent.prototype.onAfterSaved = function (id) {
+        BaseCongViecComponent.prototype.handleSaved = function (data) {
+            this.showDetailForm = false;
+            // Là form truyền id từ bên ngoài vào
+            // Sẽ cần update ngược lại ids nếu là case thêm mới bản ghi
+            // và reload
+            if (this.ids && data.insert) {
+                this.ids.push(data.id);
+                this.idsChange.emit(this.ids);
+            }
+            this.crudList.reload();
+        };
+        BaseCongViecComponent.prototype.handleAfterInserted = function (id) {
             if (this.loaiDanhSach == exports.EnumLoaiDanhSachCongViec.CongViecLienQuan) {
                 var items = [{
                         id: this._commonService.guid(),
@@ -54700,6 +54577,13 @@
                 this.insertCongViecCon(model);
             }
         };
+        BaseCongViecComponent.prototype.beforeReloadAfterDelete = function (ids) {
+            if (this.ids) {
+                var newIds = this.ids.filter(function (q) { return ids.some(function (x) { return x == q; }); });
+                this.ids = newIds;
+                this.idsChange.emit(this.ids);
+            }
+        };
         BaseCongViecComponent.prototype.processDelete = function (ids) {
             var _this = this;
             if (ids === void 0) { ids = []; }
@@ -54780,7 +54664,7 @@
     BaseCongViecComponent.decorators = [
         { type: i0.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    [showScrollHorizontal]=\"true\" [menuButtons]=\"getMenuButtons\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"addCongViec($event)\"\r\n    (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        <button type=\"button\" pButton style=\"display: none\" icon=\"pi pi-replay\" label=\"\u0110\u1ED3ng b\u1ED9 quy\u1EC1n\"\r\n            class=\"p-button-text\" (click)=\"triggerSyncPermission()\"></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    <ng-template *ngIf=\"loaiDanhSach > 0\" #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n        <button type=\"button\" pButton pRipple pTooltip=\"{{'FORM.DELETE' | translate}}\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-text p-button-danger link-or-action\" icon=\"pi pi-trash\"\r\n            (click)=\"deleteCongViecTheoLoaiDanhSach(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"loaiCongViecModel.showEditForm\" [styleClass]=\"'tn-form-dialog'\"\r\n    [header]=\"loaiCongViecModel.header | translate\" [popupSize]=\"loaiCongViecModel.popupSize\"\r\n    (onHide)=\"loaiCongViecModel.showEditForm = false\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10 tn-dropdown p-fluid\">\r\n                <dropdown [control]=\"searchSchema.loaiCongViec\" [(value)]=\"searchData.loaiCongViec\"></dropdown>\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                    (click)=\"showFormAddTask($event)\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" [itemId]=\"itemId\" (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\" [formState]=\"formState\" [loaiDanhSach]=\"loaiDanhSach\"\r\n        [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\" [menuButtons]=\"getMenuButtons\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"addCongViec($event)\"\r\n    (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        <button type=\"button\" pButton style=\"display: none\" icon=\"pi pi-replay\" label=\"\u0110\u1ED3ng b\u1ED9 quy\u1EC1n\"\r\n            class=\"p-button-text\" (click)=\"triggerSyncPermission()\"></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    <ng-template *ngIf=\"loaiDanhSach > 0\" #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n        <button type=\"button\" pButton pRipple pTooltip=\"{{'FORM.DELETE' | translate}}\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-text p-button-danger link-or-action\" icon=\"pi pi-trash\"\r\n            (click)=\"deleteCongViecTheoLoaiDanhSach(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"loaiCongViecModel.showEditForm\" [styleClass]=\"'tn-form-dialog'\"\r\n    [header]=\"loaiCongViecModel.header | translate\" [popupSize]=\"loaiCongViecModel.popupSize\"\r\n    (onHide)=\"loaiCongViecModel.showEditForm = false\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10 tn-dropdown p-fluid\">\r\n                <dropdown [control]=\"searchSchema.loaiCongViec\" [(value)]=\"searchData.loaiCongViec\"></dropdown>\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                    (click)=\"showFormAddTask($event)\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" [itemId]=\"itemId\" (onSaved)=\"handleSaved($event)\"\r\n        (onCancel)=\"_handleCancel($event)\" (onAfterInserted)=\"handleAfterInserted($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\" [formState]=\"formState\" [loaiDanhSach]=\"loaiDanhSach\"\r\n        [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}"]
                 },] }
@@ -54808,9 +54692,11 @@
         isPicker: [{ type: i0.Input }],
         loaiDanhSach: [{ type: i0.Input }],
         idCongViec: [{ type: i0.Input }],
+        ids: [{ type: i0.Input }],
         isFromDashboard: [{ type: i0.Input }],
         formState: [{ type: i0.Input }],
-        isChildView: [{ type: i0.Input }]
+        isChildView: [{ type: i0.Input }],
+        idsChange: [{ type: i0.Output }]
     };
 
     var BaseDmLinhVucCongViecFormComponent = /** @class */ (function (_super) {
@@ -59617,96 +59503,94 @@
     exports.ɵc = EntityPickerService;
     exports.ɵca = VanbanDenPickerComponent;
     exports.ɵcb = CongViecPickerComponent;
-    exports.ɵcc = CongViecService$1;
-    exports.ɵcd = TaskWorkflowHistoriesService;
-    exports.ɵce = SettingsComponent;
-    exports.ɵcf = SettingsRowComponent;
-    exports.ɵcg = SettingsWorkflowComponent;
-    exports.ɵch = SettingsWorkflowNo1Component;
-    exports.ɵci = SimpleWorkflowFormComponent;
-    exports.ɵcj = ProcessWorkflowTargetComponent;
-    exports.ɵck = DmChucVuService;
-    exports.ɵcl = ChoYKienFormComponent;
-    exports.ɵcm = SplashComponentV1Component;
-    exports.ɵcn = SplashComponentV2Component;
-    exports.ɵco = StateMachinesConnectionReceiverComponent;
-    exports.ɵcp = StateMachinesConnectionReceiverConditionComponent;
-    exports.ɵcq = StateMachinesConnectionReceiverDepartmentComponent;
-    exports.ɵcr = StateMachinesConnectionReceiverGroupComponent;
-    exports.ɵcs = StateMachinesConnectionReceiverUserComponent;
-    exports.ɵct = StateMachinesConnectionReceiverRoleComponent;
-    exports.ɵcu = StateMachinesConnectionSenderComponent;
-    exports.ɵcv = StartWorkflowComponent;
-    exports.ɵcw = ShareLinkByPermissionComponent;
-    exports.ɵcx = WorkflowSettingNewComponent;
-    exports.ɵcy = PermissionSharingComponent;
-    exports.ɵcz = WorkflowPermissionService;
+    exports.ɵcc = SettingsComponent;
+    exports.ɵcd = SettingsRowComponent;
+    exports.ɵce = SettingsWorkflowComponent;
+    exports.ɵcf = SettingsWorkflowNo1Component;
+    exports.ɵcg = SimpleWorkflowFormComponent;
+    exports.ɵch = ProcessWorkflowTargetComponent;
+    exports.ɵci = DmChucVuService;
+    exports.ɵcj = ChoYKienFormComponent;
+    exports.ɵck = SplashComponentV1Component;
+    exports.ɵcl = SplashComponentV2Component;
+    exports.ɵcm = StateMachinesConnectionReceiverComponent;
+    exports.ɵcn = StateMachinesConnectionReceiverConditionComponent;
+    exports.ɵco = StateMachinesConnectionReceiverDepartmentComponent;
+    exports.ɵcp = StateMachinesConnectionReceiverGroupComponent;
+    exports.ɵcq = StateMachinesConnectionReceiverUserComponent;
+    exports.ɵcr = StateMachinesConnectionReceiverRoleComponent;
+    exports.ɵcs = StateMachinesConnectionSenderComponent;
+    exports.ɵct = StartWorkflowComponent;
+    exports.ɵcu = ShareLinkByPermissionComponent;
+    exports.ɵcv = WorkflowSettingNewComponent;
+    exports.ɵcw = PermissionSharingComponent;
+    exports.ɵcx = WorkflowPermissionService;
+    exports.ɵcy = TnCheckboxComponent;
+    exports.ɵcz = TnDialogComponent;
     exports.ɵd = ExceptionHandlerService;
-    exports.ɵda = TnCheckboxComponent;
-    exports.ɵdb = TnDialogComponent;
-    exports.ɵdc = TnColorPickerComponent;
-    exports.ɵdd = TnTinymceComponent;
-    exports.ɵde = TnTabViewComponent;
-    exports.ɵdf = TableDetailFormComponent;
-    exports.ɵdg = FileIconPipe;
-    exports.ɵdh = FileSizePipe;
-    exports.ɵdi = QuickAddFormComponent;
-    exports.ɵdj = PreventShiftTabDirective;
-    exports.ɵdk = TnTemplateDirective;
-    exports.ɵdl = UserPickerComponent;
-    exports.ɵdm = UserPickerBoxComponent;
-    exports.ɵdn = CoCauToChucTestService;
-    exports.ɵdo = TnAppHelpComponent;
-    exports.ɵdp = PathNameService;
-    exports.ɵdq = HelperCurrentPageComponent;
-    exports.ɵdr = TnAppNotificationListComponent;
-    exports.ɵds = TnAppNotificationComponent;
-    exports.ɵdt = MyDriveService;
-    exports.ɵdu = FileVersionService;
-    exports.ɵdv = FileExplorerNewService;
-    exports.ɵdw = FileManagerService;
-    exports.ɵdx = FolderFormComponent;
-    exports.ɵdy = FileFormComponent;
-    exports.ɵdz = FileViewerComponent;
+    exports.ɵda = TnColorPickerComponent;
+    exports.ɵdb = TnTinymceComponent;
+    exports.ɵdc = TnTabViewComponent;
+    exports.ɵdd = TableDetailFormComponent;
+    exports.ɵde = FileIconPipe;
+    exports.ɵdf = FileSizePipe;
+    exports.ɵdg = QuickAddFormComponent;
+    exports.ɵdh = PreventShiftTabDirective;
+    exports.ɵdi = TnTemplateDirective;
+    exports.ɵdj = UserPickerComponent;
+    exports.ɵdk = UserPickerBoxComponent;
+    exports.ɵdl = CoCauToChucTestService;
+    exports.ɵdm = TnAppHelpComponent;
+    exports.ɵdn = PathNameService;
+    exports.ɵdo = HelperCurrentPageComponent;
+    exports.ɵdp = TnAppNotificationListComponent;
+    exports.ɵdq = TnAppNotificationComponent;
+    exports.ɵdr = MyDriveService;
+    exports.ɵds = FileVersionService;
+    exports.ɵdt = FileExplorerNewService;
+    exports.ɵdu = FileManagerService;
+    exports.ɵdv = FolderFormComponent;
+    exports.ɵdw = FileFormComponent;
+    exports.ɵdx = FileViewerComponent;
+    exports.ɵdy = FileVersionListComponent;
+    exports.ɵdz = WorkflowHistoryComponent;
     exports.ɵe = CanBo_HoSoService;
-    exports.ɵea = FileVersionListComponent;
-    exports.ɵeb = WorkflowHistoryComponent;
-    exports.ɵec = EntityWorkflowHistoryService;
-    exports.ɵed = WorkflowHistoryDialogComponent;
-    exports.ɵee = WorkflowHistoryNewComponent;
-    exports.ɵef = WorkflowSettingComponent;
-    exports.ɵeg = EntityWorkflowSettingService;
-    exports.ɵeh = WorkflowSettingDialogComponent;
-    exports.ɵei = WorkflowPermissionComponent;
-    exports.ɵej = WorkflowPermissionFormComponent;
-    exports.ɵek = ReferenceTextBoxComponent;
-    exports.ɵel = QrCodeGeneratorComponent;
-    exports.ɵem = AccessDeniedV1Component;
-    exports.ɵen = AddNewsComponent;
-    exports.ɵeo = ArticleService;
-    exports.ɵep = NewsCategoryService;
-    exports.ɵeq = NotFoundComponent;
-    exports.ɵer = UniversalLinkProcessorComponent;
-    exports.ɵes = SignatureDetailComponent;
-    exports.ɵet = ChatService;
-    exports.ɵeu = ContentsService;
-    exports.ɵev = StatusExtendsService;
-    exports.ɵew = MessageBoardService;
-    exports.ɵex = KySoSimDanhSachChuKyComponent;
-    exports.ɵey = KySoSimChuKyUserService;
-    exports.ɵez = FileKySoSimComponent;
+    exports.ɵea = EntityWorkflowHistoryService;
+    exports.ɵeb = WorkflowHistoryDialogComponent;
+    exports.ɵec = WorkflowHistoryNewComponent;
+    exports.ɵed = WorkflowSettingComponent;
+    exports.ɵee = EntityWorkflowSettingService;
+    exports.ɵef = WorkflowSettingDialogComponent;
+    exports.ɵeg = WorkflowPermissionComponent;
+    exports.ɵeh = WorkflowPermissionFormComponent;
+    exports.ɵei = ReferenceTextBoxComponent;
+    exports.ɵej = QrCodeGeneratorComponent;
+    exports.ɵek = AccessDeniedV1Component;
+    exports.ɵel = AddNewsComponent;
+    exports.ɵem = ArticleService;
+    exports.ɵen = NewsCategoryService;
+    exports.ɵeo = NotFoundComponent;
+    exports.ɵep = UniversalLinkProcessorComponent;
+    exports.ɵeq = SignatureDetailComponent;
+    exports.ɵer = ChatService;
+    exports.ɵes = ContentsService;
+    exports.ɵet = StatusExtendsService;
+    exports.ɵeu = MessageBoardService;
+    exports.ɵev = KySoSimDanhSachChuKyComponent;
+    exports.ɵew = KySoSimChuKyUserService;
+    exports.ɵex = FileKySoSimComponent;
+    exports.ɵey = KySoSimSignPDFService;
+    exports.ɵez = TaiLieuCuaToiComponent;
     exports.ɵf = AfterViewCheckedComponent;
-    exports.ɵfa = KySoSimSignPDFService;
-    exports.ɵfb = TaiLieuCuaToiComponent;
-    exports.ɵfc = KhaiThacTaiLieuDungChungComponent;
-    exports.ɵfd = DanhMucDungChungService;
-    exports.ɵfe = TnTemplateComponent;
-    exports.ɵff = LoadingPageV1Component;
-    exports.ɵfg = CheckReadyComponent;
-    exports.ɵfh = SendAccessTokenInterceptor;
-    exports.ɵfi = LogInterceptor;
-    exports.ɵfj = PermissionUtilsInterceptor;
-    exports.ɵfk = TraceInterceptor;
+    exports.ɵfa = KhaiThacTaiLieuDungChungComponent;
+    exports.ɵfb = DanhMucDungChungService;
+    exports.ɵfc = TnTemplateComponent;
+    exports.ɵfd = LoadingPageV1Component;
+    exports.ɵfe = CheckReadyComponent;
+    exports.ɵff = SendAccessTokenInterceptor;
+    exports.ɵfg = LogInterceptor;
+    exports.ɵfh = PermissionUtilsInterceptor;
+    exports.ɵfi = TraceInterceptor;
     exports.ɵg = AdvanceSearchComponent;
     exports.ɵh = AppRootMenuComponent;
     exports.ɵi = AppTopBarComponent;