tnx-shared 5.1.406 → 5.1.408

package/bundles/tnx-shared.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/common/http'), require('fast-safe-stringify'), require('moment'), require('underscore'), require('uuid'), require('angular-oauth2-oidc'), require('@ngx-translate/core'), require('tn-custom-primeng/api'), require('@angular/router'), require('@aspnet/signalr'), require('file-saver'), require('print-js'), require('@angular/platform-browser'), require('jquery'), require('ngx-device-detector'), require('jwt-decode'), require('tn-custom-primeng/table'), require('@angular/common/locales/vi'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('ngx-img-fallback'), require('ngx-mask'), require('ng2-signalr'), require('tn-custom-primeng/fileupload'), require('tn-custom-primeng/dropdown'), require('tn-custom-primeng/multiselect'), require('hammerjs'), require('jsplumb'), require('tn-custom-primeng/dom'), require('angular-split'), require('ng2-currency-mask'), require('ngx-drag-drop'), require('ngx-extended-pdf-viewer'), 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/fieldset'), 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/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/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/animations'), require('qrcode'), require('nanoid'), require('rtf.js')) :
     typeof define === 'function' && define.amd ? define('tnx-shared', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/common/http', 'fast-safe-stringify', 'moment', 'underscore', 'uuid', 'angular-oauth2-oidc', '@ngx-translate/core', 'tn-custom-primeng/api', '@angular/router', '@aspnet/signalr', 'file-saver', 'print-js', '@angular/platform-browser', 'jquery', 'ngx-device-detector', 'jwt-decode', 'tn-custom-primeng/table', '@angular/common/locales/vi', '@angular/forms', '@angular/platform-browser/animations', 'ngx-img-fallback', 'ngx-mask', 'ng2-signalr', 'tn-custom-primeng/fileupload', 'tn-custom-primeng/dropdown', 'tn-custom-primeng/multiselect', 'hammerjs', 'jsplumb', 'tn-custom-primeng/dom', 'angular-split', 'ng2-currency-mask', 'ngx-drag-drop', 'ngx-extended-pdf-viewer', '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/fieldset', '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/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/tabview', 'tn-custom-primeng/toast', 'tn-custom-primeng/tooltip', 'tn-custom-primeng/tree', 'tn-custom-primeng/treetable', 'tn-custom-primeng/tristatecheckbox', '@angular/animations', 'qrcode', 'nanoid', 'rtf.js'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tnx-shared'] = {}, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.common.http, global.stringify, global.moment_, global._, global.uuid, global.i4, global.i2, global.i1, global.ng.router, global.signalR, global.FileSaver, global.printJS$3, global.ng.platformBrowser, global.jQuery_, global.ngxDeviceDetector, global.JWT_, global.table, global.ng.common.locales.vi, global.ng.forms, global.ng.platformBrowser.animations, global.ngxImgFallback, global.ngxMask, global.ng2Signalr, global.fileupload, global.dropdown, global.multiselect, global.Hammer, global.jsplumb, global.dom, global.angularSplit, global.ng2CurrencyMask, global.ngxDragDrop, global.ngxExtendedPdfViewer, 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.fieldset, global.focustrap, global.inputmask, global.inputswitch, global.inputtext, global.inputtextarea, global.menu, global.menubar, 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.tabview, global.toast, global.tooltip, global.tree, global.treetable, global.tristatecheckbox, global.ng.animations, global.QRCode, global.nanoid, global.rtf_js));
-}(this, (function (exports, i0, rxjs, operators, i3, i1$1, stringify, moment_, _, uuid, i4, i2, i1, i3$1, signalR, FileSaver, printJS$3, platformBrowser, jQuery_, ngxDeviceDetector, JWT_, table, localeVi, forms, animations, ngxImgFallback, ngxMask, ng2Signalr, fileupload, dropdown, multiselect, Hammer, jsplumb, dom, angularSplit, ng2CurrencyMask, ngxDragDrop, ngxExtendedPdfViewer, ngxPerfectScrollbar, accordion, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, fieldset, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, tabview, toast, tooltip, tree, treetable, tristatecheckbox, animations$1, QRCode, nanoid, rtf_js) { 'use strict';
+}(this, (function (exports, i0, rxjs, operators, i4$1, i1$1, stringify, moment_, _, uuid, i4, i2, i1, i3, signalR, FileSaver, printJS$3, platformBrowser, jQuery_, ngxDeviceDetector, JWT_, table, localeVi, forms, animations, ngxImgFallback, ngxMask, ng2Signalr, fileupload, dropdown, multiselect, Hammer, jsplumb, dom, angularSplit, ng2CurrencyMask, ngxDragDrop, ngxExtendedPdfViewer, ngxPerfectScrollbar, accordion, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, fieldset, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, tabview, toast, tooltip, tree, treetable, tristatecheckbox, animations$1, QRCode, nanoid, rtf_js) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3112,7 +3112,7 @@
                     }
                     // Format Date
                     if (c.dateFormat) {
-                        var datePipe = new i3.DatePipe('en-US');
+                        var datePipe = new i4$1.DatePipe('en-US');
                         colVal = datePipe.transform(colVal, c.dateFormat);
                     }
                     // Format mapping
@@ -3183,7 +3183,7 @@
                     }
                     // Format Date
                     if (c.dateFormat) {
-                        var datePipe = new i3.DatePipe('en-US');
+                        var datePipe = new i4$1.DatePipe('en-US');
                         colVal = datePipe.transform(colVal, c.dateFormat);
                     }
                     // Format mapping
@@ -3251,7 +3251,7 @@
                         }
                         // Format Date
                         if (c.dateFormat) {
-                            var datePipe = new i3.DatePipe('en-US');
+                            var datePipe = new i4$1.DatePipe('en-US');
                             colVal = datePipe.transform(colVal, c.dateFormat);
                         }
                         // Format mapping
@@ -4997,6 +4997,148 @@
         { ten: 'Đã duyệt quyết định', id: 3 }
     ];
 
+    var LoggerService = /** @class */ (function () {
+        function LoggerService(_moduleConfigService) {
+            this.logGroups = {
+                info: {},
+                error: {},
+                warning: {}
+            };
+            this.environment = _moduleConfigService.getConfig().environment;
+        }
+        LoggerService.prototype.disableConsole = function () {
+            return this.environment.systemLogSetting
+                && this.environment.systemLogSetting.disableConsole;
+        };
+        LoggerService.prototype.logInfo = function (message) {
+            var optionalParams = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                optionalParams[_i - 1] = arguments[_i];
+            }
+            if (!this.disableConsole()) {
+                console.info(message, optionalParams);
+            }
+        };
+        LoggerService.prototype.logError = function (message) {
+            var optionalParams = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                optionalParams[_i - 1] = arguments[_i];
+            }
+            if (!this.disableConsole()) {
+                console.error(message, optionalParams);
+            }
+        };
+        LoggerService.prototype.logWarning = function (message) {
+            var optionalParams = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                optionalParams[_i - 1] = arguments[_i];
+            }
+            if (!this.disableConsole()) {
+                console.warn(message, optionalParams);
+            }
+        };
+        LoggerService.prototype.logGroupInfo = function (category) {
+            var _a;
+            var messages = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                messages[_i - 1] = arguments[_i];
+            }
+            if (!this.logGroups.info[category])
+                this.logGroups.info[category] = [];
+            (_a = this.logGroups.info[category]).push.apply(_a, __spread(messages));
+        };
+        LoggerService.prototype.logGroupError = function (category) {
+            var _a;
+            var messages = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                messages[_i - 1] = arguments[_i];
+            }
+            if (!this.logGroups.error[category])
+                this.logGroups.error[category] = [];
+            (_a = this.logGroups.error[category]).push.apply(_a, __spread(messages));
+        };
+        LoggerService.prototype.logGroupWarning = function (category) {
+            var _a;
+            var messages = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                messages[_i - 1] = arguments[_i];
+            }
+            if (!this.logGroups.warning[category])
+                this.logGroups.warning[category] = [];
+            (_a = this.logGroups.warning[category]).push.apply(_a, __spread(messages));
+        };
+        LoggerService.prototype.writeGroupInfo = function (category) {
+            if (!this.disableConsole()) {
+                var items = this.logGroups.info[category];
+                if (items) {
+                    console.info(category, items);
+                }
+            }
+        };
+        LoggerService.prototype.writeGroupError = function (category) {
+            if (!this.disableConsole()) {
+                var items = this.logGroups.error[category];
+                if (items) {
+                    console.error(category, items);
+                }
+            }
+        };
+        LoggerService.prototype.writeGroupWarning = function (category) {
+            if (!this.disableConsole()) {
+                var items = this.logGroups.warning[category];
+                if (items) {
+                    console.warn(category, items);
+                }
+            }
+        };
+        LoggerService.prototype.writeAndFlushGroupInfo = function (category) {
+            this.writeGroupInfo(category);
+            this.flushGroupInfo(category);
+        };
+        LoggerService.prototype.writeAndFlushGroupError = function (category) {
+            this.writeGroupError(category);
+            this.flushGroupError(category);
+        };
+        LoggerService.prototype.writeAndFlushGroupWarning = function (category) {
+            this.writeGroupWarning(category);
+            this.flushGroupWarning(category);
+        };
+        LoggerService.prototype.flushGroupInfo = function (category) {
+            if (this.logGroups.info[category]) {
+                this.logGroups.info[category] = [];
+            }
+            else {
+                this.logGroups.info[category] = [];
+            }
+        };
+        LoggerService.prototype.flushGroupError = function (category) {
+            if (this.logGroups.error[category]) {
+                this.logGroups.error[category] = [];
+            }
+            else {
+                this.logGroups.error[category] = [];
+            }
+        };
+        LoggerService.prototype.flushGroupWarning = function (category) {
+            if (this.logGroups.warning[category]) {
+                this.logGroups.warning[category] = [];
+            }
+            else {
+                this.logGroups.warning[category] = [];
+            }
+        };
+        return LoggerService;
+    }());
+    LoggerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoggerService_Factory() { return new LoggerService(i0.ɵɵinject(ModuleConfigService)); }, token: LoggerService, providedIn: "root" });
+    LoggerService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    LoggerService.ctorParameters = function () { return [
+        { type: ModuleConfigService }
+    ]; };
+
     var MasterDataItem = /** @class */ (function () {
         function MasterDataItem() {
         }
@@ -5839,9 +5981,10 @@
     ]; };
 
     var CrudService = /** @class */ (function () {
-        function CrudService(_injector, _translateService, _commonService, datePipe, _notifierService) {
+        function CrudService(_injector, _translateService, _loggerService, _commonService, datePipe, _notifierService) {
             this._injector = _injector;
             this._translateService = _translateService;
+            this._loggerService = _loggerService;
             this._commonService = _commonService;
             this.datePipe = datePipe;
             this._notifierService = _notifierService;
@@ -6673,8 +6816,10 @@
                     this._notifierService.showWarning(rs.message);
                     break;
                 case Validation.ERR_SYS_DEV:
-                    console.log("__________ ERR_SYS_DEV __________  : " + rs.message);
-                    console.log("TraceId ====> " + this.getTraceId() + " \u0111\u1EC3 d\u00F9ng cho elastic search");
+                    this._loggerService.logError("__________ ERR_SYS_DEV __________  : " + rs.message);
+                    this._loggerService.logError("TraceId ====> " + this.getTraceId() + " \u0111\u1EC3 d\u00F9ng cho elastic search");
+                    this._notifierService.showWarning('Thao tác chưa thành công. Vui lòng thử lại sau!');
+                    break;
                 default:
                     this._notifierService.showWarning('Thao tác chưa thành công. Vui lòng thử lại sau!');
                     break;
@@ -6684,7 +6829,7 @@
         CrudService.prototype.handleResponse = function (res, message, callBack, callBackError) {
             if (!res.success) {
                 if (res.error == Validation.ERR_SYS_DEV) {
-                    console.error(res.message);
+                    this._loggerService.logError(res.message);
                     this._injector.get(NotifierService).showWarning('Có lỗi xảy ra. Liên hệ quản trị viên để biết thêm chi tiết.');
                 }
                 else {
@@ -6712,7 +6857,7 @@
             return new Promise(function (resolve, reject) {
                 if (!res.success) {
                     if (res.error == Validation.ERR_SYS_DEV) {
-                        console.error(res.message);
+                        _this._loggerService.logError(res.message);
                         _this._injector.get(NotifierService).showWarning('Có lỗi xảy ra. Liên hệ quản trị viên để biết thêm chi tiết.');
                     }
                     else {
@@ -6785,6 +6930,7 @@
         };
         CrudService.prototype.getValueFilter = function (filter, model, rootModel) {
             var e_4, _a;
+            var _this = this;
             var sourceField = filter.sourceField;
             var subField = filter.subField;
             var tryGetBySubField = function (value) {
@@ -6802,7 +6948,7 @@
                     return value;
                 }
                 catch (ex) {
-                    console.log(ex);
+                    _this._loggerService.logError(ex);
                     return null;
                 }
             };
@@ -6848,7 +6994,7 @@
         };
         return CrudService;
     }());
-    CrudService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CrudService_Factory() { return new CrudService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i2.TranslateService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i3.DatePipe), i0.ɵɵinject(NotifierService)); }, token: CrudService, providedIn: "root" });
+    CrudService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CrudService_Factory() { return new CrudService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i2.TranslateService), i0.ɵɵinject(LoggerService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i4$1.DatePipe), i0.ɵɵinject(NotifierService)); }, token: CrudService, providedIn: "root" });
     CrudService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -6857,8 +7003,9 @@
     CrudService.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: i2.TranslateService },
+        { type: LoggerService },
         { type: CommonService },
-        { type: i3.DatePipe },
+        { type: i4$1.DatePipe },
         { type: NotifierService }
     ]; };
 
@@ -9167,10 +9314,10 @@
             this._injector = injector;
             this._appContext = injector.get(ApplicationContextService);
             this._componentContext = injector.get(ComponentContextService);
-            this._activatedRoute = injector.get(i3$1.ActivatedRoute);
+            this._activatedRoute = injector.get(i3.ActivatedRoute);
             this._crudService = injector.get(CrudService);
             this._commonService = injector.get(CommonService);
-            this._datePipe = injector.get(i3.DatePipe);
+            this._datePipe = injector.get(i4$1.DatePipe);
             this._componentContext = this._appContext.addComponentContext(this._componentContext, this._activatedRoute, this.getComponentId());
             if (this._componentContext) {
                 this.model = this._componentContext.data;
@@ -16459,16 +16606,16 @@
         };
         return CustomRouterService;
     }());
-    CustomRouterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CustomRouterService_Factory() { return new CustomRouterService(i0.ɵɵinject(i3$1.ActivatedRoute), i0.ɵɵinject(i3$1.Router), i0.ɵɵinject(i3.Location)); }, token: CustomRouterService, providedIn: "root" });
+    CustomRouterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CustomRouterService_Factory() { return new CustomRouterService(i0.ɵɵinject(i3.ActivatedRoute), i0.ɵɵinject(i3.Router), i0.ɵɵinject(i4$1.Location)); }, token: CustomRouterService, providedIn: "root" });
     CustomRouterService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
     CustomRouterService.ctorParameters = function () { return [
-        { type: i3$1.ActivatedRoute },
-        { type: i3$1.Router },
-        { type: i3.Location }
+        { type: i3.ActivatedRoute },
+        { type: i3.Router },
+        { type: i4$1.Location }
     ]; };
 
     var DomService = /** @class */ (function () {
@@ -16756,8 +16903,8 @@
             _this.__isFormView = false;
             _this._notifierService = _this._injector.get(NotifierService);
             _this._masterDataService = _this._injector.get(MasterDataService);
-            _this._router = _this._injector.get(i3$1.Router);
-            _this._activatedRoute = _this._injector.get(i3$1.ActivatedRoute);
+            _this._router = _this._injector.get(i3.Router);
+            _this._activatedRoute = _this._injector.get(i3.ActivatedRoute);
             _this._translateService = _this._injector.get(i2.TranslateService);
             _this._customRouterService = _this._injector.get(CustomRouterService);
             _this._crudService = _this._injector.get(CrudService);
@@ -17830,6 +17977,91 @@
             this.serviceUri = this.getEndpointByService(baseService) + "/WorkflowPermissionDetail";
             return this;
         };
+        WorkflowPermissionDetailService.prototype.appendInfoForWorkflowSingle = function (userIdCurrent, data, fieldKey, ignoreWorkflow, callBackWhenNotHaveStatus) {
+            if (fieldKey === void 0) { fieldKey = 'id'; }
+            if (ignoreWorkflow === void 0) { ignoreWorkflow = false; }
+            if (callBackWhenNotHaveStatus === void 0) { callBackWhenNotHaveStatus = null; }
+            return __awaiter(this, void 0, void 0, function () {
+                var itemId, filters, sorts, dataStatus, notifierService;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (callBackWhenNotHaveStatus == null) {
+                                callBackWhenNotHaveStatus = function (itemStatus, rowItem) {
+                                };
+                            }
+                            itemId = data[fieldKey];
+                            filters = [
+                                this.newFilter('itemId', exports.Operator.equal, itemId),
+                                this.newFilter('notInWorkflow', exports.Operator.equal, false),
+                            ];
+                            sorts = [];
+                            if (!ignoreWorkflow) {
+                                filters.push(this.newFilter('userId', exports.Operator.equal, userIdCurrent));
+                            }
+                            else {
+                                sorts.push(new Sort({ field: 'permission', dir: -1 }), new Sort({ field: 'inComing', dir: -1 }));
+                            }
+                            return [4 /*yield*/, this.getAll(filters, 'itemId,userId,trangThai,textTrangThai,workflowCode,permission', sorts)];
+                        case 1:
+                            dataStatus = (_a.sent()).data;
+                            if (dataStatus == null) {
+                                notifierService = this._injector.get(NotifierService);
+                                return [2 /*return*/, notifierService.showWarning('Không lấy được thông tin trạng thái hiện tại của bản ghi')];
+                            }
+                            this.appendWorkflowInfoToItem(data, itemId, userIdCurrent, ignoreWorkflow, dataStatus, callBackWhenNotHaveStatus);
+                            return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        WorkflowPermissionDetailService.prototype.appendWorkflowInfoToItem = function (data, itemId, userIdCurrent, ignoreWorkflow, dataStatus, callBackWhenNotHaveStatus) {
+            if (callBackWhenNotHaveStatus === void 0) { callBackWhenNotHaveStatus = null; }
+            var itemStatus = {
+                textTrangThai: 'Chưa chạy quy trình'
+            };
+            if (itemId) {
+                var lstItemStatus = dataStatus.filter(function (q) { return q.itemId == itemId && q.userId == userIdCurrent; });
+                if (ignoreWorkflow === true && lstItemStatus.length === 0) {
+                    lstItemStatus.push.apply(lstItemStatus, __spread(dataStatus.filter(function (q) { return q.itemId === itemId; })));
+                }
+                // let itemStatus = null;
+                if (lstItemStatus.length) {
+                    itemStatus = lstItemStatus.find(function (q) { return (q.permission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT; });
+                    if (itemStatus == null) {
+                        itemStatus = lstItemStatus[0];
+                    }
+                }
+            }
+            // Nếu không có bản ghi trạng thái
+            // Nhưng đã tạo task rồi thì hiển thị trạng thái "đã tạo công việc" để tránh trường hợp hiển thị nút bắt đầu thừa trên giao diện
+            if (!itemStatus.trangThai) {
+                callBackWhenNotHaveStatus(itemStatus, data);
+            }
+            data.__trangThai = itemStatus.trangThai;
+            data.__textTrangThai = itemStatus.textTrangThai;
+            if (itemStatus.workflowCode == DummyWorkflowCode) {
+                data.hiddenWorkflowAction = true;
+            }
+            data.__workflowCode = itemStatus.workflowCode;
+            data.__permission = itemStatus.permission;
+            data.__disableEdit = true;
+            data.__disableDelete = true;
+            if (data.basePermission & exports.PermissionBase.EDIT
+                || data.__permission & exports.PermissionBase.EDIT) {
+                data.__disableEdit = false;
+            }
+            else {
+                data.__disablePermissionEdit = true;
+            }
+            if (data.basePermission & exports.PermissionBase.DELETE
+                || data.__permission & exports.PermissionBase.DELETE) {
+                data.__disableDelete = false;
+            }
+            else {
+                data.__disablePermissionDelete = true;
+            }
+        };
         /**
          * Lấy thêm các thông tin cần cho quy trình nghiệp vụ cho các bản ghi trong data
          */
@@ -17839,6 +18071,7 @@
             if (callBackWhenNotHaveStatus === void 0) { callBackWhenNotHaveStatus = null; }
             return __awaiter(this, void 0, void 0, function () {
                 var lstItemId, filters, sorts, dataStatus, notifierService;
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -17866,51 +18099,54 @@
                                 return [2 /*return*/, notifierService.showWarning('Không lấy được thông tin trạng thái hiện tại của bản ghi')];
                             }
                             data.forEach(function (rowItem) {
-                                var itemStatus = {
-                                    textTrangThai: 'Chưa chạy quy trình'
-                                };
-                                var itemId = rowItem[fieldKey];
-                                if (itemId) {
-                                    var lstItemStatus = dataStatus.filter(function (q) { return q.itemId == itemId && q.userId == userIdCurrent; });
-                                    if (ignoreWorkflow === true && lstItemStatus.length === 0) {
-                                        lstItemStatus.push.apply(lstItemStatus, __spread(dataStatus.filter(function (q) { return q.itemId === itemId; })));
-                                    }
-                                    // let itemStatus = null;
-                                    if (lstItemStatus.length) {
-                                        itemStatus = lstItemStatus.find(function (q) { return (q.permission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT; });
-                                        if (itemStatus == null) {
-                                            itemStatus = lstItemStatus[0];
-                                        }
-                                    }
-                                }
-                                // Nếu không có bản ghi trạng thái
-                                // Nhưng đã tạo task rồi thì hiển thị trạng thái "đã tạo công việc" để tránh trường hợp hiển thị nút bắt đầu thừa trên giao diện
-                                if (!itemStatus.trangThai) {
-                                    callBackWhenNotHaveStatus(itemStatus, rowItem);
-                                }
-                                rowItem.__trangThai = itemStatus.trangThai;
-                                rowItem.__textTrangThai = itemStatus.textTrangThai;
-                                if (itemStatus.workflowCode == DummyWorkflowCode) {
-                                    rowItem.hiddenWorkflowAction = true;
-                                }
-                                rowItem.__workflowCode = itemStatus.workflowCode;
-                                rowItem.__permission = itemStatus.permission;
-                                rowItem.__disableEdit = true;
-                                rowItem.__disableDelete = true;
-                                if (rowItem.basePermission & exports.PermissionBase.EDIT
-                                    || rowItem.__permission & exports.PermissionBase.EDIT) {
-                                    rowItem.__disableEdit = false;
-                                }
-                                else {
-                                    rowItem.__disablePermissionEdit = true;
-                                }
-                                if (rowItem.basePermission & exports.PermissionBase.DELETE
-                                    || rowItem.__permission & exports.PermissionBase.DELETE) {
-                                    rowItem.__disableDelete = false;
-                                }
-                                else {
-                                    rowItem.__disablePermissionDelete = true;
-                                }
+                                _this.appendWorkflowInfoToItem(rowItem, rowItem[fieldKey], userIdCurrent, ignoreWorkflow, dataStatus, callBackWhenNotHaveStatus);
+                                // let itemStatus: any = {
+                                //     textTrangThai: 'Chưa chạy quy trình'
+                                // };
+                                // const itemId = rowItem[fieldKey];
+                                // if (itemId) {
+                                //     const lstItemStatus = dataStatus.filter(q => q.itemId == itemId && q.userId == userIdCurrent);
+                                //     if (ignoreWorkflow === true && lstItemStatus.length === 0) {
+                                //         lstItemStatus.push(...dataStatus.filter(q => q.itemId === itemId));
+                                //     }
+                                //     // let itemStatus = null;
+                                //     if (lstItemStatus.length) {
+                                //         itemStatus = lstItemStatus.find(q => (q.permission & PermissionBase.EDIT) == PermissionBase.EDIT);
+                                //         if (itemStatus == null) {
+                                //             itemStatus = lstItemStatus[0];
+                                //         }
+                                //     }
+                                // }
+                                // // Nếu không có bản ghi trạng thái
+                                // // Nhưng đã tạo task rồi thì hiển thị trạng thái "đã tạo công việc" để tránh trường hợp hiển thị nút bắt đầu thừa trên giao diện
+                                // if (!itemStatus.trangThai) {
+                                //     callBackWhenNotHaveStatus(itemStatus, rowItem);
+                                // }
+                                // rowItem.__trangThai = itemStatus.trangThai;
+                                // rowItem.__textTrangThai = itemStatus.textTrangThai;
+                                // if (itemStatus.workflowCode == DummyWorkflowCode) {
+                                //     rowItem.hiddenWorkflowAction = true;
+                                // }
+                                // rowItem.__workflowCode = itemStatus.workflowCode;
+                                // rowItem.__permission = itemStatus.permission;
+                                // rowItem.__disableEdit = true;
+                                // rowItem.__disableDelete = true;
+                                // if (rowItem.basePermission & PermissionBase.EDIT
+                                //     || rowItem.__permission & PermissionBase.EDIT
+                                // ) {
+                                //     rowItem.__disableEdit = false;
+                                // }
+                                // else {
+                                //     rowItem.__disablePermissionEdit = true;
+                                // }
+                                // if (rowItem.basePermission & PermissionBase.DELETE
+                                //     || rowItem.__permission & PermissionBase.DELETE
+                                // ) {
+                                //     rowItem.__disableDelete = false;
+                                // }
+                                // else {
+                                //     rowItem.__disablePermissionDelete = true;
+                                // }
                             });
                             return [2 /*return*/, true];
                     }
@@ -19541,142 +19777,6 @@
         { type: ModuleConfigService }
     ]; };
 
-    var LoggerService = /** @class */ (function () {
-        function LoggerService(_moduleConfigService) {
-            this.logGroups = {
-                info: {},
-                error: {},
-                warning: {}
-            };
-            this.environment = _moduleConfigService.getConfig().environment;
-        }
-        LoggerService.prototype.disableConsole = function () {
-            return this.environment.systemLogSetting
-                && this.environment.systemLogSetting.disableConsole;
-        };
-        LoggerService.prototype.logInfo = function (message) {
-            var optionalParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                optionalParams[_i - 1] = arguments[_i];
-            }
-            if (!this.disableConsole()) {
-                console.log(message, optionalParams);
-            }
-        };
-        LoggerService.prototype.logError = function (message) {
-            var optionalParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                optionalParams[_i - 1] = arguments[_i];
-            }
-            if (!this.disableConsole()) {
-                console.error(message, optionalParams);
-            }
-        };
-        LoggerService.prototype.logWarning = function (message) {
-            var optionalParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                optionalParams[_i - 1] = arguments[_i];
-            }
-            if (!this.disableConsole()) {
-                console.warn(message, optionalParams);
-            }
-        };
-        LoggerService.prototype.logGroupInfo = function (category) {
-            var _a;
-            var messages = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                messages[_i - 1] = arguments[_i];
-            }
-            if (!this.logGroups.info[category])
-                this.logGroups.info[category] = [];
-            (_a = this.logGroups.info[category]).push.apply(_a, __spread(messages));
-        };
-        LoggerService.prototype.logGroupError = function (category) {
-            var _a;
-            var messages = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                messages[_i - 1] = arguments[_i];
-            }
-            if (!this.logGroups.error[category])
-                this.logGroups.error[category] = [];
-            (_a = this.logGroups.error[category]).push.apply(_a, __spread(messages));
-        };
-        LoggerService.prototype.logGroupWarning = function (category) {
-            var _a;
-            var messages = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                messages[_i - 1] = arguments[_i];
-            }
-            if (!this.logGroups.warning[category])
-                this.logGroups.warning[category] = [];
-            (_a = this.logGroups.warning[category]).push.apply(_a, __spread(messages));
-        };
-        LoggerService.prototype.writeGroupInfo = function (category) {
-            if (!this.disableConsole()) {
-                var items = this.logGroups.info[category];
-                if (items) {
-                    console.log(category, items);
-                }
-            }
-        };
-        LoggerService.prototype.writeGroupError = function (category) {
-            if (!this.disableConsole()) {
-                var items = this.logGroups.error[category];
-                if (items) {
-                    console.error(category, items);
-                }
-            }
-        };
-        LoggerService.prototype.writeGroupWarning = function (category) {
-            if (!this.disableConsole()) {
-                var items = this.logGroups.warning[category];
-                if (items) {
-                    console.warn(category, items);
-                }
-            }
-        };
-        LoggerService.prototype.writeAndFlushGroupInfo = function (category) {
-            this.writeGroupInfo(category);
-            this.flushGroupInfo(category);
-        };
-        LoggerService.prototype.writeAndFlushGroupError = function (category) {
-            this.writeGroupError(category);
-            this.flushGroupError(category);
-        };
-        LoggerService.prototype.writeAndFlushGroupWarning = function (category) {
-            this.writeGroupWarning(category);
-            this.flushGroupWarning(category);
-        };
-        LoggerService.prototype.flushGroupInfo = function (category) {
-            if (this.logGroups.info[category])
-                this.logGroups.info[category] = [];
-            else
-                this.logGroups.info[category] = [];
-        };
-        LoggerService.prototype.flushGroupError = function (category) {
-            if (this.logGroups.error[category])
-                this.logGroups.error[category] = [];
-            else
-                this.logGroups.error[category] = [];
-        };
-        LoggerService.prototype.flushGroupWarning = function (category) {
-            if (this.logGroups.warning[category])
-                this.logGroups.warning[category] = [];
-            else
-                this.logGroups.warning[category] = [];
-        };
-        return LoggerService;
-    }());
-    LoggerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoggerService_Factory() { return new LoggerService(i0.ɵɵinject(ModuleConfigService)); }, token: LoggerService, providedIn: "root" });
-    LoggerService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    LoggerService.ctorParameters = function () { return [
-        { type: ModuleConfigService }
-    ]; };
-
     var PhanQuyenModel = /** @class */ (function () {
         function PhanQuyenModel(init) {
             this.addRoleIds = [];
@@ -20635,8 +20735,8 @@
                 _this.getData();
             };
             _this.isTreeTable = _isTreeTable;
-            _this._activatedRoute = _this._injector.get(i3$1.ActivatedRoute);
-            _this._router = _this._injector.get(i3$1.Router);
+            _this._activatedRoute = _this._injector.get(i3.ActivatedRoute);
+            _this._router = _this._injector.get(i3.Router);
             _this._customRouterService = _this._injector.get(CustomRouterService);
             _this._notifierService = _this._injector.get(NotifierService);
             _this._exportService = _this._injector.get(ExportService);
@@ -20650,7 +20750,7 @@
             _this._commonService = _this._injector.get(CommonService);
             _this._crudService = _this._injector.get(CrudService);
             _this._santilizer = _this._injector.get(platformBrowser.DomSanitizer);
-            _this._datePipe = _this._injector.get(i3.DatePipe);
+            _this._datePipe = _this._injector.get(i4$1.DatePipe);
             _this._moduleConfigService = _this._injector.get(ModuleConfigService);
             _this._permissionService = _this._injector.get(PermissionService);
             _this.handleCheckAll = _this.handleCheckAll.bind(_this);
@@ -23586,7 +23686,7 @@
                     // tslint:disable-next-line: component-selector
                     selector: 'crud-list',
                     template: "<div #container class=\"custom-card card card-w-title flex-container-fit-child\" [attr.height-type]=\"setting.heightType\"\r\n    [ngStyle]=\"_style\">\r\n    <div class=\"ui-helper-clearfix crud-list-header-area\">\r\n        <div *ngIf=\"searchCustom\" class=\"p-grid ui-fluid custom-p-col custom-search-area\">\r\n            <div class=\"p-col-12 main-container-search\">\r\n                <div class=\"p-grid main-container-search-inner\">\r\n                    <ng-container>\r\n                        <ng-container *ngTemplateOutlet=\"searchCustom; context: {$implicit: this}\"></ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!setting.hiddenHeader\" class=\"p-grid ui-fluid custom-p-col page-title-area\">\r\n            <div *ngIf=\"!setting.hiddenPageTitle\" class=\"main-title\">\r\n                <h1 *ngIf=\"!hasTemplate('customTitle')\">\r\n                    {{setting.title != null ? setting.title : 'Danh s\u00E1ch ' + setting.objectName}}\r\n                </h1>\r\n\r\n                <ng-container *ngIf=\"hasTemplate('customTitle')\" [ngTemplateOutlet]=\"getTemplate('customTitle')\"\r\n                    [ngTemplateOutletContext]=\"{\r\n                        crudList: this,\r\n                        buttonAdd: buttonAdd, buttonExport: buttonExport, buttonDelete: buttonDelete\r\n                    }\">\r\n                </ng-container>\r\n            </div>\r\n\r\n            <div *ngIf=\"!setting.hiddenPageSetting\" class=\"paginator-table\">\r\n                <ng-container *ngIf=\"!paginationTemplate\">\r\n                    <paging-next-back-only [model]=\"model\" [setting]=\"setting\" (onChanged)=\"getData()\"\r\n                        (onChangeLimitPage)=\"savePageSize()\">\r\n                    </paging-next-back-only>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"paginationTemplate\">\r\n                    <ng-container [ngTemplateOutlet]=\"paginationTemplate\"></ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"hasTemplate('topGrid')\" class=\"extend-content-top-grid\">\r\n        <ng-container [ngTemplateOutletContext]=\"{selectedItems: model.selectedItems, crudList: this}\"\r\n            [ngTemplateOutlet]=\"getTemplate('topGrid')\"></ng-container>\r\n    </div>\r\n    <div class=\"fit-content crud-list-body-area\">\r\n        <div class=\"crud-list-body-area-inner\" style=\"overflow: unset;\">\r\n            <div class=\"flex-container-fit-child\" style=\"overflow: unset;\">\r\n                <div *ngIf=\"!setting.hiddenToolbar\" class=\"p-grid crudListToolbar\">\r\n                    <ng-container>\r\n                        <div *ngIf=\"!setting.hiddenButtons && hasTemplate('toolbar')\"\r\n                            [ngClass]=\"setting.hiddenAdvanceSearch ? 'p-md-12 p-lg-12' : 'p-md-7 p-lg-8'\"\r\n                            class=\"p-col-12 button-group function-topbar custom-toolbar\">\r\n                            <ng-container [ngTemplateOutlet]=\"getTemplate('toolbar')\" [ngTemplateOutletContext]=\"{\r\n                                    selectedItems: model.selectedItems, crudList: this,\r\n                                    buttonAdd: buttonAdd, buttonExport: buttonExport, buttonDelete: buttonDelete\r\n                                }\">\r\n                            </ng-container>\r\n                        </div>\r\n                        <div *ngIf=\"!setting.hiddenButtons && !hasTemplate('toolbar')\"\r\n                            [ngClass]=\"setting.hiddenAdvanceSearch ? 'p-md-12 p-lg-12' : 'p-md-7 p-lg-8'\"\r\n                            class=\"p-col-12 button-group function-topbar\">\r\n                            <ng-container [ngTemplateOutlet]=\"getTemplate('buttonBeforeToolbar')\"\r\n                                [ngTemplateOutletContext]=\"{crudList: this}\"></ng-container>\r\n                            <button type=\"button\" pButton label=\"\u0110\u00E1nh STT\" class=\"p-button-text\" style=\"display: none\"\r\n                                (click)=\"danhSoThuTuGroupLastest()\"></button>\r\n                            <ng-container *ngIf=\"!hiddenAdd\" [ngTemplateOutlet]=\"buttonAdd\"></ng-container>\r\n                            <ng-container *ngIf=\"setting.showExportSelectedItems\" [ngTemplateOutlet]=\"buttonExport\">\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!hiddenDelete\" [ngTemplateOutlet]=\"buttonDelete\">\r\n                            </ng-container>\r\n                            <button *ngIf=\"!setting.disableShare && model.selectedItems.length > 0\"\r\n                                label=\"Chia s\u1EBB li\u00EAn k\u1EBFt\" type=\"button\" pButton pRipple\r\n                                [pTooltip]=\"'Chia s\u1EBB li\u00EAn k\u1EBFt' | translate\" tooltipPosition=\"top\"\r\n                                class=\"p-button-text p-button-info link-or-action\" icon=\"pi pi-link\"\r\n                                (click)=\"createShareLinkMultiple()\"></button>\r\n                            <ng-container [ngTemplateOutlet]=\"getTemplate('buttonAfterToolbar')\"\r\n                                [ngTemplateOutletContext]=\"{crudList: this}\"></ng-container>\r\n                        </div>\r\n                    </ng-container>\r\n                    <div *ngIf=\"!setting.hiddenAdvanceSearch\" class=\"p-col-12 advance-search-container\"\r\n                        [ngClass]=\"setting.hiddenButtons ? 'p-md-12 p-lg-12' : 'p-md-5 p-lg-4'\">\r\n                        <advance-search #advanceSearch [parentSetting]=\"setting\" [searchInfo]=\"searchInfo\"\r\n                            [loading]=\"model.loading\" (onSearch)=\"handleSearchAdvs($event)\"\r\n                            (onInit)=\"handleInitAdvanceSearch($event)\">\r\n                        </advance-search>\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"hasTemplate('topGrid')\" class=\"extend-content-top-grid\">\r\n                    <ng-container [ngTemplateOutletContext]=\"{selectedItems: model.selectedItems, crudList: this}\"\r\n                        [ngTemplateOutlet]=\"getTemplate('topGrid')\"></ng-container>\r\n                </div>\r\n                <div class=\"container-table fit-content\" [class.--table-responsive]=\"responsive\">\r\n                    <div class=\"container-table-inner\">\r\n                        <ng-container *ngIf=\"!_groupField\">\r\n                            <tn-custom-scrollbar *ngIf=\"showScrollBar\" #scrollbar [config]=\"configScrollBar\"\r\n                                [showScrollHorizontal]=\"showScrollHorizontal\">\r\n                                <ng-container *ngTemplateOutlet=\"tableGetGroupFieldFalse\">\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"hasTemplate('afterCrudList')\">\r\n                                    <ng-container [ngTemplateOutlet]=\"getTemplate('afterCrudList')\"></ng-container>\r\n                                </ng-container>\r\n                            </tn-custom-scrollbar>\r\n                            <div *ngIf=\"!showScrollBar\">\r\n                                <ng-container *ngTemplateOutlet=\"tableGetGroupFieldFalse\">\r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"_groupField\">\r\n                            <tn-custom-scrollbar *ngIf=\"showScrollBar\" #scrollbar [config]=\"configScrollBar\"\r\n                                [showScrollHorizontal]=\"showScrollHorizontal\">\r\n                                <ng-container *ngTemplateOutlet=\"tableGetGroupFieldTrue\">\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"hasTemplate('afterCrudList')\">\r\n                                    <ng-container [ngTemplateOutlet]=\"getTemplate('afterCrudList')\"></ng-container>\r\n                                </ng-container>\r\n                            </tn-custom-scrollbar>\r\n                            <div *ngIf=\"!showScrollBar\">\r\n                                <ng-container *ngTemplateOutlet=\"tableGetGroupFieldTrue\">\r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <div class=\"table-border-line --top\"></div>\r\n                        <div class=\"table-border-line --right\"></div>\r\n                        <div class=\"table-border-line --bottom\"></div>\r\n                        <div class=\"table-border-line --left\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<after-view-checked (loaded)=\"handleReady()\"></after-view-checked>\r\n<settings *ngIf=\"_showSettings && !setting.hiddenSetting\" [entityMetadataService]=\"entityMetadataService\"\r\n    [parentContext]=\"context\" [parentSetting]=\"setting\" [parentModel]=\"model\" (onSave)=\"onSaveSettings($event)\"\r\n    (onDelete)=\"onDeleteSettings()\" (onCancel)=\"_showSettings = false\">\r\n</settings>\r\n<settings-row *ngIf=\"_showSettingsRowColor && !setting.hiddenSetting\" [entityMetadataService]=\"entityMetadataService\"\r\n    [parentContext]=\"context\" [parentSetting]=\"setting\" [parentModel]=\"model\" (onSave)=\"onSaveColorSettings($event)\"\r\n    (onCancel)=\"_showSettingsRowColor = false\">\r\n</settings-row>\r\n<workflow-setting-dialog *ngIf=\"_showSettingsWorkflow && !setting.hiddenSettingWorkflow\" [parentSetting]=\"setting\"\r\n    [parentContext]=\"context\" [parentModel]=\"model\" (onSaved)=\"onSaveWorkflowSettings($event)\"\r\n    (onRemoved)=\"onRemoveWorkflowSettings($event)\" (onCancel)=\"_showSettingsWorkflow = false\">\r\n</workflow-setting-dialog>\r\n<tn-dialog *ngIf=\"workflowSettingModel.showEditForm\" [header]=\"'C\u1EA5u h\u00ECnh quy tr\u00ECnh nghi\u1EC7p v\u1EE5' | translate\"\r\n    [popupSize]=\"workflowSettingModel.popupSize\" (onHide)=\"workflowSettingModel.showEditForm = false\">\r\n    <workflow-setting-new #formBase [parentSetting]=\"setting\" (onSaved)=\"onSaveWorkflowSettingsNew($event)\"\r\n        (onCancel)=\"workflowSettingModel.showEditForm = false\"></workflow-setting-new>\r\n</tn-dialog>\r\n<entity-permission *ngIf=\"_showSettingsPermission && !setting.hiddenSettingPermission\" [parentSetting]=\"setting\"\r\n    [parentContext]=\"context\" [parentModel]=\"model\" [searchInfo]=\"searchInfo\"\r\n    (onCancel)=\"_showSettingsPermission = false\">\r\n</entity-permission>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [styleClass]=\"'allow-selected'\" [model]=\"buttonContexts\">\r\n</p-contextMenu>\r\n<tn-dialog *ngIf=\"processWorkflowModel.showEditForm\" #dialog [header]=\"processWorkflowModel.header | translate\"\r\n    [popupSize]=\"processWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"processWorkflowModel.showEditForm = false\">\r\n    <div style=\"height: 100%; padding: 1rem\">\r\n        <process-workflow-form #formBase [businessSetting]=\"processWorkflowModel.data.setting\" [item]=\"currentItem\"\r\n            [workflow]=\"processWorkflowModel.data.workflow\" [action]=\"processWorkflowModel.data.action\"\r\n            (onSaved)=\"handleProcessedWorkflowBase()\" (onCancel)=\"processWorkflowModel.showEditForm = false\">\r\n        </process-workflow-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"choYKienModel.showEditForm\" #dialog [header]=\"choYKienModel.header | translate\"\r\n    [popupSize]=\"choYKienModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"choYKienModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <cho-y-kien-form #formBase [bussinessSetting]=\"choYKienModel.data.setting\"\r\n            [rowItem]=\"choYKienModel.data.rowData\" (onSaved)=\"choYKienModel.showEditForm = false\"\r\n            (onCancel)=\"choYKienModel.showEditForm = false\">\r\n        </cho-y-kien-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"workflowHistoryModel.showEditForm\" #dialog [header]=\"workflowHistoryModel.header | translate\"\r\n    [popupSize]=\"workflowHistoryModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"workflowHistoryModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <workflow-history-new #formBase [businessSetting]=\"workflowHistoryModel.data.setting\"\r\n            [tableName]=\"workflowHistoryModel.data.tableName\" [item]=\"currentItem\"\r\n            [workflowSetting]=\"workflowHistoryModel.data.workflowSetting\"\r\n            (onCancel)=\"workflowHistoryModel.showEditForm = false\">\r\n        </workflow-history-new>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"detailTaskModel.showEditForm\" #dialog [header]=\"detailTaskModel.header | translate\"\r\n    [popupSize]=\"detailTaskModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"detailTaskModel.showEditForm = false\">\r\n    <base-congviec-form #formBase [model]=\"detailTaskModel.data.taskFormModel\" [forceOnlyView]=\"true\"\r\n        (onCancel)=\"detailTaskModel.showEditForm = false\">\r\n    </base-congviec-form>\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\" (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=\"permissionSharingModel.showEditForm\" #dialog [header]=\"permissionSharingModel.header | translate\"\r\n    [popupSize]=\"permissionSharingModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"permissionSharingModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <permission-sharing #formBase [item]=\"rowDataCurrent\" [baseService]=\"setting.baseService\"\r\n            (onCancel)=\"permissionSharingModel.showEditForm = false\">\r\n        </permission-sharing>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"permissionListModel.showEditForm\" #dialog [header]=\"permissionListModel.header | translate\"\r\n    [popupSize]=\"permissionListModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"permissionListModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <workflow-permission #formBase [item]=\"rowDataCurrent\" [businessSetting]=\"setting\"\r\n            (onCancel)=\"permissionListModel.showEditForm = false\">\r\n        </workflow-permission>\r\n    </div>\r\n</tn-dialog>\r\n<workflow-history-dialog *ngIf=\"showHistoryWorkflow\" [baseService]=\"setting.baseService\" [item]=\"currentItem\"\r\n    [workflowSetting]=\"setting.workflowSetting\" (onHide)=\"handleHideHistoryWorkflow()\">\r\n</workflow-history-dialog>\r\n<tn-dialog *ngIf=\"startWorkflowModel.showEditForm\" #dialog [header]=\"startWorkflowModel.header | translate\"\r\n    [popupSize]=\"startWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"startWorkflowModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <start-workflow #formBase [workflows]=\"startWorkflowModel.data.workflows\"\r\n            [defaultWorkflow]=\"startWorkflowModel.data.defaultWorkflow\"\r\n            (onCancel)=\"startWorkflowModel.showEditForm = false\" (onSaved)=\"handleStartWorkflowFromDialog($event)\">\r\n        </start-workflow>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"congViecModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"congViecModel.header | translate\" [popupSize]=\"congViecModel.popupSize\"\r\n    (onHide)=\"congViecModel.showEditForm = false\">\r\n    <base-congviec-form #formBase [parentSetting]=\"congViecModel.data.congViecSetting\"\r\n        [model]=\"congViecModel.data.model\" (onSaved)=\"congViecModel.showEditForm = false;getData()\"\r\n        (onCancel)=\"congViecModel.showEditForm = false\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"shareLinkModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"shareLinkModel.header | translate\" [popupSize]=\"shareLinkModel.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"shareLinkModel.showEditForm = false\">\r\n    <share-link-by-permission #formBase [setting]=\"setting\" [lstItem]=\"shareLinkModel.data.lstItem\"\r\n        (onCancel)=\"congViecModel.showEditForm = false\">\r\n    </share-link-by-permission>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"attachedTaskModel.showEditForm\" [header]=\"attachedTaskModel.header | translate\"\r\n    [popupSize]=\"attachedTaskModel.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"attachedTaskModel.showEditForm = false\">\r\n    <base-congviec [serviceCode]=\"setting.baseService.serviceCode\" [entity]=\"setting.baseService.entityName\"\r\n        [itemIdAttach]=\"rowDataCurrent.id\"></base-congviec>\r\n</tn-dialog>\r\n<ng-template #tableGetGroupFieldFalse>\r\n    <p-table #table [dataKey]=\"'id'\" [scrollable]=\"pTableScrollable\" [scrollHeight]=\"pTableScrollHeight\"\r\n        [columns]=\"setting.cols\" [paginator]=\"false\" [value]=\"_dataSource\" (onSort)=\"onSort($event, table)\"\r\n        [class]=\"_tableClass\" [responsive]=\"responsive\" [lazy]=\"lazy\" [loading]=\"model.loading\"\r\n        [(selection)]=\"model.selectedItems\" (onRowReorder)=\"handleRowOrdered($event)\">\r\n        <ng-template *ngIf=\"colgroup\" pTemplate=\"colgroup\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"colgroup; context: {$implicit: columns}\"></ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"!colgroup\" pTemplate=\"colgroup\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"baseColgroup; context: {$implicit: columns}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"header\" pTemplate=\"header\" let-columns>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"header, context: {$implicit: columns, crudList: this, rowHeaderFilter: rowHeaderFilter, contentTh: contentTh, containerSticky: containerSticky, funcCheckAll: handleCheckAll}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"!header\" pTemplate=\"header\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"trHeader; context: {$implicit: columns, funcCheckAll: handleCheckAll}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-index=\"rowIndex\" let-expanded=\"expanded\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"trBody; context: {$implicit: rowData, columns: columns, index: index, expanded: expanded, eventSelectRow: handleSelectRow, eventChecked: handleCheckRowData}\">\r\n            </ng-container>\r\n            <after-view-checked *ngIf=\"index == _dataSource.length - 1\" style=\"display: none;\" [renderKey]=\"_dataSource\"\r\n                (loaded)=\"handleTableRendered()\">\r\n            </after-view-checked>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"rowExpansion\" pTemplate=\"rowexpansion\" let-rowData let-expanded=\"expanded\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"rowExpansion; context: {$implicit: rowData, expanded: expanded, getColSpanGroup: getColSpanGroup}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"summary\" pTemplate=\"summary\">\r\n            <ng-container *ngTemplateOutlet=\"summary\"></ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"footer\" pTemplate=\"footer\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"footer; context: {$implicit: columns}\"></ng-container>\r\n        </ng-template>\r\n    </p-table>\r\n</ng-template>\r\n<ng-template #tableGetGroupFieldTrue>\r\n    <p-table #tableGroup [scrollable]=\"pTableScrollable\" [scrollHeight]=\"pTableScrollHeight\" [columns]=\"setting.cols\"\r\n        [paginator]=\"false\" [value]=\"_dataSource\" [metaKeySelection]=\"false\" (onSort)=\"onSort($event, tableGroup)\"\r\n        [class]=\"_tableClass\" [customSort]=\"true\" [responsive]=\"responsive\" [lazy]=\"true\" [loading]=\"model.loading\"\r\n        [(selection)]=\"model.selectedItems\" [expandedRowKeys]=\"model.expandedRowKeys\" [dataKey]=\"_groupField\">\r\n        <ng-template *ngIf=\"colgroup\" pTemplate=\"colgroup\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"colgroup; context: {$implicit: columns}\"></ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"!colgroup\" pTemplate=\"colgroup\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"baseColgroup; context: {$implicit: columns}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"header\" pTemplate=\"header\" let-columns>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"header, context: {$implicit: columns, crudList: this, rowHeaderFilter: rowHeaderFilter, contentTh: contentTh, containerSticky: containerSticky, funcCheckAll: handleCheckAll_Group}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"!header\" pTemplate=\"header\" let-columns>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"trHeader; context: {$implicit: columns, funcCheckAll: handleCheckAll_Group}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\" let-expanded=\"expanded\" let-columns=\"columns\">\r\n            <tr *ngIf=\"rowGroupMetadata[rowData[_groupField]] && rowGroupMetadata[rowData[_groupField]].index == rowIndex\"\r\n                class=\"p-widget-header group-row\" style=\"border: 0px; border-bottom: 1px solid #eee\">\r\n                <td *ngIf=\"!setting.hiddenCheckbox\" class=\"center chkbox\" [class.sticky]=\"setting.stickyColumn\">\r\n                    <p-checkbox [(ngModel)]=\"rowGroupChecked[rowData[_groupField]]\" binary=\"true\"\r\n                        (onChange)=\"handleCheckRowGroup(rowData)\">\r\n                    </p-checkbox>\r\n                    <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                </td>\r\n                <ng-container *ngIf=\"!rowGroup\">\r\n                    <td [colSpan]=\"getColSpanGroup()\" [class]=\"_classRowGroup\">\r\n                        <div class=\"container-row-group\">\r\n                            <a href=\"javascript:;\" [pRowToggler]=\"rowData\" class=\"container-row-group-toggle\"\r\n                                [class.sticky]=\"setting.stickyColumn\">\r\n                                <i style=\"margin-right:5px\"\r\n                                    [ngClass]=\"expanded ? 'fas fa-fw fa-caret-down' : 'fas fa-fw fa-caret-right'\"></i>\r\n                                <div class=\"content-row-group\">\r\n                                    <ng-container *ngIf=\"!contentRowGroup\">\r\n                                        <ng-container [ngTemplateOutlet]=\"_contentRowGroup\"\r\n                                            [ngTemplateOutletContext]=\"getContextRowGroup(rowData)\">\r\n                                        </ng-container>\r\n                                    </ng-container>\r\n                                    <ng-container *ngIf=\"contentRowGroup\">\r\n                                        <ng-container [ngTemplateOutlet]=\"contentRowGroup\"\r\n                                            [ngTemplateOutletContext]=\"getContextRowGroup(rowData)\">\r\n                                        </ng-container>\r\n                                    </ng-container>\r\n                                </div>\r\n                            </a>\r\n                        </div>\r\n                    </td>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"rowGroup\">\r\n                    <ng-container [ngTemplateOutlet]=\"rowGroup\"\r\n                        [ngTemplateOutletContext]=\"getContextRowGroupRoot(rowData, expanded)\">\r\n                    </ng-container>\r\n                </ng-container>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"rowexpansion\" let-columns=\"columns\" let-rowData let-index=\"rowIndex\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"trBody; context: {$implicit: rowData, columns: columns, index: index, expanded: false, eventSelectRow: handleSelectRowGroup, eventChecked: handleCheckRowData_Group}\">\r\n            </ng-container>\r\n            <after-view-checked *ngIf=\"index == _dataSource.length - 1\" style=\"display: none;\" [renderKey]=\"_dataSource\"\r\n                (loaded)=\"handleTableRendered()\">\r\n            </after-view-checked>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"summary\" pTemplate=\"summary\">\r\n            <ng-container *ngTemplateOutlet=\"summary\"></ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"footer\" pTemplate=\"footer\" let-columns>\r\n            <ng-container *ngTemplateOutlet=\"footer; context: {$implicit: columns}\"></ng-container>\r\n        </ng-template>\r\n    </p-table>\r\n    <after-view-checked></after-view-checked>\r\n</ng-template>\r\n<ng-template #baseColgroup let-columns>\r\n    <colgroup>\r\n        <col *ngIf=\"!setting.hiddenCheckbox\" [style.width]=\"widthCheckbox\" />\r\n        <col *ngIf=\"!setting.hiddenOrderColumn\" [style.width]=\"widthOrderColumn\" />\r\n        <col *ngIf=\"rowExpansion\" style=\"width: 2.5rem\" />\r\n        <ng-container *ngFor=\"let col of columns; let i = index\">\r\n            <col *ngIf=\"col && col.visible && col.field!='function'\" [style.width]=\"col.width\" />\r\n        </ng-container>\r\n        <col *ngIf=\"enableReorderRow\" style=\"width: 30px\" />\r\n        <col *ngIf=\"!setting.hiddenFunctionColumn\" [style.width]=\"widthFunctionColumn || _widthFunctionColumn\" />\r\n    </colgroup>\r\n</ng-template>\r\n<ng-template #buttonAdd>\r\n    <span [appAuthorize]=\"serviceCode\" [permission]=\"authorizePaths[commonConst.ADD]\"\r\n        [enableAuthorize]=\"buttonApplyAuthorize[commonConst.ADD]\">\r\n        <button type=\"button\" pButton pRipple label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n            [disabled]=\"!model.baseReady\" (click)=\"add()\"></button>\r\n    </span>\r\n</ng-template>\r\n<ng-template #buttonExport>\r\n    <button *ngIf=\"model.selectedItems.length > 0\" [appAuthorize]=\"serviceCode\"\r\n        [permission]=\"authorizePaths[commonConst.EXPORT_EXCEL]\"\r\n        [enableAuthorize]=\"buttonApplyAuthorize[commonConst.EXPORT_EXCEL]\" type=\"button\" pButton pRipple\r\n        label=\"Xu\u1EA5t c\u00E1c m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{model.selectedItems.length}})\" icon=\"fas fa-file-excel\"\r\n        class=\"p-button-text p-button-success\" (click)=\"xuatCacMucDaChon()\"></button>\r\n</ng-template>\r\n<ng-template #buttonDelete>\r\n    <button *ngIf=\"!hiddenDelete && model.selectedItems.length > 0 && !disableMultipleDelete()\"\r\n        [appAuthorize]=\"serviceCode\" [permission]=\"authorizePaths[commonConst.DELETE_MULTIPLE]\"\r\n        [enableAuthorize]=\"buttonApplyAuthorize[commonConst.DELETE_MULTIPLE]\" type=\"button\" pButton pRipple\r\n        [label]=\"'X\u00F3a ' + (model.selectedItems.length) | translate\" icon=\"pi pi-trash\"\r\n        class=\"p-button-text p-button-danger\" (click)=\"deleteMutiple()\"></button>\r\n</ng-template>\r\n<ng-template #trHeader let-columns let-funcCheckAll=\"funcCheckAll\">\r\n    <tr class=\"title-row\">\r\n        <ng-container *ngIf=\"!setting.hiddenCheckbox\">\r\n            <th class=\"chkbox link-or-action cell-checkbox\" [class.sticky]=\"setting.stickyColumn\">\r\n                <button *ngIf=\"!hasTemplate('headerCheckbox')\" type=\"button\" pButton pRipple icon=\"pi pi-refresh\"\r\n                    class=\"p-button-rounded p-button-text btnReload\" pTooltip=\"L\u00E0m m\u1EDBi d\u1EEF li\u1EC7u\" tooltipPosition=\"top\"\r\n                    [disabled]=\"model.loading\" (click)=\"reload()\"></button>\r\n                <ng-container *ngIf=\"hasTemplate('headerCheckbox')\">\r\n                    <ng-container [ngTemplateOutletContext]=\"{crudList: this}\"\r\n                        [ngTemplateOutlet]=\"getTemplate('headerCheckbox')\"></ng-container>\r\n                </ng-container>\r\n                <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n            </th>\r\n        </ng-container>\r\n        <th *ngIf=\"!setting.hiddenOrderColumn\" class=\"stt nopad center\" [class.sticky]=\"setting.stickyColumn\"\r\n            (dblclick)=\"reload()\">\r\n            {{ 'TT' |translate}}\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <th *ngIf=\"rowExpansion\" class=\"nopad row-expansion-toggle center\" style=\"width: 2.5rem\"\r\n            [class.sticky]=\"setting.stickyColumn\">\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <ng-container *ngFor=\"let col of columns; let i = index\">\r\n            <th *ngIf=\"col && col.visible && col.field!='function'\" [ngStyle]=\"col.extendData.headerStyle\"\r\n                [pTooltip]=\"col.fullLabel\" tooltipStyleClass=\"unset-width\" [class]=\"col.extendData.headerClass\"\r\n                [class.first-th]=\"i==0\" [escape]=\"false\" tooltipPosition=\"top\" [tnSortableColumn]=\"col.field\"\r\n                [tnSortableColumnDisabled]=\"!col.sort\">\r\n                <ng-container *ngTemplateOutlet=\"contentTh; context: {$implicit: col}\"></ng-container>\r\n                <ng-container *ngIf=\"col.sort || col.sortClient\">\r\n                    <ng-container *ngTemplateOutlet=\"sortIcon; context: {field: col.field}\"></ng-container>\r\n                </ng-container>\r\n            </th>\r\n        </ng-container>\r\n        <th *ngIf=\"enableReorderRow\" style=\"width: 30px\">\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <ng-container *ngTemplateOutlet=\"colFunctionHeader\"></ng-container>\r\n    </tr>\r\n    <ng-container *ngTemplateOutlet=\"rowHeaderFilter; context: {columns: columns, funcCheckAll: funcCheckAll}\">\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #rowHeaderFilter let-columns=\"columns\" let-funcCheckAll=\"funcCheckAll\">\r\n    <tr class=\"filter-row\" *ngIf=\"!setting.hiddenFilterRow\">\r\n        <th *ngIf=\"!setting.hiddenCheckbox\" class=\"chkbox nopad center\" [class.sticky]=\"setting.stickyColumn\"\r\n            [class.tricheckbox-custom-false]=\"checkedAll === false\">\r\n            <p-triStateCheckbox [(ngModel)]=\"checkedAll\" binary=\"true\" (onChange)=\"funcCheckAll()\">\r\n            </p-triStateCheckbox>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <th *ngIf=\"!setting.hiddenOrderColumn\" class=\"stt center v-top\" [class.sticky]=\"setting.stickyColumn\">\r\n            <div *ngIf=\"!setting.hiddenSetting\" class=\"pick-color-row\" pTooltip=\"C\u1EA5u h\u00ECnh hi\u1EC3n th\u1ECB m\u00E0u\"\r\n                tooltipPosition=\"top\" (click)=\"showSettingRowColor()\">\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n            </div>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <th *ngIf=\"rowExpansion\" class=\"nopad center row-expansion-toggle\" [class.sticky]=\"setting.stickyColumn\">\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <ng-container *ngFor=\"let col of columns; let i = index\">\r\n            <th *ngIf=\"col.visible && col.field != 'function'\" class=\"cell-header-filter center\">\r\n                <ng-container *ngIf=\"col.allowFilter\">\r\n                    <ng-container *ngIf=\"col.templateFilter\">\r\n                        <ng-container [ngTemplateOutlet]=\"col.templateFilter\"\r\n                            [ngTemplateOutletContext]=\"{col: col, filterData: filterData, onSearch: onSearch, onShowFilterDropdownPanel: onShowFilterDropdownPanel, onHideFilterDropdownPanel: onHideFilterDropdownPanel}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!col.templateFilter\" [ngSwitch]=\"col.controlType\">\r\n                        <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                            <ng-container [ngTemplateOutlet]=\"filterDropdown\"\r\n                                [ngTemplateOutletContext]=\"{col: col.rawColumn}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'number'\">\r\n                            <ng-container [ngTemplateOutlet]=\"filterNumber\" [ngTemplateOutletContext]=\"{col: col}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'date'\">\r\n                            <ng-container [ngTemplateOutlet]=\"filterDate\" [ngTemplateOutletContext]=\"{col: col}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'datetime'\">\r\n                            <ng-container [ngTemplateOutlet]=\"filterDate\" [ngTemplateOutletContext]=\"{col: col}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchDefault>\r\n                            <ng-container [ngSwitch]=\"col.dataType\">\r\n                                <ng-container *ngSwitchCase=\"'int'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterNumber\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'intWithoutMask'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterNumber\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'decimal'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterNumber\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'currency'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterNumber\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'date'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterDate\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'datetime'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterDate\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'boolean'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"filterBoolean\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchDefault>\r\n                                    <ng-container [ngTemplateOutlet]=\"filterText\"\r\n                                        [ngTemplateOutletContext]=\"{col: col}\">\r\n                                    </ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n            </th>\r\n        </ng-container>\r\n        <th *ngIf=\"enableReorderRow\" style=\"width: 30px\">\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n        <th *ngIf=\"!setting.hiddenFunctionColumn\" class=\"center setting-cell column-function\"\r\n            [class.sticky]=\"setting.stickyColumn\">\r\n            <button *ngIf=\"!setting.hiddenSetting\" type=\"button\" pButton pRipple icon=\"pi pi-cog\"\r\n                class=\"p-button-rounded p-button-text\" pTooltip=\"C\u1EA5u h\u00ECnh hi\u1EC3n th\u1ECB\" tooltipPosition=\"top\"\r\n                (click)=\"showSettings()\"></button>\r\n            <button *ngIf=\"!setting.hiddenSettingPermission\" type=\"button\" pButton pRipple icon=\"pi pi-users\"\r\n                class=\"p-button-rounded p-button-text\" pTooltip=\"Ph\u00E2n quy\u1EC1n d\u1EEF li\u1EC7u\" tooltipPosition=\"left\"\r\n                [disabled]=\"!checkPermissionToUseButton(BUTTON_PHAN_QUYEN)\" (click)=\"showSettingsPermission()\"></button>\r\n            <button *ngIf=\"!setting.hiddenSettingWorkflow\" type=\"button\" pButton pRipple icon=\"pi pi-sitemap\"\r\n                class=\"p-button-rounded p-button-text\" pTooltip=\"C\u1EA5u h\u00ECnh quy tr\u00ECnh\" tooltipPosition=\"left\"\r\n                [disabled]=\"!checkPermissionToUseButton(BUTTON_CAU_HINH_QUY_TRINH)\"\r\n                (click)=\"showSettingsWorkflowNew()\"></button>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n    </tr>\r\n</ng-template>\r\n<ng-template #colFunctionHeader>\r\n    <ng-container *ngIf=\"!setting.hiddenFunctionColumn\">\r\n        <th class=\"column-function\" [class.sticky]=\"setting.stickyColumn\">\r\n            <div class=\"cell-header-function\">\r\n                <span>{{'GRID.FUNCTION'| translate}}</span>\r\n            </div>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #contentTh let-col>\r\n    <ng-container *ngIf=\"templateHeaderContent[col.field]\">\r\n        <ng-container *ngTemplateOutlet=\"templateHeaderContent[col.field]\"></ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!templateHeaderContent[col.field]\">\r\n        {{col.label}}\r\n    </ng-container>\r\n    <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n</ng-template>\r\n<ng-template #trBody let-rowData let-columns=\"columns\" let-index=\"index\" let-expanded=\"expanded\"\r\n    let-eventSelectRow=\"eventSelectRow\" let-eventChecked=\"eventChecked\">\r\n    <tr *ngIf=\"!rowData.template\" [tnReorderableRow]=\"index\" [attr.rowIndex]=\"index\" [ngClass]=\"rowData.objStyleClass\"\r\n        [class.ui-state-highlight]=\"rowData._checked\" [pTooltip]=\"rowData.tooltip\" tooltipPosition=\"top\"\r\n        [tooltipStyleClass]=\"rowData.tooltipClass\" [escape]=\"escape\" (click)=\"eventSelectRow($event, rowData)\">\r\n        <ng-container *ngIf=\"!setting.hiddenCheckbox && !rowData.hidden[fieldCheckbox]\">\r\n            <td class=\"chkbox link-or-action cell-checkbox\" [class.sticky]=\"setting.stickyColumn\"\r\n                [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[fieldCheckbox]\"\r\n                [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[fieldCheckbox]\">\r\n                <ng-container *ngIf=\"!rowData.hiddenCheckBox\">\r\n                    <ng-container *ngIf=\"!hasTemplate('checkbox')\">\r\n                        <p-checkbox [(ngModel)]=\"rowData._checked\" binary=\"true\" (onChange)=\"eventChecked(rowData)\">\r\n                        </p-checkbox>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"hasTemplate('checkbox')\">\r\n                        <ng-container [ngTemplateOutlet]=\"getTemplate('checkbox')\"\r\n                            [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"></ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td *ngIf=\"!setting.hiddenOrderColumn && !rowData.hidden[fieldOrder]\" class=\"stt\" style=\"text-align: center;\"\r\n            [class.sticky]=\"setting.stickyColumn\" [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[fieldOrder]\"\r\n            [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[fieldOrder]\">\r\n            <span class=\"row-card\" [ngStyle]=\"rowData.bookmarkStyle\"></span>\r\n            {{rowData[fieldOrder]}}\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </td>\r\n        <td *ngIf=\"rowExpansion && !rowData.hidden[fieldColExpand]\" class=\"no-padding center row-expansion-toggle\"\r\n            [class.sticky]=\"setting.stickyColumn\" [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[fieldColExpand]\"\r\n            [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[fieldColExpand]\">\r\n            <ng-container *ngTemplateOutlet=\"iconToggleRowData; context: {rowData: rowData, expanded: expanded}\">\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </td>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"dynamicColBodys; context: {$implicit: columns, rowData: rowData, index: index, expanded: expanded}\">\r\n        </ng-container>\r\n        <td *ngIf=\"enableReorderRow && !rowData.hidden[fieldColReorder]\" class=\"no-padding center\"\r\n            [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[fieldColReorder]\"\r\n            [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[fieldColReorder]\">\r\n            <i class=\"fas fa-arrows-alt\" style=\"cursor:pointer; padding: 8px; color: #555;\" pReorderableRowHandle></i>\r\n            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n        </td>\r\n        <ng-container *ngIf=\"!setting.hiddenFunctionColumn && !rowData.hidden[fieldFunction]\">\r\n            <td class=\"text-center column-function\" style=\"text-align: center;\" [class.sticky]=\"setting.stickyColumn\"\r\n                [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[fieldFunction]\"\r\n                [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[fieldFunction]\">\r\n                <div *ngIf=\"hasTemplate('function')\" class=\"p-toolbar-group-center button-group\">\r\n                    <ng-container [ngTemplateOutlet]=\"getTemplate('function')\"\r\n                        [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"></ng-container>\r\n                    <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                </div>\r\n                <div *ngIf=\"!hasTemplate('function')\" class=\"p-toolbar-group-center button-group\">\r\n                    <ng-container [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"\r\n                        [ngTemplateOutlet]=\"getTemplate('buttonBefore')\"></ng-container>\r\n                    <button *ngIf=\"setting.showVersionButton\" type=\"button\" pButton pRipple icon=\"pi pi-calendar\"\r\n                        class=\"p-button-rounded p-button-text p-button-success link-or-action\"\r\n                        pTooltip=\"Xem l\u1ECBch s\u1EED phi\u00EAn b\u1EA3n\" tooltipPosition=\"top\"\r\n                        (click)=\"showListVersion(rowData)\"></button>\r\n                    <button *ngIf=\"!rowData.hiddenEdit\" [appAuthorize]=\"serviceCode\"\r\n                        [permission]=\"authorizePaths[commonConst.EDIT]\"\r\n                        [enableAuthorize]=\"buttonApplyAuthorize[commonConst.EDIT]\" type=\"button\" pButton pRipple\r\n                        [disabled]=\"disableEdit(rowData)\" [pTooltip]=\"'FORM.EDIT' | translate\" tooltipPosition=\"top\"\r\n                        class=\"p-button-rounded p-button-text p-button-info link-or-action\" icon=\"pi pi-pencil\"\r\n                        (click)=\"edit(rowData)\"></button>\r\n                    <button *ngIf=\"!rowData.hiddenDelete\" [appAuthorize]=\"serviceCode\"\r\n                        [permission]=\"authorizePaths[commonConst.DELETE]\"\r\n                        [enableAuthorize]=\"buttonApplyAuthorize[commonConst.DELETE]\" type=\"button\" pButton pRipple\r\n                        [disabled]=\"disableDelete(rowData)\" [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)=\"delete(rowData)\"></button>\r\n                    <button *ngIf=\"showMenuButtons && menuButtons\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                        class=\"link-or-action p-button-text p-button-info p-button-rounded\" pTooltip=\"Ch\u1EE9c n\u0103ng kh\u00E1c\"\r\n                        tooltipPosition=\"top\" (click)=\"showContextMenu($event, rowData)\"></button>\r\n                    <ng-container [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"\r\n                        [ngTemplateOutlet]=\"getTemplate('buttonAfter')\"></ng-container>\r\n                </div>\r\n                <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n            </td>\r\n        </ng-container>\r\n    </tr>\r\n    <ng-container *ngIf=\"rowData.template\">\r\n        <ng-container *ngTemplateOutlet=\"rowData.template; context: {\r\n            $implicit: rowData, columns: columns, index: index, expanded: expanded, eventSelectRow: eventSelectRow, eventChecked: eventChecked\r\n        }\"></ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #dynamicColBodys let-columns let-rowData=\"rowData\" let-index=\"index\" let-expanded=\"expanded\">\r\n    <ng-container *ngFor=\"let col of columns; let i = index\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"contentTd; context: {$implicit: rowData, col: col, index: index, i: i, expanded: expanded}\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #contentTd let-rowData let-col=\"col\" let-index=\"index\" let-expanded=\"expanded\" let-i=\"i\">\r\n    <td *ngIf=\"col && col.visible && col.field != 'function' && !rowData.hidden[col.field]\"\r\n        [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[col.field]\"\r\n        [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[col.field]\" [ngStyle]=\"col.extendData.style\"\r\n        [class]=\"col.cellClass\" [class.first-td]=\"i == 0\">\r\n        <span *ngIf=\"col.pipe\">\r\n            <span class=\"p-column-title\" [pTooltip]=\"col.fullLabel\" [escape]=\"false\"\r\n                tooltipPosition=\"top\">{{col.label}}</span>\r\n            {{rowData['pipe__' + col.field]}}\r\n        </span>\r\n        <span *ngIf=\"!col.pipe\">\r\n            <span class=\"p-column-title\" [pTooltip]=\"col.fullLabel\" [escape]=\"false\"\r\n                tooltipPosition=\"top\">{{col.label}}</span>\r\n            <span *ngIf=\"setting.showEditLink && col.showEditLink\" [pTooltip]=\"config.tooltipView\" tooltipPosition=\"top\"\r\n                class=\"link-or-action\">\r\n                <a href=\"javascript:;\" (click)=\"view(rowData)\" [pTooltip]=\"config.tooltipView\" tooltipPosition=\"top\">\r\n                    <ng-container [ngTemplateOutlet]=\"contentCell\"\r\n                        [ngTemplateOutletContext]=\"getContextCell(rowData, index, col, expanded, this)\">\r\n                    </ng-container>\r\n                </a>\r\n            </span>\r\n            <span *ngIf=\"!setting.showEditLink || !col.showEditLink\">\r\n                <ng-container [ngTemplateOutlet]=\"contentCell\"\r\n                    [ngTemplateOutletContext]=\"getContextCell(rowData, index, col, expanded, this)\">\r\n                </ng-container>\r\n            </span>\r\n        </span>\r\n        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #contentCell let-col=\"col\" let-rowData=\"rowData\" let-rowIndex=\"rowIndex\" let-field=\"field\"\r\n    let-expanded=\"expanded\">\r\n    <ng-container *ngIf=\"col.template\">\r\n        <ng-container [ngTemplateOutlet]=\"col.template\"\r\n            [ngTemplateOutletContext]=\"getContextCell(rowData, rowIndex, col, expanded,this)\">\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!col.template\">\r\n        <ng-container [ngSwitch]=\"col.dataType\">\r\n            <span *ngSwitchCase=\"'color'\" style=\"display:block;text-align:center;\">\r\n                <div [pTooltip]=\"rowData[field]\" tooltipPosition=\"top\" [ngStyle]=\"{'background-color':rowData[field]}\"\r\n                    style=\"width:30px;height:30px;margin:0 auto;\"></div>\r\n            </span>\r\n            <span *ngSwitchCase=\"'icon'\" style=\"display:block;text-align:center;\">\r\n                <i [pTooltip]=\"rowData[field]\" tooltipPosition=\"top\" style=\"text-align: center;\"\r\n                    [ngClass]=\"rowData[field]\"></i>\r\n            </span>\r\n            <span *ngSwitchCase=\"'date'\" [pTooltip]=\"rowData[field] | date:'dd/MM/yyyy'\" tooltipPosition=\"top\">\r\n                {{rowData[field] | tnDate:col.dataType:col.format}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'datetime'\" [pTooltip]=\"rowData[field] | date:'dd/MM/yyyy HH:mm'\"\r\n                tooltipPosition=\"top\">\r\n                {{rowData[field] | tnDate:col.dataType:col.format}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'user'\" class=\"user\">\r\n                {{rowData[field] | userFormat | async}}\r\n            </span>\r\n            <div *ngSwitchCase=\"'users'\" [innerHTML]=\"rowData[field] | usersFormat | async\">\r\n            </div>\r\n            <span *ngSwitchCase=\"'int'\">\r\n                {{rowData[field] | number}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'intWithoutMask'\">\r\n                {{rowData[field]}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'currency'\">\r\n                {{rowData[field] | currency:\"VND\"}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'decimal'\">\r\n                {{rowData[field] | number}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'boolean'\">\r\n                <p-checkbox class=\"boolean-data-type\" [(ngModel)]=\"rowData[field]\" binary=\"true\"\r\n                    [disabled]=\"col.disableCheckBox\">\r\n                </p-checkbox>\r\n            </span>\r\n            <span *ngSwitchCase=\"'html'\">\r\n                <div *ngIf=\"rowData[field]==null?'':rowData[field]\" [innerHTML]=\"rowData[field] | safeHtml\"></div>\r\n            </span>\r\n            <span *ngSwitchCase=\"'metadataStatus'\">\r\n                <span *ngIf=\"rowData['rejectReason']\" class=\"label-danger\" [pTooltip]=\"rowData['rejectReason']\"\r\n                    tooltipStyleClass=\"unset-width\" [escape]=\"false\" tooltipPosition=\"top\">T\u1EEB ch\u1ED1i</span>\r\n                <span *ngIf=\"rowData[field] == '0' && !rowData['rejectReason']\" class=\"label-secondary\">Ch\u01B0a\r\n                    duy\u1EC7t</span>\r\n                <span *ngIf=\"rowData[field] == '1' && !rowData['rejectReason']\" class=\"label-warning\">Ch\u1EDD duy\u1EC7t</span>\r\n                <span *ngIf=\"rowData[field] == '2'\" class=\"label-primary\">\u0110\u00E3 duy\u1EC7t</span>\r\n            </span>\r\n            <ng-container *ngSwitchCase=\"'fileUpload'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"fileUploadColumn; context: {$implicit: rowData, field: col.field, fileSetting: col.fileSetting}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'fileManager'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"fileManagerColumn; context: {$implicit: rowData, field: col.field, fileSetting: col.fileSetting}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'string'\">\r\n                <ng-container *ngTemplateOutlet=\"contentCellString; context: {$implicit: rowData, field: col.field}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"null\">\r\n                <ng-container *ngTemplateOutlet=\"contentCellString; context: {$implicit: rowData, field: col.field}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container [ngTemplateOutlet]=\"getComponentByType(col.dataType)\"\r\n                    [ngTemplateOutletContext]=\"getContextCell(rowData, rowIndex, col, expanded, this)\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #contentCellString let-rowData let-field=\"field\">\r\n    <span>\r\n        <!-- __sv: Short Value -->\r\n        <ng-container *ngIf=\"rowData[field + '__sv']\">\r\n            <ng-container *ngIf=\"!rowData[field + '__showFull']\">\r\n                {{rowData[field + '__sv']}}\r\n                <span class=\"toggle-showfull\" (click)=\"toggleShowFull(rowData, field)\" pTooltip=\"B\u1EA5m \u0111\u1EC3 xem th\u00EAm\"\r\n                    tooltipPosition=\"top\">[...]</span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"rowData[field + '__showFull']\">\r\n                {{rowData[field]}}\r\n                <span class=\"toggle-showfull\" (click)=\"toggleShowFull(rowData, field)\">Thu g\u1ECDn</span>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!rowData[field + '__sv']\">\r\n            {{rowData[field]}}\r\n        </ng-container>\r\n    </span>\r\n</ng-template>\r\n<ng-template #iconToggleRowGroup let-rowData=\"rowData\" let-expanded=\"expanded\">\r\n    <a href=\"javascript:;\" (click)=\"handleToggleRow(rowData, $event)\">\r\n        <i style=\"margin-right:5px\" [ngClass]=\"expanded ? 'fas fa-fw fa-caret-down' : 'fas fa-fw fa-caret-right'\"></i>\r\n    </a>\r\n</ng-template>\r\n<ng-template #iconToggleRowData let-rowData=\"rowData\" let-expanded=\"expanded\">\r\n    <button type=\"button\" pButton pRipple class=\"link-or-action p-button-text p-button-rounded p-button-plain\"\r\n        [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\r\n        (click)=\"handleToggleRow(rowData, $event)\"></button>\r\n</ng-template>\r\n<ng-template #_contentRowGroup let-rowData=\"rowData\" let-groupCol=\"groupCol\" let-groupField=\"_groupField\">\r\n    <ng-container [ngTemplateOutlet]=\"contentCell\"\r\n        [ngTemplateOutletContext]=\"{rowData: rowData, col: groupCol, field: _groupField}\">\r\n    </ng-container>\r\n    <span *ngIf=\"setting.columnSetting.showGroupSize\">\r\n        ({{rowGroupMetadata[rowData[_groupField]].size}})</span>\r\n</ng-template>\r\n<ng-template #trangThaiV5 let-rowData=\"rowData\">\r\n    <div class=\"container-text-workflow\">\r\n        <button *ngIf=\"!rowData.__workflowCode && !rowData.hiddenWorkflowAction && !rowData.hiddenStartWorkflow\" pButton\r\n            class=\"p-button-text link-or-action\" label=\"B\u1EAFt \u0111\u1EA7u\" style=\"border: 1px solid #7ca9cd;\"\r\n            pTooltip=\"B\u1EAFt \u0111\u1EA7u ch\u1EA1y quy tr\u00ECnh\" tooltipPosition=\"top\"\r\n            [disabled]=\"rowData.__startingWorkflow && !rowData.__notReadyForStart\"\r\n            (click)=\"showFormStartWorkflow(rowData)\"></button>\r\n        <ng-container *ngIf=\"rowData.__workflowCode\">\r\n            <span class=\"content\">{{rowData.__textTrangThai}}</span>\r\n            <button *ngIf=\"!rowData.hiddenWorkflowAction\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"H\u00E0nh \u0111\u1ED9ng\" tooltipPosition=\"top\"\r\n                [disabled]=\"showingActionWorkflow\" (click)=\"showActionWorkflow($event, rowData)\"></button>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #viewHistory let-rowData=\"rowData\">\r\n    <button pButton icon=\"pi pi-calendar\" class=\"p-button-text p-button-rounded link-or-action\" pTooltip=\"Xem l\u1ECBch s\u1EED\"\r\n        tooltipPosition=\"top\" (click)=\"viewHistoryWorkflow(setting, rowData)\"></button>\r\n</ng-template>\r\n<ng-template #containerSticky>\r\n    <span class=\"fix-sticky top\"></span>\r\n    <span class=\"fix-sticky right\"></span>\r\n    <!-- <span class=\"fix-sticky bottom\"></span> -->\r\n    <span class=\"fix-sticky left\"></span>\r\n</ng-template>\r\n<ng-template #sortIcon let-field=\"field\">\r\n    <i class=\"p-sortable-column-icon pi\" style=\"font-size: 0.8em;\"\r\n        [ngClass]=\"{'pi-sort-amount-up-alt': field == _sortField && _sortDir === 1, 'pi-sort-amount-down': field == _sortField && _sortDir === -1, 'pi-sort-alt': field != _sortField || _sortDir === 0}\"></i>\r\n</ng-template>\r\n<ng-template #filterDropdown let-col=\"col\">\r\n    <div #filterBox style=\"width: 100%; border-radius: 4px;\">\r\n        <dropdown *ngIf=\"col && filterSchema.dropdown[col.field]\" [control]=\"filterSchema.dropdown[col.field]\"\r\n            [dataSource]=\"filterSchema.dropdown[col.field].dataSource\" [(value)]=\"filterData[col.field]\"\r\n            (onHideSmartEvent)=\"onSearch()\" (onShow)=\"onShowFilterDropdownPanel($event)\"\r\n            (onHide)=\"onHideFilterDropdownPanel($event)\" (mousedown)=\"initFilterBoxFocus(filterBox)\"></dropdown>\r\n    </div>\r\n</ng-template>\r\n<ng-template #filterText let-col=\"col\">\r\n    <div #filterBox class=\"text-filter filter-box\" tabindex=\"-1\" (mousedown)=\"initFilterBoxFocus(filterBox)\">\r\n        <div tabindex=\"-1\">\r\n            <input pInputText type=\"text\" class=\"input-search\" [placeholder]=\"col.label\"\r\n                [(ngModel)]=\"filterData[col.field]\" (change)=\"onSearch()\"\r\n                (keyup.esc)=\"onClearSearch(filterBox, col.field)\">\r\n        </div>\r\n        <span [ngClass]=\"{'action-clear': true, 'dirty': filterData[col.field] != null && filterData[col.field] !== ''}\"\r\n            [pTooltip]=\"'B\u1ECF filter'\" tooltipPosition=\"top\" (mousedown)=\"onClearSearch(filterBox, col.field)\"\r\n            tabindex=\"-1\"><i class=\"pi pi-filter-slash\"></i></span>\r\n        <after-view-checked style=\"display: none;\" (loaded)=\"initFilterBoxFocus(filterBox)\">\r\n        </after-view-checked>\r\n    </div>\r\n</ng-template>\r\n<ng-template #filterNumber let-col=\"col\">\r\n    <div #filterBox class=\"number-picker-range filter-box\" tabindex=\"-1\" (mousedown)=\"initFilterBoxFocus(filterBox)\">\r\n        <div tabindex=\"-1\">\r\n            <tn-number-picker-range #numberRange [maskType]=\"col.dataType\" [(ngModel)]=\"filterData[col.field]\"\r\n                [min]=\"col.min\" [max]=\"col.max\" (change)=\"onSearch()\">\r\n            </tn-number-picker-range>\r\n        </div>\r\n        <span\r\n            [ngClass]=\"{'action-clear': true, 'dirty': filterData[col.field] && ((filterData[col.field][0] != null && filterData[col.field][0] !== '') || (filterData[col.field][1] != null && filterData[col.field][1] !== ''))}\"\r\n            [pTooltip]=\"'B\u1ECF filter'\" tooltipPosition=\"top\" (mousedown)=\"onClearNumberSearch(filterBox, numberRange)\"\r\n            tabindex=\"-1\">\r\n            <i class=\"pi pi-filter-slash\"></i></span>\r\n        <after-view-checked style=\"display: none;\" (loaded)=\"initFilterBoxFocus(filterBox)\">\r\n        </after-view-checked>\r\n    </div>\r\n</ng-template>\r\n<ng-template #filterDate let-col=\"col\">\r\n    <div #filterBox class=\"date-picker-range filter-box\" tabindex=\"-1\" (mousedown)=\"initFilterBoxFocus(filterBox)\">\r\n        <div tabindex=\"-1\">\r\n            <tn-datetime-picker-range #dateRange [control]=\"filterSchema.dateRange\"\r\n                (onChanged)=\"onChangeDateTime($event, col.field)\">\r\n            </tn-datetime-picker-range>\r\n        </div>\r\n        <span\r\n            [ngClass]=\"{'action-clear': true, 'dirty': filterData[col.field] && ((filterData[col.field][0] != null && filterData[col.field][0] !== '') || (filterData[col.field][1] != null && filterData[col.field][1] !== ''))}\"\r\n            [pTooltip]=\"'B\u1ECF filter'\" tooltipPosition=\"top\"\r\n            (mousedown)=\"onClearDateSearch(filterBox, dateRange, col.field)\" tabindex=\"-1\"><i\r\n                class=\"pi pi-filter-slash\"></i></span>\r\n        <after-view-checked style=\"display: none;\" (loaded)=\"initFilterBoxFocus(filterBox)\">\r\n        </after-view-checked>\r\n    </div>\r\n</ng-template>\r\n<ng-template #filterBoolean let-col=\"col\">\r\n    <div class=\"filter-boolean-box\">\r\n        <p-selectButton *ngIf=\"!col.minimizeFilter\"\r\n            [options]=\"[{value: true, label: 'C\u00F3', icon: 'pi pi-check'}, {value: false, label: 'Kh\u00F4ng', icon: 'pi pi-times'}]\"\r\n            [multiple]=\"true\" [(ngModel)]=\"filterData[col.field]\" (onChange)=\"onChangeBoolean($event, col.field)\">\r\n            <ng-template let-item>\r\n                <i style=\"padding: 3px 0;\" [class]=\"item.icon\"></i>\r\n            </ng-template>\r\n        </p-selectButton>\r\n        <ng-container *ngIf=\"col.minimizeFilter\">\r\n            <button *ngIf=\"!filterData[col.field]\" type=\"button\" pButton icon=\"pi pi-filter-slash\"\r\n                class=\"btn-filter-boolean\" (click)=\"showCheckBoxFilterMenu($event, col.field)\"></button>\r\n            <button *ngIf=\"filterData[col.field]\" type=\"button\" pButton icon=\"pi pi-filter\"\r\n                class=\"btn-filter-boolean p-button-primary\"\r\n                (click)=\"showCheckBoxFilterMenu($event, col.field)\"></button>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #fileUploadColumn let-field=\"field\" let-rowData let-fileSetting=\"fileSetting\">\r\n    <file-upload *ngIf=\"fileSetting.mode == FileUploadMode.usingFileInstanceId\"\r\n        [sharedFolderType]=\"fileSetting.control.sharedFolderType\" [readonly]=\"fileSetting.control.readonly\"\r\n        [accept]=\"fileSetting.control.accept\" [(ngModel)]=\"rowData[field]\">\r\n    </file-upload>\r\n    <service-file-upload *ngIf=\"fileSetting.control.mode == FileUploadMode.usingServiceFile\"\r\n        [serviceCode]=\"fileSetting.control.serviceCode\" [parentContext]=\"context\" [entity]=\"fileSetting.control.entity\"\r\n        [entityKey]=\"rowData[fileSetting.control.entityKeyField]\" [control]=\"fileSetting.control\"\r\n        [fileDataService]=\"fileSetting.control.fileDataService\" [(ngModel)]=\"rowData.field\">\r\n    </service-file-upload>\r\n</ng-template>\r\n<ng-template #fileManagerColumn let-rowData let-fileSetting=\"fileSetting\" let-field=\"field\">\r\n    <file-manager [control]=\"fileSetting.control\" [serviceCode]=\"fileSetting.control.serviceCode\"\r\n        [entity]=\"fileSetting.control.entity\" [entityKey]=\"rowData[fileSetting.control.entityKeyField]\"\r\n        [readonly]=\"fileSetting.control.readonly\" [layout]=\"fileSetting.control.layout\"\r\n        [maxFileSize]=\"fileSetting.control.maxFileSize\" [inTaiLieu]=\"fileSetting.control.inTaiLieu\"\r\n        [(value)]=\"rowData[field]\">\r\n    </file-manager>\r\n</ng-template>",
-                    providers: [i3.DecimalPipe, i3.DatePipe],
+                    providers: [i4$1.DecimalPipe, i4$1.DatePipe],
                     styles: [".container-table{display:flex;flex-direction:column;overflow:hidden}.container-table .container-table-inner{display:flex;height:auto;max-height:100%;min-height:60px;position:relative}.container-table-inner>tn-custom-scrollbar{width:100%}.cell-checkbox{text-align:center}.pick-color-row{border:1px solid #d1d1d1;border-radius:2px;bottom:0;cursor:pointer;display:flex;flex-wrap:wrap;height:1.4em;left:0;margin:auto;position:absolute;right:0;top:0;width:1.4em}.pick-color-row>div{background:#84d140;border:1px solid #fff;flex:0 0 50%}.pick-color-row>div:nth-child(2){background:#fc6868}.pick-color-row>div:nth-child(3){background:#fbc02d}.pick-color-row>div:nth-child(4){background:#7dc5ff}.cell-header-function{align-items:center;display:flex}.cell-header-function>span{flex:1 1;text-align:center}.cell-header-function button{height:24px;margin:0;padding:0;width:24px}.group-icon{color:#256aa2;font-weight:400}.group-icon i{font-size:.8em;margin-right:5px}.center{text-align:center!important}.row-card{height:100%;left:0;position:absolute;top:0;width:5px}.column-function{min-width:100px;padding:0}.custom-search-area{background-color:#f2f2f2;margin:-.5em -1em .5em;padding-left:.5em;padding-right:.5em}.main-title>h1{font-size:1.2em}.filter-row>th:not(.sticky):not(.chkbox){padding:3px!important}.container-text-workflow{align-items:center;display:flex;justify-content:center}.container-text-workflow .link-or-action{color:#2196f3;cursor:pointer}.container-text-workflow .content{flex:1 1}.btnReload{height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - 1px));width:2rem}.toggle-showfull{color:#00f;cursor:pointer;font-size:.8rem;font-weight:700;white-space:nowrap}.col-share-permission>div:not(:last-child){margin-bottom:5px}.advance-search-container{display:flex;justify-content:flex-end}.btn-filter-boolean{height:26px;width:26px}.btn-filter-boolean:not(.p-button-primary),.btn-filter-boolean:not(.p-button-primary):hover{background:#f5f6f8;border-color:#ced4da;color:#6c757d}::ng-deep crud-list advance-search{display:block;flex:1;max-width:400px}::ng-deep crud-list .ps__rail-x,::ng-deep crud-list .ps__rail-y{z-index:5}::ng-deep crud-list .main-title>*>h1{font-size:1.2em}::ng-deep crud-list .p-datatable .p-datatable-thead>tr>th.cell-fixed-filter{z-index:999}::ng-deep crud-list .p-datatable .p-datatable-thead>tr>th.cell-fixed-filter .fixed-filter{min-width:200px;position:fixed;z-index:10}::ng-deep crud-list .p-datatable .p-datatable-thead>tr>th .container-icon-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}::ng-deep crud-list .check-all-custom{height:0;position:absolute;width:0}::ng-deep crud-list .cell-header-filter{position:relative}::ng-deep crud-list .cell-header-filter .tn-dropdown{height:32px}::ng-deep crud-list .cell-header-filter tn-mask .p-inputtext{width:100%}::ng-deep crud-list .cell-header-filter .filter-box{background-color:#fff;border-radius:3px;display:flex;min-width:0}::ng-deep crud-list .cell-header-filter .filter-box>div{border:1px solid #ced4da;border-radius:3px 0 0 3px;border-right:none;flex:1;outline:none;overflow:hidden}::ng-deep crud-list .cell-header-filter .filter-box>span{align-items:center;background:#f5f6f8;border:1px solid #ced4da;color:#6c757d;cursor:pointer;display:inline-flex;flex-basis:32px;height:32px;justify-content:center;min-width:unset;outline:none}::ng-deep crud-list .cell-header-filter .filter-box>span.action-clear{border-radius:0 3px 3px 0}::ng-deep crud-list .cell-header-filter .filter-box>span.action-clear.dirty{color:#008eff}::ng-deep crud-list .cell-header-filter .filter-box input{border:none;box-shadow:none!important;padding-left:5px;padding-right:5px}::ng-deep crud-list .cell-header-filter .filter-box:not(.no-transition){transition:min-width .1s}::ng-deep crud-list .cell-header-filter .filter-box.boolean-filter>div{flex:0 0 109px;width:109px}::ng-deep crud-list .cell-header-filter .p-multiselect-label.p-placeholder{padding-left:.5rem;padding-right:.5rem}::ng-deep crud-list .cell-header-filter.focus-within,::ng-deep crud-list .cell-header-filter:focus-within{z-index:10!important}::ng-deep crud-list .cell-header-filter.focus-within .filter-boolean-box .p-button,::ng-deep crud-list .cell-header-filter:focus-within .filter-boolean-box .p-button{z-index:10}::ng-deep crud-list .cell-header-filter.focus-within .filter-box>div,::ng-deep crud-list .cell-header-filter:focus-within .filter-box>div{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;z-index:0}::ng-deep crud-list .cell-header-filter.focus-within .short-filter-box,::ng-deep crud-list .cell-header-filter:focus-within .short-filter-box{box-shadow:5px 0 15px 1px rgba(0,0,0,.27058823529411763);min-width:250px;position:absolute;top:calc(50% - 16px);z-index:2}::ng-deep crud-list .cell-header-filter.focus-within .short-filter-box>div,::ng-deep crud-list .cell-header-filter:focus-within .short-filter-box>div{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;flex:1;z-index:0}::ng-deep crud-list .cell-header-filter.focus-within .short-filter-box>span.action-clear,::ng-deep crud-list .cell-header-filter:focus-within .short-filter-box>span.action-clear{display:flex}::ng-deep crud-list .cell-header-filter.focus-within .short-filter-box.boolean-filter,::ng-deep crud-list .cell-header-filter:focus-within .short-filter-box.boolean-filter{min-width:140px}::ng-deep crud-list .cell-header-filter.focus-within .short-filter-box.boolean-filter>div,::ng-deep crud-list .cell-header-filter:focus-within .short-filter-box.boolean-filter>div{flex:0 0 109px;width:109px}::ng-deep crud-list .cell-header-filter.focus-within:nth-last-child(2) .short-filter-box,::ng-deep crud-list .cell-header-filter:focus-within:nth-last-child(2) .short-filter-box{left:50%;transform:translateX(-50%)}::ng-deep crud-list .cell-header-filter:last-child .filter-box{right:3px}::ng-deep crud-list .table-border-line{background-color:#eee;position:absolute;z-index:5}::ng-deep crud-list .table-border-line.--left,::ng-deep crud-list .table-border-line.--right{bottom:0;top:0;width:1px}::ng-deep crud-list .table-border-line.--bottom,::ng-deep crud-list .table-border-line.--top{height:1px;left:0;right:0}::ng-deep crud-list .table-border-line.--left{left:0}::ng-deep crud-list .table-border-line.--right{right:0}::ng-deep crud-list .table-border-line.--top{top:0}::ng-deep crud-list .table-border-line.--bottom{bottom:0}::ng-deep crud-list .filter-boolean-box{text-align:center}::ng-deep crud-list .filter-boolean-box .p-selectbutton{white-space:nowrap}::ng-deep crud-list .custom-search-area crud-form{width:100%}::ng-deep crud-list .custom-search-area .main-container-search-inner .container-control{overflow:hidden;padding-bottom:0}::ng-deep crud-list>p-contextmenu{display:none}@media (max-width:640px){::ng-deep crud-list .--table-responsive .p-datatable-wrapper{padding:1px}}"]
                 },] }
     ];
@@ -23887,15 +23987,15 @@
             var moduleConfigService = _injector.get(ModuleConfigService);
             _this.environment = moduleConfigService.getConfig().environment;
             _this._notifierService = _this._injector.get(NotifierService);
-            _this._activatedRoute = _this._injector.get(i3$1.ActivatedRoute);
-            _this._router = _this._injector.get(i3$1.Router);
+            _this._activatedRoute = _this._injector.get(i3.ActivatedRoute);
+            _this._router = _this._injector.get(i3.Router);
             _this._customRouterService = _this._injector.get(CustomRouterService);
             _this._listHelperService = _this._injector.get(ListHelperService);
             _this._commonService = _this._injector.get(CommonService);
             _this._translateService = _this._injector.get(i2.TranslateService);
             _this._exportService = _this._injector.get(ExportService);
             _this._crudService = _this._injector.get(CrudService);
-            _this._datePipe = _this._injector.get(i3.DatePipe);
+            _this._datePipe = _this._injector.get(i4$1.DatePipe);
             _this._cd = _this._injector.get(i0.ChangeDetectorRef);
             _this._userService = _this._injector.get(UserService);
             _this._masterDataService = _this._injector.get(MasterDataService);
@@ -23904,6 +24004,7 @@
             _this._workflowPermissionDetailService = _this._injector.get(WorkflowPermissionDetailService);
             _this._stateMachinesService = _this._injector.get(StateMachinesService);
             _this._congViecServiceInBase = _this._injector.get(CongViecService);
+            _this._loggerService = _this._injector.get(LoggerService);
             _this.setting.key = _this._commonService.guid();
             return _this;
         }
@@ -24649,7 +24750,7 @@
                             _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
                         }
                     }).catch(function (err) {
-                        console.error('error on get detail from querystring', err);
+                        _this._loggerService.logError('error on get detail from querystring', err);
                         _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
                     });
                 }
@@ -24672,7 +24773,7 @@
                     _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
                 }
             }); }).catch(function (err) {
-                console.error('error on get detail from querystring', err);
+                _this._loggerService.logError('error on get detail from querystring', err);
                 _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
             });
         };
@@ -25611,7 +25712,7 @@
         { type: PermissionService },
         { type: ngxDeviceDetector.DeviceDetectorService },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: AuthenService },
         { type: GlobalService }
     ]; };
@@ -26314,7 +26415,7 @@
     ];
     NotFoundComponent.ctorParameters = function () { return [
         { type: i0.Injector },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: UserService },
         { type: ModuleConfigService },
         { type: AuthenService }
@@ -26396,7 +26497,7 @@
     AccessDeniedComponent.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: ModuleConfigService },
         { type: AuthenService }
     ]; };
@@ -26444,7 +26545,7 @@
     ];
     UniversalLinkProcessorComponent.ctorParameters = function () { return [
         { type: i0.Injector },
-        { type: i3$1.ActivatedRoute }
+        { type: i3.ActivatedRoute }
     ]; };
 
     var TraceInterceptor = /** @class */ (function () {
@@ -26523,7 +26624,7 @@
             if (!language) {
                 language = 'vi';
             }
-            i3.registerLocaleData(locale, language);
+            i4$1.registerLocaleData(locale, language);
         };
         PublicFunction.importRootModule = function (environment) {
             return [
@@ -26574,7 +26675,7 @@
                 },
                 i1.MessageService,
                 i1.ConfirmationService,
-                i3.DatePipe,
+                i4$1.DatePipe,
                 UserFormatPipe,
                 UsersFormatPipe,
                 HtmlFormatPipe,
@@ -26583,7 +26684,7 @@
                 OrganizationsFormatPipe,
                 MasterDataPipe,
                 NotifierService,
-                i3.DecimalPipe,
+                i4$1.DecimalPipe,
                 i2.TranslateService,
                 EntityWorkflowSettingService,
                 EntityWorkflowHistoryService,
@@ -29609,7 +29710,7 @@
         };
         return GenericGuardChildService;
     }());
-    GenericGuardChildService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GenericGuardChildService_Factory() { return new GenericGuardChildService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3$1.Router), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(NotifierService)); }, token: GenericGuardChildService, providedIn: "root" });
+    GenericGuardChildService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GenericGuardChildService_Factory() { return new GenericGuardChildService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3.Router), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(NotifierService)); }, token: GenericGuardChildService, providedIn: "root" });
     GenericGuardChildService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -29618,7 +29719,7 @@
     GenericGuardChildService.ctorParameters = function () { return [
         { type: UserService },
         { type: PermissionService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: i0.Injector },
         { type: NotifierService }
     ]; };
@@ -30532,7 +30633,7 @@
             // Loại export.
             this._type = JobTypes.SingnalR;
             this._code = code;
-            var datepipe = new i3.DatePipe('en-US');
+            var datepipe = new i4$1.DatePipe('en-US');
             var formattedDate = datepipe.transform(new Date(), 'ddMMyyyy_hhmmss');
             this._fileName = fileName + "_" + formattedDate + TemplateConstant.EXCEL_EXTENSION;
             this._data = data || {};
@@ -31261,7 +31362,7 @@
                 _this.messageWaiting = __spread(data.message);
             });
             this._router.events.subscribe(function (x) {
-                if (x instanceof i3$1.NavigationStart) {
+                if (x instanceof i3.NavigationStart) {
                     _this.rootData.httpRequestList = [];
                 }
             });
@@ -31729,14 +31830,14 @@
         { type: i4.OAuthService },
         { type: AuthenService },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: platformBrowser.Title },
         { type: SignalRService },
         { type: StorageUpdatedService },
         { type: CustomRouterService },
         { type: ApplicationContextService },
         { type: ComponentContextService },
-        { type: i3$1.ActivatedRoute },
+        { type: i3.ActivatedRoute },
         { type: ngxDeviceDetector.DeviceDetectorService },
         { type: i0.ChangeDetectorRef },
         { type: TnClientService },
@@ -42413,7 +42514,7 @@
         };
         return DhvinhGuardService;
     }());
-    DhvinhGuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DhvinhGuardService_Factory() { return new DhvinhGuardService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3$1.Router), i0.ɵɵinject(NotifierService)); }, token: DhvinhGuardService, providedIn: "root" });
+    DhvinhGuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DhvinhGuardService_Factory() { return new DhvinhGuardService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3.Router), i0.ɵɵinject(NotifierService)); }, token: DhvinhGuardService, providedIn: "root" });
     DhvinhGuardService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -42422,7 +42523,7 @@
     DhvinhGuardService.ctorParameters = function () { return [
         { type: UserService },
         { type: PermissionService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: NotifierService }
     ]; };
 
@@ -42546,7 +42647,7 @@
         };
         return GuardSvService;
     }());
-    GuardSvService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GuardSvService_Factory() { return new GuardSvService(i0.ɵɵinject(UserService), i0.ɵɵinject(i3$1.Router), i0.ɵɵinject(NotifierService)); }, token: GuardSvService, providedIn: "root" });
+    GuardSvService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GuardSvService_Factory() { return new GuardSvService(i0.ɵɵinject(UserService), i0.ɵɵinject(i3.Router), i0.ɵɵinject(NotifierService)); }, token: GuardSvService, providedIn: "root" });
     GuardSvService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -42554,7 +42655,7 @@
     ];
     GuardSvService.ctorParameters = function () { return [
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: NotifierService }
     ]; };
 
@@ -42601,7 +42702,7 @@
         };
         return GuardService;
     }());
-    GuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GuardService_Factory() { return new GuardService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3$1.Router), i0.ɵɵinject(NotifierService)); }, token: GuardService, providedIn: "root" });
+    GuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GuardService_Factory() { return new GuardService(i0.ɵɵinject(UserService), i0.ɵɵinject(PermissionService), i0.ɵɵinject(i3.Router), i0.ɵɵinject(NotifierService)); }, token: GuardService, providedIn: "root" });
     GuardService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -42610,7 +42711,7 @@
     GuardService.ctorParameters = function () { return [
         { type: UserService },
         { type: PermissionService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: NotifierService }
     ]; };
 
@@ -42672,6 +42773,10 @@
             _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.notificationCRUDEndpoint;
             return _this;
         }
+        NotificationService.prototype.getAllUserUnreadNotification = function () {
+            var url = this.serviceUri + "/AllUserUnreadNotification";
+            return this.defaultGet(url);
+        };
         NotificationService.prototype.getAllUserReadNotification = function () {
             var url = this.serviceUri + "/AllUserReadNotification";
             return this.defaultGet(url);
@@ -43637,7 +43742,7 @@
         { type: i0.Injector },
         { type: ModuleConfigService },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: AuthenService }
     ]; };
 
@@ -45995,7 +46100,7 @@
     ];
     AppTopBarV1Component.ctorParameters = function () { return [
         { type: CustomRouterService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: CommonService },
         { type: AuthenService },
         { type: i0.ChangeDetectorRef },
@@ -46443,7 +46548,7 @@
     ];
     AppTopBarV2Component.ctorParameters = function () { return [
         { type: CustomRouterService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: CommonService },
         { type: AuthenService },
         { type: i0.ChangeDetectorRef },
@@ -46564,7 +46669,7 @@
                 },] }
     ];
     AppSubMenuComponent.ctorParameters = function () { return [
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: CommonService },
         { type: i0.Injector },
         { type: CustomRouterService }
@@ -46600,7 +46705,7 @@
             }
             this._router
                 .events
-                .pipe(operators.filter(function (event) { return event instanceof i3$1.NavigationEnd; }))
+                .pipe(operators.filter(function (event) { return event instanceof i3.NavigationEnd; }))
                 .subscribe(function (event) {
                 for (var i in _this.model) {
                     var item = _this.model[i];
@@ -46735,7 +46840,7 @@
     AppMenuComponent.ctorParameters = function () { return [
         { type: MenuService },
         { type: i2.TranslateService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: ApplicationContextService },
         { type: CommonService },
         { type: ModuleConfigService },
@@ -47208,7 +47313,7 @@
     ];
     AppTopBarComponent.ctorParameters = function () { return [
         { type: CustomRouterService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: CommonService },
         { type: AuthenService },
         { type: i0.ChangeDetectorRef },
@@ -51803,13 +51908,13 @@
                             useExisting: i0.forwardRef(function () { return MaskComponent; }),
                             multi: true
                         },
-                        i3.DecimalPipe
+                        i4$1.DecimalPipe
                     ],
                     styles: [".tn-mask-viewMode>span{margin-right:3px}.tn-mask-viewMode>span:last-child{margin-right:0}"]
                 },] }
     ];
     MaskComponent.ctorParameters = function () { return [
-        { type: i3.DecimalPipe }
+        { type: i4$1.DecimalPipe }
     ]; };
     MaskComponent.propDecorators = {
         maskType: [{ type: i0.Input }],
@@ -51949,7 +52054,7 @@
                 },] }
     ];
     NumberPickerRangeComponent.ctorParameters = function () { return [
-        { type: i3.DecimalPipe }
+        { type: i4$1.DecimalPipe }
     ]; };
     NumberPickerRangeComponent.propDecorators = {
         readonly: [{ type: i0.Input }],
@@ -53413,7 +53518,7 @@
         { type: PermissionService },
         { type: ngxDeviceDetector.DeviceDetectorService },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: AuthenService },
         { type: GlobalService }
     ]; };
@@ -53623,7 +53728,7 @@
         { type: PermissionService },
         { type: ngxDeviceDetector.DeviceDetectorService },
         { type: UserService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: AuthenService },
         { type: GlobalService }
     ]; };
@@ -55075,7 +55180,7 @@
                     _this.bounceNoti = true;
                     _this.afterGetNotication();
                 }); }),
-                this._notificationService.getAllUserReadNotification().then(function (res) {
+                this._notificationService.getAllUserUnreadNotification().then(function (res) {
                     if (res.data == null || !res.success) {
                         _this._notifierService.showWarningByResponse(res);
                         return;
@@ -55218,7 +55323,7 @@
         { type: SignalRService },
         { type: UserV5Service },
         { type: NotificationService },
-        { type: i3$1.Router },
+        { type: i3.Router },
         { type: ModuleConfigService },
         { type: CrudService },
         { type: NotifierService },
@@ -58446,7 +58551,7 @@
     var Button = /** @class */ (function () {
         function Button() {
             this.icon = '';
-            this.iconPos = 'top';
+            this.iconPos = 'left';
             this.loadingIcon = '';
         }
         return Button;
@@ -58514,16 +58619,16 @@
             if (this.setting == null || this.idModel == null) {
                 return;
             }
+            this.showActionWorkflow();
         };
-        WorkflowButtonComponent.prototype.showActionWorkflow = function (evt) {
+        WorkflowButtonComponent.prototype.showActionWorkflow = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     this.showingActionWorkflow = true;
                     this.setting.baseService.getDetail(this.idModel)
                         .then(function (res) { return __awaiter(_this, void 0, void 0, function () {
-                        var currentUser, dataSource, finalData, _a;
-                        var _this = this;
+                        var currentUser, _a;
                         return __generator(this, function (_b) {
                             switch (_b.label) {
                                 case 0:
@@ -58535,20 +58640,13 @@
                                     if (currentUser == null) {
                                         return [2 /*return*/];
                                     }
-                                    dataSource = [res.data];
-                                    return [4 /*yield*/, this._workflowPermissionDetailService.appendInfoForWorkflow(currentUser.userId, dataSource)];
+                                    return [4 /*yield*/, this._workflowPermissionDetailService.appendInfoForWorkflowSingle(currentUser.userId, res.data)];
                                 case 1:
                                     _b.sent();
-                                    finalData = dataSource[0];
                                     _a = this;
-                                    return [4 /*yield*/, this.getButtonContext(finalData)];
+                                    return [4 /*yield*/, this.getButtonContext(res.data)];
                                 case 2:
                                     _a.workflowButtons = _b.sent();
-                                    setTimeout(function (f) {
-                                        _this.contextMenu.show(evt);
-                                    }, 10);
-                                    evt.preventDefault();
-                                    evt.stopPropagation();
                                     this.showingActionWorkflow = false;
                                     return [2 /*return*/];
                             }
@@ -58780,7 +58878,7 @@
                     return;
                 var name = '';
                 if (typeof crudListSetting.displayField == 'string') {
-                    name = rowData[(crudListSetting.displayField)];
+                    name = rowData[crudListSetting.displayField];
                 }
                 else {
                     name = (crudListSetting.displayField)(rowData);
@@ -58868,8 +58966,7 @@
         };
         WorkflowButtonComponent.prototype.hideWaitBox = function (message) {
             this.rootContext.fireEvent(ComCtxConstants.ROOT.SHOW_WAIT_BOX, {
-                show: true,
-                message: message
+                show: false
             });
         };
         WorkflowButtonComponent.prototype.handleResponse = function (res, message, callBack, callBackError) {
@@ -58908,8 +59005,8 @@
     WorkflowButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'workflow-button',
-                    template: "<button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n        class=\"link-or-action p-button-text p-button-rounded\" label=\"H\u00E0nh \u0111\u1ED9ng\" pTooltip=\"H\u00E0nh \u0111\u1ED9ng\" tooltipPosition=\"top\"\r\n        [disabled]=\"showingActionWorkflow\" (click)=\"showActionWorkflow($event)\"></button>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [styleClass]=\"'allow-selected'\" [model]=\"workflowButtons\">\r\n</p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"processWorkflowModel.showEditForm\" #dialog [header]=\"processWorkflowModel.header | translate\"\r\n        [popupSize]=\"processWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n        (onHide)=\"processWorkflowModel.showEditForm = false\">\r\n    <div style=\"height: 100%; padding: 1rem\">\r\n        <process-workflow-form #formBase [businessSetting]=\"processWorkflowModel.data.setting\" [item]=\"currentItem\"\r\n                [workflow]=\"processWorkflowModel.data.workflow\" [action]=\"processWorkflowModel.data.action\"\r\n                (onSaved)=\"handleProcessedWorkflowBase()\" (onCancel)=\"processWorkflowModel.showEditForm = false\">\r\n        </process-workflow-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"choYKienModel.showEditForm\" #dialog [header]=\"choYKienModel.header | translate\"\r\n        [popupSize]=\"choYKienModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n        (onHide)=\"choYKienModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <cho-y-kien-form #formBase [bussinessSetting]=\"choYKienModel.data.setting\"\r\n                [rowItem]=\"choYKienModel.data.rowData\" (onSaved)=\"choYKienModel.showEditForm = false\"\r\n                (onCancel)=\"choYKienModel.showEditForm = false\">\r\n        </cho-y-kien-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"workflowHistoryModel.showEditForm\" #dialog [header]=\"workflowHistoryModel.header | translate\"\r\n        [popupSize]=\"workflowHistoryModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n        (onHide)=\"workflowHistoryModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <workflow-history-new #formBase [businessSetting]=\"workflowHistoryModel.data.setting\"\r\n                [tableName]=\"workflowHistoryModel.data.tableName\" [item]=\"currentItem\"\r\n                [workflowSetting]=\"workflowHistoryModel.data.workflowSetting\"\r\n                (onCancel)=\"workflowHistoryModel.showEditForm = false\">\r\n        </workflow-history-new>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"detailTaskModel.showEditForm\" #dialog [header]=\"detailTaskModel.header | translate\"\r\n        [popupSize]=\"detailTaskModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n        (onHide)=\"detailTaskModel.showEditForm = false\">\r\n    <base-congviec-form #formBase [model]=\"detailTaskModel.data.taskFormModel\" [forceOnlyView]=\"true\"\r\n            (onCancel)=\"detailTaskModel.showEditForm = false\">\r\n    </base-congviec-form>\r\n</tn-dialog>\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=\"permissionSharingModel.showEditForm\" #dialog [header]=\"permissionSharingModel.header | translate\"-->\r\n<!--        [popupSize]=\"permissionSharingModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"-->\r\n<!--        (onHide)=\"permissionSharingModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <permission-sharing #formBase [item]=\"rowDataCurrent\" [baseService]=\"setting.baseService\"-->\r\n<!--                (onCancel)=\"permissionSharingModel.showEditForm = false\">-->\r\n<!--        </permission-sharing>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"permissionListModel.showEditForm\" #dialog [header]=\"permissionListModel.header | translate\"-->\r\n<!--        [popupSize]=\"permissionListModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"permissionListModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <workflow-permission #formBase [item]=\"rowDataCurrent\" [businessSetting]=\"setting\"-->\r\n<!--                (onCancel)=\"permissionListModel.showEditForm = false\">-->\r\n<!--        </workflow-permission>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<workflow-history-dialog *ngIf=\"showHistoryWorkflow\" [baseService]=\"setting.baseService\" [item]=\"currentItem\"-->\r\n<!--        [workflowSetting]=\"setting.workflowSetting\" (onHide)=\"handleHideHistoryWorkflow()\">-->\r\n<!--</workflow-history-dialog>-->\r\n<!--<tn-dialog *ngIf=\"startWorkflowModel.showEditForm\" #dialog [header]=\"startWorkflowModel.header | translate\"-->\r\n<!--        [popupSize]=\"startWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"-->\r\n<!--        (onHide)=\"startWorkflowModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <start-workflow #formBase [workflows]=\"startWorkflowModel.data.workflows\"-->\r\n<!--                [defaultWorkflow]=\"startWorkflowModel.data.defaultWorkflow\"-->\r\n<!--                (onCancel)=\"startWorkflowModel.showEditForm = false\" (onSaved)=\"handleStartWorkflowFromDialog($event)\">-->\r\n<!--        </start-workflow>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"congViecModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"-->\r\n<!--        [header]=\"congViecModel.header | translate\" [popupSize]=\"congViecModel.popupSize\"-->\r\n<!--        (onHide)=\"congViecModel.showEditForm = false\">-->\r\n<!--    <base-congviec-form #formBase [parentSetting]=\"congViecModel.data.congViecSetting\"-->\r\n<!--            [model]=\"congViecModel.data.model\" (onSaved)=\"congViecModel.showEditForm = false;getData()\"-->\r\n<!--            (onCancel)=\"congViecModel.showEditForm = false\">-->\r\n<!--    </base-congviec-form>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"shareLinkModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"-->\r\n<!--        [header]=\"shareLinkModel.header | translate\" [popupSize]=\"shareLinkModel.popupSize\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"shareLinkModel.showEditForm = false\">-->\r\n<!--    <share-link-by-permission #formBase [setting]=\"setting\" [lstItem]=\"shareLinkModel.data.lstItem\"-->\r\n<!--            (onCancel)=\"congViecModel.showEditForm = false\">-->\r\n<!--    </share-link-by-permission>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"attachedTaskModel.showEditForm\" [header]=\"attachedTaskModel.header | translate\"-->\r\n<!--        [popupSize]=\"attachedTaskModel.popupSize\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"attachedTaskModel.showEditForm = false\">-->\r\n<!--    <base-congviec [serviceCode]=\"setting.baseService.serviceCode\" [entity]=\"setting.baseService.entityName\"-->\r\n<!--            [itemIdAttach]=\"rowDataCurrent.id\"></base-congviec>-->\r\n<!--</tn-dialog>-->\r\n",
-                    styles: [".workflowButtons{display:flex;flex:1 1}.workflowButtons>button{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}"]
+                    template: "<ng-container *ngIf=\"workflowButtons\">\r\n    <div class=\"workflowButtons\">\r\n        <div *ngFor=\"let button of workflowButtons\">\r\n            <button pButton class=\"p-button-text p-button-rounded link-or-action\" type=\"button\" [label]=\"button.label\"\r\n                [icon]=\"button.icon\" (click)=\"button.command()\"></button>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<tn-dialog *ngIf=\"processWorkflowModel.showEditForm\" #dialog [header]=\"processWorkflowModel.header | translate\"\r\n    [popupSize]=\"processWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"processWorkflowModel.showEditForm = false\">\r\n    <div style=\"height: 100%; padding: 1rem\">\r\n        <process-workflow-form #formBase [businessSetting]=\"processWorkflowModel.data.setting\" [item]=\"currentItem\"\r\n            [workflow]=\"processWorkflowModel.data.workflow\" [action]=\"processWorkflowModel.data.action\"\r\n            (onSaved)=\"handleProcessedWorkflowBase()\" (onCancel)=\"processWorkflowModel.showEditForm = false\">\r\n        </process-workflow-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"choYKienModel.showEditForm\" #dialog [header]=\"choYKienModel.header | translate\"\r\n    [popupSize]=\"choYKienModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"choYKienModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <cho-y-kien-form #formBase [bussinessSetting]=\"choYKienModel.data.setting\"\r\n            [rowItem]=\"choYKienModel.data.rowData\" (onSaved)=\"choYKienModel.showEditForm = false\"\r\n            (onCancel)=\"choYKienModel.showEditForm = false\">\r\n        </cho-y-kien-form>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"workflowHistoryModel.showEditForm\" #dialog [header]=\"workflowHistoryModel.header | translate\"\r\n    [popupSize]=\"workflowHistoryModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"workflowHistoryModel.showEditForm = false\">\r\n    <div style=\"height: 100%\">\r\n        <workflow-history-new #formBase [businessSetting]=\"workflowHistoryModel.data.setting\"\r\n            [tableName]=\"workflowHistoryModel.data.tableName\" [item]=\"currentItem\"\r\n            [workflowSetting]=\"workflowHistoryModel.data.workflowSetting\"\r\n            (onCancel)=\"workflowHistoryModel.showEditForm = false\">\r\n        </workflow-history-new>\r\n    </div>\r\n</tn-dialog>\r\n<tn-dialog *ngIf=\"detailTaskModel.showEditForm\" #dialog [header]=\"detailTaskModel.header | translate\"\r\n    [popupSize]=\"detailTaskModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"\r\n    (onHide)=\"detailTaskModel.showEditForm = false\">\r\n    <base-congviec-form #formBase [model]=\"detailTaskModel.data.taskFormModel\" [forceOnlyView]=\"true\"\r\n        (onCancel)=\"detailTaskModel.showEditForm = false\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n\r\n<!--<tn-dialog *ngIf=\"permissionSharingModel.showEditForm\" #dialog [header]=\"permissionSharingModel.header | translate\"-->\r\n<!--        [popupSize]=\"permissionSharingModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"-->\r\n<!--        (onHide)=\"permissionSharingModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <permission-sharing #formBase [item]=\"rowDataCurrent\" [baseService]=\"setting.baseService\"-->\r\n<!--                (onCancel)=\"permissionSharingModel.showEditForm = false\">-->\r\n<!--        </permission-sharing>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"permissionListModel.showEditForm\" #dialog [header]=\"permissionListModel.header | translate\"-->\r\n<!--        [popupSize]=\"permissionListModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"permissionListModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <workflow-permission #formBase [item]=\"rowDataCurrent\" [businessSetting]=\"setting\"-->\r\n<!--                (onCancel)=\"permissionListModel.showEditForm = false\">-->\r\n<!--        </workflow-permission>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<workflow-history-dialog *ngIf=\"showHistoryWorkflow\" [baseService]=\"setting.baseService\" [item]=\"currentItem\"-->\r\n<!--        [workflowSetting]=\"setting.workflowSetting\" (onHide)=\"handleHideHistoryWorkflow()\">-->\r\n<!--</workflow-history-dialog>-->\r\n<!--<tn-dialog *ngIf=\"startWorkflowModel.showEditForm\" #dialog [header]=\"startWorkflowModel.header | translate\"-->\r\n<!--        [popupSize]=\"startWorkflowModel.popupSize\" [scrollBarStyleClass]=\"'fit-content'\"-->\r\n<!--        (onHide)=\"startWorkflowModel.showEditForm = false\">-->\r\n<!--    <div style=\"height: 100%\">-->\r\n<!--        <start-workflow #formBase [workflows]=\"startWorkflowModel.data.workflows\"-->\r\n<!--                [defaultWorkflow]=\"startWorkflowModel.data.defaultWorkflow\"-->\r\n<!--                (onCancel)=\"startWorkflowModel.showEditForm = false\" (onSaved)=\"handleStartWorkflowFromDialog($event)\">-->\r\n<!--        </start-workflow>-->\r\n<!--    </div>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"congViecModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"-->\r\n<!--        [header]=\"congViecModel.header | translate\" [popupSize]=\"congViecModel.popupSize\"-->\r\n<!--        (onHide)=\"congViecModel.showEditForm = false\">-->\r\n<!--    <base-congviec-form #formBase [parentSetting]=\"congViecModel.data.congViecSetting\"-->\r\n<!--            [model]=\"congViecModel.data.model\" (onSaved)=\"congViecModel.showEditForm = false;getData()\"-->\r\n<!--            (onCancel)=\"congViecModel.showEditForm = false\">-->\r\n<!--    </base-congviec-form>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"shareLinkModel.showEditForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"-->\r\n<!--        [header]=\"shareLinkModel.header | translate\" [popupSize]=\"shareLinkModel.popupSize\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"shareLinkModel.showEditForm = false\">-->\r\n<!--    <share-link-by-permission #formBase [setting]=\"setting\" [lstItem]=\"shareLinkModel.data.lstItem\"-->\r\n<!--            (onCancel)=\"congViecModel.showEditForm = false\">-->\r\n<!--    </share-link-by-permission>-->\r\n<!--</tn-dialog>-->\r\n<!--<tn-dialog *ngIf=\"attachedTaskModel.showEditForm\" [header]=\"attachedTaskModel.header | translate\"-->\r\n<!--        [popupSize]=\"attachedTaskModel.popupSize\" [useDefaultScrollBar]=\"true\"-->\r\n<!--        (onHide)=\"attachedTaskModel.showEditForm = false\">-->\r\n<!--    <base-congviec [serviceCode]=\"setting.baseService.serviceCode\" [entity]=\"setting.baseService.entityName\"-->\r\n<!--            [itemIdAttach]=\"rowDataCurrent.id\"></base-congviec>-->\r\n<!--</tn-dialog>-->",
+                    styles: [".workflowButtons{display:flex;flex:1 1}.workflowButtons>button{margin-right:.2rem;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}"]
                 },] }
     ];
     WorkflowButtonComponent.ctorParameters = function () { return [
@@ -61258,7 +61355,7 @@
         return [
             accordion.AccordionModule,
             angularSplit.AngularSplitModule,
-            i3.CommonModule,
+            i4$1.CommonModule,
             dialog.DialogModule,
             button.ButtonModule,
             breadcrumb.BreadcrumbModule,
@@ -61870,155 +61967,156 @@
     exports.ɵ7 = ɵ7;
     exports.ɵ8 = ɵ8;
     exports.ɵ9 = ɵ9;
-    exports.ɵa = DropdownService;
-    exports.ɵb = EntityPickerService;
-    exports.ɵba = RoleService;
-    exports.ɵbb = ProcessWorkflowFormComponent;
-    exports.ɵbc = CongViecDinhKemService;
-    exports.ɵbd = CongViecThayDoiService;
-    exports.ɵbe = AddressComponent;
-    exports.ɵbf = AfterViewCheckedComponent;
-    exports.ɵbg = AdvanceSearchComponent;
-    exports.ɵbh = AppRootMenuComponent;
-    exports.ɵbi = AppTopBarComponent;
-    exports.ɵbj = AppTopBarV1Component;
-    exports.ɵbk = AppTopBarV2Component;
-    exports.ɵbl = AppProfileComponent;
-    exports.ɵbm = AppSubMenuComponent;
-    exports.ɵbn = AppMenuComponent;
-    exports.ɵbo = AutoCompletePickerComponent;
-    exports.ɵbp = ImageUploaderComponent;
-    exports.ɵbq = CheckBoxListComponent;
-    exports.ɵbr = CoCauToChucPickerListComponent;
-    exports.ɵbs = CoCauToChucPickerListNewComponent;
-    exports.ɵbt = CoCauToChucNewService;
-    exports.ɵbu = FormBuilderComponent;
-    exports.ɵbv = BaseCongViecTestComponent;
-    exports.ɵbw = BaseCauHinhWorkflowDetailComponent;
-    exports.ɵbx = BaseDmLoaiCongViecFormComponent;
-    exports.ɵby = BaseDmLinhVucCongViecFormComponent;
-    exports.ɵbz = BaseDmPriorityFormComponent;
-    exports.ɵc = ExceptionHandlerService;
-    exports.ɵca = BaseCongviecDinhkemComponent;
-    exports.ɵcb = BaseCongviecDinhkemFormComponent;
-    exports.ɵcc = DatetimePickerComponent;
-    exports.ɵcd = DatetimePickerRangeComponent;
-    exports.ɵce = DynamicNodeComponent;
-    exports.ɵcf = EntityPickerBoxComponent;
-    exports.ɵcg = EntityPickerDataComponent;
-    exports.ɵch = EntityPickerSelectedComponent;
-    exports.ɵci = EntityPickerComponent;
-    exports.ɵcj = EntityPickerDialogComponent;
-    exports.ɵck = EntityPickerTreeDataComponent;
-    exports.ɵcl = EntityPickerTreeSelectedComponent;
-    exports.ɵcm = EntityPermissionComponent;
-    exports.ɵcn = EquationEditorComponent;
-    exports.ɵco = MaskComponent;
-    exports.ɵcp = NumberPickerRangeComponent;
-    exports.ɵcq = PagingNextBackOnlyComponent;
-    exports.ɵcr = RadioButtonListComponent;
-    exports.ɵcs = VanBanPickerComponent;
-    exports.ɵct = VanBanDenService;
-    exports.ɵcu = VanBanDiService;
-    exports.ɵcv = VanBanPickerDialogComponent;
-    exports.ɵcw = VanbanDiPickerComponent;
-    exports.ɵcx = VanbanDenPickerComponent;
-    exports.ɵcy = CongViecPickerComponent;
-    exports.ɵcz = SettingsComponent;
-    exports.ɵd = CanBo_HoSoService;
-    exports.ɵda = SettingsRowComponent;
-    exports.ɵdb = SettingsWorkflowComponent;
-    exports.ɵdc = SettingsWorkflowNo1Component;
-    exports.ɵdd = SimpleWorkflowFormComponent;
-    exports.ɵde = ProcessWorkflowTargetComponent;
-    exports.ɵdf = DmChucVuService;
-    exports.ɵdg = ChoYKienFormComponent;
-    exports.ɵdh = SplashComponentV1Component;
-    exports.ɵdi = SplashComponentV2Component;
-    exports.ɵdj = StateMachinesConnectionReceiverComponent;
-    exports.ɵdk = StateMachinesConnectionReceiverConditionComponent;
-    exports.ɵdl = StateMachinesConnectionReceiverDepartmentComponent;
-    exports.ɵdm = StateMachinesConnectionReceiverGroupComponent;
-    exports.ɵdn = StateMachinesConnectionReceiverUserComponent;
-    exports.ɵdo = StateMachinesConnectionReceiverRoleComponent;
-    exports.ɵdp = StateMachinesConnectionSenderComponent;
-    exports.ɵdq = StartWorkflowComponent;
-    exports.ɵdr = ShareLinkByPermissionComponent;
-    exports.ɵds = WorkflowSettingNewComponent;
-    exports.ɵdt = PermissionSharingComponent;
-    exports.ɵdu = WorkflowPermissionService;
-    exports.ɵdv = TnCheckboxComponent;
-    exports.ɵdw = TnDialogComponent;
-    exports.ɵdx = TnColorPickerComponent;
-    exports.ɵdy = TnTinymceComponent;
-    exports.ɵdz = TnTabViewComponent;
-    exports.ɵe = ListBase;
-    exports.ɵea = TableDetailFormComponent;
-    exports.ɵeb = FileIconPipe;
-    exports.ɵec = FileSizePipe;
-    exports.ɵed = QuickAddFormComponent;
-    exports.ɵee = PreventShiftTabDirective;
-    exports.ɵef = TnTemplateDirective;
-    exports.ɵeg = UserPickerComponent;
-    exports.ɵeh = UserPickerBoxComponent;
-    exports.ɵei = CoCauToChucTestService;
-    exports.ɵej = TnAppHelpComponent;
-    exports.ɵek = PathNameService;
-    exports.ɵel = HelperCurrentPageComponent;
-    exports.ɵem = TnAppNotificationListComponent;
-    exports.ɵen = TnAppNotificationComponent;
-    exports.ɵeo = FolderFormComponent;
-    exports.ɵep = FileFormComponent;
-    exports.ɵeq = FileViewerComponent;
-    exports.ɵer = FileVersionListComponent;
-    exports.ɵes = ViewDetailComponent;
-    exports.ɵet = WorkflowHistoryComponent;
-    exports.ɵeu = WorkflowHistoryDialogComponent;
-    exports.ɵev = WorkflowHistoryNewComponent;
-    exports.ɵew = WorkflowSettingComponent;
-    exports.ɵex = WorkflowSettingDialogComponent;
-    exports.ɵey = WorkflowPermissionComponent;
-    exports.ɵez = WorkflowPermissionFormComponent;
-    exports.ɵf = ListComponentBase;
-    exports.ɵfa = ReferenceTextBoxComponent;
-    exports.ɵfb = QrCodeGeneratorComponent;
-    exports.ɵfc = AccessDeniedV1Component;
-    exports.ɵfd = AddNewsComponent;
-    exports.ɵfe = ArticleService;
-    exports.ɵff = NewsCategoryService;
-    exports.ɵfg = SignatureDetailComponent;
-    exports.ɵfh = KySoSimDanhSachChuKyComponent;
-    exports.ɵfi = KySoSimChuKyUserService;
-    exports.ɵfj = FileKySoSimComponent;
-    exports.ɵfk = KySoSimSignPDFService;
-    exports.ɵfl = TaiLieuCuaToiComponent;
-    exports.ɵfm = KhaiThacTaiLieuDungChungComponent;
-    exports.ɵfn = DanhMucDungChungService;
-    exports.ɵfo = TnTemplateComponent;
-    exports.ɵfp = LoadingPageV1Component;
-    exports.ɵfq = DropdownSettingFormComponent;
-    exports.ɵfr = CheckReadyComponent;
-    exports.ɵfs = WorkflowButtonComponent;
-    exports.ɵg = TreeTableComponent;
-    exports.ɵh = UniversalLinkProcessorComponent;
-    exports.ɵi = NotFoundComponent;
-    exports.ɵj = SendAccessTokenInterceptor;
-    exports.ɵk = LogInterceptor;
-    exports.ɵl = PermissionUtilsInterceptor;
-    exports.ɵm = TraceInterceptor;
-    exports.ɵn = EntityWorkflowSettingService;
-    exports.ɵo = EntityWorkflowHistoryService;
-    exports.ɵp = EntityPermissionService;
-    exports.ɵq = ChatService;
-    exports.ɵr = MyDriveService;
-    exports.ɵs = ContentsService;
-    exports.ɵt = StatusExtendsService;
-    exports.ɵu = MessageBoardService;
-    exports.ɵv = FileExplorerNewService;
-    exports.ɵw = ReportQueueComponent;
-    exports.ɵx = FileVersionService;
-    exports.ɵy = FileManagerService;
-    exports.ɵz = DM_ChucVuService;
+    exports.ɵa = LoggerService;
+    exports.ɵb = DropdownService;
+    exports.ɵba = DM_ChucVuService;
+    exports.ɵbb = RoleService;
+    exports.ɵbc = ProcessWorkflowFormComponent;
+    exports.ɵbd = CongViecDinhKemService;
+    exports.ɵbe = CongViecThayDoiService;
+    exports.ɵbf = AddressComponent;
+    exports.ɵbg = AfterViewCheckedComponent;
+    exports.ɵbh = AdvanceSearchComponent;
+    exports.ɵbi = AppRootMenuComponent;
+    exports.ɵbj = AppTopBarComponent;
+    exports.ɵbk = AppTopBarV1Component;
+    exports.ɵbl = AppTopBarV2Component;
+    exports.ɵbm = AppProfileComponent;
+    exports.ɵbn = AppSubMenuComponent;
+    exports.ɵbo = AppMenuComponent;
+    exports.ɵbp = AutoCompletePickerComponent;
+    exports.ɵbq = ImageUploaderComponent;
+    exports.ɵbr = CheckBoxListComponent;
+    exports.ɵbs = CoCauToChucPickerListComponent;
+    exports.ɵbt = CoCauToChucPickerListNewComponent;
+    exports.ɵbu = CoCauToChucNewService;
+    exports.ɵbv = FormBuilderComponent;
+    exports.ɵbw = BaseCongViecTestComponent;
+    exports.ɵbx = BaseCauHinhWorkflowDetailComponent;
+    exports.ɵby = BaseDmLoaiCongViecFormComponent;
+    exports.ɵbz = BaseDmLinhVucCongViecFormComponent;
+    exports.ɵc = EntityPickerService;
+    exports.ɵca = BaseDmPriorityFormComponent;
+    exports.ɵcb = BaseCongviecDinhkemComponent;
+    exports.ɵcc = BaseCongviecDinhkemFormComponent;
+    exports.ɵcd = DatetimePickerComponent;
+    exports.ɵce = DatetimePickerRangeComponent;
+    exports.ɵcf = DynamicNodeComponent;
+    exports.ɵcg = EntityPickerBoxComponent;
+    exports.ɵch = EntityPickerDataComponent;
+    exports.ɵci = EntityPickerSelectedComponent;
+    exports.ɵcj = EntityPickerComponent;
+    exports.ɵck = EntityPickerDialogComponent;
+    exports.ɵcl = EntityPickerTreeDataComponent;
+    exports.ɵcm = EntityPickerTreeSelectedComponent;
+    exports.ɵcn = EntityPermissionComponent;
+    exports.ɵco = EquationEditorComponent;
+    exports.ɵcp = MaskComponent;
+    exports.ɵcq = NumberPickerRangeComponent;
+    exports.ɵcr = PagingNextBackOnlyComponent;
+    exports.ɵcs = RadioButtonListComponent;
+    exports.ɵct = VanBanPickerComponent;
+    exports.ɵcu = VanBanDenService;
+    exports.ɵcv = VanBanDiService;
+    exports.ɵcw = VanBanPickerDialogComponent;
+    exports.ɵcx = VanbanDiPickerComponent;
+    exports.ɵcy = VanbanDenPickerComponent;
+    exports.ɵcz = CongViecPickerComponent;
+    exports.ɵd = ExceptionHandlerService;
+    exports.ɵda = SettingsComponent;
+    exports.ɵdb = SettingsRowComponent;
+    exports.ɵdc = SettingsWorkflowComponent;
+    exports.ɵdd = SettingsWorkflowNo1Component;
+    exports.ɵde = SimpleWorkflowFormComponent;
+    exports.ɵdf = ProcessWorkflowTargetComponent;
+    exports.ɵdg = DmChucVuService;
+    exports.ɵdh = ChoYKienFormComponent;
+    exports.ɵdi = SplashComponentV1Component;
+    exports.ɵdj = SplashComponentV2Component;
+    exports.ɵdk = StateMachinesConnectionReceiverComponent;
+    exports.ɵdl = StateMachinesConnectionReceiverConditionComponent;
+    exports.ɵdm = StateMachinesConnectionReceiverDepartmentComponent;
+    exports.ɵdn = StateMachinesConnectionReceiverGroupComponent;
+    exports.ɵdo = StateMachinesConnectionReceiverUserComponent;
+    exports.ɵdp = StateMachinesConnectionReceiverRoleComponent;
+    exports.ɵdq = StateMachinesConnectionSenderComponent;
+    exports.ɵdr = StartWorkflowComponent;
+    exports.ɵds = ShareLinkByPermissionComponent;
+    exports.ɵdt = WorkflowSettingNewComponent;
+    exports.ɵdu = PermissionSharingComponent;
+    exports.ɵdv = WorkflowPermissionService;
+    exports.ɵdw = TnCheckboxComponent;
+    exports.ɵdx = TnDialogComponent;
+    exports.ɵdy = TnColorPickerComponent;
+    exports.ɵdz = TnTinymceComponent;
+    exports.ɵe = CanBo_HoSoService;
+    exports.ɵea = TnTabViewComponent;
+    exports.ɵeb = TableDetailFormComponent;
+    exports.ɵec = FileIconPipe;
+    exports.ɵed = FileSizePipe;
+    exports.ɵee = QuickAddFormComponent;
+    exports.ɵef = PreventShiftTabDirective;
+    exports.ɵeg = TnTemplateDirective;
+    exports.ɵeh = UserPickerComponent;
+    exports.ɵei = UserPickerBoxComponent;
+    exports.ɵej = CoCauToChucTestService;
+    exports.ɵek = TnAppHelpComponent;
+    exports.ɵel = PathNameService;
+    exports.ɵem = HelperCurrentPageComponent;
+    exports.ɵen = TnAppNotificationListComponent;
+    exports.ɵeo = TnAppNotificationComponent;
+    exports.ɵep = FolderFormComponent;
+    exports.ɵeq = FileFormComponent;
+    exports.ɵer = FileViewerComponent;
+    exports.ɵes = FileVersionListComponent;
+    exports.ɵet = ViewDetailComponent;
+    exports.ɵeu = WorkflowHistoryComponent;
+    exports.ɵev = WorkflowHistoryDialogComponent;
+    exports.ɵew = WorkflowHistoryNewComponent;
+    exports.ɵex = WorkflowSettingComponent;
+    exports.ɵey = WorkflowSettingDialogComponent;
+    exports.ɵez = WorkflowPermissionComponent;
+    exports.ɵf = ListBase;
+    exports.ɵfa = WorkflowPermissionFormComponent;
+    exports.ɵfb = ReferenceTextBoxComponent;
+    exports.ɵfc = QrCodeGeneratorComponent;
+    exports.ɵfd = AccessDeniedV1Component;
+    exports.ɵfe = AddNewsComponent;
+    exports.ɵff = ArticleService;
+    exports.ɵfg = NewsCategoryService;
+    exports.ɵfh = SignatureDetailComponent;
+    exports.ɵfi = KySoSimDanhSachChuKyComponent;
+    exports.ɵfj = KySoSimChuKyUserService;
+    exports.ɵfk = FileKySoSimComponent;
+    exports.ɵfl = KySoSimSignPDFService;
+    exports.ɵfm = TaiLieuCuaToiComponent;
+    exports.ɵfn = KhaiThacTaiLieuDungChungComponent;
+    exports.ɵfo = DanhMucDungChungService;
+    exports.ɵfp = TnTemplateComponent;
+    exports.ɵfq = LoadingPageV1Component;
+    exports.ɵfr = DropdownSettingFormComponent;
+    exports.ɵfs = CheckReadyComponent;
+    exports.ɵft = WorkflowButtonComponent;
+    exports.ɵg = ListComponentBase;
+    exports.ɵh = TreeTableComponent;
+    exports.ɵi = UniversalLinkProcessorComponent;
+    exports.ɵj = NotFoundComponent;
+    exports.ɵk = SendAccessTokenInterceptor;
+    exports.ɵl = LogInterceptor;
+    exports.ɵm = PermissionUtilsInterceptor;
+    exports.ɵn = TraceInterceptor;
+    exports.ɵo = EntityWorkflowSettingService;
+    exports.ɵp = EntityWorkflowHistoryService;
+    exports.ɵq = EntityPermissionService;
+    exports.ɵr = ChatService;
+    exports.ɵs = MyDriveService;
+    exports.ɵt = ContentsService;
+    exports.ɵu = StatusExtendsService;
+    exports.ɵv = MessageBoardService;
+    exports.ɵw = FileExplorerNewService;
+    exports.ɵx = ReportQueueComponent;
+    exports.ɵy = FileVersionService;
+    exports.ɵz = FileManagerService;
 
     Object.defineProperty(exports, '__esModule', { value: true });