tnx-shared 5.1.463 → 5.1.465

package/bundles/tnx-shared.umd.js

@@ -4966,6 +4966,7 @@
         EnumTypeSplash["DEFAULT"] = "Default";
         EnumTypeSplash["NEW_V1"] = "v1";
         EnumTypeSplash["NEW_V2"] = "v2";
+        EnumTypeSplash["NEW_V3"] = "v3";
     })(exports.EnumTypeSplash || (exports.EnumTypeSplash = {}));
 
     var ExportItem = /** @class */ (function () {
@@ -13837,7 +13838,7 @@
             switch (this._type) {
                 case exports.ValueType.date:
                 case exports.ValueType.datetime:
-                    return new Date(value);
+                    return moment___default["default"](value, 'DD/MM/YYYY hh:mm:ss');
                 case exports.ValueType.int:
                     return parseInt(value);
                 case exports.ValueType.decimal:
@@ -26635,7 +26636,7 @@
     SplashComponentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'splash-component',
-                    template: "<ng-container [ngSwitch]=\"uiSplash\">\n    <ng-container *ngSwitchDefault>\n        <ng-container [ngTemplateOutlet]=\"defaultSplash\">\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\n        <splash-component-v1></splash-component-v1>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\n        <splash-component-v2></splash-component-v2>\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultSplash>\n    <div *ngIf=\"!loaded\" class=\"wrp-loader\">\n        <div class=\"loader\"></div>\n    </div>\n    <div *ngIf=\"loaded\" class=\"modules\">\n        <div class=\"welcome-user\">\n            <img class=\"profile-image custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\n            <h2>Xin ch\u00E0o\n                <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span>\n                <span *ngIf=\"!currentUser\">kh\u00E1ch</span>!\n            </h2>\n            <ng-container *ngIf=\"currentUser\">\n                <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\n                <ng-container>|</ng-container>\n                <a style=\"background: #f7e08b;\" (click)=\"logout()\">\n                    <i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t\n                </a>\n            </ng-container>\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\">\n                <i class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng nh\u1EADp\n            </a>\n        </div>\n        <div class=\"module-icons\">\n            <h1>{{environment.appMetadata.main.title}}</h1>\n            <h2>{{environment.appMetadata.main.owner}}</h2>\n            <div class=\"div1111-wrapper\">\n                <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n                </tn-custom-scrollbar>\n\n                <ng-container *ngIf=\"isOnMobile\">\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n        <div class=\"clock-wrapper\">\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\n        </div>\n    </div>\n\n    <ng-template #appSwitcher>\n        <div class=\"div1111\">\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                <span>\n                    <a [style.background]=\"item.background\" (click)=\"switchApp(item)\">\n                        <i class=\"{{item.icon}} switcher-item-icon\" [style.color]=\"item.colorIcon\"></i>\n                        <span [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span>\n                    </a>\n                </span>\n            </ng-container>\n        </div>\n    </ng-template>\n</ng-template>",
+                    template: "<ng-container [ngSwitch]=\"uiSplash\">\n    <ng-container *ngSwitchDefault>\n        <ng-container [ngTemplateOutlet]=\"defaultSplash\">\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\n        <splash-component-v1></splash-component-v1>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\n        <splash-component-v2></splash-component-v2>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V3\">\n        <splash-component-v3></splash-component-v3>\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultSplash>\n    <div *ngIf=\"!loaded\" class=\"wrp-loader\">\n        <div class=\"loader\"></div>\n    </div>\n    <div *ngIf=\"loaded\" class=\"modules\">\n        <div class=\"welcome-user\">\n            <img class=\"profile-image custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\n            <h2>Xin ch\u00E0o\n                <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span>\n                <span *ngIf=\"!currentUser\">kh\u00E1ch</span>!\n            </h2>\n            <ng-container *ngIf=\"currentUser\">\n                <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\n                <ng-container>|</ng-container>\n                <a style=\"background: #f7e08b;\" (click)=\"logout()\">\n                    <i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t\n                </a>\n            </ng-container>\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\">\n                <i class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng nh\u1EADp\n            </a>\n        </div>\n        <div class=\"module-icons\">\n            <h1>{{environment.appMetadata.main.title}}</h1>\n            <h2>{{environment.appMetadata.main.owner}}</h2>\n            <div class=\"div1111-wrapper\">\n                <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n                </tn-custom-scrollbar>\n\n                <ng-container *ngIf=\"isOnMobile\">\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n        <div class=\"clock-wrapper\">\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\n        </div>\n    </div>\n\n    <ng-template #appSwitcher>\n        <div class=\"div1111\">\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                <span>\n                    <a [style.background]=\"item.background\" (click)=\"switchApp(item)\">\n                        <i class=\"{{item.icon}} switcher-item-icon\" [style.color]=\"item.colorIcon\"></i>\n                        <span [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span>\n                    </a>\n                </span>\n            </ng-container>\n        </div>\n    </ng-template>\n</ng-template>",
                     providers: [ComponentContextService],
                     styles: [".modules{background-color:#fff;font-family:monospace;background:url(/assets/images/splash-bg.png);background-repeat:no-repeat;background-position:50%;background-size:cover;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column}.modules div>span{min-width:100px;height:100px;width:100px;margin:10px;box-shadow:1px 2px 9px 1px #bbb;white-space:normal}.modules div>span,.modules div>span>a{display:inline-block;border-radius:5px}.modules div>span>a{height:100%;width:100%;color:#fff;text-decoration:unset;text-align:center;position:relative;font-weight:700;text-shadow:2px 3px 3px hsla(0,0%,42.7%,.4392156862745098);cursor:pointer}.modules div>span>a i{animation:in 1s}.modules div>span>a:hover i{animation:out 1s}@media (max-width:1370px){.modules{justify-content:flex-start;overflow:auto}.module-icons.module-icons{margin-bottom:20px}.welcome-user.welcome-user{margin-top:30px;margin-bottom:30px}.welcome-user.welcome-user img{width:100px;height:100px}.clock{margin:0 20px;font-size:1.5em}.data-time{margin:10px 0 20px;font-size:1em}}.modules div>span>a>span{display:inline-block;color:#fff;text-decoration:unset;text-align:center;position:absolute;bottom:10px;width:100%;left:0}.modules div>span.implementing{background-color:#fff;box-shadow:none}.modules div>span>a>i{font-size:3em;position:absolute;top:10px;width:100%;left:0}.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{width:100%;overflow:auto}.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;padding:6px;border-radius:3px;cursor:pointer}.welcome-user a i{margin-right:6px}.welcome-user img{border-radius:50%;border:2px dashed rgba(0,144,162,.5019607843137255);height:200px;width:200px;-o-object-fit:contain;object-fit:contain}.welcome-user h2{color:#0090a2}.clock-wrapper{color:rgba(0,144,162,.6666666666666666);font-size:2em;text-align:center}.loader{color:#607d8b;font-size:8px;width:1em;height:1em;border-radius:50%;position:absolute;text-indent:-9999em;animation:load4 1.3s linear infinite;transform:translate(-50%,-50%);top:50%;left:50%}@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}}"]
                 },] }
@@ -46845,7 +46846,7 @@
             _this.showSettings = false;
             _this.allSubscriptions = [];
             _this.message = '';
-            _this.UserRedirectType = UserRedirectType;
+            _this.UserRedirectType = UserRedirectType$1;
             _this.openNewTab = false;
             _this.environment = _this._moduleConfigService.getConfig().environment;
             _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
@@ -47079,7 +47080,7 @@
             this.onTopbarSearchClick(event, input);
         };
         AppTopBarV1Component.prototype.switchApp = function (item, redirectType) {
-            if (redirectType === void 0) { redirectType = UserRedirectType.DEFAULT; }
+            if (redirectType === void 0) { redirectType = UserRedirectType$1.DEFAULT; }
             if (item.target == '_blank') {
                 if (!item.defaultRedirect) {
                     item.defaultRedirect = '';
@@ -47097,7 +47098,7 @@
             }
             else {
                 if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
-                    if (redirectType != null && redirectType == UserRedirectType.PERSONAL_INFO) {
+                    if (redirectType != null && redirectType == UserRedirectType$1.PERSONAL_INFO) {
                         this._router.navigateByUrl(item.userProfileUrl);
                     }
                     else {
@@ -47136,7 +47137,7 @@
             this.rootContext.fireEvent('GO_HOME');
         };
         AppTopBarV1Component.prototype.onEditInfo = function (event, redirectType) {
-            if (redirectType === void 0) { redirectType = UserRedirectType.DEFAULT; }
+            if (redirectType === void 0) { redirectType = UserRedirectType$1.DEFAULT; }
             event.preventDefault();
             var currentAppSetting = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
             if (currentAppSetting) {
@@ -47272,11 +47273,11 @@
         notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }],
         messages: [{ type: i0.ViewChild, args: ['messages', { static: true },] }]
     };
-    var UserRedirectType;
+    var UserRedirectType$1;
     (function (UserRedirectType) {
         UserRedirectType[UserRedirectType["PERSONAL_INFO"] = 0] = "PERSONAL_INFO";
         UserRedirectType[UserRedirectType["DEFAULT"] = 1] = "DEFAULT";
-    })(UserRedirectType || (UserRedirectType = {}));
+    })(UserRedirectType$1 || (UserRedirectType$1 = {}));
 
     var AppTopBarV2Component = /** @class */ (function (_super) {
         __extends(AppTopBarV2Component, _super);
@@ -47446,7 +47447,448 @@
                 this.defaultDataSetting = 'Thiết lập tham số mặc định';
             }
         };
-        AppTopBarV2Component.prototype.ngOnDestroy = function () {
+        AppTopBarV2Component.prototype.ngOnDestroy = function () {
+            this.allSubscriptions.forEach(function (element) {
+                element.unsubscribe();
+            });
+            if (this.intervalCountdown) {
+                clearInterval(this.intervalCountdown);
+            }
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        AppTopBarV2Component.prototype.formatDefaultDataSetting = function (data) {
+            var _this = this;
+            var dataSetting = '';
+            var fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
+            var fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
+            fields.forEach(function (field, index) {
+                if (!_this.checkHidden(field)) {
+                    var _f = "" + field + fieldPluses[index];
+                    if (data[_f]) {
+                        dataSetting += data[_f] + '/';
+                    }
+                }
+            });
+            if (dataSetting.length > 0) {
+                dataSetting = dataSetting.substring(0, dataSetting.length - 1);
+            }
+            this.defaultDataSetting = dataSetting;
+        };
+        AppTopBarV2Component.prototype.checkHidden = function (field) {
+            return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(function (p) { return p.field == field; });
+        };
+        AppTopBarV2Component.prototype.getCurrentUserFullName = function () {
+            return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
+        };
+        AppTopBarV2Component.prototype.getCurrentUserPosition = function () {
+            return this.userProfile ? this.userProfile.tenDonVi : null;
+        };
+        AppTopBarV2Component.prototype.getCurrentUserAvatar = function () {
+            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+                return this.fileApi + "/public/" + this.rootContext.data.currentUser.avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        AppTopBarV2Component.prototype.clearFilter = function (input) {
+            var _this = this;
+            setTimeout(function () {
+                _this.model.searchModel[_this.model.fieldKey] = '';
+                _this._customRouteService.updateFragment(_this.model.fieldKey, null);
+                _this._customRouteService.updateWithoutFireEvent();
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
+                input.value = '';
+                input.focus();
+                _this._cd.detectChanges();
+            });
+        };
+        AppTopBarV2Component.prototype.toggleAdvanceSearch = function (evt) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
+            evt.preventDefault();
+            evt.cancelBubble = true;
+        };
+        AppTopBarV2Component.prototype.hideAdvanceSearch = function (evt) {
+            if (document.getElementById('advance-search-box')) {
+                var mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
+                if (!mask.length) {
+                    var closestDropdown = evt.target.closest('.dropdown-advs');
+                    if (closestDropdown == null || closestDropdown.length == 0) {
+                        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
+                    }
+                }
+            }
+        };
+        AppTopBarV2Component.prototype.focusToSearchBox = function () {
+            if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
+                this.input.nativeElement.focus();
+            }
+        };
+        AppTopBarV2Component.prototype.onTopbarSearchClick = function (event, input) {
+            var _this = this;
+            if (!this.model.fieldKey) {
+                return;
+            }
+            setTimeout(function () {
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
+                _this._customRouteService.updateFragment(_this.model.fieldKey, input.value);
+                _this._customRouteService.updateWithoutFireEvent();
+                input.focus();
+            });
+        };
+        AppTopBarV2Component.prototype.onEsc = function (event, input) {
+            this.clearFilter(input);
+        };
+        AppTopBarV2Component.prototype.onEnter = function (event, input) {
+            this.onTopbarSearchClick(event, input);
+        };
+        AppTopBarV2Component.prototype.switchApp = function (item) {
+            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();
+                }
+                if (!this.openNewTab) {
+                    top.location.href = item.url + "/" + item.defaultRedirect;
+                }
+                else {
+                    window.open(item.url + "/" + item.defaultRedirect, '_blank');
+                }
+            }
+            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;
+                    }
+                }
+            }
+        };
+        AppTopBarV2Component.prototype.hasAdvanceSearchBox = function () {
+            return this.model.searchModel.hasAdvanceSearch;
+        };
+        AppTopBarV2Component.prototype.isAdvanceSearching = function () {
+            return this.hasAdvanceSearchValue(this.model.searchModel);
+        };
+        AppTopBarV2Component.prototype.hasAdvanceSearchValue = function (obj) {
+            for (var key in obj) {
+                if (key === '_k' || key === 'hasAdvanceSearch') {
+                    continue;
+                }
+                if (obj[key] != null && obj[key] != '') {
+                    return false;
+                }
+            }
+            return true;
+        };
+        AppTopBarV2Component.prototype.getComponentId = function () {
+            return 'TOPBAR';
+        };
+        AppTopBarV2Component.prototype.goToHome = function () {
+            this.rootContext.fireEvent('GO_HOME');
+        };
+        AppTopBarV2Component.prototype.onEditInfo = function (event) {
+            event.preventDefault();
+            var currentAppSetting = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
+            if (currentAppSetting) {
+                this.switchApp(currentAppSetting);
+            }
+            else {
+                console.error('Bạn chưa thiết lập metadata cho trang cá nhân');
+            }
+        };
+        AppTopBarV2Component.prototype.onChangePassword = function (event) {
+            event.preventDefault();
+            // this.changePassword.showPopup(this._userService.getId());
+        };
+        AppTopBarV2Component.prototype.onTopbarLogout = function () {
+            if (!localStorage.getItem('currentUrl')) {
+                localStorage.setItem('currentUrl', top.location.href);
+            }
+            this._authenService.logout();
+        };
+        AppTopBarV2Component.prototype.settingDefault = function () {
+            this.model.dataModelSetting = {
+                data: {},
+                showSettings: true
+            };
+        };
+        AppTopBarV2Component.prototype.onShowSettings = function (ev) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
+        };
+        AppTopBarV2Component.prototype.onCloseSettings = function (ev) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
+        };
+        AppTopBarV2Component.prototype.showProfilePage = function () {
+            if (this._userService.isSinhVienAccount()) {
+                return false;
+            }
+            return true;
+        };
+        AppTopBarV2Component.prototype.login = function () {
+            this.rootContext.fireEvent('LOGIN');
+        };
+        AppTopBarV2Component.prototype.setNotify = function (message) {
+            this.message = message;
+        };
+        AppTopBarV2Component.prototype.handleMouseOver = function (evt) {
+            evt.target.stop();
+        };
+        AppTopBarV2Component.prototype.handleMouseOut = function (evt) {
+            evt.target.start();
+        };
+        AppTopBarV2Component.prototype.showNotificationReload = function () {
+            var _this = this;
+            this.message = 'Hệ thống có phiên bản mới, hãy refresh trình duyệt để cập nhật';
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.SHOW_REJECT_CONFIRM, false);
+            this._notifierService.showConfirm(this.message).then(function (res) {
+                _this.reloadWindow();
+            });
+            // if (this.intervalCountdown) {
+            //     clearInterval(this.intervalCountdown);
+            // }
+            // const date = new Date();
+            // const goalDate = (new Date(date.getTime() + 10 * 1000)).getTime(); // Đếm 10s
+            // this.intervalCountdown = setInterval(f => {
+            //     const now = new Date().getTime();
+            //     const distance = goalDate - now;
+            //     var seconds = Math.floor(distance / 1000);
+            //     // If the count down is finished, write some text
+            //     if (distance < 0) {
+            //         clearInterval(this.intervalCountdown);
+            //         this.reloadWindow();
+            //         return;
+            //     }
+            //     let message = `Trình duyệt sẽ khởi động lại sau ${seconds}s`;
+            //     if (seconds < 1) {
+            //         message = 'Trình duyệt sẽ khởi động lại ngay bây giờ';
+            //     }
+            //     this._notifierService.showConfirm(
+            //         message, null, null, false, this._translateService.instant('CONFIRM.ACCEPT_LABEL'),
+            //         'pi pi-check'
+            //     ).then(res => {
+            //         clearInterval(this.intervalCountdown);
+            //         this.reloadWindow();
+            //     });
+            // }, 1000);
+        };
+        AppTopBarV2Component.prototype.getOwner = function () {
+            // đổi ngược title và owner theo application.json
+            return this.environment.appMetadata.main.reverseTopbarTitle == null || this.environment.appMetadata.main.reverseTopbarTitle == false
+                ? this.environment.appMetadata.main.owner
+                : this.environment.appMetadata.main.titleShort;
+        };
+        AppTopBarV2Component.prototype.getTitle = function () {
+            return this.environment.appMetadata.main.reverseTopbarTitle == null || this.environment.appMetadata.main.reverseTopbarTitle == false
+                ? this.environment.appMetadata.main.titleShort
+                : this.environment.appMetadata.main.owner;
+        };
+        AppTopBarV2Component.prototype.reloadWindow = function () {
+            top.location.reload();
+        };
+        return AppTopBarV2Component;
+    }(ComponentBase));
+    AppTopBarV2Component.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-topbar-v2',
+                    template: "<div class=\"topbar clearfix tn-l-top-bar\">\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\n        <div class=\"tn-l-left-menu-toggle-block\">\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\n                (click)=\"_commonService.onMenuButtonClick($event)\">\n                <i class=\"pi pi-chevron-left\"></i>\n            </a>\n        </div>\n\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\" (click)=\"goToHome()\" /></a>\n        </div>\n        <div class=\"topbar-title tn-l-logo-title-block\">\n            <div class=\"topbar-owner\">\n                {{getTitle()}}\n            </div>\n            <div class=\"topbar-description\">\n                {{getOwner()}}\n            </div>\n        </div>\n    </div>\n    <div class=\"setting-default-container\">\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\n                (click)=\"settingDefault()\">\n            </a>\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\n        </ng-container>\n    </div>\n    <div #notify class=\"notify-message\">\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\n    </div>\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\n        oncontextmenu=\"return false\">\n        <div class=\"tn-l-top-bar-right-block-1\">\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\"\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                    </path>\n                </svg>\n                <span *ngIf=\"messages && messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\n            </a>\n        </div>\n\n        <div class=\"tn-l-top-bar-right-block-2\">\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\n                <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\n                    *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\n\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\n                                [src]=\"getCurrentUserAvatar()\" />\n                        </div>\n                        <div class=\"profile-info-wrapper\">\n                            <div class=\"topbar-item-name-wrapper\"\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\n                            </div>\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\n                        </div>\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\n                    </a>\n\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\n                            <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\n                                <i class=\"pi pi-sign-out\"></i>\n                                <span>\u0110\u0103ng xu\u1EA5t</span>\n                            </a>\n                        </li>\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\n                            <a href=\"javascript:;\" (click)=\"login()\">\n                                <i class=\"pi pi-sign-in\"></i>\n                                <span>\u0110\u0103ng nh\u1EADp</span>\n                            </a>\n                        </li>\n                    </ul>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowHelp()\" #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowNotification()\" id=\"li-notifications\"\n                    class=\"tn-l-top-bar-menu-item\" #messages\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n                                <path fill=\"currentColor\"\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                                </path>\n                            </svg>\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\n                        </span>\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\n                    </a>\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\n                                        (click)=\"switchApp(item)\">\n                                        <span class=\"tn-l-switcher-item-inner\">\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\n                                            <div class=\"tn-l-switcher-item-label\">\n                                                {{ item.title | translate}}\n                                            </div>\n                                        </span>\n                                    </a>\n                                </ng-container>\n                            </li>\n                        </tn-custom-scrollbar>\n                    </ul>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>",
+                    providers: [ComponentContextService],
+                    styles: [".topBarSearchButton:disabled{opacity:1;background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled::placeholder{color:#b1b1b1}.UserPane.UserPane{display:flex}.profile-image-wrapper{order:1}.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name{margin-top:0;float:none}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;justify-content:center;order:0;text-align:right;float:none}.tn-l-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tn-l-default-detting{color:#fff;cursor:pointer;margin:0}.tn-l-left-menu-toggle-block{align-self:stretch;display:flex;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941)}.tn-l-left-menu-toggle{color:#fff;padding:8px;transition:transform .25s ease-in-out}::ng-deep .layout-menu-static-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-left:0;margin-right:30px}.topbar-logo.topbar-logo.topbar-logo{float:none}.tn-l-logo.tn-l-logo.tn-l-logo.tn-l-logo{width:auto;height:40px;margin:0}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{margin:0;font-size:0;width:auto;height:auto;padding-left:8px;padding-right:8px}.tn-l-top-bar{display:flex}.topbar-description,.topbar-owner{white-space:nowrap}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:15px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:11px;text-transform:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{float:none;width:auto;display:flex}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{width:30px;height:28px;margin:auto;display:block}.tn-m-topbar-menu-toggle g{stroke:#fff}.tn-m-topbar-menu-toggle path{fill:#fff}.tn-l-m-default-setting{display:none}.setting-default-container{justify-content:center}.notify-message,.setting-default-container{display:flex;align-items:center;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{white-space:nowrap;color:#ff0;font-size:500}.search-item{margin-right:10px}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{background:#fff}.tn-l-switcher-item-label{text-shadow:none;color:#52abff;text-align:center}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{font-size:38px;margin:5px auto;text-shadow:none;color:#52abff}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{padding:8px}.tn-l-switcher.tn-l-switcher{margin-bottom:0}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item{width:unset;margin-top:0}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+0){border-left:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+1){border-right:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+2){border:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+1):last-child,::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+2):last-child{width:unset}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a span{line-height:1.2}::ng-deep .layout-wrapper app-topbar-v2 .topbar .topbar-left{box-shadow:none}::ng-deep .layout-wrapper app-topbar-v2 .wrapper-appswitch{text-align:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media (max-width:1024px){::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item{width:unset}}@media (min-width:1025px){.tn-l-top-bar-right{display:flex;justify-content:space-between;align-items:center}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{margin:0;display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:center}.topbar-items.topbar-items.topbar-items,.topbar-items.topbar-items.topbar-items>li{float:none}::ng-deep .topbar .topbar-items>li>a{margin-top:0}::ng-deep .topbar .topbar-items>li>a>span>i{color:#fff;font-size:24px}.topbar .topbar-items>li>a.UserPane{height:auto;line-height:inherit;top:0}a.UserPane .profile-image.profile-image.profile-image.profile-image{margin-top:0}}@media (min-width:1025px) and (max-width:1400px){.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-right:19px}.search-item{margin-right:0}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding-left:15px}.topbar-items>li.profile-item{margin-left:14px}}@media (max-width:1024px){.tn-l-m-default-setting{display:flex;align-items:center;justify-content:center;height:36px;font-size:28px;width:36px;color:#fff}.tn-l-default-detting{display:none}::ng-deep .layout-menu-static-mobile-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{text-align:left}.topbar .topbar-right #topbar-menu-button{display:flex;align-items:center;width:36px;justify-content:center}.tn-l-top-bar-right-block-1{display:flex}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{padding-left:5px;padding-right:5px}.tn-l-logo-title-block,.tn-l-top-bar-left,.topbar-description,.topbar-owner{overflow:hidden}.topbar-description,.topbar-owner{text-overflow:ellipsis}.tn-l-top-bar-menu-item:empty{display:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{padding-left:0;padding-right:0}.topbar-title.topbar-title.topbar-title.topbar-title{margin:0}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:14px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:10px}.tn-l-top-bar-right{flex:1;position:relative}.topbar-menu-button span.topbar-badge{right:-4px}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{display:flex;padding:0 .5em;align-items:center;justify-content:flex-end}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{position:relative;margin-left:.5em;top:0;right:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{display:flex;justify-content:center;align-items:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
+                },] }
+    ];
+    AppTopBarV2Component.ctorParameters = function () { return [
+        { type: CustomRouterService },
+        { type: i3.Router },
+        { type: CommonService },
+        { type: AuthenService },
+        { type: i0.ChangeDetectorRef },
+        { type: i0.Injector },
+        { type: PermissionService },
+        { type: ModuleConfigService },
+        { type: UserService },
+        { type: NotifierService },
+        { type: i2.TranslateService },
+        { type: CustomizeUiService }
+    ]; };
+    AppTopBarV2Component.propDecorators = {
+        input: [{ type: i0.ViewChild, args: ['input',] }],
+        notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }],
+        messages: [{ type: i0.ViewChild, args: ['messages', { static: true },] }]
+    };
+
+    var AppTopBarV3Component = /** @class */ (function (_super) {
+        __extends(AppTopBarV3Component, _super);
+        function AppTopBarV3Component(document, _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _customizeUiService) {
+            var _this = this;
+            var _a;
+            _this = _super.call(this, _injector) || this;
+            _this.document = document;
+            _this._customRouteService = _customRouteService;
+            _this._router = _router;
+            _this._commonService = _commonService;
+            _this._authenService = _authenService;
+            _this._cd = _cd;
+            _this._permissionService = _permissionService;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._userService = _userService;
+            _this._notifierService = _notifierService;
+            _this._customizeUiService = _customizeUiService;
+            _this.defaultAvatar = '';
+            _this.key = '';
+            _this.currentRoute = '';
+            _this.fileApi = '';
+            _this.currentUser = null;
+            _this.appSwitcherItems = [];
+            _this.isFirstTime = false;
+            _this.showSettings = false;
+            _this.allSubscriptions = [];
+            _this.message = '';
+            _this.UserRedirectType = UserRedirectType;
+            _this.openNewTab = false;
+            _this.environment = _this._moduleConfigService.getConfig().environment;
+            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
+            _this.openNewTab = (_a = _this.environment.appMetadata.main.openNewTab) !== null && _a !== void 0 ? _a : true;
+            _this.fileApi = _this.environment.apiDomain.fileEndpoint + "/" + _this.environment.apiVersion + "/FileObject";
+            if (_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.rootContext.data.currentUser) {
+                _this.rootContext.data.currentUser = {};
+            }
+            _this.rootContext.replaySubscribeOnce(ComCtxConstants.ROOT.USER_LOADED, function (rs) {
+                _this.currentUser = _this._userService.getCurrentUser();
+                _this.loadMenuMetadata();
+            });
+            if (_this.rootModel.allowAnonymous) {
+                _this.loadMenuMetadata();
+            }
+            return _this;
+        }
+        AppTopBarV3Component.prototype.loadMenuMetadata = function () {
+            var _this = this;
+            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var arr, _b, _c, _i, ind, element, clientId, isAuthorized;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            arr = [];
+                            _b = [];
+                            for (_c in this.environment.appMetadata.appSwitcher)
+                                _b.push(_c);
+                            _i = 0;
+                            _d.label = 1;
+                        case 1:
+                            if (!(_i < _b.length)) return [3 /*break*/, 5];
+                            ind = _b[_i];
+                            element = this.environment.appMetadata.appSwitcher[ind];
+                            clientId = this.environment.authenticationSettings.clientId;
+                            if (!(this.rootContext.data.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 = _d.sent();
+                            if (isAuthorized) {
+                                arr.push(element);
+                            }
+                            _d.label = 4;
+                        case 4:
+                            _i++;
+                            return [3 /*break*/, 1];
+                        case 5:
+                            resolve(arr);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            prmsAppSwicherItem.then(function (rs) {
+                if (rs) {
+                    var currentUser_1 = _this._userService.getCurrentUser();
+                    _this.appSwitcherItems.length = 0;
+                    rs.forEach(function (element) {
+                        if (element.visible) {
+                            if (element.allowAnonymous) {
+                                _this.appSwitcherItems.push(element);
+                            }
+                            else {
+                                if (currentUser_1.maNguoiHoc && currentUser_1.issuperuser && currentUser_1.issuperuser.toLowerCase() != 'true') {
+                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                        _this.appSwitcherItems.push(element);
+                                    }
+                                }
+                                else {
+                                    _this.appSwitcherItems.push(element);
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        };
+        AppTopBarV3Component.prototype.ngOnInit = function () {
+            var _this = this;
+            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.userProfile = this._userService.getProfileInfo();
+            }
+            this.rootContext.subscribe(ComCtxConstants.ROOT.BODY_MOUSE_DOWN, function (e) {
+                setTimeout(function () {
+                    _this.hideAdvanceSearch(e);
+                });
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, function (e) {
+                _this.focusToSearchBox();
+            });
+            this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, function (e) {
+                _this.showNotificationReload();
+            });
+            this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, function (e) {
+                _this.setNotify(e.message);
+            });
+            this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, function (e) {
+                _this.model.dataModelSetting.showSettings = true;
+            }));
+            this.model.dataModelSetting = {
+                data: {},
+                showSettings: false
+            };
+            this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, function (data) {
+                _this.formatDefaultDataSetting(data);
+                _this.reloadWindow();
+            });
+            var stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
+            if (stringDataDefault) {
+                var dataCacheDefault = JSON.parse(stringDataDefault);
+                this.formatDefaultDataSetting(dataCacheDefault);
+            }
+            else {
+                this.defaultDataSetting = 'Thiết lập tham số mặc định';
+            }
+        };
+        AppTopBarV3Component.prototype.ngOnDestroy = function () {
             this.allSubscriptions.forEach(function (element) {
                 element.unsubscribe();
             });
@@ -47455,7 +47897,7 @@
             }
             _super.prototype.ngOnDestroy.call(this);
         };
-        AppTopBarV2Component.prototype.formatDefaultDataSetting = function (data) {
+        AppTopBarV3Component.prototype.formatDefaultDataSetting = function (data) {
             var _this = this;
             var dataSetting = '';
             var fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
@@ -47473,16 +47915,16 @@
             }
             this.defaultDataSetting = dataSetting;
         };
-        AppTopBarV2Component.prototype.checkHidden = function (field) {
+        AppTopBarV3Component.prototype.checkHidden = function (field) {
             return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(function (p) { return p.field == field; });
         };
-        AppTopBarV2Component.prototype.getCurrentUserFullName = function () {
+        AppTopBarV3Component.prototype.getCurrentUserFullName = function () {
             return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
         };
-        AppTopBarV2Component.prototype.getCurrentUserPosition = function () {
+        AppTopBarV3Component.prototype.getCurrentUserPosition = function () {
             return this.userProfile ? this.userProfile.tenDonVi : null;
         };
-        AppTopBarV2Component.prototype.getCurrentUserAvatar = function () {
+        AppTopBarV3Component.prototype.getCurrentUserAvatar = function () {
             if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
                 return this.fileApi + "/public/" + this.rootContext.data.currentUser.avatar + "/Download";
             }
@@ -47490,7 +47932,7 @@
                 return this.defaultAvatar;
             }
         };
-        AppTopBarV2Component.prototype.clearFilter = function (input) {
+        AppTopBarV3Component.prototype.clearFilter = function (input) {
             var _this = this;
             setTimeout(function () {
                 _this.model.searchModel[_this.model.fieldKey] = '';
@@ -47502,12 +47944,12 @@
                 _this._cd.detectChanges();
             });
         };
-        AppTopBarV2Component.prototype.toggleAdvanceSearch = function (evt) {
+        AppTopBarV3Component.prototype.toggleAdvanceSearch = function (evt) {
             this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
             evt.preventDefault();
             evt.cancelBubble = true;
         };
-        AppTopBarV2Component.prototype.hideAdvanceSearch = function (evt) {
+        AppTopBarV3Component.prototype.hideAdvanceSearch = function (evt) {
             if (document.getElementById('advance-search-box')) {
                 var mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
                 if (!mask.length) {
@@ -47518,12 +47960,12 @@
                 }
             }
         };
-        AppTopBarV2Component.prototype.focusToSearchBox = function () {
+        AppTopBarV3Component.prototype.focusToSearchBox = function () {
             if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
                 this.input.nativeElement.focus();
             }
         };
-        AppTopBarV2Component.prototype.onTopbarSearchClick = function (event, input) {
+        AppTopBarV3Component.prototype.onTopbarSearchClick = function (event, input) {
             var _this = this;
             if (!this.model.fieldKey) {
                 return;
@@ -47535,13 +47977,14 @@
                 input.focus();
             });
         };
-        AppTopBarV2Component.prototype.onEsc = function (event, input) {
+        AppTopBarV3Component.prototype.onEsc = function (event, input) {
             this.clearFilter(input);
         };
-        AppTopBarV2Component.prototype.onEnter = function (event, input) {
+        AppTopBarV3Component.prototype.onEnter = function (event, input) {
             this.onTopbarSearchClick(event, input);
         };
-        AppTopBarV2Component.prototype.switchApp = function (item) {
+        AppTopBarV3Component.prototype.switchApp = function (item, redirectType) {
+            if (redirectType === void 0) { redirectType = UserRedirectType.DEFAULT; }
             if (item.target == '_blank') {
                 if (!item.defaultRedirect) {
                     item.defaultRedirect = '';
@@ -47559,7 +48002,12 @@
             }
             else {
                 if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
-                    this._router.navigateByUrl(item.defaultRedirect);
+                    if (redirectType != null && redirectType == UserRedirectType.PERSONAL_INFO) {
+                        this._router.navigateByUrl(item.userProfileUrl);
+                    }
+                    else {
+                        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
@@ -47569,13 +48017,13 @@
                 }
             }
         };
-        AppTopBarV2Component.prototype.hasAdvanceSearchBox = function () {
+        AppTopBarV3Component.prototype.hasAdvanceSearchBox = function () {
             return this.model.searchModel.hasAdvanceSearch;
         };
-        AppTopBarV2Component.prototype.isAdvanceSearching = function () {
+        AppTopBarV3Component.prototype.isAdvanceSearching = function () {
             return this.hasAdvanceSearchValue(this.model.searchModel);
         };
-        AppTopBarV2Component.prototype.hasAdvanceSearchValue = function (obj) {
+        AppTopBarV3Component.prototype.hasAdvanceSearchValue = function (obj) {
             for (var key in obj) {
                 if (key === '_k' || key === 'hasAdvanceSearch') {
                     continue;
@@ -47586,63 +48034,70 @@
             }
             return true;
         };
-        AppTopBarV2Component.prototype.getComponentId = function () {
+        AppTopBarV3Component.prototype.getComponentId = function () {
             return 'TOPBAR';
         };
-        AppTopBarV2Component.prototype.goToHome = function () {
+        AppTopBarV3Component.prototype.goToHome = function () {
             this.rootContext.fireEvent('GO_HOME');
         };
-        AppTopBarV2Component.prototype.onEditInfo = function (event) {
+        AppTopBarV3Component.prototype.onEditInfo = function (event, redirectType) {
+            if (redirectType === void 0) { redirectType = UserRedirectType.DEFAULT; }
             event.preventDefault();
             var currentAppSetting = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
             if (currentAppSetting) {
-                this.switchApp(currentAppSetting);
+                this.switchApp(currentAppSetting, redirectType);
             }
             else {
                 console.error('Bạn chưa thiết lập metadata cho trang cá nhân');
             }
         };
-        AppTopBarV2Component.prototype.onChangePassword = function (event) {
+        AppTopBarV3Component.prototype.onChangePassword = function (event) {
             event.preventDefault();
-            // this.changePassword.showPopup(this._userService.getId());
+            var domain = this.environment.clientDomain.appDomain;
+            var subPath = 'user';
+            // vì DHGTVT dùng đồng thời userv5 và userv4
+            if (this.environment.maTruong == 'DHGTVT') {
+                subPath = 'userv5';
+            }
+            this.document.location.href = domain + "/" + subPath + "/change-password";
         };
-        AppTopBarV2Component.prototype.onTopbarLogout = function () {
+        AppTopBarV3Component.prototype.onTopbarLogout = function () {
             if (!localStorage.getItem('currentUrl')) {
                 localStorage.setItem('currentUrl', top.location.href);
             }
             this._authenService.logout();
         };
-        AppTopBarV2Component.prototype.settingDefault = function () {
+        AppTopBarV3Component.prototype.settingDefault = function () {
             this.model.dataModelSetting = {
                 data: {},
                 showSettings: true
             };
         };
-        AppTopBarV2Component.prototype.onShowSettings = function (ev) {
+        AppTopBarV3Component.prototype.onShowSettings = function (ev) {
             this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
         };
-        AppTopBarV2Component.prototype.onCloseSettings = function (ev) {
+        AppTopBarV3Component.prototype.onCloseSettings = function (ev) {
             this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
         };
-        AppTopBarV2Component.prototype.showProfilePage = function () {
+        AppTopBarV3Component.prototype.showProfilePage = function () {
             if (this._userService.isSinhVienAccount()) {
                 return false;
             }
             return true;
         };
-        AppTopBarV2Component.prototype.login = function () {
+        AppTopBarV3Component.prototype.login = function () {
             this.rootContext.fireEvent('LOGIN');
         };
-        AppTopBarV2Component.prototype.setNotify = function (message) {
+        AppTopBarV3Component.prototype.setNotify = function (message) {
             this.message = message;
         };
-        AppTopBarV2Component.prototype.handleMouseOver = function (evt) {
+        AppTopBarV3Component.prototype.handleMouseOver = function (evt) {
             evt.target.stop();
         };
-        AppTopBarV2Component.prototype.handleMouseOut = function (evt) {
+        AppTopBarV3Component.prototype.handleMouseOut = function (evt) {
             evt.target.start();
         };
-        AppTopBarV2Component.prototype.showNotificationReload = function () {
+        AppTopBarV3Component.prototype.showNotificationReload = function () {
             var _this = this;
             this.message = 'Hệ thống có phiên bản mới, hãy refresh trình duyệt để cập nhật';
             this.rootContext.fireEvent(ComCtxConstants.ROOT.SHOW_REJECT_CONFIRM, false);
@@ -47677,31 +48132,33 @@
             //     });
             // }, 1000);
         };
-        AppTopBarV2Component.prototype.getOwner = function () {
+        AppTopBarV3Component.prototype.getOwner = function () {
             // đổi ngược title và owner theo application.json
             return this.environment.appMetadata.main.reverseTopbarTitle == null || this.environment.appMetadata.main.reverseTopbarTitle == false
                 ? this.environment.appMetadata.main.owner
                 : this.environment.appMetadata.main.titleShort;
         };
-        AppTopBarV2Component.prototype.getTitle = function () {
+        AppTopBarV3Component.prototype.getTitle = function () {
+            // đổi ngược title và owner theo application.json
             return this.environment.appMetadata.main.reverseTopbarTitle == null || this.environment.appMetadata.main.reverseTopbarTitle == false
                 ? this.environment.appMetadata.main.titleShort
                 : this.environment.appMetadata.main.owner;
         };
-        AppTopBarV2Component.prototype.reloadWindow = function () {
+        AppTopBarV3Component.prototype.reloadWindow = function () {
             top.location.reload();
         };
-        return AppTopBarV2Component;
+        return AppTopBarV3Component;
     }(ComponentBase));
-    AppTopBarV2Component.decorators = [
+    AppTopBarV3Component.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'app-topbar-v2',
-                    template: "<div class=\"topbar clearfix tn-l-top-bar\">\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\n        <div class=\"tn-l-left-menu-toggle-block\">\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\n                (click)=\"_commonService.onMenuButtonClick($event)\">\n                <i class=\"pi pi-chevron-left\"></i>\n            </a>\n        </div>\n\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\" (click)=\"goToHome()\" /></a>\n        </div>\n        <div class=\"topbar-title tn-l-logo-title-block\">\n            <div class=\"topbar-owner\">\n                {{getTitle()}}\n            </div>\n            <div class=\"topbar-description\">\n                {{getOwner()}}\n            </div>\n        </div>\n    </div>\n    <div class=\"setting-default-container\">\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\n                (click)=\"settingDefault()\">\n            </a>\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\n        </ng-container>\n    </div>\n    <div #notify class=\"notify-message\">\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\n    </div>\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\n        oncontextmenu=\"return false\">\n        <div class=\"tn-l-top-bar-right-block-1\">\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\"\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                    </path>\n                </svg>\n                <span *ngIf=\"messages && messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\n            </a>\n        </div>\n\n        <div class=\"tn-l-top-bar-right-block-2\">\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\n                <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\n                    *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\n\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\n                                [src]=\"getCurrentUserAvatar()\" />\n                        </div>\n                        <div class=\"profile-info-wrapper\">\n                            <div class=\"topbar-item-name-wrapper\"\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\n                            </div>\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\n                        </div>\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\n                    </a>\n\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\n                            <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\n                                <i class=\"pi pi-sign-out\"></i>\n                                <span>\u0110\u0103ng xu\u1EA5t</span>\n                            </a>\n                        </li>\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\n                            <a href=\"javascript:;\" (click)=\"login()\">\n                                <i class=\"pi pi-sign-in\"></i>\n                                <span>\u0110\u0103ng nh\u1EADp</span>\n                            </a>\n                        </li>\n                    </ul>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowHelp()\" #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowNotification()\" id=\"li-notifications\"\n                    class=\"tn-l-top-bar-menu-item\" #messages\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n                                <path fill=\"currentColor\"\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                                </path>\n                            </svg>\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\n                        </span>\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\n                    </a>\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\n                                        (click)=\"switchApp(item)\">\n                                        <span class=\"tn-l-switcher-item-inner\">\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\n                                            <div class=\"tn-l-switcher-item-label\">\n                                                {{ item.title | translate}}\n                                            </div>\n                                        </span>\n                                    </a>\n                                </ng-container>\n                            </li>\n                        </tn-custom-scrollbar>\n                    </ul>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>",
+                    selector: 'app-topbar-v3',
+                    template: "<div class=\"topbar clearfix tn-l-top-bar\">\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\n        <div class=\"tn-l-left-menu-toggle-block\">\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\n                (click)=\"_commonService.onMenuButtonClick($event)\">\n                <i class=\"pi pi-chevron-left\"></i>\n            </a>\n        </div>\n\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logoInside\"\n                    (click)=\"goToHome()\" /></a>\n        </div>\n    </div>\n    <div class=\"setting-default-container\">\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\n                (click)=\"settingDefault()\">\n            </a>\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\n        </ng-container>\n    </div>\n    <div #notify class=\"notify-message\">\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\n    </div>\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\n        oncontextmenu=\"return false\">\n        <div class=\"tn-l-top-bar-right-block-1\">\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\"\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                    </path>\n                </svg>\n                <span *ngIf=\"messages && messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\n            </a>\n        </div>\n\n        <div class=\"tn-l-top-bar-right-block-2\">\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\n                <li *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\" #profile\n                    class=\"profile-item tn-l-top-bar-menu-item\"\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\n\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\n                                [src]=\"getCurrentUserAvatar()\" />\n                        </div>\n                        <div class=\"profile-info-wrapper\">\n                            <div class=\"topbar-item-name-wrapper\"\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\n                            </div>\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\n                        </div>\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\n                    </a>\n\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\n                        <ng-container *ngIf=\"currentUser\">\n                            <li role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\n                                    <i class=\"pi pi-inbox\"></i>\n                                    <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\n                                </a>\n                            </li>\n                            <li role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event, UserRedirectType.PERSONAL_INFO)\">\n                                    <i class=\"pi pi-user-edit\"></i>\n                                    <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\n                                </a>\n                            </li>\n                            <li role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onChangePassword($event)\">\n                                    <i class=\"pi pi-key\"></i>\n                                    <span>\u0110\u1ED5i m\u1EADt kh\u1EA9u</span>\n                                </a>\n                            </li>\n                            <li role=\"menuitem\">\n                                <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\n                                    <i class=\"pi pi-sign-out\"></i>\n                                    <span>\u0110\u0103ng xu\u1EA5t</span>\n                                </a>\n                            </li>\n                        </ng-container>\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\n                            <a href=\"javascript:;\" (click)=\"login()\">\n                                <i class=\"pi pi-sign-in\"></i>\n                                <span>\u0110\u0103ng nh\u1EADp</span>\n                            </a>\n                        </li>\n                    </ul>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowHelp()\" #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help>\n                </li>\n                <li *ngIf=\"_customizeUiService.isShowNotification()\" id=\"li-notifications\"\n                    class=\"tn-l-top-bar-menu-item\" #messages\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n                                <path fill=\"currentColor\"\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                                </path>\n                            </svg>\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\n                        </span>\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\n                    </a>\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\n                                        (click)=\"switchApp(item)\">\n                                        <span class=\"tn-l-switcher-item-inner\">\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\n                                            <div class=\"tn-l-switcher-item-label\">\n                                                {{ item.title | translate}}\n                                            </div>\n                                        </span>\n                                    </a>\n                                </ng-container>\n                            </li>\n                        </tn-custom-scrollbar>\n                    </ul>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>",
                     providers: [ComponentContextService],
-                    styles: [".topBarSearchButton:disabled{opacity:1;background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled::placeholder{color:#b1b1b1}.UserPane.UserPane{display:flex}.profile-image-wrapper{order:1}.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name{margin-top:0;float:none}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;justify-content:center;order:0;text-align:right;float:none}.tn-l-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tn-l-default-detting{color:#fff;cursor:pointer;margin:0}.tn-l-left-menu-toggle-block{align-self:stretch;display:flex;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941)}.tn-l-left-menu-toggle{color:#fff;padding:8px;transition:transform .25s ease-in-out}::ng-deep .layout-menu-static-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-left:0;margin-right:30px}.topbar-logo.topbar-logo.topbar-logo{float:none}.tn-l-logo.tn-l-logo.tn-l-logo.tn-l-logo{width:auto;height:40px;margin:0}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{margin:0;font-size:0;width:auto;height:auto;padding-left:8px;padding-right:8px}.tn-l-top-bar{display:flex}.topbar-description,.topbar-owner{white-space:nowrap}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:15px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:11px;text-transform:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{float:none;width:auto;display:flex}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{width:30px;height:28px;margin:auto;display:block}.tn-m-topbar-menu-toggle g{stroke:#fff}.tn-m-topbar-menu-toggle path{fill:#fff}.tn-l-m-default-setting{display:none}.setting-default-container{justify-content:center}.notify-message,.setting-default-container{display:flex;align-items:center;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{white-space:nowrap;color:#ff0;font-size:500}.search-item{margin-right:10px}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{background:#fff}.tn-l-switcher-item-label{text-shadow:none;color:#52abff;text-align:center}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{font-size:38px;margin:5px auto;text-shadow:none;color:#52abff}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{padding:8px}.tn-l-switcher.tn-l-switcher{margin-bottom:0}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item{width:unset;margin-top:0}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+0){border-left:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+1){border-right:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+2){border:none}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+1):last-child,::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item:nth-child(3n+2):last-child{width:unset}::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a span{line-height:1.2}::ng-deep .layout-wrapper app-topbar-v2 .topbar .topbar-left{box-shadow:none}::ng-deep .layout-wrapper app-topbar-v2 .wrapper-appswitch{text-align:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media (max-width:1024px){::ng-deep .layout-wrapper app-topbar-v2 .layout-menu li a.switcher-item{width:unset}}@media (min-width:1025px){.tn-l-top-bar-right{display:flex;justify-content:space-between;align-items:center}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{margin:0;display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:center}.topbar-items.topbar-items.topbar-items,.topbar-items.topbar-items.topbar-items>li{float:none}::ng-deep .topbar .topbar-items>li>a{margin-top:0}::ng-deep .topbar .topbar-items>li>a>span>i{color:#fff;font-size:24px}.topbar .topbar-items>li>a.UserPane{height:auto;line-height:inherit;top:0}a.UserPane .profile-image.profile-image.profile-image.profile-image{margin-top:0}}@media (min-width:1025px) and (max-width:1400px){.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-right:19px}.search-item{margin-right:0}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding-left:15px}.topbar-items>li.profile-item{margin-left:14px}}@media (max-width:1024px){.tn-l-m-default-setting{display:flex;align-items:center;justify-content:center;height:36px;font-size:28px;width:36px;color:#fff}.tn-l-default-detting{display:none}::ng-deep .layout-menu-static-mobile-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{text-align:left}.topbar .topbar-right #topbar-menu-button{display:flex;align-items:center;width:36px;justify-content:center}.tn-l-top-bar-right-block-1{display:flex}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{padding-left:5px;padding-right:5px}.tn-l-logo-title-block,.tn-l-top-bar-left,.topbar-description,.topbar-owner{overflow:hidden}.topbar-description,.topbar-owner{text-overflow:ellipsis}.tn-l-top-bar-menu-item:empty{display:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{padding-left:0;padding-right:0}.topbar-title.topbar-title.topbar-title.topbar-title{margin:0}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:14px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:10px}.tn-l-top-bar-right{flex:1;position:relative}.topbar-menu-button span.topbar-badge{right:-4px}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{display:flex;padding:0 .5em;align-items:center;justify-content:flex-end}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{position:relative;margin-left:.5em;top:0;right:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{display:flex;justify-content:center;align-items:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
+                    styles: [".topBarSearchButton:disabled{opacity:1;background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled::placeholder{color:#b1b1b1}.UserPane.UserPane{display:flex}.profile-image-wrapper{order:1}.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name{margin-top:0;float:none}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;justify-content:center;order:0;text-align:right;float:none}.tn-l-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tn-l-default-detting{color:#fff;cursor:pointer;margin:0}.tn-l-left-menu-toggle-block{align-self:stretch;display:flex;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941)}.tn-l-left-menu-toggle{color:#fff;padding:8px;transition:transform .25s ease-in-out}::ng-deep .layout-menu-static-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-left:0;margin-right:30px}.topbar-logo.topbar-logo.topbar-logo{float:none}.tn-l-logo.tn-l-logo.tn-l-logo.tn-l-logo{width:auto;height:40px;margin:0}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{margin:0;font-size:0;width:auto;height:auto;padding-left:8px;padding-right:8px}.tn-l-top-bar{display:flex}.topbar-description,.topbar-owner{white-space:nowrap}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:15px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:11px;text-transform:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{float:none;width:auto;display:flex}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{width:30px;height:28px;margin:auto;display:block}.tn-m-topbar-menu-toggle g{stroke:#fff}.tn-m-topbar-menu-toggle path{fill:#fff}.tn-l-m-default-setting{display:none}.setting-default-container{justify-content:center}.notify-message,.setting-default-container{display:flex;align-items:center;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{white-space:nowrap;color:#ff0;font-size:500}.search-item{margin-right:10px}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{background:#fff}.tn-l-switcher-item-label{text-shadow:none;color:#52abff;text-align:center}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{font-size:38px;margin:5px auto;text-shadow:none;color:#52abff}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{padding:8px}.tn-l-switcher.tn-l-switcher{margin-bottom:0}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item{width:unset;margin-top:0}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item:nth-child(3n+0){border-left:none}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item:nth-child(3n+1){border-right:none}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item:nth-child(3n+2){border:none}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item:nth-child(3n+1):last-child,::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item:nth-child(3n+2):last-child{width:unset}::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a span{line-height:1.2}::ng-deep .layout-wrapper app-topbar-v3 .topbar{background:#fff;border-bottom:1px solid red}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-left{box-shadow:none;background:#fff;border-bottom:1px solid red}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-left .tn-l-left-menu-toggle-block{background:red}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-left .topbar-logo.tn-l-logo-wrapper img.topbar-logo.tn-l-logo{height:46px}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-right{background:#fff;border-bottom:1px solid red}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-right .topbar-items>li .topbar-icon{color:#000}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-right .topbar-items>li .topbar-icon:hover{color:#777}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-right .topbar-items>li.profile-item a .topbar-item-name{color:#000}::ng-deep .layout-wrapper app-topbar-v3 .topbar .topbar-right .topbar-items>li.profile-item a .topbar-item-name:hover{color:#777}::ng-deep .layout-wrapper app-topbar-v3 .wrapper-appswitch{text-align:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media (max-width:1024px){::ng-deep .layout-wrapper app-topbar-v3 .layout-menu li a.switcher-item{width:unset}}@media (min-width:1025px){.tn-l-top-bar-right{display:flex;justify-content:space-between;align-items:center}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{margin:0;display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:center}.topbar-items.topbar-items.topbar-items,.topbar-items.topbar-items.topbar-items>li{float:none}::ng-deep .topbar .topbar-items>li>a{margin-top:0}::ng-deep .topbar .topbar-items>li>a>span>i{color:#fff;font-size:24px}.topbar .topbar-items>li>a.UserPane{height:auto;line-height:inherit;top:0}a.UserPane .profile-image.profile-image.profile-image.profile-image{margin-top:0}}@media (min-width:1025px) and (max-width:1400px){.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-right:19px}.search-item{margin-right:0}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding-left:15px}.topbar-items>li.profile-item{margin-left:14px}}@media (max-width:1024px){.tn-l-m-default-setting{display:flex;align-items:center;justify-content:center;height:36px;font-size:28px;width:36px;color:#fff}.tn-l-default-detting{display:none}::ng-deep .layout-menu-static-mobile-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{text-align:left}.topbar .topbar-right #topbar-menu-button{display:flex;align-items:center;width:36px;justify-content:center}.tn-l-top-bar-right-block-1{display:flex}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{padding-left:5px;padding-right:5px}.tn-l-logo-title-block,.tn-l-top-bar-left,.topbar-description,.topbar-owner{overflow:hidden}.topbar-description,.topbar-owner{text-overflow:ellipsis}.tn-l-top-bar-menu-item:empty{display:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{padding-left:0;padding-right:0}.topbar-title.topbar-title.topbar-title.topbar-title{margin:0}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:14px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:10px}.tn-l-top-bar-right{flex:1;position:relative}.topbar-menu-button span.topbar-badge{right:-4px}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{display:flex;padding:0 .5em;align-items:center;justify-content:flex-end}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{position:relative;margin-left:.5em;top:0;right:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{display:flex;justify-content:center;align-items:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
                 },] }
     ];
-    AppTopBarV2Component.ctorParameters = function () { return [
+    AppTopBarV3Component.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: [i4$1.DOCUMENT,] }] },
         { type: CustomRouterService },
         { type: i3.Router },
         { type: CommonService },
@@ -47712,14 +48169,18 @@
         { type: ModuleConfigService },
         { type: UserService },
         { type: NotifierService },
-        { type: i2.TranslateService },
         { type: CustomizeUiService }
     ]; };
-    AppTopBarV2Component.propDecorators = {
+    AppTopBarV3Component.propDecorators = {
         input: [{ type: i0.ViewChild, args: ['input',] }],
         notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }],
         messages: [{ type: i0.ViewChild, args: ['messages', { static: true },] }]
     };
+    var UserRedirectType;
+    (function (UserRedirectType) {
+        UserRedirectType[UserRedirectType["PERSONAL_INFO"] = 0] = "PERSONAL_INFO";
+        UserRedirectType[UserRedirectType["DEFAULT"] = 1] = "DEFAULT";
+    })(UserRedirectType || (UserRedirectType = {}));
 
     var AppSubMenuComponent = /** @class */ (function (_super) {
         __extends(AppSubMenuComponent, _super);
@@ -48461,7 +48922,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     selector: 'app-topbar',
-                    template: "<ng-container [ngSwitch]=\"layoutAppSwitcher\">\n    <ng-container *ngSwitchDefault>\n        <ng-container [ngTemplateOutlet]=\"appSwitcherDefault\">\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\n        <app-topbar-v1></app-topbar-v1>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\n        <app-topbar-v2></app-topbar-v2>\n    </ng-container>\n</ng-container>\n\n\n<ng-template #appSwitcherDefault>\n    <div class=\"topbar clearfix tn-l-top-bar\">\n        <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\n            <div class=\"tn-l-left-menu-toggle-block\">\n                <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\n                    (click)=\"_commonService.onMenuButtonClick($event)\">\n                    <i class=\"pi pi-chevron-left\"></i>\n                </a>\n            </div>\n\n            <div class=\"topbar-logo tn-l-logo-wrapper\">\n                <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\n                    <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\"\n                        (click)=\"goToHome()\" /></a>\n            </div>\n            <div class=\"topbar-title tn-l-logo-title-block\">\n                <div class=\"topbar-owner\">\n                    {{getTitle()}}\n                </div>\n                <div class=\"topbar-description\">\n                    {{getOwner()}}\n                </div>\n            </div>\n        </div>\n        <div class=\"setting-default-container\">\n            <ng-container *ngIf=\"showDefaultSetting && currentUser\">\n                <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\n                    (click)=\"settingDefault()\">\n                </a>\n                <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\n                    {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\n            </ng-container>\n        </div>\n        <div #notify class=\"notify-message\">\n            <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\n        </div>\n        <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\n            oncontextmenu=\"return false\">\n            <div class=\"tn-l-top-bar-right-block-1\">\n                <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\n                    (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\n                    <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 448 512\">\n                        <path fill=\"currentColor\"\n                            d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                        </path>\n                    </svg>\n                    <span *ngIf=\"messages && messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\n                        [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\n                </a>\n            </div>\n\n            <div class=\"tn-l-top-bar-right-block-2\">\n                <ul class=\"topbar-items fadeInDown\"\n                    [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\n                    <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\n                        *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\n\n                        <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\n                            (click)=\"_commonService.onTopbarItemClick($event,profile)\">\n                            <div class=\"profile-image-wrapper topbar-icon-left\">\n                                <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\n                                    [src]=\"getCurrentUserAvatar()\" />\n                            </div>\n                            <div class=\"profile-info-wrapper\">\n                                <div class=\"topbar-item-name-wrapper\"\n                                    [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\n                                    <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\n                                </div>\n                                <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\n                                        class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\n                            </div>\n                            <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\n                        </a>\n\n                        <ul class=\"layout-menu fadeInDown tn-l-switcher\">\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\n                                    <i class=\"pi pi-inbox\"></i>\n                                    <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\n                                    <i class=\"pi pi-user-edit\"></i>\n                                    <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\n                                    <i class=\"pi pi-sign-out\"></i>\n                                    <span>\u0110\u0103ng xu\u1EA5t</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"!currentUser\" role=\"menuitem\">\n                                <a href=\"javascript:;\" (click)=\"login()\">\n                                    <i class=\"pi pi-sign-in\"></i>\n                                    <span>\u0110\u0103ng nh\u1EADp</span>\n                                </a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li *ngIf=\"_customizeUiService.isShowHelp()\" #help class=\"menu-help tn-l-top-bar-menu-item\"\n                        tn-app-help></li>\n                    <li *ngIf=\"_customizeUiService.isShowNotification()\" id=\"li-notifications\"\n                        class=\"tn-l-top-bar-menu-item\" #messages\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\n                        tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\n                    <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\n                        <a href=\"#\" tabindex=\"7\" (click)=\"_commonService.onTopbarItemClick($event,modules)\"\n                            style=\"height: 30px;\" pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\n                            class=\"tn-l-top-bar-menu-item-inner\">\n                            <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\n                                <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\n                                    xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n                                    <path fill=\"currentColor\"\n                                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                                    </path>\n                                </svg>\n                                <!-- <i class=\"pi pi-microsoft\"></i> -->\n                            </span>\n                            <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\n                        </a>\n                        <ul class=\"app-switcher layout-menu fadeInDown\">\n                            <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\n                                <li role=\"menuitem\" style=\"text-align: center;\">\n                                    <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                                        <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\n                                            [style.background]=\"item.background\" (click)=\"switchApp(item)\">\n                                            <span class=\"tn-l-switcher-item-inner\" [style.color]=\"item.colorTitle\">\n                                                <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"\n                                                    [style.color]=\"item.colorIcon\"></i>\n                                                <div class=\"tn-l-switcher-item-label\">\n                                                    {{ item.title | translate}}\n                                                </div>\n                                            </span>\n                                        </a>\n                                    </ng-container>\n                                </li>\n                            </tn-custom-scrollbar>\n                        </ul>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-template>",
+                    template: "<ng-container [ngSwitch]=\"layoutAppSwitcher\">\n    <ng-container *ngSwitchDefault>\n        <ng-container [ngTemplateOutlet]=\"appSwitcherDefault\">\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\n        <app-topbar-v1></app-topbar-v1>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\n        <app-topbar-v2></app-topbar-v2>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V3\">\n        <app-topbar-v3></app-topbar-v3>\n    </ng-container>\n</ng-container>\n\n\n<ng-template #appSwitcherDefault>\n    <div class=\"topbar clearfix tn-l-top-bar\">\n        <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\n            <div class=\"tn-l-left-menu-toggle-block\">\n                <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\n                    (click)=\"_commonService.onMenuButtonClick($event)\">\n                    <i class=\"pi pi-chevron-left\"></i>\n                </a>\n            </div>\n\n            <div class=\"topbar-logo tn-l-logo-wrapper\">\n                <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\n                    <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\"\n                        (click)=\"goToHome()\" /></a>\n            </div>\n            <div class=\"topbar-title tn-l-logo-title-block\">\n                <div class=\"topbar-owner\">\n                    {{getTitle()}}\n                </div>\n                <div class=\"topbar-description\">\n                    {{getOwner()}}\n                </div>\n            </div>\n        </div>\n        <div class=\"setting-default-container\">\n            <ng-container *ngIf=\"showDefaultSetting && currentUser\">\n                <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\n                    (click)=\"settingDefault()\">\n                </a>\n                <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\n                    {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\n            </ng-container>\n        </div>\n        <div #notify class=\"notify-message\">\n            <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\n        </div>\n        <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\n            oncontextmenu=\"return false\">\n            <div class=\"tn-l-top-bar-right-block-1\">\n                <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\n                    (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\n                    <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 448 512\">\n                        <path fill=\"currentColor\"\n                            d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                        </path>\n                    </svg>\n                    <span *ngIf=\"messages && messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\n                        [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\n                </a>\n            </div>\n\n            <div class=\"tn-l-top-bar-right-block-2\">\n                <ul class=\"topbar-items fadeInDown\"\n                    [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\n                    <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\n                        *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\n\n                        <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\n                            (click)=\"_commonService.onTopbarItemClick($event,profile)\">\n                            <div class=\"profile-image-wrapper topbar-icon-left\">\n                                <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\n                                    [src]=\"getCurrentUserAvatar()\" />\n                            </div>\n                            <div class=\"profile-info-wrapper\">\n                                <div class=\"topbar-item-name-wrapper\"\n                                    [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\n                                    <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\n                                </div>\n                                <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\n                                        class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\n                            </div>\n                            <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\n                        </a>\n\n                        <ul class=\"layout-menu fadeInDown tn-l-switcher\">\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\n                                    <i class=\"pi pi-inbox\"></i>\n                                    <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\n                                    <i class=\"pi pi-user-edit\"></i>\n                                    <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\n                                <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\n                                    <i class=\"pi pi-sign-out\"></i>\n                                    <span>\u0110\u0103ng xu\u1EA5t</span>\n                                </a>\n                            </li>\n                            <li *ngIf=\"!currentUser\" role=\"menuitem\">\n                                <a href=\"javascript:;\" (click)=\"login()\">\n                                    <i class=\"pi pi-sign-in\"></i>\n                                    <span>\u0110\u0103ng nh\u1EADp</span>\n                                </a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li *ngIf=\"_customizeUiService.isShowHelp()\" #help class=\"menu-help tn-l-top-bar-menu-item\"\n                        tn-app-help></li>\n                    <li *ngIf=\"_customizeUiService.isShowNotification()\" id=\"li-notifications\"\n                        class=\"tn-l-top-bar-menu-item\" #messages\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\n                        tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\n                    <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\n                        <a href=\"#\" tabindex=\"7\" (click)=\"_commonService.onTopbarItemClick($event,modules)\"\n                            style=\"height: 30px;\" pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\n                            class=\"tn-l-top-bar-menu-item-inner\">\n                            <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\n                                <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\n                                    xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n                                    <path fill=\"currentColor\"\n                                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\n                                    </path>\n                                </svg>\n                                <!-- <i class=\"pi pi-microsoft\"></i> -->\n                            </span>\n                            <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\n                        </a>\n                        <ul class=\"app-switcher layout-menu fadeInDown\">\n                            <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\n                                <li role=\"menuitem\" style=\"text-align: center;\">\n                                    <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n                                        <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\n                                            [style.background]=\"item.background\" (click)=\"switchApp(item)\">\n                                            <span class=\"tn-l-switcher-item-inner\" [style.color]=\"item.colorTitle\">\n                                                <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"\n                                                    [style.color]=\"item.colorIcon\"></i>\n                                                <div class=\"tn-l-switcher-item-label\">\n                                                    {{ item.title | translate}}\n                                                </div>\n                                            </span>\n                                        </a>\n                                    </ng-container>\n                                </li>\n                            </tn-custom-scrollbar>\n                        </ul>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-template>",
                     providers: [ComponentContextService],
                     styles: [".topBarSearchButton:disabled{opacity:1;background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled::placeholder{color:#b1b1b1}.UserPane.UserPane{display:flex}.profile-image-wrapper{order:1}.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name.tn-l-user-name{margin-top:0;float:none}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;justify-content:center;order:0;text-align:right;float:none}.tn-l-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tn-l-default-detting{color:#fff;cursor:pointer;margin:0}.tn-l-left-menu-toggle-block{align-self:stretch;display:flex;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941)}.tn-l-left-menu-toggle{color:#fff;padding:8px;transition:transform .25s ease-in-out}::ng-deep .layout-menu-static-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-left:0;margin-right:30px}.topbar-logo.topbar-logo.topbar-logo{float:none}.tn-l-logo.tn-l-logo.tn-l-logo.tn-l-logo{width:auto;height:40px;margin:0}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{margin:0;font-size:0;width:auto;height:auto;padding-left:8px;padding-right:8px}.tn-l-top-bar{display:flex}.topbar-description,.topbar-owner{white-space:nowrap}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:15px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:11px;text-transform:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{float:none;width:auto;display:flex}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{width:30px;height:28px;margin:auto;display:block}.tn-m-topbar-menu-toggle g{stroke:#fff}.tn-m-topbar-menu-toggle path{fill:#fff}.tn-l-m-default-setting{display:none}.setting-default-container{justify-content:center}.notify-message,.setting-default-container{display:flex;align-items:center;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{white-space:nowrap;color:#ff0;font-size:500}.search-item{margin-right:10px}.tn-l-switcher-item-inner{padding-top:4px}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{display:inline-flex;align-items:center;justify-content:center}.tn-l-switcher-item-label{margin-top:4px}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{font-size:38px;margin:0 auto}.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item.tn-l-switcher-item{padding:8px}.tn-l-switcher.tn-l-switcher{margin-bottom:0}@media (min-width:1025px){.tn-l-top-bar-right{display:flex;justify-content:space-between;align-items:center}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{margin:0;display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:center}.topbar-items.topbar-items.topbar-items,.topbar-items.topbar-items.topbar-items>li{float:none}::ng-deep .topbar .topbar-items>li>a{margin-top:0}::ng-deep .topbar .topbar-items>li>a>span>i{color:#fff;font-size:24px}.topbar .topbar-items>li>a.UserPane{height:auto;line-height:inherit;top:0}a.UserPane .profile-image.profile-image.profile-image.profile-image{margin-top:0}}@media (min-width:1025px) and (max-width:1400px){.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block.tn-l-logo-title-block{margin-right:19px}.search-item{margin-right:0}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding-left:15px}.topbar-items>li.profile-item{margin-left:14px}}@media (max-width:1024px){.tn-l-m-default-setting{display:flex;align-items:center;justify-content:center;height:36px;font-size:28px;width:36px;color:#fff}.tn-l-default-detting{display:none}::ng-deep .layout-menu-static-mobile-inactive app-topbar .tn-l-left-menu-toggle{transform:rotate(180deg)}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{text-align:left}.topbar .topbar-right #topbar-menu-button{display:flex;align-items:center;width:36px;justify-content:center}.tn-l-top-bar-right-block-1{display:flex}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{padding-left:5px;padding-right:5px}.tn-l-logo-title-block,.tn-l-top-bar-left,.topbar-description,.topbar-owner{overflow:hidden}.topbar-description,.topbar-owner{text-overflow:ellipsis}.tn-l-top-bar-menu-item:empty{display:none}.tn-l-top-bar-left.tn-l-top-bar-left.tn-l-top-bar-left{padding-left:0;padding-right:0}.topbar-title.topbar-title.topbar-title.topbar-title{margin:0}.topbar-owner.topbar-owner.topbar-owner.topbar-owner.topbar-owner{font-size:14px}.topbar-description.topbar-description.topbar-description.topbar-description.topbar-description{font-size:10px}.tn-l-top-bar-right{flex:1;position:relative}.topbar-menu-button span.topbar-badge{right:-4px}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{display:flex;padding:0 .5em;align-items:center;justify-content:flex-end}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{position:relative;margin-left:.5em;top:0;right:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{display:flex;justify-content:center;align-items:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
                 },] }
@@ -55295,6 +55756,215 @@
         { type: GlobalService }
     ]; };
 
+    var SplashComponentV3Component = /** @class */ (function (_super) {
+        __extends(SplashComponentV3Component, _super);
+        function SplashComponentV3Component(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.daysInWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
+            _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 + "/" + _this.environment.apiVersion + "/FileObject";
+            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;
+                }
+            }
+            // Config for authentication
+            _this._globalService.setHeaderState(false);
+            _this._globalService.setMenuState(false);
+            _this.underconstruction = _this.environment.underconstruction;
+            return _this;
+        }
+        SplashComponentV3Component.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();
+            }
+        };
+        SplashComponentV3Component.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, 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];
+                            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);
+                                }
+                            }
+                        }
+                    });
+                    if (_this.appSwitcherItems.length === 1) {
+                        setTimeout(function (x) { return _this.switchApp(_this.appSwitcherItems[0]); }, 100);
+                    }
+                }
+            });
+        };
+        SplashComponentV3Component.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;
+                    }
+                }
+            }
+        };
+        SplashComponentV3Component.prototype.logout = function () {
+            this._authenService.logout();
+        };
+        SplashComponentV3Component.prototype.goToPersonal = function () {
+            var userMenu = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
+            this.switchApp(userMenu);
+        };
+        SplashComponentV3Component.prototype.getCurrentUserAvatar = function () {
+            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+                return this.fileApi + "/public/" + this.rootContext.data.currentUser.avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        SplashComponentV3Component.prototype.getNgayTrongTuan = function () {
+            return this.daysInWeek[this.currentDate.getDay()];
+        };
+        SplashComponentV3Component.prototype.showProfilePage = function () {
+            if (this._userService.isSinhVienAccount()) {
+                return false;
+            }
+            return true;
+        };
+        SplashComponentV3Component.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this._globalService.setHeaderState(true);
+            this._globalService.setMenuState(true);
+        };
+        SplashComponentV3Component.prototype.login = function () {
+            this.rootContext.fireEvent('LOGIN');
+        };
+        return SplashComponentV3Component;
+    }(ComponentBase));
+    SplashComponentV3Component.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'splash-component-v3',
+                    template: "<div *ngIf=\"!loaded\" class=\"wrp-loader\">\n    <div class=\"loader\"></div>\n</div>\n<div *ngIf=\"loaded\" class=\"modules-v1\">\n    <div class=\"welcome-user\">\n        <div class=\"profile-image\">\n            <img class=\"custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\n        </div>\n\n        <div class=\"wrp-login\">\n            <h2>Xin ch\u00E0o!</h2>\n            <b>{{currentUser.fullName}}</b>\n            <div *ngIf=\"currentUser\" class=\"login\">\n                <a (click)=\"goToPersonal()\"><i class=\"far fa-folder-open\"></i>Trang c\u00E1 nh\u00E2n</a>\n                <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng\n                    xu\u1EA5t</a>\n            </div>\n            <div *ngIf=\"!currentUser\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"login()\"><i\n                        class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng nh\u1EADp</a></div>\n        </div>\n\n        <div class=\"clock-wrapper\">\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\n        </div>\n    </div>\n\n    <div class=\"module-icons\">\n        <div class=\"img-title\">\n            <img class=\"tn-custom-logo\" [src]=\"environment.appMetadata.main.logo\"\n                [alt]=\"environment.appMetadata.main.owner\">\n            <div class=\"title\">\n                <h2>{{environment.appMetadata.main.title}}</h2>\n                <h1>{{environment.appMetadata.main.owner}}</h1>\n            </div>\n        </div>\n\n        <div class=\"div1111-wrapper\">\n            <tn-custom-scrollbar *ngIf=\"!isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </tn-custom-scrollbar>\n\n            <ng-container *ngIf=\"isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n\n<ng-template #appSwitcher>\n    <div class=\"div1111\">\n        <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n            <span>\n                <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\n                    <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\n                    <span>{{ item.title | translate}}</span>\n                </a>\n            </span>\n        </ng-container>\n    </div>\n</ng-template>",
+                    providers: [ComponentContextService],
+                    styles: ["body{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wrp-loader{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101}.wrp-loader .loader{border-radius:50%;border:2px solid #bcdbf5;border-top-color:#3192e1;width:10px;height:10px;color:#607d8b;font-size:10px;animation:load4 1.3s linear infinite;display:block}.modules-v1{position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:url(/assets/images/background-splash.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.modules-v1 div>span{display:inline-block;min-width:100px;height:120px;width:120px;margin:10px;box-shadow:1px 2px 9px 1px #dadada;border-radius:5px;white-space:normal}.modules-v1 div>span>a{height:100%;display:inline-block;position:relative;font-weight:700;cursor:pointer;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly}.modules-v1 div>span>a,.modules-v1 div>span>a>span{width:100%;color:#fff;text-decoration:unset;text-align:center}.modules-v1 div>span>a>span{display:inline-block;line-height:1.2}.modules-v1 div>span>a>i{font-size:3.5em;width:100%}.modules-v1 .div1111-wrapper{overflow:auto;height:420px;margin:0 auto;max-width:700px}.modules-v1 .div1111-wrapper .div1111{white-space:nowrap;width:100%;display:flex;flex-wrap:wrap}.modules-v1 .div1111-wrapper .div1111 .bg-switcher{background:#fff;transition:.3s}.modules-v1 .div1111-wrapper .div1111 .bg-switcher .app-switcher-item-icon{color:#52abff;transition:.3s}.modules-v1 .div1111-wrapper .div1111 .bg-switcher span{color:#2f70ac;font-weight:500;text-shadow:none;transition:.3s;padding:0 5px}.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover{background:#fabc01;box-shadow:1px 2px 9px 1px rgba(39,23,86,.5215686274509804)}.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover .app-switcher-item-icon,.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover span{color:#2f70ac}.modules-v1 .module-icons{text-align:center;color:#666;width:65%;align-self:stretch;background-color:rgba(249,244,244,.9215686274509803);display:flex;flex-direction:column;justify-content:center}.modules-v1 .module-icons .img-title{padding:20px}.modules-v1 .module-icons .img-title .tn-custom-logo{max-height:125px}.modules-v1 .module-icons .img-title .title{margin:24px 0}.modules-v1 .module-icons h2{font-size:25px;color:#271756;margin-bottom:15px;margin-top:15px}.modules-v1 .module-icons h1{color:#2f70ac;font-size:35px;margin-top:0;margin-bottom:0}.modules-v1 .welcome-user{text-align:center;width:35%;align-self:stretch;background-color:rgba(47,112,172,.9215686274509803);display:flex;flex-direction:column}.modules-v1 .welcome-user .wrp-login{margin:20px auto auto;color:#fff;display:flex;flex-direction:column;align-items:center}.modules-v1 .welcome-user .wrp-login h2{font-size:20px;margin-top:0;margin-bottom:5px;font-weight:500}.modules-v1 .welcome-user .wrp-login b{font-size:25px;text-transform:uppercase;display:block}.modules-v1 .welcome-user .wrp-login .login{display:grid;grid-template-columns:repeat(2,150px);grid-gap:10px;margin-top:30px}.modules-v1 .welcome-user .wrp-login .login a{background:#fff;padding:6px;border-radius:5px;cursor:pointer;display:inline-block;color:#5d5d5d}.modules-v1 .welcome-user .wrp-login .login a i{margin-right:10px}.modules-v1 .welcome-user .profile-image{margin:auto auto 0}.modules-v1 .welcome-user .profile-image img{border-radius:50%;height:200px;width:200px;-o-object-fit:contain;object-fit:contain;box-shadow:1px 1px 11px 6px #2a659b;background:#fff}.modules-v1 .welcome-user .clock-wrapper{color:#fff;text-align:center;margin-top:auto;margin-bottom:auto}.modules-v1 .welcome-user .clock-wrapper h4{font-size:18px;font-weight:500;margin-top:10px}.modules-v1 .welcome-user .clock-wrapper h1{margin-bottom:0;font-size:40px}.modules-v1 .underconstruction{text-transform:uppercase;color:red;font-weight:700;font-size:4em}@media (max-width:1368px){.modules-v1 .clock{margin:0 20px;font-size:1.5em}.modules-v1 .data-time{margin:10px 0 20px;font-size:1em}}@media (max-width:1100px){.modules-v1 .div1111-wrapper .div1111{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (max-width:991px){.modules-v1 .welcome-user .wrp-login .login{grid-template-columns:1fr}}@media (max-width:768px){.modules-v1{flex-direction:column}.modules-v1 .welcome-user{width:100%;height:270px;flex-direction:row;align-items:center;padding-bottom:87px}.modules-v1 .welcome-user .profile-image{margin-bottom:auto}.modules-v1 .welcome-user .profile-image img{height:150px;width:150px}.modules-v1 .welcome-user .wrp-login{margin-top:auto}.modules-v1 .welcome-user .wrp-login .login{margin-top:20px}.modules-v1 .welcome-user .clock-wrapper{padding-right:15px}.modules-v1 .module-icons{width:100%;height:calc(100% - 270px)}.modules-v1 .module-icons .img-title{background-image:url(/assets/images/logo.png);background-repeat:no-repeat;background-position:50%;z-index:9}.modules-v1 .module-icons .img-title img{display:none}.modules-v1 .module-icons .img-title .title{background:hsla(0,0%,100%,.9019607843137255);box-shadow:1px 4px 9px 2px #67a0d4;padding:20px 10px;position:absolute;width:calc(100% - 40px);left:20px;right:20px;top:200px}.modules-v1 .module-icons .img-title .title h2{font-size:30px}.modules-v1 .module-icons .img-title .title h1{font-size:34px}}@media (max-width:640px){.modules-v1 .welcome-user{display:block;padding-top:20px}.modules-v1 .welcome-user .wrp-login{width:50%;padding:0 20px 0 0;float:right}.modules-v1 .welcome-user .wrp-login h2{margin-bottom:3px;font-size:14px}.modules-v1 .welcome-user .wrp-login b{font-size:14px}.modules-v1 .welcome-user .wrp-login .login{margin-top:10px;display:flex;flex-direction:column;padding:0 15px;text-align:left}.modules-v1 .welcome-user .wrp-login .login a{font-size:14px}.modules-v1 .welcome-user .profile-image{width:50%;float:left}.modules-v1 .welcome-user .profile-image img{height:130px;width:130px;margin-left:35px;display:block}.modules-v1 .welcome-user .clock-wrapper{clear:both;padding-top:10px;padding-right:0}.modules-v1 .welcome-user .clock-wrapper h4{font-size:14px;margin-top:5px}.modules-v1 .welcome-user .clock-wrapper h1{font-size:1.3em}.modules-v1 .module-icons .img-title{background-size:80px 80px}.modules-v1 .module-icons .img-title .title{top:230px}.modules-v1 .module-icons .img-title .title h1{font-size:16px}.modules-v1 .module-icons .img-title .title h2{font-size:16px;margin-top:0}.modules-v1 .module-icons .div1111-wrapper{margin-top:0;height:360px}.modules-v1 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}.modules-v1 .module-icons div>span{width:100px;height:100px}.modules-v1 .module-icons div>span>a>i{font-size:2.5em;top:10px}}@media (max-width:425px){.modules-v1 .module-icons .img-title .title{top:225px}.modules-v1 .module-icons .div1111-wrapper .div1111{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:375px){.modules-v1 .module-icons{height:calc(100% - 250px)}.modules-v1 .module-icons .img-title{background-size:60px 60px}.modules-v1 .module-icons .img-title .title{padding:10px;top:220px}.modules-v1 .module-icons .img-title .title h2{margin-bottom:10px}.modules-v1 .module-icons .img-title .title h1,.modules-v1 .module-icons .img-title .title h2{font-size:14px}.modules-v1 .welcome-user{height:250px}}@media (max-width:360px){.modules-v1 .module-icons{height:calc(100% - 240px)}.modules-v1 .module-icons .img-title{background-size:60px 60px}.modules-v1 .module-icons .img-title .title{top:205px;width:calc(100% - 20px);left:10px;right:10px}.modules-v1 .welcome-user{height:240px}.modules-v1 .welcome-user .clock-wrapper{padding-top:0}}@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}}"]
+                },] }
+    ];
+    SplashComponentV3Component.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: ModuleConfigService },
+        { type: PermissionService },
+        { type: ngxDeviceDetector.DeviceDetectorService },
+        { type: UserService },
+        { type: i3.Router },
+        { type: AuthenService },
+        { type: GlobalService }
+    ]; };
+
     var DmChucVuService = /** @class */ (function (_super) {
         __extends(DmChucVuService, _super);
         function DmChucVuService(http, injector, _moduleConfigService) {
@@ -62889,6 +63559,7 @@
             AppTopBarComponent,
             AppTopBarV1Component,
             AppTopBarV2Component,
+            AppTopBarV3Component,
             AppProfileComponent,
             AppMenuComponent,
             AppSubMenuComponent,
@@ -62954,6 +63625,7 @@
             SplashComponentComponent,
             SplashComponentV1Component,
             SplashComponentV2Component,
+            SplashComponentV3Component,
             StateComponent,
             StateMetadataComponent,
             StateMachinesConnectionMetadataComponent,
@@ -63689,124 +64361,126 @@
     exports["ɵbj"] = AppTopBarComponent;
     exports["ɵbk"] = AppTopBarV1Component;
     exports["ɵbl"] = AppTopBarV2Component;
-    exports["ɵbm"] = AppProfileComponent;
-    exports["ɵbn"] = AppSubMenuComponent;
-    exports["ɵbo"] = AppMenuComponent;
-    exports["ɵbp"] = AutoCompletePickerComponent;
-    exports["ɵbq"] = ImageUploaderComponent;
-    exports["ɵbr"] = CheckBoxListComponent;
-    exports["ɵbs"] = CoCauToChucPickerListComponent;
-    exports["ɵbt"] = CoCauToChucPickerListNewComponent;
-    exports["ɵbu"] = CoCauToChucNewService;
-    exports["ɵbv"] = FormBuilderComponent;
-    exports["ɵbw"] = BaseCongViecTestComponent;
-    exports["ɵbx"] = BaseCauHinhWorkflowDetailComponent;
-    exports["ɵby"] = BaseDmLoaiCongViecFormComponent;
-    exports["ɵbz"] = BaseDmLinhVucCongViecFormComponent;
+    exports["ɵbm"] = AppTopBarV3Component;
+    exports["ɵbn"] = AppProfileComponent;
+    exports["ɵbo"] = AppSubMenuComponent;
+    exports["ɵbp"] = AppMenuComponent;
+    exports["ɵbq"] = AutoCompletePickerComponent;
+    exports["ɵbr"] = ImageUploaderComponent;
+    exports["ɵbs"] = CheckBoxListComponent;
+    exports["ɵbt"] = CoCauToChucPickerListComponent;
+    exports["ɵbu"] = CoCauToChucPickerListNewComponent;
+    exports["ɵbv"] = CoCauToChucNewService;
+    exports["ɵbw"] = FormBuilderComponent;
+    exports["ɵbx"] = BaseCongViecTestComponent;
+    exports["ɵby"] = BaseCauHinhWorkflowDetailComponent;
+    exports["ɵbz"] = BaseDmLoaiCongViecFormComponent;
     exports["ɵc"] = EntityPickerService;
-    exports["ɵca"] = BaseDmPriorityFormComponent;
-    exports["ɵcb"] = BaseCongviecDinhkemComponent;
-    exports["ɵcc"] = BaseCongviecDinhkemFormComponent;
-    exports["ɵcd"] = DatetimePickerComponent;
-    exports["ɵce"] = DatetimePickerRangeComponent;
-    exports["ɵcf"] = DynamicNodeComponent;
-    exports["ɵcg"] = CommonSearchFormComponent;
-    exports["ɵch"] = EntityPickerBoxComponent;
-    exports["ɵci"] = EntityPickerDataComponent;
-    exports["ɵcj"] = EntityPickerSelectedComponent;
-    exports["ɵck"] = EntityPickerComponent;
-    exports["ɵcl"] = EntityPickerDialogComponent;
-    exports["ɵcm"] = EntityPickerTreeDataComponent;
-    exports["ɵcn"] = EntityPickerTreeSelectedComponent;
-    exports["ɵco"] = EntityPermissionComponent;
-    exports["ɵcp"] = EquationEditorComponent;
-    exports["ɵcq"] = MaskComponent;
-    exports["ɵcr"] = NumberPickerRangeComponent;
-    exports["ɵcs"] = PagingNextBackOnlyComponent;
-    exports["ɵct"] = RadioButtonListComponent;
-    exports["ɵcu"] = VanBanPickerComponent;
-    exports["ɵcv"] = VanBanDenService;
-    exports["ɵcw"] = VanBanDiService;
-    exports["ɵcx"] = VanBanPickerDialogComponent;
-    exports["ɵcy"] = VanbanDiPickerComponent;
-    exports["ɵcz"] = VanbanDenPickerComponent;
+    exports["ɵca"] = BaseDmLinhVucCongViecFormComponent;
+    exports["ɵcb"] = BaseDmPriorityFormComponent;
+    exports["ɵcc"] = BaseCongviecDinhkemComponent;
+    exports["ɵcd"] = BaseCongviecDinhkemFormComponent;
+    exports["ɵce"] = DatetimePickerComponent;
+    exports["ɵcf"] = DatetimePickerRangeComponent;
+    exports["ɵcg"] = DynamicNodeComponent;
+    exports["ɵch"] = CommonSearchFormComponent;
+    exports["ɵci"] = EntityPickerBoxComponent;
+    exports["ɵcj"] = EntityPickerDataComponent;
+    exports["ɵck"] = EntityPickerSelectedComponent;
+    exports["ɵcl"] = EntityPickerComponent;
+    exports["ɵcm"] = EntityPickerDialogComponent;
+    exports["ɵcn"] = EntityPickerTreeDataComponent;
+    exports["ɵco"] = EntityPickerTreeSelectedComponent;
+    exports["ɵcp"] = EntityPermissionComponent;
+    exports["ɵcq"] = EquationEditorComponent;
+    exports["ɵcr"] = MaskComponent;
+    exports["ɵcs"] = NumberPickerRangeComponent;
+    exports["ɵct"] = PagingNextBackOnlyComponent;
+    exports["ɵcu"] = RadioButtonListComponent;
+    exports["ɵcv"] = VanBanPickerComponent;
+    exports["ɵcw"] = VanBanDenService;
+    exports["ɵcx"] = VanBanDiService;
+    exports["ɵcy"] = VanBanPickerDialogComponent;
+    exports["ɵcz"] = VanbanDiPickerComponent;
     exports["ɵd"] = ExceptionHandlerService;
-    exports["ɵda"] = CongViecPickerComponent;
-    exports["ɵdb"] = SettingsComponent;
-    exports["ɵdc"] = SettingsRowComponent;
-    exports["ɵdd"] = SettingsWorkflowComponent;
-    exports["ɵde"] = SettingsWorkflowNo1Component;
-    exports["ɵdf"] = SimpleWorkflowFormComponent;
-    exports["ɵdg"] = ProcessWorkflowTargetComponent;
-    exports["ɵdh"] = DmChucVuService;
-    exports["ɵdi"] = ChoYKienFormComponent;
-    exports["ɵdj"] = SplashComponentV1Component;
-    exports["ɵdk"] = SplashComponentV2Component;
-    exports["ɵdl"] = StateMachinesConnectionReceiverComponent;
-    exports["ɵdm"] = StateMachinesConnectionReceiverConditionComponent;
-    exports["ɵdn"] = StateMachinesConnectionReceiverDepartmentComponent;
-    exports["ɵdo"] = StateMachinesConnectionReceiverGroupComponent;
-    exports["ɵdp"] = StateMachinesConnectionReceiverUserComponent;
-    exports["ɵdq"] = StateMachinesConnectionReceiverRoleComponent;
-    exports["ɵdr"] = StateMachinesConnectionSenderComponent;
-    exports["ɵds"] = StartWorkflowComponent;
-    exports["ɵdt"] = ShareLinkByPermissionComponent;
-    exports["ɵdu"] = WorkflowSettingNewComponent;
-    exports["ɵdv"] = PermissionSharingComponent;
-    exports["ɵdw"] = WorkflowPermissionService;
-    exports["ɵdx"] = TnCheckboxComponent;
-    exports["ɵdy"] = TnDialogComponent;
-    exports["ɵdz"] = TnColorPickerComponent;
+    exports["ɵda"] = VanbanDenPickerComponent;
+    exports["ɵdb"] = CongViecPickerComponent;
+    exports["ɵdc"] = SettingsComponent;
+    exports["ɵdd"] = SettingsRowComponent;
+    exports["ɵde"] = SettingsWorkflowComponent;
+    exports["ɵdf"] = SettingsWorkflowNo1Component;
+    exports["ɵdg"] = SimpleWorkflowFormComponent;
+    exports["ɵdh"] = ProcessWorkflowTargetComponent;
+    exports["ɵdi"] = DmChucVuService;
+    exports["ɵdj"] = ChoYKienFormComponent;
+    exports["ɵdk"] = SplashComponentV1Component;
+    exports["ɵdl"] = SplashComponentV2Component;
+    exports["ɵdm"] = SplashComponentV3Component;
+    exports["ɵdn"] = StateMachinesConnectionReceiverComponent;
+    exports["ɵdo"] = StateMachinesConnectionReceiverConditionComponent;
+    exports["ɵdp"] = StateMachinesConnectionReceiverDepartmentComponent;
+    exports["ɵdq"] = StateMachinesConnectionReceiverGroupComponent;
+    exports["ɵdr"] = StateMachinesConnectionReceiverUserComponent;
+    exports["ɵds"] = StateMachinesConnectionReceiverRoleComponent;
+    exports["ɵdt"] = StateMachinesConnectionSenderComponent;
+    exports["ɵdu"] = StartWorkflowComponent;
+    exports["ɵdv"] = ShareLinkByPermissionComponent;
+    exports["ɵdw"] = WorkflowSettingNewComponent;
+    exports["ɵdx"] = PermissionSharingComponent;
+    exports["ɵdy"] = WorkflowPermissionService;
+    exports["ɵdz"] = TnCheckboxComponent;
     exports["ɵe"] = CanBo_HoSoService;
-    exports["ɵea"] = TnTinymceComponent;
-    exports["ɵeb"] = TnTabViewComponent;
-    exports["ɵec"] = TableDetailFormComponent;
-    exports["ɵed"] = FileIconPipe;
-    exports["ɵee"] = FileSizePipe;
-    exports["ɵef"] = QuickAddFormComponent;
-    exports["ɵeg"] = PreventShiftTabDirective;
-    exports["ɵeh"] = TnTemplateDirective;
-    exports["ɵei"] = UserPickerComponent;
-    exports["ɵej"] = UserPickerBoxComponent;
-    exports["ɵek"] = CoCauToChucTestService;
-    exports["ɵel"] = TnAppHelpComponent;
-    exports["ɵem"] = PathNameService;
-    exports["ɵen"] = HelperCurrentPageComponent;
-    exports["ɵeo"] = TnAppNotificationListComponent;
-    exports["ɵep"] = TnAppNotificationComponent;
-    exports["ɵeq"] = FolderFormComponent;
-    exports["ɵer"] = FileFormComponent;
-    exports["ɵes"] = FileViewerComponent;
-    exports["ɵet"] = FileVersionListComponent;
-    exports["ɵeu"] = ViewDetailComponent;
-    exports["ɵev"] = WorkflowHistoryComponent;
-    exports["ɵew"] = WorkflowHistoryDialogComponent;
-    exports["ɵex"] = WorkflowHistoryNewComponent;
-    exports["ɵey"] = WorkflowSettingComponent;
-    exports["ɵez"] = WorkflowSettingDialogComponent;
+    exports["ɵea"] = TnDialogComponent;
+    exports["ɵeb"] = TnColorPickerComponent;
+    exports["ɵec"] = TnTinymceComponent;
+    exports["ɵed"] = TnTabViewComponent;
+    exports["ɵee"] = TableDetailFormComponent;
+    exports["ɵef"] = FileIconPipe;
+    exports["ɵeg"] = FileSizePipe;
+    exports["ɵeh"] = QuickAddFormComponent;
+    exports["ɵei"] = PreventShiftTabDirective;
+    exports["ɵej"] = TnTemplateDirective;
+    exports["ɵek"] = UserPickerComponent;
+    exports["ɵel"] = UserPickerBoxComponent;
+    exports["ɵem"] = CoCauToChucTestService;
+    exports["ɵen"] = TnAppHelpComponent;
+    exports["ɵeo"] = PathNameService;
+    exports["ɵep"] = HelperCurrentPageComponent;
+    exports["ɵeq"] = TnAppNotificationListComponent;
+    exports["ɵer"] = TnAppNotificationComponent;
+    exports["ɵes"] = FolderFormComponent;
+    exports["ɵet"] = FileFormComponent;
+    exports["ɵeu"] = FileViewerComponent;
+    exports["ɵev"] = FileVersionListComponent;
+    exports["ɵew"] = ViewDetailComponent;
+    exports["ɵex"] = WorkflowHistoryComponent;
+    exports["ɵey"] = WorkflowHistoryDialogComponent;
+    exports["ɵez"] = WorkflowHistoryNewComponent;
     exports["ɵf"] = ListBase;
-    exports["ɵfa"] = WorkflowPermissionComponent;
-    exports["ɵfb"] = WorkflowPermissionFormComponent;
-    exports["ɵfc"] = ReferenceTextBoxComponent;
-    exports["ɵfd"] = QrCodeGeneratorComponent;
-    exports["ɵfe"] = AccessDeniedV1Component;
-    exports["ɵff"] = AddNewsComponent;
-    exports["ɵfg"] = ArticleService;
-    exports["ɵfh"] = NewsCategoryService;
-    exports["ɵfi"] = SignatureDetailComponent;
-    exports["ɵfj"] = KySoSimDanhSachChuKyComponent;
-    exports["ɵfk"] = KySoSimChuKyUserService;
-    exports["ɵfl"] = FileKySoSimComponent;
-    exports["ɵfm"] = KySoSimSignPDFService;
-    exports["ɵfn"] = TaiLieuCuaToiComponent;
-    exports["ɵfo"] = KhaiThacTaiLieuDungChungComponent;
-    exports["ɵfp"] = DanhMucDungChungService;
-    exports["ɵfq"] = TnTemplateComponent;
-    exports["ɵfr"] = LoadingPageV1Component;
-    exports["ɵfs"] = DropdownSettingFormComponent;
-    exports["ɵft"] = CheckReadyComponent;
-    exports["ɵfu"] = WorkflowButtonComponent;
-    exports["ɵfv"] = TnAccordionTabComponent;
+    exports["ɵfa"] = WorkflowSettingComponent;
+    exports["ɵfb"] = WorkflowSettingDialogComponent;
+    exports["ɵfc"] = WorkflowPermissionComponent;
+    exports["ɵfd"] = WorkflowPermissionFormComponent;
+    exports["ɵfe"] = ReferenceTextBoxComponent;
+    exports["ɵff"] = QrCodeGeneratorComponent;
+    exports["ɵfg"] = AccessDeniedV1Component;
+    exports["ɵfh"] = AddNewsComponent;
+    exports["ɵfi"] = ArticleService;
+    exports["ɵfj"] = NewsCategoryService;
+    exports["ɵfk"] = SignatureDetailComponent;
+    exports["ɵfl"] = KySoSimDanhSachChuKyComponent;
+    exports["ɵfm"] = KySoSimChuKyUserService;
+    exports["ɵfn"] = FileKySoSimComponent;
+    exports["ɵfo"] = KySoSimSignPDFService;
+    exports["ɵfp"] = TaiLieuCuaToiComponent;
+    exports["ɵfq"] = KhaiThacTaiLieuDungChungComponent;
+    exports["ɵfr"] = DanhMucDungChungService;
+    exports["ɵfs"] = TnTemplateComponent;
+    exports["ɵft"] = LoadingPageV1Component;
+    exports["ɵfu"] = DropdownSettingFormComponent;
+    exports["ɵfv"] = CheckReadyComponent;
+    exports["ɵfw"] = WorkflowButtonComponent;
+    exports["ɵfx"] = TnAccordionTabComponent;
     exports["ɵg"] = ListComponentBase;
     exports["ɵh"] = TreeTableComponent;
     exports["ɵi"] = UniversalLinkProcessorComponent;