tnx-shared 5.1.296 → 5.1.299

package/bundles/tnx-shared.umd.js

@@ -720,7 +720,7 @@
             this.hiddenTrinhKy = true;
             this.useBaseTrinhKy = true;
             this.disableShare = false;
-            this.disableViewWorkflowAttach = true;
+            this.disableViewWorkflowAttach = false;
             this.hiddenWorkflowCoreStatus = true;
             this.requiredVanBanDiAfterTrinhKy = false;
             this.showExportAll = false;
@@ -4629,7 +4629,12 @@
         PermissionBase[PermissionBase["DELETE"] = 4] = "DELETE";
         PermissionBase[PermissionBase["FULL"] = 7] = "FULL";
     })(exports.PermissionBase || (exports.PermissionBase = {}));
-    var FieldOrderCrudList = '_index';
+    var FieldOrderCrudList = '_index';
+    (function (EnumTypeSplash) {
+        EnumTypeSplash["DEFAULT"] = "Default";
+        EnumTypeSplash["NEW_V1"] = "v1";
+        EnumTypeSplash["NEW_V2"] = "v2";
+    })(exports.EnumTypeSplash || (exports.EnumTypeSplash = {}));
 
     var ExportItem = /** @class */ (function () {
         function ExportItem(init) {
@@ -6792,6 +6797,9 @@
         BaseService.prototype.getCacheResponse = function (key) {
             return this.defaultPost(this.serviceUri + "/BaseGetCacheInfo/" + key, {});
         };
+        BaseService.prototype.getObjectDisplayModel = function (id) {
+            return this.defaultPost(this.serviceUri + "/GetObjectDisplayModel/" + id, {});
+        };
         BaseService.prototype.postGridInfo = function (url, gridInfo) {
             if (!gridInfo)
                 gridInfo = new GridInfo();
@@ -10189,604 +10197,6 @@
         { type: AuthenService }
     ]; };
 
-    var GlobalService = /** @class */ (function () {
-        function GlobalService() {
-            this._state = true;
-            this._headerState = true;
-            this._menuState = true;
-            this._advanceSearchState = false;
-            this._advanceSearch = new rxjs.Subject();
-            this._hasAdvanceFilter = new rxjs.Subject();
-            this._searchKeyWithoutAdvance = new rxjs.Subject();
-        }
-        GlobalService.prototype.setSearchKeyWithoutAdvance = function (key) {
-            this._searchKeyWithoutAdvance.next(key);
-        };
-        GlobalService.prototype.getSearchKeyWithoutAdvance = function () {
-            return this._searchKeyWithoutAdvance;
-        };
-        GlobalService.prototype.setSearchBoxState = function (state) {
-            this._state = state;
-        };
-        GlobalService.prototype.getSearchBoxState = function () {
-            return this._state;
-        };
-        GlobalService.prototype.setHeaderState = function (state) {
-            this._headerState = state;
-        };
-        GlobalService.prototype.getHeaderState = function () {
-            return this._headerState;
-        };
-        GlobalService.prototype.setMenuState = function (state) {
-            this._menuState = state;
-        };
-        GlobalService.prototype.getMenuState = function () {
-            return this._menuState;
-        };
-        GlobalService.prototype.setAdvanceSearchStateWithoutFireEvent = function (state) {
-            this._advanceSearchState = state;
-        };
-        GlobalService.prototype.toggleAdvanceSearchState = function (evt) {
-            this._advanceSearchState = !this._advanceSearchState;
-            this._advanceSearch.next({ state: this._advanceSearchState, event: evt });
-        };
-        GlobalService.prototype.getAdvanceSearch = function () {
-            return this._advanceSearch;
-        };
-        GlobalService.prototype.setAdvanceFilter = function (state) {
-            this._hasAdvanceFilter.next({ type: 'hasAdvanceFilter', state: state });
-        };
-        GlobalService.prototype.setAdvanceFilterBox = function (state) {
-            this._hasAdvanceFilter.next({ type: 'hasAdvanceFilterBox', state: state });
-        };
-        GlobalService.prototype.advanceFilterEvent = function () {
-            return this._hasAdvanceFilter;
-        };
-        return GlobalService;
-    }());
-    GlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GlobalService_Factory() { return new GlobalService(); }, token: GlobalService, providedIn: "root" });
-    GlobalService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    GlobalService.ctorParameters = function () { return []; };
-
-    var PhanQuyenModel = /** @class */ (function () {
-        function PhanQuyenModel(init) {
-            this.addRoleIds = [];
-            this.removeRoleIds = [];
-            this.addPermissionIds = [];
-            this.removePermissionIds = [];
-            for (var key in init) {
-                this[key] = init[key];
-            }
-        }
-        return PhanQuyenModel;
-    }());
-    var PermissionService = /** @class */ (function (_super) {
-        __extends(PermissionService, _super);
-        function PermissionService(http, injector, _moduleConfigService, _userService, _oauthService, _appContext) {
-            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.authorizationEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/permission") || this;
-            _this._moduleConfigService = _moduleConfigService;
-            _this._userService = _userService;
-            _this._oauthService = _oauthService;
-            _this._appContext = _appContext;
-            _this.storage = sessionStorage;
-            _this.delayCheckPermissions = [];
-            _this.ignoreAdmin = false;
-            _this.appCode = null;
-            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.authorizationEndpoint;
-            _this.ignoreAdmin = _this._moduleConfigService.getConfig().environment.isIgnoreAdmin;
-            _this.appCode = _this._moduleConfigService.getConfig().appCode;
-            return _this;
-        }
-        PermissionService.prototype.clearPermissionCacheAll = function () {
-            var _a, _b, _c;
-            var lstAppCodes = (_c = (_b = (_a = this._moduleConfigService.getConfig().environment.appMetadata) === null || _a === void 0 ? void 0 : _a.appSwitcher) === null || _b === void 0 ? void 0 : _b.map(function (app) { return app.code; })) !== null && _c !== void 0 ? _c : [];
-            var lstApiEndpoint = [];
-            var apiDomain = this._moduleConfigService.getConfig().environment.apiDomain;
-            for (var domainName in apiDomain) {
-                if (domainName.startsWith('-') || domainName.startsWith('1') || domainName == 'gateway')
-                    continue;
-                var realDomainName = domainName.split('Endpoint') ? domainName.split('Endpoint')[0] : domainName;
-                lstApiEndpoint.push(realDomainName.toUpperCase());
-            }
-            return this.clearPermissionCache(__spread(lstAppCodes, lstApiEndpoint));
-        };
-        PermissionService.prototype.clearPermissionCache = function (lstModule) {
-            var url = this.serviceUri + "/ClearPermissionCache";
-            return this.defaultPost(url, lstModule);
-        };
-        PermissionService.prototype.getCurrentUserPermission = function () {
-            var url = this.serviceUri + "/GetCurrentUserPermission";
-            return this.defaultGet(url);
-        };
-        PermissionService.prototype.getAllBasePermission = function () {
-            var _a, _b, _c, _d;
-            return __awaiter(this, void 0, void 0, function () {
-                var url, user, res, lstAppCodes, promiseArr, code, service, permissions, key, storageItem;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            url = this.serviceUri + "/GetAllBasePermission";
-                            user = this._userService.getCurrentUser();
-                            if (user
-                                && (user.issuperuser && user.issuperuser.toLowerCase() == 'true')
-                                || (user.isadmin && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin)) {
-                                return [2 /*return*/];
-                            }
-                            return [4 /*yield*/, this.defaultGet(url)];
-                        case 1:
-                            res = _e.sent();
-                            lstAppCodes = (_c = (_b = (_a = this._moduleConfigService.getConfig().environment.appMetadata) === null || _a === void 0 ? void 0 : _a.appSwitcher) === null || _b === void 0 ? void 0 : _b.map(function (app) { return app.code; })) !== null && _c !== void 0 ? _c : [];
-                            if (!(!res.success || res.data == null)) return [3 /*break*/, 3];
-                            promiseArr = [];
-                            for (code in lstAppCodes) {
-                                promiseArr.push(this.getPermissions(code));
-                            }
-                            return [4 /*yield*/, Promise.all(promiseArr)];
-                        case 2:
-                            _e.sent();
-                            return [2 /*return*/];
-                        case 3:
-                            for (service in lstAppCodes) {
-                                permissions = (_d = res.data[service]) !== null && _d !== void 0 ? _d : [];
-                                key = "AUTHORIZATION." + service.toUpperCase();
-                                storageItem = this.storage.getItem(key);
-                                if (storageItem != null) {
-                                    this.storage.removeItem(key);
-                                }
-                                this.storage.setItem(key, JSON.stringify(permissions));
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        /**
-         * Truyền vào danh sách permision cần check
-         * @param lstPermissionCode những perrmision code cần check => nên dùng trong trường hợp check các button trong code
-         * @returns trả ra các perrmisionCode có quyền
-         */
-        PermissionService.prototype.getPermissionAuthorized = function (lstPermissionCode) {
-            var _this = this;
-            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var user, result, lstPermissionCode_1, lstPermissionCode_1_1, item, e_1_1;
-                var e_1, _e;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
-                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
-                        case 1:
-                            user = (_f.sent());
-                            if (user && user.issuperuser.toLowerCase() == 'true') {
-                                resolve(lstPermissionCode);
-                                return [2 /*return*/];
-                            }
-                            if (user && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin) {
-                                resolve(lstPermissionCode);
-                                return [2 /*return*/];
-                            }
-                            result = [];
-                            _f.label = 2;
-                        case 2:
-                            _f.trys.push([2, 7, 8, 9]);
-                            lstPermissionCode_1 = __values(lstPermissionCode), lstPermissionCode_1_1 = lstPermissionCode_1.next();
-                            _f.label = 3;
-                        case 3:
-                            if (!!lstPermissionCode_1_1.done) return [3 /*break*/, 6];
-                            item = lstPermissionCode_1_1.value;
-                            return [4 /*yield*/, this.isAuthorizedPermission(item)];
-                        case 4:
-                            if (_f.sent()) {
-                                result.push(item);
-                            }
-                            _f.label = 5;
-                        case 5:
-                            lstPermissionCode_1_1 = lstPermissionCode_1.next();
-                            return [3 /*break*/, 3];
-                        case 6: return [3 /*break*/, 9];
-                        case 7:
-                            e_1_1 = _f.sent();
-                            e_1 = { error: e_1_1 };
-                            return [3 /*break*/, 9];
-                        case 8:
-                            try {
-                                if (lstPermissionCode_1_1 && !lstPermissionCode_1_1.done && (_e = lstPermissionCode_1.return)) _e.call(lstPermissionCode_1);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                            return [7 /*endfinally*/];
-                        case 9:
-                            resolve(result);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        PermissionService.prototype.isAuthorizedPermission = function (permission) {
-            var _this = this;
-            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var retryCount;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            retryCount = 0;
-                            _e.label = 1;
-                        case 1:
-                            if (!!this._oauthService.hasValidAccessToken()) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._commonService.delay(100)];
-                        case 2:
-                            _e.sent();
-                            retryCount++;
-                            if (retryCount > 50) {
-                                return [3 /*break*/, 3];
-                            }
-                            return [3 /*break*/, 1];
-                        case 3: return [4 /*yield*/, this.checkPermission(this.appCode, permission, resolve, reject)];
-                        case 4:
-                            _e.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        PermissionService.prototype.isAuthorized = function (service, permission, ignoreAdmin) {
-            var _this = this;
-            if (ignoreAdmin === void 0) { ignoreAdmin = false; }
-            this.root = this._appContext.getRootContext();
-            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var retryCount;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            retryCount = 0;
-                            _e.label = 1;
-                        case 1:
-                            if (!!this._oauthService.hasValidAccessToken()) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._commonService.delay(100)];
-                        case 2:
-                            _e.sent();
-                            retryCount++;
-                            if (retryCount > 50) {
-                                return [3 /*break*/, 3];
-                            }
-                            return [3 /*break*/, 1];
-                        case 3: return [4 /*yield*/, this.checkPermission(service, permission, resolve, reject)];
-                        case 4:
-                            _e.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        PermissionService.prototype.checkPermission = function (service, permission, resolve, reject) {
-            return __awaiter(this, void 0, void 0, function () {
-                var user;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
-                        case 1:
-                            user = (_e.sent());
-                            resolve(true);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        PermissionService.prototype.isAuthorizedByPermissions = function (permissions, operator, ignoreAdmin) {
-            var _this = this;
-            if (operator === void 0) { operator = 'OR'; }
-            if (ignoreAdmin === void 0) { ignoreAdmin = false; }
-            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var user, isAuthorized;
-                var _this = this;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
-                        case 1:
-                            user = (_e.sent());
-                            if (user && user.issuperuser.toLowerCase() == 'true') {
-                                resolve(true);
-                                return [2 /*return*/];
-                            }
-                            if (user && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin) {
-                                resolve(true);
-                                return [2 /*return*/];
-                            }
-                            isAuthorized = true;
-                            if (operator.toUpperCase() == 'OR') {
-                                isAuthorized = false;
-                            }
-                            return [4 /*yield*/, permissions.forEach(function (item) {
-                                    _this.getPermissions(item.service).then(function (permissionResult) {
-                                        if (operator.toUpperCase() == 'OR') {
-                                            if (permissionResult.includes(item.permission)) {
-                                                isAuthorized = true;
-                                                return;
-                                            }
-                                        }
-                                        else {
-                                            if (!permissionResult.includes(item.permission)) {
-                                                isAuthorized = false;
-                                                return;
-                                            }
-                                        }
-                                    }, function (error) {
-                                        reject(false);
-                                    });
-                                })];
-                        case 2:
-                            _e.sent();
-                            resolve(isAuthorized);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        PermissionService.prototype.getPermissions = function (service) {
-            var _this = this;
-            return new Promise(function (resolve, reject) {
-                var url = _this.serviceUri + "/GetPermissionsByService?service=" + service;
-                var key = "AUTHORIZATION." + service.toUpperCase();
-                var storageItem = _this.storage.getItem(key);
-                if (storageItem && storageItem !== 'null' && storageItem !== 'undefined') {
-                    var result = JSON.parse(storageItem);
-                    resolve(result);
-                }
-                else {
-                    _this.defaultGet(url).then(function (response) {
-                        _this.storage.setItem(key, JSON.stringify(response.data));
-                        resolve(response.data);
-                    }, function (error) {
-                        reject();
-                    });
-                }
-            });
-        };
-        PermissionService.prototype.getPermissionIdsByModule = function (moduleCode) {
-            var url = this.serviceUri + "/GetPermissionIdsByModule/" + moduleCode;
-            return this.defaultGet(url);
-        };
-        PermissionService.prototype.phanQuyenNguoiDung = function (model) {
-            var url = this.serviceUri + "/PhanQuyenNguoiDung";
-            return this.defaultPost(url, model);
-        };
-        return PermissionService;
-    }(BaseService));
-    PermissionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PermissionService_Factory() { return new PermissionService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(UserService), i0.ɵɵinject(i4.OAuthService), i0.ɵɵinject(ApplicationContextService)); }, token: PermissionService, providedIn: "root" });
-    PermissionService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    PermissionService.ctorParameters = function () { return [
-        { type: i1$1.HttpClient },
-        { type: i0.Injector },
-        { type: ModuleConfigService },
-        { type: UserService },
-        { type: i4.OAuthService },
-        { type: ApplicationContextService }
-    ]; };
-
-    (function (EnumTypeSplash) {
-        EnumTypeSplash["DEFAULT"] = "Default";
-        EnumTypeSplash["NEW_V1"] = "v1";
-        EnumTypeSplash["NEW_V2"] = "v2";
-    })(exports.EnumTypeSplash || (exports.EnumTypeSplash = {}));
-    var SplashComponentComponent = /** @class */ (function (_super) {
-        __extends(SplashComponentComponent, _super);
-        function SplashComponentComponent(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
-            var _this = _super.call(this, injector) || this;
-            _this._moduleConfigService = _moduleConfigService;
-            _this._permissionService = _permissionService;
-            _this._deviceDetectorService = _deviceDetectorService;
-            _this._userService = _userService;
-            _this._router = _router;
-            _this._authenService = _authenService;
-            _this._globalService = _globalService;
-            _this.defaultAvatar = '';
-            _this.appSwitcherItems = [];
-            _this.loaded = false;
-            _this.currentDate = new Date();
-            _this.showDefaultSetting = false;
-            _this.fileApi = '';
-            _this.isOnMobile = false;
-            _this.EnumTypeSplash = exports.EnumTypeSplash;
-            _this.uiSplash = exports.EnumTypeSplash.DEFAULT;
-            _this.daysInWeek = ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy'];
-            _this.rootContext.fireEvent('MAIN_CONTENT_ONLY', true);
-            _this.environment = _this._moduleConfigService.getConfig().environment;
-            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
-            _this.fileApi = _this.environment.apiDomain.fileEndpoint;
-            setInterval(function () {
-                _this.currentDate = new Date();
-            }, 1000);
-            if (_this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata.showDefaultSetting != null && _this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined) {
-                _this.showDefaultSetting = _this.rootContext.data.currentAppMetadata.showDefaultSetting;
-            }
-            else {
-                if (_this.environment.appMetadata.main.showDefaultSetting != null && _this.environment.appMetadata.main.showDefaultSetting != undefined) {
-                    _this.showDefaultSetting = _this.environment.appMetadata.main.showDefaultSetting;
-                }
-                else {
-                    _this.showDefaultSetting = false;
-                }
-            }
-            if (!_this.environment.splashScreen || _this.environment.splashScreen == '') {
-                _this.uiSplash = exports.EnumTypeSplash.DEFAULT;
-            }
-            else {
-                _this.uiSplash = _this.environment.splashScreen;
-            }
-            // Config for authentication
-            _this._globalService.setHeaderState(false);
-            _this._globalService.setMenuState(false);
-            return _this;
-        }
-        SplashComponentComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this._deviceDetectorService.isMobile()) {
-                this.isOnMobile = true;
-            }
-            if (this.rootContext.data.currentUser) {
-                if (this.rootContext.data.currentUser.gender == 0) {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
-                }
-                else {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
-                }
-            }
-            this.rootContext.replaySubscribe(ComCtxConstants.ROOT.USER_LOADED, function (rs) {
-                _this.currentUser = _this._userService.getCurrentUser();
-                _this.loadAppMetadata();
-                _this.loaded = true;
-            });
-            if (this.rootModel.allowAnonymous) {
-                this.loaded = true;
-                this.loadAppMetadata();
-            }
-        };
-        SplashComponentComponent.prototype.loadAppMetadata = function () {
-            var _this = this;
-            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            arr = [];
-                            _a = [];
-                            for (_b in this.environment.appMetadata.appSwitcher)
-                                _a.push(_b);
-                            _i = 0;
-                            _c.label = 1;
-                        case 1:
-                            if (!(_i < _a.length)) return [3 /*break*/, 5];
-                            ind = _a[_i];
-                            element = this.environment.appMetadata.appSwitcher[ind];
-                            clientId = this.environment.authenticationSettings.clientId;
-                            if (!(this.rootModel.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
-                            arr.push(element);
-                            return [3 /*break*/, 4];
-                        case 2:
-                            if (!this.currentUser) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
-                        case 3:
-                            isAuthorized = _c.sent();
-                            if (isAuthorized) {
-                                arr.push(element);
-                            }
-                            _c.label = 4;
-                        case 4:
-                            _i++;
-                            return [3 /*break*/, 1];
-                        case 5:
-                            resolve(arr);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            prmsAppSwicherItem.then(function (rs) {
-                _this.appSwitcherItems.length = 0;
-                if (rs) {
-                    rs.forEach(function (element) {
-                        if (element.visible) {
-                            if (!_this.currentUser) { // allow anonymous
-                                _this.appSwitcherItems.push(element);
-                            }
-                            else {
-                                if (_this.currentUser.maNguoiHoc && _this.currentUser.issuperuser.toLowerCase() != 'true') {
-                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
-                                        _this.appSwitcherItems.push(element);
-                                    }
-                                }
-                                else {
-                                    _this.appSwitcherItems.push(element);
-                                }
-                            }
-                        }
-                    });
-                }
-            });
-        };
-        SplashComponentComponent.prototype.switchApp = function (item) {
-            this.loaded = false;
-            if (item.target == '_blank') {
-                if (!item.defaultRedirect) {
-                    item.defaultRedirect = '';
-                }
-                // NamNH tip trick cho mot so may bi loi item.url = 'main' -> redirect sai khi click vao cac phan he
-                if (item.url == item.defaultRedirect) {
-                    item.url = '/' + item.code.toLowerCase();
-                }
-                var link = item.url + "/" + item.defaultRedirect;
-                if (!link.startsWith('/') && !link.startsWith('http')) {
-                    link = '/' + link;
-                }
-                top.location.href = link;
-            }
-            else {
-                if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
-                    this._router.navigateByUrl(item.defaultRedirect);
-                    this.rootContext.data.currentAppMetadata = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == item.code; });
-                    if (this.rootContext.data.currentAppMetadata && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
-                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
-                    }
-                }
-            }
-        };
-        SplashComponentComponent.prototype.logout = function () {
-            this._authenService.logout();
-        };
-        SplashComponentComponent.prototype.goToPersonal = function () {
-            var userMenu = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
-            this.switchApp(userMenu);
-        };
-        SplashComponentComponent.prototype.getCurrentUserAvatar = function () {
-            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
-                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
-            }
-            else {
-                return this.defaultAvatar;
-            }
-        };
-        SplashComponentComponent.prototype.getNgayTrongTuan = function () {
-            return this.daysInWeek[this.currentDate.getDay()];
-        };
-        SplashComponentComponent.prototype.showProfilePage = function () {
-            if (this._userService.isSinhVienAccount()) {
-                return false;
-            }
-            return true;
-        };
-        SplashComponentComponent.prototype.ngOnDestroy = function () {
-            _super.prototype.ngOnDestroy.call(this);
-            this._globalService.setHeaderState(true);
-            this._globalService.setMenuState(true);
-        };
-        SplashComponentComponent.prototype.login = function () {
-            this.rootContext.fireEvent('LOGIN');
-        };
-        return SplashComponentComponent;
-    }(ComponentBase));
-    SplashComponentComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'splash-component',
-                    template: "<ng-container [ngSwitch]=\"uiSplash\">\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"defaultSplash\">\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <splash-component-v1></splash-component-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\r\n        <splash-component-v2></splash-component-v2>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultSplash>\r\n    <div *ngIf=\"!loaded\" class=\"wrp-loader\">\r\n        <div class=\"loader\"></div>\r\n    </div>\r\n    <div *ngIf=\"loaded\" class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img class=\"profile-image custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\r\n            <h2>Xin ch\u00E0o\r\n                <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span>\r\n                <span *ngIf=\"!currentUser\">kh\u00E1ch</span>!\r\n            </h2>\r\n            <ng-container *ngIf=\"currentUser\">\r\n                <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n                <ng-container>|</ng-container>\r\n                <a style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </ng-container>\r\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\">\r\n                <i class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng nh\u1EADp\r\n            </a>\r\n        </div>\r\n        <div class=\"module-icons\">\r\n            <h1>{{environment.appMetadata.main.title}}</h1>\r\n            <h2>{{environment.appMetadata.main.owner}}</h2>\r\n            <div class=\"div1111-wrapper\">\r\n                <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </tn-custom-scrollbar>\r\n\r\n                <ng-container *ngIf=\"isOnMobile\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #appSwitcher>\r\n        <div class=\"div1111\">\r\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                <span>\r\n                    <a [style.background]=\"item.background\" (click)=\"switchApp(item)\">\r\n                        <i class=\"{{item.icon}} switcher-item-icon\" [style.color]=\"item.colorIcon\"></i>\r\n                        <span [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span>\r\n                    </a>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n    </ng-template>\r\n</ng-template>",
-                    providers: [ComponentContextService],
-                    styles: [".modules{align-items:center;background:url(/assets/images/splash-bg.png);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules div>span{box-shadow:1px 2px 9px 1px #bbb;height:100px;margin:10px;min-width:100px;white-space:normal;width:100px}.modules div>span,.modules div>span>a{border-radius:5px;display:inline-block}.modules div>span>a{color:#fff;cursor:pointer;font-weight:700;height:100%;position:relative;text-align:center;text-decoration:unset;text-shadow:2px 3px 3px hsla(0,0%,42.7%,.4392156862745098);width:100%}.modules div>span>a i{-webkit-animation:in 1s;animation:in 1s}.modules div>span>a:hover i{-webkit-animation:out 1s;animation:out 1s}@-webkit-keyframes in{0%{-webkit-transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn)}}@-webkit-keyframes out{0%{-webkit-transform:rotateY(1turn)}to{-webkit-transform:rotateY(0deg)}}@media (max-width:1370px){.modules{justify-content:flex-start;overflow:auto}.module-icons.module-icons{margin-bottom:20px}.welcome-user.welcome-user{margin-bottom:30px;margin-top:30px}.welcome-user.welcome-user img{height:100px;width:100px}.clock{font-size:1.5em;margin:0 20px}.data-time{font-size:1em;margin:10px 0 20px}}.modules div>span>a>span{bottom:10px;color:#fff;display:inline-block;left:0;position:absolute;text-align:center;text-decoration:unset;width:100%}.modules div>span.implementing{background-color:#fff;box-shadow:none}.modules div>span>a>i{font-size:3em;left:0;position:absolute;top:10px;width:100%}.div22{width:240px}.div33{width:360px}.div44{width:480px}.div55{width:600px}.div88{width:960px}::ng-deep .flexcolumn{max-width:calc(100vh - 20px)}.div1111-wrapper{overflow:auto;width:100%}.div1111{white-space:nowrap}.module-icons{color:#666;width:100%}.module-icons,.welcome-user{margin-bottom:80px;text-align:center}.welcome-user a{background:#c2f3c3;border-radius:3px;cursor:pointer;padding:6px}.welcome-user a i{margin-right:6px}.welcome-user img{-o-object-fit:contain;border:2px dashed rgba(0,144,162,.5019607843137255);border-radius:50%;height:200px;object-fit:contain;width:200px}.welcome-user h2{color:#0090a2}.clock-wrapper{color:rgba(0,144,162,.6666666666666666);font-size:2em;text-align:center}.loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border-radius:50%;color:#607d8b;font-size:8px;height:1em;left:50%;position:absolute;text-indent:-9999em;top:50%;transform:translate(-50%,-50%);width:1em}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
-                },] }
-    ];
-    SplashComponentComponent.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: ModuleConfigService },
-        { type: PermissionService },
-        { type: ngxDeviceDetector.DeviceDetectorService },
-        { type: UserService },
-        { type: i3$1.Router },
-        { type: AuthenService },
-        { type: GlobalService }
-    ]; };
-
     var AccessDeniedComponent = /** @class */ (function (_super) {
         __extends(AccessDeniedComponent, _super);
         function AccessDeniedComponent(injector, _userService, _router, _moduleConfigService, _authenService) {
@@ -11639,6 +11049,322 @@
         { type: ModuleConfigService }
     ]; };
 
+    var PhanQuyenModel = /** @class */ (function () {
+        function PhanQuyenModel(init) {
+            this.addRoleIds = [];
+            this.removeRoleIds = [];
+            this.addPermissionIds = [];
+            this.removePermissionIds = [];
+            for (var key in init) {
+                this[key] = init[key];
+            }
+        }
+        return PhanQuyenModel;
+    }());
+    var PermissionService = /** @class */ (function (_super) {
+        __extends(PermissionService, _super);
+        function PermissionService(http, injector, _moduleConfigService, _userService, _oauthService, _appContext) {
+            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.authorizationEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/permission") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._userService = _userService;
+            _this._oauthService = _oauthService;
+            _this._appContext = _appContext;
+            _this.storage = sessionStorage;
+            _this.delayCheckPermissions = [];
+            _this.ignoreAdmin = false;
+            _this.appCode = null;
+            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.authorizationEndpoint;
+            _this.ignoreAdmin = _this._moduleConfigService.getConfig().environment.isIgnoreAdmin;
+            _this.appCode = _this._moduleConfigService.getConfig().appCode;
+            return _this;
+        }
+        PermissionService.prototype.clearPermissionCacheAll = function () {
+            var _a, _b, _c;
+            var lstAppCodes = (_c = (_b = (_a = this._moduleConfigService.getConfig().environment.appMetadata) === null || _a === void 0 ? void 0 : _a.appSwitcher) === null || _b === void 0 ? void 0 : _b.map(function (app) { return app.code; })) !== null && _c !== void 0 ? _c : [];
+            var lstApiEndpoint = [];
+            var apiDomain = this._moduleConfigService.getConfig().environment.apiDomain;
+            for (var domainName in apiDomain) {
+                if (domainName.startsWith('-') || domainName.startsWith('1') || domainName == 'gateway')
+                    continue;
+                var realDomainName = domainName.split('Endpoint') ? domainName.split('Endpoint')[0] : domainName;
+                lstApiEndpoint.push(realDomainName.toUpperCase());
+            }
+            return this.clearPermissionCache(__spread(lstAppCodes, lstApiEndpoint));
+        };
+        PermissionService.prototype.clearPermissionCache = function (lstModule) {
+            var url = this.serviceUri + "/ClearPermissionCache";
+            return this.defaultPost(url, lstModule);
+        };
+        PermissionService.prototype.getCurrentUserPermission = function () {
+            var url = this.serviceUri + "/GetCurrentUserPermission";
+            return this.defaultGet(url);
+        };
+        PermissionService.prototype.getAllBasePermission = function () {
+            var _a, _b, _c, _d;
+            return __awaiter(this, void 0, void 0, function () {
+                var url, user, res, lstAppCodes, promiseArr, code, service, permissions, key, storageItem;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            url = this.serviceUri + "/GetAllBasePermission";
+                            user = this._userService.getCurrentUser();
+                            if (user
+                                && (user.issuperuser && user.issuperuser.toLowerCase() == 'true')
+                                || (user.isadmin && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin)) {
+                                return [2 /*return*/];
+                            }
+                            return [4 /*yield*/, this.defaultGet(url)];
+                        case 1:
+                            res = _e.sent();
+                            lstAppCodes = (_c = (_b = (_a = this._moduleConfigService.getConfig().environment.appMetadata) === null || _a === void 0 ? void 0 : _a.appSwitcher) === null || _b === void 0 ? void 0 : _b.map(function (app) { return app.code; })) !== null && _c !== void 0 ? _c : [];
+                            if (!(!res.success || res.data == null)) return [3 /*break*/, 3];
+                            promiseArr = [];
+                            for (code in lstAppCodes) {
+                                promiseArr.push(this.getPermissions(code));
+                            }
+                            return [4 /*yield*/, Promise.all(promiseArr)];
+                        case 2:
+                            _e.sent();
+                            return [2 /*return*/];
+                        case 3:
+                            for (service in lstAppCodes) {
+                                permissions = (_d = res.data[service]) !== null && _d !== void 0 ? _d : [];
+                                key = "AUTHORIZATION." + service.toUpperCase();
+                                storageItem = this.storage.getItem(key);
+                                if (storageItem != null) {
+                                    this.storage.removeItem(key);
+                                }
+                                this.storage.setItem(key, JSON.stringify(permissions));
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * Truyền vào danh sách permision cần check
+         * @param lstPermissionCode những perrmision code cần check => nên dùng trong trường hợp check các button trong code
+         * @returns trả ra các perrmisionCode có quyền
+         */
+        PermissionService.prototype.getPermissionAuthorized = function (lstPermissionCode) {
+            var _this = this;
+            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var user, result, lstPermissionCode_1, lstPermissionCode_1_1, item, e_1_1;
+                var e_1, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
+                        case 1:
+                            user = (_f.sent());
+                            if (user && user.issuperuser.toLowerCase() == 'true') {
+                                resolve(lstPermissionCode);
+                                return [2 /*return*/];
+                            }
+                            if (user && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin) {
+                                resolve(lstPermissionCode);
+                                return [2 /*return*/];
+                            }
+                            result = [];
+                            _f.label = 2;
+                        case 2:
+                            _f.trys.push([2, 7, 8, 9]);
+                            lstPermissionCode_1 = __values(lstPermissionCode), lstPermissionCode_1_1 = lstPermissionCode_1.next();
+                            _f.label = 3;
+                        case 3:
+                            if (!!lstPermissionCode_1_1.done) return [3 /*break*/, 6];
+                            item = lstPermissionCode_1_1.value;
+                            return [4 /*yield*/, this.isAuthorizedPermission(item)];
+                        case 4:
+                            if (_f.sent()) {
+                                result.push(item);
+                            }
+                            _f.label = 5;
+                        case 5:
+                            lstPermissionCode_1_1 = lstPermissionCode_1.next();
+                            return [3 /*break*/, 3];
+                        case 6: return [3 /*break*/, 9];
+                        case 7:
+                            e_1_1 = _f.sent();
+                            e_1 = { error: e_1_1 };
+                            return [3 /*break*/, 9];
+                        case 8:
+                            try {
+                                if (lstPermissionCode_1_1 && !lstPermissionCode_1_1.done && (_e = lstPermissionCode_1.return)) _e.call(lstPermissionCode_1);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                            return [7 /*endfinally*/];
+                        case 9:
+                            resolve(result);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        PermissionService.prototype.isAuthorizedPermission = function (permission) {
+            var _this = this;
+            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var retryCount;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            retryCount = 0;
+                            _e.label = 1;
+                        case 1:
+                            if (!!this._oauthService.hasValidAccessToken()) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this._commonService.delay(100)];
+                        case 2:
+                            _e.sent();
+                            retryCount++;
+                            if (retryCount > 50) {
+                                return [3 /*break*/, 3];
+                            }
+                            return [3 /*break*/, 1];
+                        case 3: return [4 /*yield*/, this.checkPermission(this.appCode, permission, resolve, reject)];
+                        case 4:
+                            _e.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        PermissionService.prototype.isAuthorized = function (service, permission, ignoreAdmin) {
+            var _this = this;
+            if (ignoreAdmin === void 0) { ignoreAdmin = false; }
+            this.root = this._appContext.getRootContext();
+            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var retryCount;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            retryCount = 0;
+                            _e.label = 1;
+                        case 1:
+                            if (!!this._oauthService.hasValidAccessToken()) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this._commonService.delay(100)];
+                        case 2:
+                            _e.sent();
+                            retryCount++;
+                            if (retryCount > 50) {
+                                return [3 /*break*/, 3];
+                            }
+                            return [3 /*break*/, 1];
+                        case 3: return [4 /*yield*/, this.checkPermission(service, permission, resolve, reject)];
+                        case 4:
+                            _e.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        PermissionService.prototype.checkPermission = function (service, permission, resolve, reject) {
+            return __awaiter(this, void 0, void 0, function () {
+                var user;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
+                        case 1:
+                            user = (_e.sent());
+                            resolve(true);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        PermissionService.prototype.isAuthorizedByPermissions = function (permissions, operator, ignoreAdmin) {
+            var _this = this;
+            if (operator === void 0) { operator = 'OR'; }
+            if (ignoreAdmin === void 0) { ignoreAdmin = false; }
+            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var user, isAuthorized;
+                var _this = this;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0: return [4 /*yield*/, this._userService.getCurrentUser()];
+                        case 1:
+                            user = (_e.sent());
+                            if (user && user.issuperuser.toLowerCase() == 'true') {
+                                resolve(true);
+                                return [2 /*return*/];
+                            }
+                            if (user && user.isadmin.toLowerCase() == 'true' && !this.ignoreAdmin) {
+                                resolve(true);
+                                return [2 /*return*/];
+                            }
+                            isAuthorized = true;
+                            if (operator.toUpperCase() == 'OR') {
+                                isAuthorized = false;
+                            }
+                            return [4 /*yield*/, permissions.forEach(function (item) {
+                                    _this.getPermissions(item.service).then(function (permissionResult) {
+                                        if (operator.toUpperCase() == 'OR') {
+                                            if (permissionResult.includes(item.permission)) {
+                                                isAuthorized = true;
+                                                return;
+                                            }
+                                        }
+                                        else {
+                                            if (!permissionResult.includes(item.permission)) {
+                                                isAuthorized = false;
+                                                return;
+                                            }
+                                        }
+                                    }, function (error) {
+                                        reject(false);
+                                    });
+                                })];
+                        case 2:
+                            _e.sent();
+                            resolve(isAuthorized);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        PermissionService.prototype.getPermissions = function (service) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                var url = _this.serviceUri + "/GetPermissionsByService?service=" + service;
+                var key = "AUTHORIZATION." + service.toUpperCase();
+                var storageItem = _this.storage.getItem(key);
+                if (storageItem && storageItem !== 'null' && storageItem !== 'undefined') {
+                    var result = JSON.parse(storageItem);
+                    resolve(result);
+                }
+                else {
+                    _this.defaultGet(url).then(function (response) {
+                        _this.storage.setItem(key, JSON.stringify(response.data));
+                        resolve(response.data);
+                    }, function (error) {
+                        reject();
+                    });
+                }
+            });
+        };
+        PermissionService.prototype.getPermissionIdsByModule = function (moduleCode) {
+            var url = this.serviceUri + "/GetPermissionIdsByModule/" + moduleCode;
+            return this.defaultGet(url);
+        };
+        PermissionService.prototype.phanQuyenNguoiDung = function (model) {
+            var url = this.serviceUri + "/PhanQuyenNguoiDung";
+            return this.defaultPost(url, model);
+        };
+        return PermissionService;
+    }(BaseService));
+    PermissionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PermissionService_Factory() { return new PermissionService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(UserService), i0.ɵɵinject(i4.OAuthService), i0.ɵɵinject(ApplicationContextService)); }, token: PermissionService, providedIn: "root" });
+    PermissionService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    PermissionService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: i0.Injector },
+        { type: ModuleConfigService },
+        { type: UserService },
+        { type: i4.OAuthService },
+        { type: ApplicationContextService }
+    ]; };
+
     var sort_by;
     (function () {
         var defaultCompareFunc = function (a, b) {
@@ -31955,6 +31681,69 @@
         { type: i0.Injector }
     ]; };
 
+    var GlobalService = /** @class */ (function () {
+        function GlobalService() {
+            this._state = true;
+            this._headerState = true;
+            this._menuState = true;
+            this._advanceSearchState = false;
+            this._advanceSearch = new rxjs.Subject();
+            this._hasAdvanceFilter = new rxjs.Subject();
+            this._searchKeyWithoutAdvance = new rxjs.Subject();
+        }
+        GlobalService.prototype.setSearchKeyWithoutAdvance = function (key) {
+            this._searchKeyWithoutAdvance.next(key);
+        };
+        GlobalService.prototype.getSearchKeyWithoutAdvance = function () {
+            return this._searchKeyWithoutAdvance;
+        };
+        GlobalService.prototype.setSearchBoxState = function (state) {
+            this._state = state;
+        };
+        GlobalService.prototype.getSearchBoxState = function () {
+            return this._state;
+        };
+        GlobalService.prototype.setHeaderState = function (state) {
+            this._headerState = state;
+        };
+        GlobalService.prototype.getHeaderState = function () {
+            return this._headerState;
+        };
+        GlobalService.prototype.setMenuState = function (state) {
+            this._menuState = state;
+        };
+        GlobalService.prototype.getMenuState = function () {
+            return this._menuState;
+        };
+        GlobalService.prototype.setAdvanceSearchStateWithoutFireEvent = function (state) {
+            this._advanceSearchState = state;
+        };
+        GlobalService.prototype.toggleAdvanceSearchState = function (evt) {
+            this._advanceSearchState = !this._advanceSearchState;
+            this._advanceSearch.next({ state: this._advanceSearchState, event: evt });
+        };
+        GlobalService.prototype.getAdvanceSearch = function () {
+            return this._advanceSearch;
+        };
+        GlobalService.prototype.setAdvanceFilter = function (state) {
+            this._hasAdvanceFilter.next({ type: 'hasAdvanceFilter', state: state });
+        };
+        GlobalService.prototype.setAdvanceFilterBox = function (state) {
+            this._hasAdvanceFilter.next({ type: 'hasAdvanceFilterBox', state: state });
+        };
+        GlobalService.prototype.advanceFilterEvent = function () {
+            return this._hasAdvanceFilter;
+        };
+        return GlobalService;
+    }());
+    GlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GlobalService_Factory() { return new GlobalService(); }, token: GlobalService, providedIn: "root" });
+    GlobalService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    GlobalService.ctorParameters = function () { return []; };
+
     var StorageService = /** @class */ (function () {
         function StorageService(_moduleConfigService) {
             this._moduleConfigService = _moduleConfigService;
@@ -32934,6 +32723,8 @@
             this.showRejectConfirm = true;
             this.keyPressPermissionUtils = 'ppppppppp';
             this.currentKeyPressIndex = 0;
+            this.EnumTypeSplash = exports.EnumTypeSplash;
+            this.layoutLoadingPage = exports.EnumTypeSplash.NEW_V1;
             this.environment = this._moduleConfigService.getConfig().environment;
             this.appCode = this._moduleConfigService.getConfig().appCode;
             if (this.environment.keyPressPermissionUtils) {
@@ -33064,6 +32855,12 @@
             this._componentContextService.subscribe(ComCtxConstants.ROOT.SHOW_REJECT_CONFIRM, function (data) {
                 _this.showRejectConfirm = data;
             });
+            if (!this.environment.splashScreen || this.environment.splashScreen == '') {
+                this.layoutLoadingPage = exports.EnumTypeSplash.DEFAULT;
+            }
+            else {
+                this.layoutLoadingPage = this.environment.splashScreen;
+            }
         }
         CommonAppComponentComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -33620,7 +33417,7 @@
     CommonAppComponentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'common-app-component',
-                    template: "<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\r\n    (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\r\n                            'menu-layout-overlay': _commonService.isOverlay(),\r\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\r\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\r\n                            'menu-layout-slim': _commonService.isSlim(),\r\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive}\">\r\n\r\n    <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\r\n\r\n    <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\r\n        [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\r\n        <app-root-menu></app-root-menu>\r\n        <div class=\"layout-menu-block\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\r\n                <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\r\n                </app-inline-profile>\r\n                <app-menu [reset]=\"_commonService.resetMenu\" (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\r\n            </tn-custom-scrollbar>\r\n        </div>\r\n        <div class=\"search-area layout-menu-search-area\">\r\n            <p-autoComplete [(ngModel)]=\"searchMenuInput\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\r\n                (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\r\n                [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\r\n                class=\"search-input\" [readonly]=\"!(menuModel && menuModel.length)\"\r\n                (onSelect)=\"onSelectMenuSuggestion($event)\" field=\"label\">\r\n                <ng-template let-item pTemplate=\"item\">\r\n                    <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\r\n                </ng-template>\r\n            </p-autoComplete>\r\n            <span class=\"icon-search\"><i class=\"pi pi-search\"></i></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n\r\n    <div class=\"layout-mask\"></div>\r\n    <div #quickNoteBt *ngIf=\"!onlyShowMainContent && showQuickNote\" class=\"quick-note-button-holder\" cdkDrag\r\n        cdkDragBoundary=\".layout-wrapper\" oncontextmenu=\"return false\" (cdkDragEnded)=\"quickNoteDropped($event)\"\r\n        (cdkDragStarted)=\"quickNoteStarted($event)\">\r\n        <a #quickNoteBt1 href=\"javascript:;\" class=\"all-note-button\" tabindex=\"0\" (click)=\"quickNoteShowAllNotes()\">\r\n            <i class=\"fas fa-sticky-note\"></i></a>\r\n        <a #quickNoteBt2 href=\"javascript:;\" class=\"setting-note-button\" tabindex=\"0\" (click)=\"quickNoteShowSettings()\">\r\n            <i class=\"fas fa-cog\"></i></a>\r\n        <a href=\"javascript:;\" (press)=\"quickNotePress($event)\" (pressup)=\"quickNotePressUp($event)\"\r\n            class=\"quick-note-button\" tabindex=\"0\" (click)=\"quickNoteAddNote()\">\r\n            <i class=\"fas fa-plus\"></i></a>\r\n    </div>\r\n    <div #pinnedNotes *ngIf=\"!onlyShowMainContent\" class=\"pinned-notes-holder\" cdkDrag cdkDragBoundary=\".layout-wrapper\"\r\n        oncontextmenu=\"return false\" (cdkDragEnded)=\"pinnedNotesDropped($event)\"\r\n        (cdkDragStarted)=\"pinnedNotesStarted($event)\">\r\n        <div class=\"pinned-notes ui-g\" tabindex=\"0\">\r\n            <div *ngIf=\"pinnedNotesMinimizeStatus\" class=\"pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-maximize\"></i>\r\n            </div>\r\n            <div *ngIf=\"pinnedNotesMaximizeStatus\" class=\" pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-minimize\"></i>\r\n            </div>\r\n            <div *ngFor=\"let note of pinnedNoteData\" class=\"pinned-note ui-g-12\">\r\n                <div class=\"pinned-note-header-line\" [style.background-color]=\"note.colorCode\">\r\n                </div>\r\n                <div class=\"pinned-note-body\">\r\n                    <span class=\"pinned-note-line-title\" [style.paddingBottom]=\"note.titlePaddingBottom\">\r\n                        <div class=\"pinned-note-header-right\">\r\n                            <span class=\"pinned-note-header-time\">{{note.created | date: 'dd/MM'}}</span>\r\n                            <img src=\"../assets/layout/images/ico/unpin-1.ico\" class=\"pinned-note-header-button-unpin\"\r\n                                (click)=\"unPinNote(note)\">\r\n                            <i *ngIf=\"!note.isCompleted\" class=\"far fa-flag pinned-note-header-button-complete\"\r\n                                (click)=\"completeNote(note)\"></i>\r\n                            <i *ngIf=\"note.isCompleted\" class=\"fas fa-flag-checkered pinned-note-header-button-complete\"\r\n                                (click)=\"inCompleteNote(note)\"></i>\r\n                        </div>\r\n                        <div>{{note.name}}</div>\r\n                    </span>\r\n                    <div class=\"pinned-note-contents\" [style.display]=\"note.contentDisplay\">\r\n                        <span *ngFor=\"let content of note.contents\" class=\"pinned-note-line\">\r\n                            {{content}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\r\n    </report-queue>\r\n</div>\r\n<div class=\"waiting-box\" [class.show]=\"waiting\">\r\n    <div class=\"overlay\"></div>\r\n    <div class=\"content-loading\">\r\n        <div class=\"lds-ellipsis\">\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n        </div>\r\n        <div class=\"message-loading\">\r\n            <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\r\n<p-confirmDialog #cd [closable]=\"false\">\r\n    <p-footer>\r\n        <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\r\n            (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\r\n        <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n            icon=\"pi pi-times\" label=\"B\u1ECF qua\" (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\r\n    </p-footer>\r\n</p-confirmDialog>\r\n<!-- <user-action-manager></user-action-manager> -->\r\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\r\n",
+                    template: "<ng-container *ngIf=\"!pageLoaded\">\r\n    <ng-container [ngSwitch]=\"layoutLoadingPage\">\r\n        <ng-container *ngSwitchDefault>\r\n            <loading-page-v1></loading-page-v1>\r\n        </ng-container>\r\n\r\n        <!-- <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\r\n            <loading-page-v2></loading-page-v2>\r\n        </ng-container> -->\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\r\n    (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\r\n                            'menu-layout-overlay': _commonService.isOverlay(),\r\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\r\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\r\n                            'menu-layout-slim': _commonService.isSlim(),\r\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive}\">\r\n\r\n    <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\r\n\r\n    <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\r\n        [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\r\n        <app-root-menu></app-root-menu>\r\n        <div class=\"layout-menu-block\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\r\n                <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\r\n                </app-inline-profile>\r\n                <app-menu [reset]=\"_commonService.resetMenu\" (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\r\n            </tn-custom-scrollbar>\r\n        </div>\r\n        <div class=\"search-area layout-menu-search-area\">\r\n            <p-autoComplete [(ngModel)]=\"searchMenuInput\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\r\n                (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\r\n                [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\r\n                class=\"search-input\" [readonly]=\"!(menuModel && menuModel.length)\"\r\n                (onSelect)=\"onSelectMenuSuggestion($event)\" field=\"label\">\r\n                <ng-template let-item pTemplate=\"item\">\r\n                    <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\r\n                </ng-template>\r\n            </p-autoComplete>\r\n            <span class=\"icon-search\"><i class=\"pi pi-search\"></i></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n\r\n    <div class=\"layout-mask\"></div>\r\n    <div #quickNoteBt *ngIf=\"!onlyShowMainContent && showQuickNote\" class=\"quick-note-button-holder\" cdkDrag\r\n        cdkDragBoundary=\".layout-wrapper\" oncontextmenu=\"return false\" (cdkDragEnded)=\"quickNoteDropped($event)\"\r\n        (cdkDragStarted)=\"quickNoteStarted($event)\">\r\n        <a #quickNoteBt1 href=\"javascript:;\" class=\"all-note-button\" tabindex=\"0\" (click)=\"quickNoteShowAllNotes()\">\r\n            <i class=\"fas fa-sticky-note\"></i></a>\r\n        <a #quickNoteBt2 href=\"javascript:;\" class=\"setting-note-button\" tabindex=\"0\" (click)=\"quickNoteShowSettings()\">\r\n            <i class=\"fas fa-cog\"></i></a>\r\n        <a href=\"javascript:;\" (press)=\"quickNotePress($event)\" (pressup)=\"quickNotePressUp($event)\"\r\n            class=\"quick-note-button\" tabindex=\"0\" (click)=\"quickNoteAddNote()\">\r\n            <i class=\"fas fa-plus\"></i></a>\r\n    </div>\r\n    <div #pinnedNotes *ngIf=\"!onlyShowMainContent\" class=\"pinned-notes-holder\" cdkDrag cdkDragBoundary=\".layout-wrapper\"\r\n        oncontextmenu=\"return false\" (cdkDragEnded)=\"pinnedNotesDropped($event)\"\r\n        (cdkDragStarted)=\"pinnedNotesStarted($event)\">\r\n        <div class=\"pinned-notes ui-g\" tabindex=\"0\">\r\n            <div *ngIf=\"pinnedNotesMinimizeStatus\" class=\"pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-maximize\"></i>\r\n            </div>\r\n            <div *ngIf=\"pinnedNotesMaximizeStatus\" class=\" pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-minimize\"></i>\r\n            </div>\r\n            <div *ngFor=\"let note of pinnedNoteData\" class=\"pinned-note ui-g-12\">\r\n                <div class=\"pinned-note-header-line\" [style.background-color]=\"note.colorCode\">\r\n                </div>\r\n                <div class=\"pinned-note-body\">\r\n                    <span class=\"pinned-note-line-title\" [style.paddingBottom]=\"note.titlePaddingBottom\">\r\n                        <div class=\"pinned-note-header-right\">\r\n                            <span class=\"pinned-note-header-time\">{{note.created | date: 'dd/MM'}}</span>\r\n                            <img src=\"../assets/layout/images/ico/unpin-1.ico\" class=\"pinned-note-header-button-unpin\"\r\n                                (click)=\"unPinNote(note)\">\r\n                            <i *ngIf=\"!note.isCompleted\" class=\"far fa-flag pinned-note-header-button-complete\"\r\n                                (click)=\"completeNote(note)\"></i>\r\n                            <i *ngIf=\"note.isCompleted\" class=\"fas fa-flag-checkered pinned-note-header-button-complete\"\r\n                                (click)=\"inCompleteNote(note)\"></i>\r\n                        </div>\r\n                        <div>{{note.name}}</div>\r\n                    </span>\r\n                    <div class=\"pinned-note-contents\" [style.display]=\"note.contentDisplay\">\r\n                        <span *ngFor=\"let content of note.contents\" class=\"pinned-note-line\">\r\n                            {{content}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\r\n    </report-queue>\r\n</div>\r\n<div class=\"waiting-box\" [class.show]=\"waiting\">\r\n    <div class=\"overlay\"></div>\r\n    <div class=\"content-loading\">\r\n        <div class=\"lds-ellipsis\">\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n        </div>\r\n        <div class=\"message-loading\">\r\n            <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\r\n<p-confirmDialog #cd [closable]=\"false\">\r\n    <p-footer>\r\n        <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\r\n            (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\r\n        <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton\r\n            class=\"p-button-rounded p-button-text p-button-secondary\" icon=\"pi pi-times\" label=\"B\u1ECF qua\"\r\n            (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\r\n    </p-footer>\r\n</p-confirmDialog>\r\n<!-- <user-action-manager></user-action-manager> -->\r\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\r\n",
                     providers: [ComponentContextService, EntityMetadataService],
                     styles: [".layout-menu-search-area{position:relative}.icon-search{align-items:center;background-color:transparent;box-shadow:none;color:#888;display:flex;font-size:14px;height:100%;justify-content:center;position:absolute;right:0;top:0;width:30px}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{bottom:0;display:flex;flex-direction:column;height:auto;overflow:hidden;top:60px}.layout-menu-block{display:flex;flex:1;overflow:hidden}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{border-color:#dadada;border-radius:0;padding-right:40px;width:calc(100% + 1px)}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{border-left:0;border-radius:0;border-right:0;width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);border-radius:0;color:#fff;padding:0}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.waiting-box .content-loading .lds-ellipsis{display:inline-block;height:60px;position:relative;width:80px}.waiting-box .content-loading .lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.waiting-box .content-loading .lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite;left:8px}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite;left:32px}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{-webkit-animation:message-opacity 1s infinite;animation:message-opacity 1s infinite;color:#fff;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){-webkit-animation-delay:0;-webkit-animation-delay:0s;animation-delay:0;animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){-webkit-animation-delay:.1s;animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){-webkit-animation-delay:.2s;animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){-webkit-animation-delay:.3s;animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){-webkit-animation-delay:.4s;animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){-webkit-animation-delay:.5s;animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){-webkit-animation-delay:.6s;animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){-webkit-animation-delay:.7s;animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){-webkit-animation-delay:.8s;animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){-webkit-animation-delay:.9s;animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){-webkit-animation-delay:1s;animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){-webkit-animation-delay:1.1s;animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){-webkit-animation-delay:1.2s;animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){-webkit-animation-delay:1.3s;animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){-webkit-animation-delay:1.4s;animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){-webkit-animation-delay:1.5s;animation-delay:1.5s}.waiting-box.show{display:block}@-webkit-keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@-webkit-keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}"]
                 },] }
@@ -43775,6 +43572,220 @@
         { type: GlobalService }
     ]; };
 
+    var SplashComponentComponent = /** @class */ (function (_super) {
+        __extends(SplashComponentComponent, _super);
+        function SplashComponentComponent(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
+            var _this = _super.call(this, injector) || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._permissionService = _permissionService;
+            _this._deviceDetectorService = _deviceDetectorService;
+            _this._userService = _userService;
+            _this._router = _router;
+            _this._authenService = _authenService;
+            _this._globalService = _globalService;
+            _this.defaultAvatar = '';
+            _this.appSwitcherItems = [];
+            _this.loaded = false;
+            _this.currentDate = new Date();
+            _this.showDefaultSetting = false;
+            _this.fileApi = '';
+            _this.isOnMobile = false;
+            _this.EnumTypeSplash = exports.EnumTypeSplash;
+            _this.uiSplash = exports.EnumTypeSplash.DEFAULT;
+            _this.daysInWeek = ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy'];
+            _this.rootContext.fireEvent('MAIN_CONTENT_ONLY', true);
+            _this.environment = _this._moduleConfigService.getConfig().environment;
+            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
+            _this.fileApi = _this.environment.apiDomain.fileEndpoint;
+            setInterval(function () {
+                _this.currentDate = new Date();
+            }, 1000);
+            if (_this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata.showDefaultSetting != null && _this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined) {
+                _this.showDefaultSetting = _this.rootContext.data.currentAppMetadata.showDefaultSetting;
+            }
+            else {
+                if (_this.environment.appMetadata.main.showDefaultSetting != null && _this.environment.appMetadata.main.showDefaultSetting != undefined) {
+                    _this.showDefaultSetting = _this.environment.appMetadata.main.showDefaultSetting;
+                }
+                else {
+                    _this.showDefaultSetting = false;
+                }
+            }
+            if (!_this.environment.splashScreen || _this.environment.splashScreen == '') {
+                _this.uiSplash = exports.EnumTypeSplash.DEFAULT;
+            }
+            else {
+                _this.uiSplash = _this.environment.splashScreen;
+            }
+            // Config for authentication
+            _this._globalService.setHeaderState(false);
+            _this._globalService.setMenuState(false);
+            return _this;
+        }
+        SplashComponentComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this._deviceDetectorService.isMobile()) {
+                this.isOnMobile = true;
+            }
+            if (this.rootContext.data.currentUser) {
+                if (this.rootContext.data.currentUser.gender == 0) {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
+                }
+                else {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
+                }
+            }
+            this.rootContext.replaySubscribe(ComCtxConstants.ROOT.USER_LOADED, function (rs) {
+                _this.currentUser = _this._userService.getCurrentUser();
+                _this.loadAppMetadata();
+                _this.loaded = true;
+            });
+            if (this.rootModel.allowAnonymous) {
+                this.loaded = true;
+                this.loadAppMetadata();
+            }
+        };
+        SplashComponentComponent.prototype.loadAppMetadata = function () {
+            var _this = this;
+            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            arr = [];
+                            _a = [];
+                            for (_b in this.environment.appMetadata.appSwitcher)
+                                _a.push(_b);
+                            _i = 0;
+                            _c.label = 1;
+                        case 1:
+                            if (!(_i < _a.length)) return [3 /*break*/, 5];
+                            ind = _a[_i];
+                            element = this.environment.appMetadata.appSwitcher[ind];
+                            clientId = this.environment.authenticationSettings.clientId;
+                            if (!(this.rootModel.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
+                            arr.push(element);
+                            return [3 /*break*/, 4];
+                        case 2:
+                            if (!this.currentUser) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
+                        case 3:
+                            isAuthorized = _c.sent();
+                            if (isAuthorized) {
+                                arr.push(element);
+                            }
+                            _c.label = 4;
+                        case 4:
+                            _i++;
+                            return [3 /*break*/, 1];
+                        case 5:
+                            resolve(arr);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            prmsAppSwicherItem.then(function (rs) {
+                _this.appSwitcherItems.length = 0;
+                if (rs) {
+                    rs.forEach(function (element) {
+                        if (element.visible) {
+                            if (!_this.currentUser) { // allow anonymous
+                                _this.appSwitcherItems.push(element);
+                            }
+                            else {
+                                if (_this.currentUser.maNguoiHoc && _this.currentUser.issuperuser.toLowerCase() != 'true') {
+                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                        _this.appSwitcherItems.push(element);
+                                    }
+                                }
+                                else {
+                                    _this.appSwitcherItems.push(element);
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        };
+        SplashComponentComponent.prototype.switchApp = function (item) {
+            this.loaded = false;
+            if (item.target == '_blank') {
+                if (!item.defaultRedirect) {
+                    item.defaultRedirect = '';
+                }
+                // NamNH tip trick cho mot so may bi loi item.url = 'main' -> redirect sai khi click vao cac phan he
+                if (item.url == item.defaultRedirect) {
+                    item.url = '/' + item.code.toLowerCase();
+                }
+                var link = item.url + "/" + item.defaultRedirect;
+                if (!link.startsWith('/') && !link.startsWith('http')) {
+                    link = '/' + link;
+                }
+                top.location.href = link;
+            }
+            else {
+                if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
+                    this._router.navigateByUrl(item.defaultRedirect);
+                    this.rootContext.data.currentAppMetadata = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == item.code; });
+                    if (this.rootContext.data.currentAppMetadata && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
+                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
+                    }
+                }
+            }
+        };
+        SplashComponentComponent.prototype.logout = function () {
+            this._authenService.logout();
+        };
+        SplashComponentComponent.prototype.goToPersonal = function () {
+            var userMenu = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
+            this.switchApp(userMenu);
+        };
+        SplashComponentComponent.prototype.getCurrentUserAvatar = function () {
+            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        SplashComponentComponent.prototype.getNgayTrongTuan = function () {
+            return this.daysInWeek[this.currentDate.getDay()];
+        };
+        SplashComponentComponent.prototype.showProfilePage = function () {
+            if (this._userService.isSinhVienAccount()) {
+                return false;
+            }
+            return true;
+        };
+        SplashComponentComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this._globalService.setHeaderState(true);
+            this._globalService.setMenuState(true);
+        };
+        SplashComponentComponent.prototype.login = function () {
+            this.rootContext.fireEvent('LOGIN');
+        };
+        return SplashComponentComponent;
+    }(ComponentBase));
+    SplashComponentComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'splash-component',
+                    template: "<ng-container [ngSwitch]=\"uiSplash\">\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"defaultSplash\">\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <splash-component-v1></splash-component-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\r\n        <splash-component-v2></splash-component-v2>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultSplash>\r\n    <div *ngIf=\"!loaded\" class=\"wrp-loader\">\r\n        <div class=\"loader\"></div>\r\n    </div>\r\n    <div *ngIf=\"loaded\" class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img class=\"profile-image custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\r\n            <h2>Xin ch\u00E0o\r\n                <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span>\r\n                <span *ngIf=\"!currentUser\">kh\u00E1ch</span>!\r\n            </h2>\r\n            <ng-container *ngIf=\"currentUser\">\r\n                <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n                <ng-container>|</ng-container>\r\n                <a style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </ng-container>\r\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\">\r\n                <i class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng nh\u1EADp\r\n            </a>\r\n        </div>\r\n        <div class=\"module-icons\">\r\n            <h1>{{environment.appMetadata.main.title}}</h1>\r\n            <h2>{{environment.appMetadata.main.owner}}</h2>\r\n            <div class=\"div1111-wrapper\">\r\n                <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </tn-custom-scrollbar>\r\n\r\n                <ng-container *ngIf=\"isOnMobile\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #appSwitcher>\r\n        <div class=\"div1111\">\r\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                <span>\r\n                    <a [style.background]=\"item.background\" (click)=\"switchApp(item)\">\r\n                        <i class=\"{{item.icon}} switcher-item-icon\" [style.color]=\"item.colorIcon\"></i>\r\n                        <span [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span>\r\n                    </a>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n    </ng-template>\r\n</ng-template>",
+                    providers: [ComponentContextService],
+                    styles: [".modules{align-items:center;background:url(/assets/images/splash-bg.png);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules div>span{box-shadow:1px 2px 9px 1px #bbb;height:100px;margin:10px;min-width:100px;white-space:normal;width:100px}.modules div>span,.modules div>span>a{border-radius:5px;display:inline-block}.modules div>span>a{color:#fff;cursor:pointer;font-weight:700;height:100%;position:relative;text-align:center;text-decoration:unset;text-shadow:2px 3px 3px hsla(0,0%,42.7%,.4392156862745098);width:100%}.modules div>span>a i{-webkit-animation:in 1s;animation:in 1s}.modules div>span>a:hover i{-webkit-animation:out 1s;animation:out 1s}@-webkit-keyframes in{0%{-webkit-transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn)}}@-webkit-keyframes out{0%{-webkit-transform:rotateY(1turn)}to{-webkit-transform:rotateY(0deg)}}@media (max-width:1370px){.modules{justify-content:flex-start;overflow:auto}.module-icons.module-icons{margin-bottom:20px}.welcome-user.welcome-user{margin-bottom:30px;margin-top:30px}.welcome-user.welcome-user img{height:100px;width:100px}.clock{font-size:1.5em;margin:0 20px}.data-time{font-size:1em;margin:10px 0 20px}}.modules div>span>a>span{bottom:10px;color:#fff;display:inline-block;left:0;position:absolute;text-align:center;text-decoration:unset;width:100%}.modules div>span.implementing{background-color:#fff;box-shadow:none}.modules div>span>a>i{font-size:3em;left:0;position:absolute;top:10px;width:100%}.div22{width:240px}.div33{width:360px}.div44{width:480px}.div55{width:600px}.div88{width:960px}::ng-deep .flexcolumn{max-width:calc(100vh - 20px)}.div1111-wrapper{overflow:auto;width:100%}.div1111{white-space:nowrap}.module-icons{color:#666;width:100%}.module-icons,.welcome-user{margin-bottom:80px;text-align:center}.welcome-user a{background:#c2f3c3;border-radius:3px;cursor:pointer;padding:6px}.welcome-user a i{margin-right:6px}.welcome-user img{-o-object-fit:contain;border:2px dashed rgba(0,144,162,.5019607843137255);border-radius:50%;height:200px;object-fit:contain;width:200px}.welcome-user h2{color:#0090a2}.clock-wrapper{color:rgba(0,144,162,.6666666666666666);font-size:2em;text-align:center}.loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border-radius:50%;color:#607d8b;font-size:8px;height:1em;left:50%;position:absolute;text-indent:-9999em;top:50%;transform:translate(-50%,-50%);width:1em}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
+                },] }
+    ];
+    SplashComponentComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: ModuleConfigService },
+        { type: PermissionService },
+        { type: ngxDeviceDetector.DeviceDetectorService },
+        { type: UserService },
+        { type: i3$1.Router },
+        { type: AuthenService },
+        { type: GlobalService }
+    ]; };
+
     var DynamicNodeComponent = /** @class */ (function (_super) {
         __extends(DynamicNodeComponent, _super);
         function DynamicNodeComponent(injector) {
@@ -53948,6 +53959,37 @@
         onAfterSaved: [{ type: i0.Output }]
     };
 
+    var CongViecThayDoiService = /** @class */ (function (_super) {
+        __extends(CongViecThayDoiService, _super);
+        function CongViecThayDoiService(http, injector, _moduleConfigService, _dmLoaiCongViecService) {
+            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.congviecEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/CongViecThayDoi") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._dmLoaiCongViecService = _dmLoaiCongViecService;
+            _this.serviceCode = 'congviec';
+            _this.entityName = 'CongViecThayDoi';
+            _this.objectName = 'công việc thay đổi';
+            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.congviecEndpoint;
+            return _this;
+        }
+        CongViecThayDoiService.prototype.triggerSyncTaskPermission = function () {
+            var url = this.serviceUri + "/TriggerSyncTaskPermission";
+            return this.defaultPost(url, {});
+        };
+        return CongViecThayDoiService;
+    }(BaseService));
+    CongViecThayDoiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CongViecThayDoiService_Factory() { return new CongViecThayDoiService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(DmLoaiCongViecService)); }, token: CongViecThayDoiService, providedIn: "root" });
+    CongViecThayDoiService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    CongViecThayDoiService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: i0.Injector },
+        { type: ModuleConfigService },
+        { type: DmLoaiCongViecService }
+    ]; };
+
     var CongViecLienQuanService = /** @class */ (function (_super) {
         __extends(CongViecLienQuanService, _super);
         function CongViecLienQuanService(http, injector, _moduleConfigService) {
@@ -53983,7 +54025,7 @@
 
     var BaseCongViecComponent = /** @class */ (function (_super) {
         __extends(BaseCongViecComponent, _super);
-        function BaseCongViecComponent(_injector, _moduleConfigService, _congViecService, _dmLoaiCongViecService, _dmLinhVucCongViecService, _dmPriorityService, _cauHinhWorkflowService, _congViecLienQuanService, _congViecDinhKemService) {
+        function BaseCongViecComponent(_injector, _moduleConfigService, _congViecService, _dmLoaiCongViecService, _dmLinhVucCongViecService, _dmPriorityService, _cauHinhWorkflowService, _congViecLienQuanService, _congViecDinhKemService, _congViecThayDoiService) {
             var _this = _super.call(this, _injector) || this;
             _this._injector = _injector;
             _this._moduleConfigService = _moduleConfigService;
@@ -53994,6 +54036,7 @@
             _this._cauHinhWorkflowService = _cauHinhWorkflowService;
             _this._congViecLienQuanService = _congViecLienQuanService;
             _this._congViecDinhKemService = _congViecDinhKemService;
+            _this._congViecThayDoiService = _congViecThayDoiService;
             _this.isFromDashboard = false;
             _this.formState = exports.FormState.VIEW;
             _this.isChildView = false;
@@ -54313,6 +54356,11 @@
         BaseCongViecComponent.prototype.onChonCongViec = function () {
             this.showPickerForm = true;
         };
+        BaseCongViecComponent.prototype.triggerSyncPermission = function () {
+            var _this = this;
+            this._congViecThayDoiService.triggerSyncTaskPermission()
+                .then(function (res) { return _this.handleResponse(res, 'Đồng bộ thành công'); });
+        };
         BaseCongViecComponent.prototype.onAfterSaved = function (id) {
             if (this.loaiDanhSach == exports.EnumLoaiDanhSachCongViec.CongViecLienQuan) {
                 var items = [{
@@ -54410,7 +54458,7 @@
     BaseCongViecComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'base-congviec',
-                    template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"hiddenAdd\"\r\n    [hiddenEdit]=\"hiddenEdit\" [hiddenDelete]=\"hiddenDelete\" [hiddenCopyLink]=\"true\" [hiddenAdd]=\"isFromDashboard\"\r\n    [showScrollHorizontal]=\"true\" [menuButtons]=\"getMenuButtons\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"addCongViec($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_edit($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\"\r\n    (onChangedStatusWorkflow)=\"handleChangedStatusWorkflow($event)\">\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"loaiDanhSach > 0 && !isPicker\" type=\"button\" pButton pRipple label=\"Ch\u1ECDn c\u00F4ng vi\u1EC7c\"\r\n            icon=\"pi pi-plus\" class=\"p-button-text p-button-success\" (click)=\"onChonCongViec()\"></button>\r\n    </ng-template>\r\n    <ng-template #congViecInfo let-rowData=\"rowData\">\r\n        <div class=\"container-task-info\">\r\n            <div class=\"cell-task-info\">\r\n                {{rowData.ten}}\r\n            </div>\r\n            <div class=\"percent-done\">\r\n                <div class=\"detail transition-width\" [ngStyle]=\"{\r\n                    width: rowData.percentWidth\r\n                }\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #idPriority let-rowData=\"rowData\">\r\n        <div class=\"priority\">\r\n            <span [ngStyle]=\"{\r\n                color: rowData.priorityColor,\r\n                background: rowData.priorityBackground\r\n            }\">{{rowData.stridPriority}}</span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template *ngIf=\"loaiDanhSach > 0\" #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n        <button type=\"button\" pButton pRipple pTooltip=\"{{'FORM.DELETE' | translate}}\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-text p-button-danger link-or-action\" icon=\"pi pi-trash\"\r\n            (click)=\"deleteCongViecTheoLoaiDanhSach(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"loaiCongViecModel.showEditForm\" [styleClass]=\"'tn-form-dialog'\"\r\n    [header]=\"loaiCongViecModel.header | translate\" [popupSize]=\"loaiCongViecModel.popupSize\"\r\n    (onHide)=\"loaiCongViecModel.showEditForm = false\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10 tn-dropdown p-fluid\">\r\n                <dropdown [control]=\"searchSchema.loaiCongViec\" [(value)]=\"searchData.loaiCongViec\"></dropdown>\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" pButton class=\"p-button-primary p-col-12\" label=\"Ok\"\r\n                    (click)=\"showFormAddTask($event)\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" [itemId]=\"itemId\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\" (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showPickerForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"'Ch\u1ECDn c\u00F4ng vi\u1EC7c' | translate\" [popupSize]=\"setting.popupSize\" [showFooter]=\"true\"\r\n    [useDefaultScrollBar]=\"true\" (onHide)=\"showPickerForm = false\">\r\n    <base-congviec #congViecPicker [isPicker]=\"true\" [formState]=\"formState\"\r\n        [loaiDanhSach]=\"loaiDanhSach\" [idCongViec]=\"idCongViec\">\r\n    </base-congviec>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn' | translate\"\r\n            (click)=\"onSelectCongViec()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"showPickerForm=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
+                    template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [hiddenAdd]=\"hiddenAdd\"\r\n    [hiddenEdit]=\"hiddenEdit\" [hiddenDelete]=\"hiddenDelete\" [hiddenCopyLink]=\"true\" [hiddenAdd]=\"isFromDashboard\"\r\n    [showScrollHorizontal]=\"true\" [menuButtons]=\"getMenuButtons\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"addCongViec($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_edit($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\"\r\n    (onChangedStatusWorkflow)=\"handleChangedStatusWorkflow($event)\">\r\n    <ng-template #buttonAfterToolbar>\r\n        <button *ngIf=\"loaiDanhSach > 0 && !isPicker\" type=\"button\" pButton pRipple label=\"Ch\u1ECDn c\u00F4ng vi\u1EC7c\"\r\n            icon=\"pi pi-plus\" class=\"p-button-text p-button-success\" (click)=\"onChonCongViec()\"></button>\r\n        <button type=\"button\" pButton style=\"display: none\" icon=\"pi pi-replay\" label=\"\u0110\u1ED3ng b\u1ED9 quy\u1EC1n\"\r\n            class=\"p-button-text\" (click)=\"triggerSyncPermission()\"></button>\r\n    </ng-template>\r\n    <ng-template #congViecInfo let-rowData=\"rowData\">\r\n        <div class=\"container-task-info\">\r\n            <div class=\"cell-task-info\">\r\n                {{rowData.ten}}\r\n            </div>\r\n            <div class=\"percent-done\">\r\n                <div class=\"detail transition-width\" [ngStyle]=\"{\r\n                    width: rowData.percentWidth\r\n                }\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #idPriority let-rowData=\"rowData\">\r\n        <div class=\"priority\">\r\n            <span [ngStyle]=\"{\r\n                color: rowData.priorityColor,\r\n                background: rowData.priorityBackground\r\n            }\">{{rowData.stridPriority}}</span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template *ngIf=\"loaiDanhSach > 0\" #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n        <button type=\"button\" pButton pRipple pTooltip=\"{{'FORM.DELETE' | translate}}\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-text p-button-danger link-or-action\" icon=\"pi pi-trash\"\r\n            (click)=\"deleteCongViecTheoLoaiDanhSach(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"loaiCongViecModel.showEditForm\" [styleClass]=\"'tn-form-dialog'\"\r\n    [header]=\"loaiCongViecModel.header | translate\" [popupSize]=\"loaiCongViecModel.popupSize\"\r\n    (onHide)=\"loaiCongViecModel.showEditForm = false\">\r\n    <div class=\"p-col-12\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-md-10 tn-dropdown p-fluid\">\r\n                <dropdown [control]=\"searchSchema.loaiCongViec\" [(value)]=\"searchData.loaiCongViec\"></dropdown>\r\n            </div>\r\n            <div class=\"p-md-2\">\r\n                <button type=\"button\" pButton class=\"p-button-primary p-col-12\" label=\"Ok\"\r\n                    (click)=\"showFormAddTask($event)\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" [useDefaultScrollBar]=\"true\"\r\n    (onHide)=\"showDetailForm = false\">\r\n    <base-congviec-form #formBase [parentModel]=\"model\" [parentSetting]=\"setting\" [parentContext]=\"context\"\r\n        [model]=\"formModel\" [crudList]=\"crudList\" [itemId]=\"itemId\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\" (onAfterSaved)=\"onAfterSaved($event)\">\r\n    </base-congviec-form>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showPickerForm\" #dialog [styleClass]=\"'congviec-form tn-form-dialog'\"\r\n    [header]=\"'Ch\u1ECDn c\u00F4ng vi\u1EC7c' | translate\" [popupSize]=\"setting.popupSize\" [showFooter]=\"true\"\r\n    [useDefaultScrollBar]=\"true\" (onHide)=\"showPickerForm = false\">\r\n    <base-congviec #congViecPicker [isPicker]=\"true\" [formState]=\"formState\" [loaiDanhSach]=\"loaiDanhSach\"\r\n        [idCongViec]=\"idCongViec\">\r\n    </base-congviec>\r\n    <ng-template #footer>\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn' | translate\"\r\n            (click)=\"onSelectCongViec()\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"showPickerForm=false\"></button>\r\n    </ng-template>\r\n</tn-dialog>",
                     providers: [ComponentContextService],
                     styles: [".container-task-info .percent-done{background-color:#f0f0f0;border-radius:2px;height:5px;margin-top:5px;overflow:hidden;position:relative}.container-task-info .percent-done .detail{background:#3eb839;border-radius:2px;font-size:13px;height:5px;left:0;position:absolute;text-align:center;top:0}.priority{text-align:center}.priority>span{border-radius:3px;font-size:.8em;padding:3px 7px}"]
                 },] }
@@ -54424,7 +54472,8 @@
         { type: DmPriorityService },
         { type: CauHinhWorkflowService },
         { type: CongViecLienQuanService },
-        { type: CongViecDinhKemService }
+        { type: CongViecDinhKemService },
+        { type: CongViecThayDoiService }
     ]; };
     BaseCongViecComponent.propDecorators = {
         congViecForm: [{ type: i0.ViewChild, args: ['formBase', { static: false },] }],
@@ -56535,6 +56584,27 @@
         value: [{ type: i0.Input }]
     };
 
+    var LoadingPageV1Component = /** @class */ (function () {
+        function LoadingPageV1Component() {
+        }
+        LoadingPageV1Component.prototype.ngOnInit = function () {
+        };
+        LoadingPageV1Component.prototype.clearStorage = function () {
+            localStorage.clear();
+            sessionStorage.clear();
+            top.location.reload();
+        };
+        return LoadingPageV1Component;
+    }());
+    LoadingPageV1Component.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'loading-page-v1',
+                    template: "<div class=\"loading-page\">\r\n    <div class=\"wrapper\">\r\n        <section id=\"block-loading\">\r\n            <div id=\"top\" class=\"mask\">\r\n                <div class=\"plane\"></div>\r\n            </div>\r\n\r\n            <div id=\"middle\" class=\"mask\">\r\n                <div class=\"plane\"></div>\r\n            </div>\r\n\r\n            <div id=\"bottom\" class=\"mask\">\r\n                <div class=\"plane\"></div>\r\n            </div>\r\n\r\n            <p><i>LOADING...</i></p>\r\n        </section>\r\n        <h3>Vui l\u00F2ng T\u1EA3i l\u1EA1i trang ho\u1EB7c \u0110\u0103ng xu\u1EA5t t\u00E0i kho\u1EA3n n\u1EBFu th\u1EDDi gian ch\u1EDD qu\u00E1 l\u00E2u!</h3>\r\n        <div class=\"wrp-btn\">\r\n            <button class=\"\" onclick=\"javascript:location.reload(true)\">\r\n                T\u1EA3i l\u1EA1i trang\r\n            </button>\r\n            <button class=\"\" onclick=\"clearStorage()\">\r\n                X\u00F3a cache v\u00E0 t\u1EA3i l\u1EA1i trang\r\n            </button>\r\n            <button class=\"\" onclick=\"javascript:location.href ='/user/main/force-user-logout'\">\r\n                \u0110\u0103ng xu\u1EA5t\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"night\">\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n        <div class=\"shooting_star\"></div>\r\n    </div>\r\n</div>\r\n",
+                    styles: [""]
+                },] }
+    ];
+    LoadingPageV1Component.ctorParameters = function () { return []; };
+
     function coreDeclaration() {
         return [
             AddressComponent,
@@ -56700,7 +56770,8 @@
             TaiLieuComponent,
             TaiLieuCuaToiComponent,
             KhaiThacTaiLieuDungChungComponent,
-            TnTemplateComponent
+            TnTemplateComponent,
+            LoadingPageV1Component
         ];
     }
     function coreModuleImport() {
@@ -59188,123 +59259,125 @@
     exports.ɵ9 = ɵ9;
     exports.ɵa = AddressComponent;
     exports.ɵb = DropdownService;
-    exports.ɵba = BaseDmPriorityFormComponent;
-    exports.ɵbb = BaseCongviecDinhkemComponent;
-    exports.ɵbc = BaseCongviecDinhkemFormComponent;
-    exports.ɵbd = DatetimePickerComponent;
-    exports.ɵbe = DatetimePickerRangeComponent;
-    exports.ɵbf = DynamicNodeComponent;
-    exports.ɵbg = EntityPickerBoxComponent;
-    exports.ɵbh = EntityPickerDataComponent;
-    exports.ɵbi = EntityPickerSelectedComponent;
-    exports.ɵbj = EntityPickerComponent;
-    exports.ɵbk = EntityPickerDialogComponent;
-    exports.ɵbl = EntityPermissionComponent;
-    exports.ɵbm = DM_ChucVuService;
-    exports.ɵbn = RoleService;
-    exports.ɵbo = EntityPermissionService;
-    exports.ɵbp = EquationEditorComponent;
-    exports.ɵbq = MaskComponent;
-    exports.ɵbr = NumberPickerRangeComponent;
-    exports.ɵbs = PagingNextBackOnlyComponent;
-    exports.ɵbt = RadioButtonListComponent;
-    exports.ɵbu = VanBanPickerComponent;
-    exports.ɵbv = VanBanDenService;
-    exports.ɵbw = VanBanDiService;
-    exports.ɵbx = VanBanPickerDialogComponent;
-    exports.ɵby = VanbanDiPickerComponent;
-    exports.ɵbz = VanbanDenPickerComponent;
+    exports.ɵba = BaseDmLinhVucCongViecFormComponent;
+    exports.ɵbb = BaseDmPriorityFormComponent;
+    exports.ɵbc = BaseCongviecDinhkemComponent;
+    exports.ɵbd = BaseCongviecDinhkemFormComponent;
+    exports.ɵbe = DatetimePickerComponent;
+    exports.ɵbf = DatetimePickerRangeComponent;
+    exports.ɵbg = DynamicNodeComponent;
+    exports.ɵbh = EntityPickerBoxComponent;
+    exports.ɵbi = EntityPickerDataComponent;
+    exports.ɵbj = EntityPickerSelectedComponent;
+    exports.ɵbk = EntityPickerComponent;
+    exports.ɵbl = EntityPickerDialogComponent;
+    exports.ɵbm = EntityPermissionComponent;
+    exports.ɵbn = DM_ChucVuService;
+    exports.ɵbo = RoleService;
+    exports.ɵbp = EntityPermissionService;
+    exports.ɵbq = EquationEditorComponent;
+    exports.ɵbr = MaskComponent;
+    exports.ɵbs = NumberPickerRangeComponent;
+    exports.ɵbt = PagingNextBackOnlyComponent;
+    exports.ɵbu = RadioButtonListComponent;
+    exports.ɵbv = VanBanPickerComponent;
+    exports.ɵbw = VanBanDenService;
+    exports.ɵbx = VanBanDiService;
+    exports.ɵby = VanBanPickerDialogComponent;
+    exports.ɵbz = VanbanDiPickerComponent;
     exports.ɵc = EntityPickerService;
-    exports.ɵca = CongViecPickerComponent;
-    exports.ɵcb = CongViecService$1;
-    exports.ɵcc = TaskWorkflowHistoriesService;
-    exports.ɵcd = SettingsComponent;
-    exports.ɵce = SettingsRowComponent;
-    exports.ɵcf = SettingsWorkflowComponent;
-    exports.ɵcg = SettingsWorkflowNo1Component;
-    exports.ɵch = SimpleWorkflowFormComponent;
-    exports.ɵci = ProcessWorkflowTargetComponent;
-    exports.ɵcj = DmChucVuService;
-    exports.ɵck = ChoYKienFormComponent;
-    exports.ɵcl = SplashComponentV1Component;
-    exports.ɵcm = SplashComponentV2Component;
-    exports.ɵcn = StateMachinesConnectionReceiverComponent;
-    exports.ɵco = StateMachinesConnectionReceiverConditionComponent;
-    exports.ɵcp = StateMachinesConnectionReceiverDepartmentComponent;
-    exports.ɵcq = StateMachinesConnectionReceiverGroupComponent;
-    exports.ɵcr = StateMachinesConnectionReceiverUserComponent;
-    exports.ɵcs = StateMachinesConnectionReceiverRoleComponent;
-    exports.ɵct = StateMachinesConnectionSenderComponent;
-    exports.ɵcu = StartWorkflowComponent;
-    exports.ɵcv = ShareLinkByPermissionComponent;
-    exports.ɵcw = WorkflowSettingNewComponent;
-    exports.ɵcx = PermissionSharingComponent;
-    exports.ɵcy = WorkflowPermissionService;
-    exports.ɵcz = TnCheckboxComponent;
+    exports.ɵca = VanbanDenPickerComponent;
+    exports.ɵcb = CongViecPickerComponent;
+    exports.ɵcc = CongViecService$1;
+    exports.ɵcd = TaskWorkflowHistoriesService;
+    exports.ɵce = SettingsComponent;
+    exports.ɵcf = SettingsRowComponent;
+    exports.ɵcg = SettingsWorkflowComponent;
+    exports.ɵch = SettingsWorkflowNo1Component;
+    exports.ɵci = SimpleWorkflowFormComponent;
+    exports.ɵcj = ProcessWorkflowTargetComponent;
+    exports.ɵck = DmChucVuService;
+    exports.ɵcl = ChoYKienFormComponent;
+    exports.ɵcm = SplashComponentV1Component;
+    exports.ɵcn = SplashComponentV2Component;
+    exports.ɵco = StateMachinesConnectionReceiverComponent;
+    exports.ɵcp = StateMachinesConnectionReceiverConditionComponent;
+    exports.ɵcq = StateMachinesConnectionReceiverDepartmentComponent;
+    exports.ɵcr = StateMachinesConnectionReceiverGroupComponent;
+    exports.ɵcs = StateMachinesConnectionReceiverUserComponent;
+    exports.ɵct = StateMachinesConnectionReceiverRoleComponent;
+    exports.ɵcu = StateMachinesConnectionSenderComponent;
+    exports.ɵcv = StartWorkflowComponent;
+    exports.ɵcw = ShareLinkByPermissionComponent;
+    exports.ɵcx = WorkflowSettingNewComponent;
+    exports.ɵcy = PermissionSharingComponent;
+    exports.ɵcz = WorkflowPermissionService;
     exports.ɵd = ExceptionHandlerService;
-    exports.ɵda = TnDialogComponent;
-    exports.ɵdb = TnColorPickerComponent;
-    exports.ɵdc = TnTinymceComponent;
-    exports.ɵdd = TnTabViewComponent;
-    exports.ɵde = TableDetailFormComponent;
-    exports.ɵdf = FileIconPipe;
-    exports.ɵdg = FileSizePipe;
-    exports.ɵdh = QuickAddFormComponent;
-    exports.ɵdi = PreventShiftTabDirective;
-    exports.ɵdj = TnTemplateDirective;
-    exports.ɵdk = UserPickerComponent;
-    exports.ɵdl = UserPickerBoxComponent;
-    exports.ɵdm = CoCauToChucTestService;
-    exports.ɵdn = TnAppHelpComponent;
-    exports.ɵdo = PathNameService;
-    exports.ɵdp = HelperCurrentPageComponent;
-    exports.ɵdq = TnAppNotificationListComponent;
-    exports.ɵdr = TnAppNotificationComponent;
-    exports.ɵds = MyDriveService;
-    exports.ɵdt = FileVersionService;
-    exports.ɵdu = FileExplorerNewService;
-    exports.ɵdv = FileManagerService;
-    exports.ɵdw = FolderFormComponent;
-    exports.ɵdx = FileFormComponent;
-    exports.ɵdy = FileViewerComponent;
-    exports.ɵdz = FileVersionListComponent;
+    exports.ɵda = TnCheckboxComponent;
+    exports.ɵdb = TnDialogComponent;
+    exports.ɵdc = TnColorPickerComponent;
+    exports.ɵdd = TnTinymceComponent;
+    exports.ɵde = TnTabViewComponent;
+    exports.ɵdf = TableDetailFormComponent;
+    exports.ɵdg = FileIconPipe;
+    exports.ɵdh = FileSizePipe;
+    exports.ɵdi = QuickAddFormComponent;
+    exports.ɵdj = PreventShiftTabDirective;
+    exports.ɵdk = TnTemplateDirective;
+    exports.ɵdl = UserPickerComponent;
+    exports.ɵdm = UserPickerBoxComponent;
+    exports.ɵdn = CoCauToChucTestService;
+    exports.ɵdo = TnAppHelpComponent;
+    exports.ɵdp = PathNameService;
+    exports.ɵdq = HelperCurrentPageComponent;
+    exports.ɵdr = TnAppNotificationListComponent;
+    exports.ɵds = TnAppNotificationComponent;
+    exports.ɵdt = MyDriveService;
+    exports.ɵdu = FileVersionService;
+    exports.ɵdv = FileExplorerNewService;
+    exports.ɵdw = FileManagerService;
+    exports.ɵdx = FolderFormComponent;
+    exports.ɵdy = FileFormComponent;
+    exports.ɵdz = FileViewerComponent;
     exports.ɵe = CanBo_HoSoService;
-    exports.ɵea = WorkflowHistoryComponent;
-    exports.ɵeb = EntityWorkflowHistoryService;
-    exports.ɵec = WorkflowHistoryDialogComponent;
-    exports.ɵed = WorkflowHistoryNewComponent;
-    exports.ɵee = WorkflowSettingComponent;
-    exports.ɵef = EntityWorkflowSettingService;
-    exports.ɵeg = WorkflowSettingDialogComponent;
-    exports.ɵeh = WorkflowPermissionComponent;
-    exports.ɵei = WorkflowPermissionFormComponent;
-    exports.ɵej = ReferenceTextBoxComponent;
-    exports.ɵek = QrCodeGeneratorComponent;
-    exports.ɵel = AccessDeniedV1Component;
-    exports.ɵem = AddNewsComponent;
-    exports.ɵen = ArticleService;
-    exports.ɵeo = NewsCategoryService;
-    exports.ɵep = NotFoundComponent;
-    exports.ɵeq = UniversalLinkProcessorComponent;
-    exports.ɵer = SignatureDetailComponent;
-    exports.ɵes = ChatService;
-    exports.ɵet = ContentsService;
-    exports.ɵeu = StatusExtendsService;
-    exports.ɵev = MessageBoardService;
-    exports.ɵew = KySoSimDanhSachChuKyComponent;
-    exports.ɵex = KySoSimChuKyUserService;
-    exports.ɵey = FileKySoSimComponent;
-    exports.ɵez = KySoSimSignPDFService;
+    exports.ɵea = FileVersionListComponent;
+    exports.ɵeb = WorkflowHistoryComponent;
+    exports.ɵec = EntityWorkflowHistoryService;
+    exports.ɵed = WorkflowHistoryDialogComponent;
+    exports.ɵee = WorkflowHistoryNewComponent;
+    exports.ɵef = WorkflowSettingComponent;
+    exports.ɵeg = EntityWorkflowSettingService;
+    exports.ɵeh = WorkflowSettingDialogComponent;
+    exports.ɵei = WorkflowPermissionComponent;
+    exports.ɵej = WorkflowPermissionFormComponent;
+    exports.ɵek = ReferenceTextBoxComponent;
+    exports.ɵel = QrCodeGeneratorComponent;
+    exports.ɵem = AccessDeniedV1Component;
+    exports.ɵen = AddNewsComponent;
+    exports.ɵeo = ArticleService;
+    exports.ɵep = NewsCategoryService;
+    exports.ɵeq = NotFoundComponent;
+    exports.ɵer = UniversalLinkProcessorComponent;
+    exports.ɵes = SignatureDetailComponent;
+    exports.ɵet = ChatService;
+    exports.ɵeu = ContentsService;
+    exports.ɵev = StatusExtendsService;
+    exports.ɵew = MessageBoardService;
+    exports.ɵex = KySoSimDanhSachChuKyComponent;
+    exports.ɵey = KySoSimChuKyUserService;
+    exports.ɵez = FileKySoSimComponent;
     exports.ɵf = AfterViewCheckedComponent;
-    exports.ɵfa = TaiLieuCuaToiComponent;
-    exports.ɵfb = KhaiThacTaiLieuDungChungComponent;
-    exports.ɵfc = DanhMucDungChungService;
-    exports.ɵfd = TnTemplateComponent;
-    exports.ɵfe = CheckReadyComponent;
-    exports.ɵff = SendAccessTokenInterceptor;
-    exports.ɵfg = LogInterceptor;
-    exports.ɵfh = PermissionUtilsInterceptor;
-    exports.ɵfi = TraceInterceptor;
+    exports.ɵfa = KySoSimSignPDFService;
+    exports.ɵfb = TaiLieuCuaToiComponent;
+    exports.ɵfc = KhaiThacTaiLieuDungChungComponent;
+    exports.ɵfd = DanhMucDungChungService;
+    exports.ɵfe = TnTemplateComponent;
+    exports.ɵff = LoadingPageV1Component;
+    exports.ɵfg = CheckReadyComponent;
+    exports.ɵfh = SendAccessTokenInterceptor;
+    exports.ɵfi = LogInterceptor;
+    exports.ɵfj = PermissionUtilsInterceptor;
+    exports.ɵfk = TraceInterceptor;
     exports.ɵg = AdvanceSearchComponent;
     exports.ɵh = AppRootMenuComponent;
     exports.ɵi = AppTopBarComponent;
@@ -59321,10 +59394,10 @@
     exports.ɵt = BaseCongViecTestComponent;
     exports.ɵu = ListBase;
     exports.ɵv = CongViecDinhKemService;
-    exports.ɵw = ProcessWorkflowFormComponent;
-    exports.ɵx = BaseCauHinhWorkflowDetailComponent;
-    exports.ɵy = BaseDmLoaiCongViecFormComponent;
-    exports.ɵz = BaseDmLinhVucCongViecFormComponent;
+    exports.ɵw = CongViecThayDoiService;
+    exports.ɵx = ProcessWorkflowFormComponent;
+    exports.ɵy = BaseCauHinhWorkflowDetailComponent;
+    exports.ɵz = BaseDmLoaiCongViecFormComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });