tnx-shared 5.0.17 → 5.0.21

package/fesm2015/tnx-shared.js

@@ -8253,6 +8253,7 @@ var EnumTypeSplash;
 (function (EnumTypeSplash) {
     EnumTypeSplash["DEFAULT"] = "Default";
     EnumTypeSplash["NEW_V1"] = "v1";
+    EnumTypeSplash["NEW_V2"] = "v2";
 })(EnumTypeSplash || (EnumTypeSplash = {}));
 class SplashComponentComponent extends ComponentBase {
     constructor(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
@@ -8427,9 +8428,9 @@ class SplashComponentComponent extends ComponentBase {
 SplashComponentComponent.decorators = [
     { type: Component, args: [{
                 selector: 'splash-component',
-                template: "<ng-container *ngIf=\"uiSplash == EnumTypeSplash.DEFAULT\">\r\n    <ng-container [ngTemplateOutlet]=\"defaultSplash\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"uiSplash == EnumTypeSplash.NEW_V1\">\r\n    <app-splash-component-v1></app-splash-component-v1>\r\n</ng-container>\r\n\r\n<ng-template #defaultSplash>\r\n    <div *ngIf=\"!loaded\" class=\"loader\">\r\n    </div>\r\n    <div class=\"modules\" *ngIf=\"loaded\">\r\n\r\n        <div class=\"welcome-user\">\r\n            <img class=\"profile-image custom-avatar\" src-fallback=\"{{defaultAvatar}}\"\r\n                src=\"{{getCurrentUserAvatar()}}\" />\r\n            <h2>Xin ch\u00E0o <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span><span\r\n                    *ngIf=\"!currentUser\">kh\u00E1ch</span>!\r\n            </h2>\r\n            <a *ngIf=\"currentUser\" (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n            <ng-container *ngIf=\"currentUser\">|</ng-container>\r\n            <a *ngIf=\"currentUser\" style=\"background: #f7e08b;\" (click)=\"logout()\"><i\r\n                    class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng\r\n                xu\u1EA5t</a>\r\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\"><i\r\n                    class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng\r\n                nh\u1EADp</a>\r\n        </div>\r\n        <div class=\"module-icons\">\r\n            <h1>{{environment.appMetadata.main.title}}</h1>\r\n            <h2>{{environment.appMetadata.main.owner}}</h2>\r\n            <div class=\"div1111-wrapper\">\r\n                <tn-custom-scrollbar [config]=\"{'suppressScrollY': true}\" *ngIf=\"!isOnMobile\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </tn-custom-scrollbar>\r\n\r\n                <ng-container *ngIf=\"isOnMobile\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #appSwitcher>\r\n        <div class=\"div1111\">\r\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                <span>\r\n                    <a (click)=\"switchApp(item)\" [style.background]=\"item.background\">\r\n                        <i class=\"{{item.icon}} app-switcher-item-icon\" [style.color]=\"item.colorIcon\"></i><span\r\n                            [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span></a>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n    </ng-template>\r\n</ng-template>",
+                template: "<ng-container [ngSwitch]=\"uiSplash\">\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"defaultSplash\">\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <splash-component-v1></splash-component-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\r\n        <splash-component-v2></splash-component-v2>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultSplash>\r\n    <div *ngIf=\"!loaded\" class=\"wrp-loader\">\r\n        <div class=\"loader\"></div>\r\n    </div>\r\n    <div *ngIf=\"loaded\" class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img class=\"profile-image custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\r\n            <h2>Xin ch\u00E0o\r\n                <span *ngIf=\"currentUser\">{{currentUser.fullName}}</span>\r\n                <span *ngIf=\"!currentUser\">kh\u00E1ch</span>!\r\n            </h2>\r\n            <ng-container *ngIf=\"currentUser\">\r\n                <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n                <ng-container>|</ng-container>\r\n                <a style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </ng-container>\r\n            <a *ngIf=\"!currentUser\" style=\"background: #f7e08b;\" (click)=\"login()\">\r\n                <i class=\"fas fa-sign-in-alt\"></i>\u0110\u0103ng nh\u1EADp\r\n            </a>\r\n        </div>\r\n        <div class=\"module-icons\">\r\n            <h1>{{environment.appMetadata.main.title}}</h1>\r\n            <h2>{{environment.appMetadata.main.owner}}</h2>\r\n            <div class=\"div1111-wrapper\">\r\n                <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </tn-custom-scrollbar>\r\n\r\n                <ng-container *ngIf=\"isOnMobile\">\r\n                    <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #appSwitcher>\r\n        <div class=\"div1111\">\r\n            <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                <span>\r\n                    <a [style.background]=\"item.background\" (click)=\"switchApp(item)\">\r\n                        <i class=\"{{item.icon}} app-switcher-item-icon\" [style.color]=\"item.colorIcon\"></i>\r\n                        <span [style.color]=\"item.colorTitle\">{{ item.title | translate}}</span>\r\n                    </a>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n    </ng-template>\r\n</ng-template>",
                 providers: [ComponentContextService],
-                styles: [".modules{align-items:center;background:url(/assets/images/splash-bg.png);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules div>span{box-shadow:1px 2px 9px 1px #bbb;height:100px;margin:10px;min-width:100px;white-space:normal;width:100px}.modules div>span,.modules div>span>a{border-radius:5px;display:inline-block}.modules div>span>a{color:#fff;cursor:pointer;font-weight:700;height:100%;position:relative;text-align:center;text-decoration:unset;text-shadow:2px 3px 3px hsla(0,0%,42.7%,.4392156862745098);width:100%}.modules div>span>a i{-webkit-animation:in 1s;animation:in 1s}.modules div>span>a:hover i{-webkit-animation:out 1s;animation:out 1s}@-webkit-keyframes in{0%{-webkit-transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn)}}@-webkit-keyframes out{0%{-webkit-transform:rotateY(1turn)}to{-webkit-transform:rotateY(0deg)}}@media (max-width:1370px){.modules{justify-content:flex-start;overflow:auto}.module-icons.module-icons{margin-bottom:20px}.welcome-user.welcome-user{margin-bottom:30px;margin-top:30px}.welcome-user.welcome-user img{height:100px;width:100px}.clock{font-size:1.5em;margin:0 20px}.data-time{font-size:1em;margin:10px 0 20px}}.modules div>span>a>span{bottom:10px;color:#fff;display:inline-block;left:0;position:absolute;text-align:center;text-decoration:unset;width:100%}.modules div>span.implementing{background-color:#fff;box-shadow:none}.modules div>span>a>i{font-size:3em;left:0;position:absolute;top:10px;width:100%}.div22{width:240px}.div33{width:360px}.div44{width:480px}.div55{width:600px}.div88{width:960px}::ng-deep .flexcolumn{max-width:calc(100vh - 20px)}.div1111-wrapper{overflow:auto;width:100%}.div1111{white-space:nowrap}.module-icons{color:#666;width:100%}.module-icons,.welcome-user{margin-bottom:80px;text-align:center}.welcome-user a{background:#c2f3c3;border-radius:3px;cursor:pointer;padding:6px}.welcome-user a i{margin-right:6px}.welcome-user img{-o-object-fit:contain;border:2px dashed rgba(0,144,162,.5019607843137255);border-radius:50%;height:200px;object-fit:contain;width:200px}.welcome-user h2{color:#0090a2}.clock-wrapper{color:rgba(0,144,162,.6666666666666666);font-size:2em;text-align:center}.loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border-radius:50%;color:#607d8b;font-size:8px;height:1em;left:50%;position:absolute;text-indent:-9999em;top:50%;transform:translate(-50%,-50%);width:1em}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
+                styles: [".modules{align-items:center;background:url(/assets/images/splash-bg.png);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules div>span{box-shadow:1px 2px 9px 1px #bbb;height:100px;margin:10px;min-width:100px;white-space:normal;width:100px}.modules div>span,.modules div>span>a{border-radius:5px;display:inline-block}.modules div>span>a{color:#fff;cursor:pointer;font-weight:700;height:100%;position:relative;text-align:center;text-decoration:unset;text-shadow:2px 3px 3px hsla(0,0%,42.7%,.4392156862745098);width:100%}.modules div>span>a i{-webkit-animation:in 1s;animation:in 1s}.modules div>span>a:hover i{-webkit-animation:out 1s;animation:out 1s}@-webkit-keyframes in{0%{-webkit-transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn)}}@-webkit-keyframes out{0%{-webkit-transform:rotateY(1turn)}to{-webkit-transform:rotateY(0deg)}}@media (max-width:1370px){.modules{justify-content:flex-start;overflow:auto}.module-icons.module-icons{margin-bottom:20px}.welcome-user.welcome-user{margin-bottom:30px;margin-top:30px}.welcome-user.welcome-user img{height:100px;width:100px}.clock{font-size:1.5em;margin:0 20px}.data-time{font-size:1em;margin:10px 0 20px}}.modules div>span>a>span{bottom:10px;color:#fff;display:inline-block;left:0;position:absolute;text-align:center;text-decoration:unset;width:100%}.modules div>span.implementing{background-color:#fff;box-shadow:none}.modules div>span>a>i{font-size:3em;left:0;position:absolute;top:10px;width:100%}.div22{width:240px}.div33{width:360px}.div44{width:480px}.div55{width:600px}.div88{width:960px}::ng-deep .flexcolumn{max-width:calc(100vh - 20px)}.div1111-wrapper{overflow:auto;width:100%}.div1111{white-space:nowrap}.module-icons{color:#666;width:100%}.module-icons,.welcome-user{margin-bottom:80px;text-align:center}.welcome-user a{background:#c2f3c3;border-radius:3px;cursor:pointer;padding:6px}.welcome-user a i{margin-right:6px}.welcome-user img{-o-object-fit:contain;border:2px dashed rgba(0,144,162,.5019607843137255);border-radius:50%;height:200px;object-fit:contain;width:200px}.welcome-user h2{color:#0090a2}.clock-wrapper{color:rgba(0,144,162,.6666666666666666);font-size:2em;text-align:center}.wrp-loader{display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:101}.wrp-loader .loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border:2px solid #bcdbf5;border-radius:50%;border-top-color:#3192e1;color:#607d8b;display:block;font-size:10px;height:10px;width:10px}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
             },] }
 ];
 SplashComponentComponent.ctorParameters = () => [
@@ -21268,402 +21269,6 @@ AppRootMenuComponent.ctorParameters = () => [
     { type: Injector }
 ];
 
-class AppTopBarV1Component extends ComponentBase {
-    constructor(
-    // public app: AppComponent,
-    _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _translateService) {
-        super(_injector);
-        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._translateService = _translateService;
-        this.defaultAvatar = '';
-        this.key = '';
-        this.currentRoute = '';
-        this.fileApi = '';
-        this.currentUser = null;
-        this.appSwitcherItems = [];
-        this.isFirstTime = false;
-        this.showSettings = false;
-        this.allSubscriptions = [];
-        this.message = '';
-        this.environment = this._moduleConfigService.getConfig().environment;
-        this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
-        this.fileApi = this.environment.apiDomain.fileEndpoint;
-        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.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT.USER_INFO_CHANGED, rs => {
-        //     this._cd.detectChanges();
-        // }));
-        this.rootContext.replaySubscribeOnce(ComCtxConstants.ROOT.USER_LOADED, rs => {
-            this.currentUser = this._userService.getCurrentUser();
-            this.loadMenuMetadata();
-        });
-        if (this.rootModel.allowAnonymous) {
-            this.loadMenuMetadata();
-        }
-    }
-    loadMenuMetadata() {
-        const prmsAppSwicherItem = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-            const arr = [];
-            for (const ind in this.environment.appMetadata.appSwitcher) {
-                const element = this.environment.appMetadata.appSwitcher[ind];
-                const clientId = this.environment.authenticationSettings.clientId;
-                if (this.rootContext.data.allowAnonymous && element.allowAnonymous) {
-                    arr.push(element);
-                }
-                else {
-                    if (this.currentUser) {
-                        const isAuthorized = yield this._permissionService.isAuthorized(element.code, `${element.code}.MODULE.${element.code}`.toUpperCase(), true);
-                        if (isAuthorized) {
-                            arr.push(element);
-                        }
-                    }
-                }
-            }
-            resolve(arr);
-        }));
-        prmsAppSwicherItem.then(rs => {
-            if (rs) {
-                const currentUser = this._userService.getCurrentUser();
-                this.appSwitcherItems.length = 0;
-                rs.forEach(element => {
-                    if (element.visible) {
-                        if (element.allowAnonymous) {
-                            this.appSwitcherItems.push(element);
-                        }
-                        else {
-                            if (currentUser.maNguoiHoc && currentUser.issuperuser && currentUser.issuperuser.toLowerCase() != 'true') {
-                                if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
-                                    this.appSwitcherItems.push(element);
-                                }
-                            }
-                            else {
-                                this.appSwitcherItems.push(element);
-                            }
-                        }
-                    }
-                });
-            }
-        });
-    }
-    ngOnInit() {
-        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, (e) => {
-            setTimeout(() => { this.hideAdvanceSearch(e); });
-        });
-        this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, (e) => {
-            this.focusToSearchBox();
-        });
-        this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, (e) => {
-            this.showNotificationReload();
-        });
-        this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, (e) => {
-            this.setNotify(e.message);
-        });
-        this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, e => {
-            this.model.dataModelSetting.showSettings = true;
-        }));
-        this.model.dataModelSetting = {
-            data: {},
-            showSettings: false
-        };
-        this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, data => {
-            this.formatDefaultDataSetting(data);
-            this.reloadWindow();
-        });
-        const stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
-        if (stringDataDefault) {
-            const dataCacheDefault = JSON.parse(stringDataDefault);
-            this.formatDefaultDataSetting(dataCacheDefault);
-        }
-        else {
-            this.defaultDataSetting = 'Thiết lập tham số mặc định';
-        }
-    }
-    ngOnDestroy() {
-        this.allSubscriptions.forEach(element => {
-            element.unsubscribe();
-        });
-        if (this.intervalCountdown) {
-            clearInterval(this.intervalCountdown);
-        }
-        super.ngOnDestroy();
-    }
-    formatDefaultDataSetting(data) {
-        let dataSetting = '';
-        const fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
-        const fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
-        fields.forEach((field, index) => {
-            if (!this.checkHidden(field)) {
-                const _f = `${field}${fieldPluses[index]}`;
-                if (data[_f]) {
-                    dataSetting += data[_f] + '/';
-                }
-            }
-        });
-        if (dataSetting.length > 0) {
-            dataSetting = dataSetting.substring(0, dataSetting.length - 1);
-        }
-        this.defaultDataSetting = dataSetting;
-    }
-    checkHidden(field) {
-        return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(p => p.field == field);
-    }
-    getCurrentUserFullName() {
-        return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
-    }
-    getCurrentUserPosition() {
-        return this.userProfile ? this.userProfile.tenDonVi : null;
-    }
-    getCurrentUserAvatar() {
-        if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
-            return `${this.fileApi}/file/public/${this.rootContext.data.currentUser.avatar}/Download`;
-        }
-        else {
-            return this.defaultAvatar;
-        }
-    }
-    clearFilter(input) {
-        setTimeout(() => {
-            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();
-        });
-    }
-    toggleAdvanceSearch(evt) {
-        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
-        evt.preventDefault();
-        evt.cancelBubble = true;
-    }
-    hideAdvanceSearch(evt) {
-        if (document.getElementById('advance-search-box')) {
-            const mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
-            if (!mask.length) {
-                const closestDropdown = evt.target.closest('.dropdown-advs');
-                if (closestDropdown == null || closestDropdown.length == 0) {
-                    this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
-                }
-            }
-        }
-    }
-    focusToSearchBox() {
-        if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
-            this.input.nativeElement.focus();
-        }
-    }
-    onTopbarSearchClick(event, input) {
-        if (!this.model.fieldKey) {
-            return;
-        }
-        setTimeout(() => {
-            this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, this.model.searchModel);
-            this._customRouteService.updateFragment(this.model.fieldKey, input.value);
-            this._customRouteService.updateWithoutFireEvent();
-            input.focus();
-        });
-    }
-    onEsc(event, input) {
-        this.clearFilter(input);
-    }
-    onEnter(event, input) {
-        this.onTopbarSearchClick(event, input);
-    }
-    switchApp(item, openNewTab = 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();
-            }
-            if (!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(x => 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;
-                }
-            }
-        }
-    }
-    hasAdvanceSearchBox() {
-        return this.model.searchModel.hasAdvanceSearch;
-    }
-    isAdvanceSearching() {
-        return this.hasAdvanceSearchValue(this.model.searchModel);
-    }
-    hasAdvanceSearchValue(obj) {
-        for (const key in obj) {
-            if (key === '_k' || key === 'hasAdvanceSearch') {
-                continue;
-            }
-            if (obj[key] != null && obj[key] != '') {
-                return false;
-            }
-        }
-        return true;
-    }
-    getComponentId() {
-        return 'TOPBAR';
-    }
-    goToHome() {
-        this.rootContext.fireEvent('GO_HOME');
-    }
-    onEditInfo(event) {
-        event.preventDefault();
-        const currentAppSetting = this.environment.appMetadata.appSwitcher.find(x => 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');
-        }
-    }
-    onChangePassword(event) {
-        event.preventDefault();
-        // this.changePassword.showPopup(this._userService.getId());
-    }
-    onTopbarLogout() {
-        if (!localStorage.getItem('currentUrl')) {
-            localStorage.setItem('currentUrl', top.location.href);
-        }
-        this._authenService.logout();
-    }
-    settingDefault() {
-        this.model.dataModelSetting = {
-            data: {},
-            showSettings: true
-        };
-    }
-    onShowSettings(ev) {
-        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
-    }
-    onCloseSettings(ev) {
-        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
-    }
-    showProfilePage() {
-        if (this._userService.isSinhVienAccount()) {
-            return false;
-        }
-        return true;
-    }
-    login() {
-        this.rootContext.fireEvent('LOGIN');
-    }
-    setNotify(message) {
-        this.message = message;
-    }
-    handleMouseOver(evt) {
-        evt.target.stop();
-    }
-    handleMouseOut(evt) {
-        evt.target.start();
-    }
-    showNotificationReload() {
-        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(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);
-    }
-    reloadWindow() {
-        top.location.reload();
-    }
-}
-AppTopBarV1Component.decorators = [
-    { type: Component, args: [{
-                selector: 'app-topbar-v1',
-                template: "<div class=\"topbar clearfix tn-l-top-bar\">\r\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\r\n        <div class=\"tn-l-left-menu-toggle-block\">\r\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\r\n                (click)=\"_commonService.onMenuButtonClick($event)\">\r\n                <i class=\"pi pi-chevron-left\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\r\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\r\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\" (click)=\"goToHome()\" /></a>\r\n        </div>\r\n        <div class=\"topbar-title tn-l-logo-title-block\">\r\n            <div class=\"topbar-owner\">\r\n                {{environment.appMetadata.main.owner}}\r\n            </div>\r\n            <div class=\"topbar-description\">\r\n                {{environment.appMetadata.main.title}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"setting-default-container\">\r\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\r\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\r\n                (click)=\"settingDefault()\">\r\n            </a>\r\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\r\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\r\n        </ng-container>\r\n    </div>\r\n    <div #notify class=\"notify-message\">\r\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\r\n    </div>\r\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\r\n        oncontextmenu=\"return false\">\r\n        <div class=\"tn-l-top-bar-right-block-1\">\r\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\r\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\r\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    viewBox=\"0 0 448 512\">\r\n                    <path fill=\"currentColor\"\r\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                    </path>\r\n                </svg>\r\n                <span *ngIf=\"messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\r\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"tn-l-top-bar-right-block-2\">\r\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\r\n                <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\r\n                    *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\r\n\r\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\r\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\r\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\r\n                                [src]=\"getCurrentUserAvatar()\" />\r\n                        </div>\r\n                        <div class=\"profile-info-wrapper\">\r\n                            <div class=\"topbar-item-name-wrapper\"\r\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\r\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\r\n                            </div>\r\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\r\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\r\n                        </div>\r\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\r\n                    </a>\r\n\r\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\r\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                            <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                <i class=\"pi pi-inbox\"></i>\r\n                                <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\r\n                            </a>\r\n                        </li>\r\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                            <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                <i class=\"pi pi-user-edit\"></i>\r\n                                <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\r\n                            </a>\r\n                        </li>\r\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                            <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                <i class=\"pi pi-book\"></i>\r\n                                <span>Ghi ch\u00FA</span>\r\n                            </a>\r\n                        </li>\r\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                            <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\r\n                                <i class=\"pi pi-sign-out\"></i>\r\n                                <span>\u0110\u0103ng xu\u1EA5t</span>\r\n                            </a>\r\n                        </li>\r\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\r\n                            <a href=\"javascript:;\" (click)=\"login()\">\r\n                                <i class=\"pi pi-sign-in\"></i>\r\n                                <span>\u0110\u0103ng nh\u1EADp</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </li>\r\n                <li #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help></li>\r\n                <li id=\"li-notifications\" class=\"tn-l-top-bar-menu-item\" #messages\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\r\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\r\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\r\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\r\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\r\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\r\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\r\n                                <path fill=\"currentColor\"\r\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                                </path>\r\n                            </svg>\r\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\r\n                        </span>\r\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\r\n                    </a>\r\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\r\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\r\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\r\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\r\n                                        (click)=\"switchApp(item, true)\">\r\n                                        <span class=\"tn-l-switcher-item-inner\">\r\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\r\n                                            <div class=\"tn-l-switcher-item-label\">\r\n                                                {{ item.title | translate}}\r\n                                            </div>\r\n                                        </span>\r\n                                    </a>\r\n                                </ng-container>\r\n                            </li>\r\n                        </tn-custom-scrollbar>\r\n                    </ul>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>",
-                providers: [ComponentContextService],
-                styles: [".topBarSearchButton:disabled{background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important;opacity:1}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled:-ms-input-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{float:none;margin-top:0}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;float:none;justify-content:center;order:0;text-align:right}.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{-ms-grid-row-align:stretch;align-items:center;align-self:stretch;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941);display:flex}.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{height:40px;margin:0;width:auto}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{font-size:0;height:auto;margin:0;padding-left:8px;padding-right:8px;width:auto}.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{display:flex;float:none;width:auto}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{display:block;height:28px;margin:auto;width:30px}.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{align-items:center;display:flex;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{color:#ff0;font-size:500;white-space:nowrap}.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{align-items:center;background:#fff;display:inline-flex;justify-content:center}.tn-l-switcher-item-label{color:#52abff;margin-top:4px;text-shadow:none}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{color:#52abff;font-size:38px;margin:0 auto;text-shadow:none}.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-v1 .layout-menu li a.switcher-item,::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+1):last-child,::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+2):last-child{width:unset}::ng-deep .layout-wrapper app-topbar-v1 .wrapper-appswitch{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));text-align:center}@media (max-width:1024px){.layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item{width:unset}}@media (min-width:1025px){.tn-l-top-bar-right{align-items:center;display:flex;justify-content:space-between}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin:0}.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{align-items:center;color:#fff;display:flex;font-size:28px;height:36px;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:flex-end;padding:0 .5em}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{margin-left:.5em;position:relative;right:0;top:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:220px}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{align-items:center;display:flex;justify-content:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
-            },] }
-];
-AppTopBarV1Component.ctorParameters = () => [
-    { type: CustomRouterService },
-    { type: Router },
-    { type: CommonService },
-    { type: AuthenService },
-    { type: ChangeDetectorRef },
-    { type: Injector },
-    { type: PermissionService },
-    { type: ModuleConfigService },
-    { type: UserService },
-    { type: NotifierService },
-    { type: TranslateService }
-];
-AppTopBarV1Component.propDecorators = {
-    input: [{ type: ViewChild, args: ['input',] }],
-    notify: [{ type: ViewChild, args: ['notify', { static: true },] }]
-};
-
 class MenuService {
     constructor(_moduleConfigService, _permissionService, _commonService, _applicationContext) {
         this._moduleConfigService = _moduleConfigService;
@@ -22309,7 +21914,9 @@ class AppTopBarComponent extends ComponentBase {
             this.userProfile = this._userService.getProfileInfo();
         }
         this.rootContext.subscribe(ComCtxConstants.ROOT.BODY_MOUSE_DOWN, (e) => {
-            setTimeout(() => { this.hideAdvanceSearch(e); });
+            setTimeout(() => {
+                this.hideAdvanceSearch(e);
+            });
         });
         this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, (e) => {
             this.focusToSearchBox();
@@ -22575,7 +22182,7 @@ AppTopBarComponent.decorators = [
     { type: Component, args: [{
                 // tslint:disable-next-line: component-selector
                 selector: 'app-topbar',
-                template: "<ng-container [ngSwitch]=\"layoutAppSwitcher\">\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <app-topbar-v1></app-topbar-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"appSwitcherDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #appSwitcherDefault>\r\n    <div class=\"topbar clearfix tn-l-top-bar\">\r\n        <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\r\n            <div class=\"tn-l-left-menu-toggle-block\">\r\n                <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\r\n                    (click)=\"_commonService.onMenuButtonClick($event)\">\r\n                    <i class=\"pi pi-chevron-left\"></i>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"topbar-logo tn-l-logo-wrapper\">\r\n                <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\r\n                    <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\"\r\n                        (click)=\"goToHome()\" /></a>\r\n            </div>\r\n            <div class=\"topbar-title tn-l-logo-title-block\">\r\n                <div class=\"topbar-owner\">\r\n                    {{environment.appMetadata.main.owner}}\r\n                </div>\r\n                <div class=\"topbar-description\">\r\n                    {{environment.appMetadata.main.title}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"setting-default-container\">\r\n            <ng-container *ngIf=\"showDefaultSetting && currentUser\">\r\n                <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\r\n                    (click)=\"settingDefault()\">\r\n                </a>\r\n                <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\r\n                    {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\r\n            </ng-container>\r\n        </div>\r\n        <div #notify class=\"notify-message\">\r\n            <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\r\n        </div>\r\n        <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\r\n            oncontextmenu=\"return false\">\r\n            <div class=\"tn-l-top-bar-right-block-1\">\r\n                <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\r\n                    (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\r\n                    <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                        viewBox=\"0 0 448 512\">\r\n                        <path fill=\"currentColor\"\r\n                            d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                        </path>\r\n                    </svg>\r\n                    <span *ngIf=\"messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\r\n                        [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"tn-l-top-bar-right-block-2\">\r\n                <ul class=\"topbar-items fadeInDown\"\r\n                    [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\r\n                    <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\r\n                        *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\r\n\r\n                        <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\r\n                            (click)=\"_commonService.onTopbarItemClick($event,profile)\">\r\n                            <div class=\"profile-image-wrapper topbar-icon-left\">\r\n                                <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\r\n                                    [src]=\"getCurrentUserAvatar()\" />\r\n                            </div>\r\n                            <div class=\"profile-info-wrapper\">\r\n                                <div class=\"topbar-item-name-wrapper\"\r\n                                    [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\r\n                                    <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\r\n                                </div>\r\n                                <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\r\n                                        class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\r\n                            </div>\r\n                            <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\r\n                        </a>\r\n\r\n                        <ul class=\"layout-menu fadeInDown tn-l-switcher\">\r\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-inbox\"></i>\r\n                                    <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\r\n                                </a>\r\n                            </li>\r\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-user-edit\"></i>\r\n                                    <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\r\n                                </a>\r\n                            </li>\r\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-book\"></i>\r\n                                    <span>Ghi ch\u00FA</span>\r\n                                </a>\r\n                            </li>\r\n                            <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                                <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\r\n                                    <i class=\"pi pi-sign-out\"></i>\r\n                                    <span>\u0110\u0103ng xu\u1EA5t</span>\r\n                                </a>\r\n                            </li>\r\n                            <li *ngIf=\"!currentUser\" role=\"menuitem\">\r\n                                <a href=\"javascript:;\" (click)=\"login()\">\r\n                                    <i class=\"pi pi-sign-in\"></i>\r\n                                    <span>\u0110\u0103ng nh\u1EADp</span>\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                    <li #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help></li>\r\n                    <li id=\"li-notifications\" class=\"tn-l-top-bar-menu-item\" #messages\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\r\n                        tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\r\n                    <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\r\n                        <a href=\"#\" tabindex=\"7\" (click)=\"_commonService.onTopbarItemClick($event,modules)\"\r\n                            style=\"height: 30px;\" pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\r\n                            class=\"tn-l-top-bar-menu-item-inner\">\r\n                            <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\r\n                                <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\r\n                                    xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\r\n                                    <path fill=\"currentColor\"\r\n                                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                                    </path>\r\n                                </svg>\r\n                                <!-- <i class=\"pi pi-microsoft\"></i> -->\r\n                            </span>\r\n                            <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\r\n                        </a>\r\n                        <ul class=\"app-switcher layout-menu fadeInDown\">\r\n                            <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\r\n                                <li role=\"menuitem\" style=\"text-align: center;\">\r\n                                    <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                                        <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\r\n                                            [style.background]=\"item.background\" (click)=\"switchApp(item, true)\">\r\n                                            <span class=\"tn-l-switcher-item-inner\" [style.color]=\"item.colorTitle\">\r\n                                                <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"\r\n                                                    [style.color]=\"item.colorIcon\"></i>\r\n                                                <div class=\"tn-l-switcher-item-label\">\r\n                                                    {{ item.title | translate}}\r\n                                                </div>\r\n                                            </span>\r\n                                        </a>\r\n                                    </ng-container>\r\n                                </li>\r\n                            </tn-custom-scrollbar>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>",
+                template: "<ng-container [ngSwitch]=\"layoutAppSwitcher\">\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"appSwitcherDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <app-topbar-v1></app-topbar-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V2\">\r\n        <app-topbar-v2></app-topbar-v2>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #appSwitcherDefault>\r\n    <div class=\"topbar clearfix tn-l-top-bar\">\r\n        <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\r\n            <div class=\"tn-l-left-menu-toggle-block\">\r\n                <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\r\n                    (click)=\"_commonService.onMenuButtonClick($event)\">\r\n                    <i class=\"pi pi-chevron-left\"></i>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"topbar-logo tn-l-logo-wrapper\">\r\n                <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\r\n                    <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\"\r\n                        (click)=\"goToHome()\" /></a>\r\n            </div>\r\n            <div class=\"topbar-title tn-l-logo-title-block\">\r\n                <div class=\"topbar-owner\">\r\n                    {{environment.appMetadata.main.owner}}\r\n                </div>\r\n                <div class=\"topbar-description\">\r\n                    {{environment.appMetadata.main.title}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"setting-default-container\">\r\n            <ng-container *ngIf=\"showDefaultSetting && currentUser\">\r\n                <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\r\n                    (click)=\"settingDefault()\">\r\n                </a>\r\n                <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\r\n                    {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\r\n            </ng-container>\r\n        </div>\r\n        <div #notify class=\"notify-message\">\r\n            <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\r\n        </div>\r\n        <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\r\n            oncontextmenu=\"return false\">\r\n            <div class=\"tn-l-top-bar-right-block-1\">\r\n                <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\r\n                    (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\r\n                    <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                        viewBox=\"0 0 448 512\">\r\n                        <path fill=\"currentColor\"\r\n                            d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                        </path>\r\n                    </svg>\r\n                    <span *ngIf=\"messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\r\n                        [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"tn-l-top-bar-right-block-2\">\r\n                <ul class=\"topbar-items fadeInDown\"\r\n                    [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\r\n                    <li *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\" #profile\r\n                        class=\"profile-item tn-l-top-bar-menu-item\"\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\r\n\r\n                        <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\r\n                            (click)=\"_commonService.onTopbarItemClick($event,profile)\">\r\n                            <div class=\"profile-image-wrapper topbar-icon-left\">\r\n                                <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\r\n                                    [src]=\"getCurrentUserAvatar()\" />\r\n                            </div>\r\n                            <div class=\"profile-info-wrapper\">\r\n                                <div class=\"topbar-item-name-wrapper\"\r\n                                    [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\r\n                                    <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\r\n                                </div>\r\n                                <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\r\n                                        class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\r\n                            </div>\r\n                            <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\r\n                        </a>\r\n\r\n                        <ul class=\"layout-menu fadeInDown tn-l-switcher\">\r\n                            <ng-container *ngIf=\"currentUser\">\r\n                                <li role=\"menuitem\">\r\n                                    <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                        <i class=\"pi pi-inbox\"></i>\r\n                                        <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li role=\"menuitem\">\r\n                                    <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                        <i class=\"pi pi-user-edit\"></i>\r\n                                        <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li role=\"menuitem\">\r\n                                    <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                        <i class=\"pi pi-book\"></i>\r\n                                        <span>Ghi ch\u00FA</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li role=\"menuitem\">\r\n                                    <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\r\n                                        <i class=\"pi pi-sign-out\"></i>\r\n                                        <span>\u0110\u0103ng xu\u1EA5t</span>\r\n                                    </a>\r\n                                </li>\r\n                            </ng-container>\r\n\r\n                            <li *ngIf=\"!currentUser\" role=\"menuitem\">\r\n                                <a href=\"javascript:;\" (click)=\"login()\">\r\n                                    <i class=\"pi pi-sign-in\"></i>\r\n                                    <span>\u0110\u0103ng nh\u1EADp</span>\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                    <li #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help></li>\r\n                    <li id=\"li-notifications\" class=\"tn-l-top-bar-menu-item\" #messages\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\r\n                        tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\r\n                    <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\r\n                        [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\r\n                        <a href=\"#\" tabindex=\"7\" (click)=\"_commonService.onTopbarItemClick($event,modules)\"\r\n                            style=\"height: 30px;\" pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\r\n                            class=\"tn-l-top-bar-menu-item-inner\">\r\n                            <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\r\n                                <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\r\n                                    xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\r\n                                    <path fill=\"currentColor\"\r\n                                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                                    </path>\r\n                                </svg>\r\n                                <!-- <i class=\"pi pi-microsoft\"></i> -->\r\n                            </span>\r\n                            <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\r\n                        </a>\r\n                        <ul class=\"app-switcher layout-menu fadeInDown\">\r\n                            <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\r\n                                <li role=\"menuitem\" style=\"text-align: center;\">\r\n                                    <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                                        <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\r\n                                            [style.background]=\"item.background\" (click)=\"switchApp(item, true)\">\r\n                                            <span class=\"tn-l-switcher-item-inner\" [style.color]=\"item.colorTitle\">\r\n                                                <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"\r\n                                                    [style.color]=\"item.colorIcon\"></i>\r\n                                                <div class=\"tn-l-switcher-item-label\">\r\n                                                    {{ item.title | translate}}\r\n                                                </div>\r\n                                            </span>\r\n                                        </a>\r\n                                    </ng-container>\r\n                                </li>\r\n                            </tn-custom-scrollbar>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>",
                 providers: [ComponentContextService],
                 styles: [".topBarSearchButton:disabled{background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important;opacity:1}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled:-ms-input-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{float:none;margin-top:0}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;float:none;justify-content:center;order:0;text-align:right}.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{-ms-grid-row-align:stretch;align-items:center;align-self:stretch;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941);display:flex}.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{height:40px;margin:0;width:auto}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{font-size:0;height:auto;margin:0;padding-left:8px;padding-right:8px;width:auto}.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{display:flex;float:none;width:auto}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{display:block;height:28px;margin:auto;width:30px}.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{align-items:center;display:flex;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{color:#ff0;font-size:500;white-space:nowrap}.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{align-items:center;display:inline-flex;justify-content:center}.tn-l-switcher-item-label{line-height:1.2;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{align-items:center;display:flex;justify-content:space-between}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin:0}.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{align-items:center;color:#fff;display:flex;font-size:28px;height:36px;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:flex-end;padding:0 .5em}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{margin-left:.5em;position:relative;right:0;top:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:220px}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{align-items:center;display:flex;justify-content:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
             },] }
@@ -22598,6 +22205,802 @@ AppTopBarComponent.propDecorators = {
     notify: [{ type: ViewChild, args: ['notify', { static: true },] }]
 };
 
+class AppTopBarV1Component extends ComponentBase {
+    constructor(
+    // public app: AppComponent,
+    _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _translateService) {
+        super(_injector);
+        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._translateService = _translateService;
+        this.defaultAvatar = '';
+        this.key = '';
+        this.currentRoute = '';
+        this.fileApi = '';
+        this.currentUser = null;
+        this.appSwitcherItems = [];
+        this.isFirstTime = false;
+        this.showSettings = false;
+        this.allSubscriptions = [];
+        this.message = '';
+        this.environment = this._moduleConfigService.getConfig().environment;
+        this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
+        this.fileApi = this.environment.apiDomain.fileEndpoint;
+        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.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT.USER_INFO_CHANGED, rs => {
+        //     this._cd.detectChanges();
+        // }));
+        this.rootContext.replaySubscribeOnce(ComCtxConstants.ROOT.USER_LOADED, rs => {
+            this.currentUser = this._userService.getCurrentUser();
+            this.loadMenuMetadata();
+        });
+        if (this.rootModel.allowAnonymous) {
+            this.loadMenuMetadata();
+        }
+    }
+    loadMenuMetadata() {
+        const prmsAppSwicherItem = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+            const arr = [];
+            for (const ind in this.environment.appMetadata.appSwitcher) {
+                const element = this.environment.appMetadata.appSwitcher[ind];
+                const clientId = this.environment.authenticationSettings.clientId;
+                if (this.rootContext.data.allowAnonymous && element.allowAnonymous) {
+                    arr.push(element);
+                }
+                else {
+                    if (this.currentUser) {
+                        const isAuthorized = yield this._permissionService.isAuthorized(element.code, `${element.code}.MODULE.${element.code}`.toUpperCase(), true);
+                        if (isAuthorized) {
+                            arr.push(element);
+                        }
+                    }
+                }
+            }
+            resolve(arr);
+        }));
+        prmsAppSwicherItem.then(rs => {
+            if (rs) {
+                const currentUser = this._userService.getCurrentUser();
+                this.appSwitcherItems.length = 0;
+                rs.forEach(element => {
+                    if (element.visible) {
+                        if (element.allowAnonymous) {
+                            this.appSwitcherItems.push(element);
+                        }
+                        else {
+                            if (currentUser.maNguoiHoc && currentUser.issuperuser && currentUser.issuperuser.toLowerCase() != 'true') {
+                                if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                    this.appSwitcherItems.push(element);
+                                }
+                            }
+                            else {
+                                this.appSwitcherItems.push(element);
+                            }
+                        }
+                    }
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        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, (e) => {
+            setTimeout(() => {
+                this.hideAdvanceSearch(e);
+            });
+        });
+        this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, (e) => {
+            this.focusToSearchBox();
+        });
+        this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, (e) => {
+            this.showNotificationReload();
+        });
+        this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, (e) => {
+            this.setNotify(e.message);
+        });
+        this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, e => {
+            this.model.dataModelSetting.showSettings = true;
+        }));
+        this.model.dataModelSetting = {
+            data: {},
+            showSettings: false
+        };
+        this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, data => {
+            this.formatDefaultDataSetting(data);
+            this.reloadWindow();
+        });
+        const stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
+        if (stringDataDefault) {
+            const dataCacheDefault = JSON.parse(stringDataDefault);
+            this.formatDefaultDataSetting(dataCacheDefault);
+        }
+        else {
+            this.defaultDataSetting = 'Thiết lập tham số mặc định';
+        }
+    }
+    ngOnDestroy() {
+        this.allSubscriptions.forEach(element => {
+            element.unsubscribe();
+        });
+        if (this.intervalCountdown) {
+            clearInterval(this.intervalCountdown);
+        }
+        super.ngOnDestroy();
+    }
+    formatDefaultDataSetting(data) {
+        let dataSetting = '';
+        const fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
+        const fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
+        fields.forEach((field, index) => {
+            if (!this.checkHidden(field)) {
+                const _f = `${field}${fieldPluses[index]}`;
+                if (data[_f]) {
+                    dataSetting += data[_f] + '/';
+                }
+            }
+        });
+        if (dataSetting.length > 0) {
+            dataSetting = dataSetting.substring(0, dataSetting.length - 1);
+        }
+        this.defaultDataSetting = dataSetting;
+    }
+    checkHidden(field) {
+        return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(p => p.field == field);
+    }
+    getCurrentUserFullName() {
+        return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
+    }
+    getCurrentUserPosition() {
+        return this.userProfile ? this.userProfile.tenDonVi : null;
+    }
+    getCurrentUserAvatar() {
+        if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+            return `${this.fileApi}/file/public/${this.rootContext.data.currentUser.avatar}/Download`;
+        }
+        else {
+            return this.defaultAvatar;
+        }
+    }
+    clearFilter(input) {
+        setTimeout(() => {
+            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();
+        });
+    }
+    toggleAdvanceSearch(evt) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
+        evt.preventDefault();
+        evt.cancelBubble = true;
+    }
+    hideAdvanceSearch(evt) {
+        if (document.getElementById('advance-search-box')) {
+            const mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
+            if (!mask.length) {
+                const closestDropdown = evt.target.closest('.dropdown-advs');
+                if (closestDropdown == null || closestDropdown.length == 0) {
+                    this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
+                }
+            }
+        }
+    }
+    focusToSearchBox() {
+        if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
+            this.input.nativeElement.focus();
+        }
+    }
+    onTopbarSearchClick(event, input) {
+        if (!this.model.fieldKey) {
+            return;
+        }
+        setTimeout(() => {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, this.model.searchModel);
+            this._customRouteService.updateFragment(this.model.fieldKey, input.value);
+            this._customRouteService.updateWithoutFireEvent();
+            input.focus();
+        });
+    }
+    onEsc(event, input) {
+        this.clearFilter(input);
+    }
+    onEnter(event, input) {
+        this.onTopbarSearchClick(event, input);
+    }
+    switchApp(item, openNewTab = 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();
+            }
+            if (!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(x => 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;
+                }
+            }
+        }
+    }
+    hasAdvanceSearchBox() {
+        return this.model.searchModel.hasAdvanceSearch;
+    }
+    isAdvanceSearching() {
+        return this.hasAdvanceSearchValue(this.model.searchModel);
+    }
+    hasAdvanceSearchValue(obj) {
+        for (const key in obj) {
+            if (key === '_k' || key === 'hasAdvanceSearch') {
+                continue;
+            }
+            if (obj[key] != null && obj[key] != '') {
+                return false;
+            }
+        }
+        return true;
+    }
+    getComponentId() {
+        return 'TOPBAR';
+    }
+    goToHome() {
+        this.rootContext.fireEvent('GO_HOME');
+    }
+    onEditInfo(event) {
+        event.preventDefault();
+        const currentAppSetting = this.environment.appMetadata.appSwitcher.find(x => 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');
+        }
+    }
+    onChangePassword(event) {
+        event.preventDefault();
+        // this.changePassword.showPopup(this._userService.getId());
+    }
+    onTopbarLogout() {
+        if (!localStorage.getItem('currentUrl')) {
+            localStorage.setItem('currentUrl', top.location.href);
+        }
+        this._authenService.logout();
+    }
+    settingDefault() {
+        this.model.dataModelSetting = {
+            data: {},
+            showSettings: true
+        };
+    }
+    onShowSettings(ev) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
+    }
+    onCloseSettings(ev) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
+    }
+    showProfilePage() {
+        if (this._userService.isSinhVienAccount()) {
+            return false;
+        }
+        return true;
+    }
+    login() {
+        this.rootContext.fireEvent('LOGIN');
+    }
+    setNotify(message) {
+        this.message = message;
+    }
+    handleMouseOver(evt) {
+        evt.target.stop();
+    }
+    handleMouseOut(evt) {
+        evt.target.start();
+    }
+    showNotificationReload() {
+        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(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);
+    }
+    reloadWindow() {
+        top.location.reload();
+    }
+}
+AppTopBarV1Component.decorators = [
+    { type: Component, args: [{
+                selector: 'app-topbar-v1',
+                template: "<div class=\"topbar clearfix tn-l-top-bar\">\r\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\r\n        <div class=\"tn-l-left-menu-toggle-block\">\r\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\r\n                (click)=\"_commonService.onMenuButtonClick($event)\">\r\n                <i class=\"pi pi-chevron-left\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\r\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\r\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\" (click)=\"goToHome()\" /></a>\r\n        </div>\r\n        <div class=\"topbar-title tn-l-logo-title-block\">\r\n            <div class=\"topbar-owner\">\r\n                {{environment.appMetadata.main.owner}}\r\n            </div>\r\n            <div class=\"topbar-description\">\r\n                {{environment.appMetadata.main.title}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"setting-default-container\">\r\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\r\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\r\n                (click)=\"settingDefault()\">\r\n            </a>\r\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\r\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\r\n        </ng-container>\r\n    </div>\r\n    <div #notify class=\"notify-message\">\r\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\r\n    </div>\r\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\r\n        oncontextmenu=\"return false\">\r\n        <div class=\"tn-l-top-bar-right-block-1\">\r\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\r\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\r\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    viewBox=\"0 0 448 512\">\r\n                    <path fill=\"currentColor\"\r\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                    </path>\r\n                </svg>\r\n                <span *ngIf=\"messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\r\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"tn-l-top-bar-right-block-2\">\r\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\r\n                <li *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\" #profile\r\n                    class=\"profile-item tn-l-top-bar-menu-item\"\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\r\n\r\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\r\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\r\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\r\n                                [src]=\"getCurrentUserAvatar()\" />\r\n                        </div>\r\n                        <div class=\"profile-info-wrapper\">\r\n                            <div class=\"topbar-item-name-wrapper\"\r\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\r\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\r\n                            </div>\r\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\r\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\r\n                        </div>\r\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\r\n                    </a>\r\n\r\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\r\n                        <ng-container *ngIf=\"currentUser\">\r\n                            <li role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-inbox\"></i>\r\n                                    <span>Th\u01B0 m\u1EE5c c\u00E1 nh\u00E2n</span>\r\n                                </a>\r\n                            </li>\r\n                            <li role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-user-edit\"></i>\r\n                                    <span>C\u1EADp nh\u1EADt th\u00F4ng tin</span>\r\n                                </a>\r\n                            </li>\r\n                            <li role=\"menuitem\">\r\n                                <a href=\"#\" (click)=\"onEditInfo($event)\">\r\n                                    <i class=\"pi pi-book\"></i>\r\n                                    <span>Ghi ch\u00FA</span>\r\n                                </a>\r\n                            </li>\r\n                            <li role=\"menuitem\">\r\n                                <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\r\n                                    <i class=\"pi pi-sign-out\"></i>\r\n                                    <span>\u0110\u0103ng xu\u1EA5t</span>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\r\n                            <a href=\"javascript:;\" (click)=\"login()\">\r\n                                <i class=\"pi pi-sign-in\"></i>\r\n                                <span>\u0110\u0103ng nh\u1EADp</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </li>\r\n                <li #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help></li>\r\n                <li id=\"li-notifications\" class=\"tn-l-top-bar-menu-item\" #messages\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\r\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\r\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\r\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\r\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\r\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\r\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\r\n                                <path fill=\"currentColor\"\r\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                                </path>\r\n                            </svg>\r\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\r\n                        </span>\r\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\r\n                    </a>\r\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\r\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\r\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\r\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\r\n                                        (click)=\"switchApp(item, true)\">\r\n                                        <span class=\"tn-l-switcher-item-inner\">\r\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\r\n                                            <div class=\"tn-l-switcher-item-label\">\r\n                                                {{ item.title | translate}}\r\n                                            </div>\r\n                                        </span>\r\n                                    </a>\r\n                                </ng-container>\r\n                            </li>\r\n                        </tn-custom-scrollbar>\r\n                    </ul>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>",
+                providers: [ComponentContextService],
+                styles: [".topBarSearchButton:disabled{background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important;opacity:1}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled:-ms-input-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{float:none;margin-top:0}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;float:none;justify-content:center;order:0;text-align:right}.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{-ms-grid-row-align:stretch;align-items:center;align-self:stretch;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941);display:flex}.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{height:40px;margin:0;width:auto}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{font-size:0;height:auto;margin:0;padding-left:8px;padding-right:8px;width:auto}.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{display:flex;float:none;width:auto}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{display:block;height:28px;margin:auto;width:30px}.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{align-items:center;display:flex;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{color:#ff0;font-size:500;white-space:nowrap}.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{align-items:center;background:#fff;display:inline-flex;justify-content:center}.tn-l-switcher-item-label{color:#52abff;margin-top:4px;text-shadow:none}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{color:#52abff;font-size:38px;margin:0 auto;text-shadow:none}.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-v1 .layout-menu li a.switcher-item{width:unset}::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+0){border-left:none}::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+1){border-right:none}::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+2){border:none}::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+1):last-child,::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item:nth-child(3n+2):last-child{width:unset}::ng-deep .layout-wrapper app-topbar-v1 .wrapper-appswitch{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));text-align:center}@media (max-width:1024px){::ng-deep .layout-wrapper app-topbar-v1 .layout-menu li a.switcher-item{width:unset}}@media (min-width:1025px){.tn-l-top-bar-right{align-items:center;display:flex;justify-content:space-between}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin:0}.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{align-items:center;color:#fff;display:flex;font-size:28px;height:36px;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:flex-end;padding:0 .5em}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{margin-left:.5em;position:relative;right:0;top:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:220px}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{align-items:center;display:flex;justify-content:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
+            },] }
+];
+AppTopBarV1Component.ctorParameters = () => [
+    { type: CustomRouterService },
+    { type: Router },
+    { type: CommonService },
+    { type: AuthenService },
+    { type: ChangeDetectorRef },
+    { type: Injector },
+    { type: PermissionService },
+    { type: ModuleConfigService },
+    { type: UserService },
+    { type: NotifierService },
+    { type: TranslateService }
+];
+AppTopBarV1Component.propDecorators = {
+    input: [{ type: ViewChild, args: ['input',] }],
+    notify: [{ type: ViewChild, args: ['notify', { static: true },] }]
+};
+
+class AppTopBarV2Component extends ComponentBase {
+    constructor(
+    // public app: AppComponent,
+    _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _translateService) {
+        super(_injector);
+        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._translateService = _translateService;
+        this.defaultAvatar = '';
+        this.key = '';
+        this.currentRoute = '';
+        this.fileApi = '';
+        this.currentUser = null;
+        this.appSwitcherItems = [];
+        this.isFirstTime = false;
+        this.showSettings = false;
+        this.allSubscriptions = [];
+        this.message = '';
+        this.environment = this._moduleConfigService.getConfig().environment;
+        this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
+        this.fileApi = this.environment.apiDomain.fileEndpoint;
+        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.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT.USER_INFO_CHANGED, rs => {
+        //     this._cd.detectChanges();
+        // }));
+        this.rootContext.replaySubscribeOnce(ComCtxConstants.ROOT.USER_LOADED, rs => {
+            this.currentUser = this._userService.getCurrentUser();
+            this.loadMenuMetadata();
+        });
+        if (this.rootModel.allowAnonymous) {
+            this.loadMenuMetadata();
+        }
+    }
+    loadMenuMetadata() {
+        const prmsAppSwicherItem = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+            const arr = [];
+            for (const ind in this.environment.appMetadata.appSwitcher) {
+                const element = this.environment.appMetadata.appSwitcher[ind];
+                const clientId = this.environment.authenticationSettings.clientId;
+                if (this.rootContext.data.allowAnonymous && element.allowAnonymous) {
+                    arr.push(element);
+                }
+                else {
+                    if (this.currentUser) {
+                        const isAuthorized = yield this._permissionService.isAuthorized(element.code, `${element.code}.MODULE.${element.code}`.toUpperCase(), true);
+                        if (isAuthorized) {
+                            arr.push(element);
+                        }
+                    }
+                }
+            }
+            resolve(arr);
+        }));
+        prmsAppSwicherItem.then(rs => {
+            if (rs) {
+                const currentUser = this._userService.getCurrentUser();
+                this.appSwitcherItems.length = 0;
+                rs.forEach(element => {
+                    if (element.visible) {
+                        if (element.allowAnonymous) {
+                            this.appSwitcherItems.push(element);
+                        }
+                        else {
+                            if (currentUser.maNguoiHoc && currentUser.issuperuser && currentUser.issuperuser.toLowerCase() != 'true') {
+                                if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                    this.appSwitcherItems.push(element);
+                                }
+                            }
+                            else {
+                                this.appSwitcherItems.push(element);
+                            }
+                        }
+                    }
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        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, (e) => {
+            setTimeout(() => {
+                this.hideAdvanceSearch(e);
+            });
+        });
+        this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, (e) => {
+            this.focusToSearchBox();
+        });
+        this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, (e) => {
+            this.showNotificationReload();
+        });
+        this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, (e) => {
+            this.setNotify(e.message);
+        });
+        this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, e => {
+            this.model.dataModelSetting.showSettings = true;
+        }));
+        this.model.dataModelSetting = {
+            data: {},
+            showSettings: false
+        };
+        this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, data => {
+            this.formatDefaultDataSetting(data);
+            this.reloadWindow();
+        });
+        const stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
+        if (stringDataDefault) {
+            const dataCacheDefault = JSON.parse(stringDataDefault);
+            this.formatDefaultDataSetting(dataCacheDefault);
+        }
+        else {
+            this.defaultDataSetting = 'Thiết lập tham số mặc định';
+        }
+    }
+    ngOnDestroy() {
+        this.allSubscriptions.forEach(element => {
+            element.unsubscribe();
+        });
+        if (this.intervalCountdown) {
+            clearInterval(this.intervalCountdown);
+        }
+        super.ngOnDestroy();
+    }
+    formatDefaultDataSetting(data) {
+        let dataSetting = '';
+        const fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
+        const fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
+        fields.forEach((field, index) => {
+            if (!this.checkHidden(field)) {
+                const _f = `${field}${fieldPluses[index]}`;
+                if (data[_f]) {
+                    dataSetting += data[_f] + '/';
+                }
+            }
+        });
+        if (dataSetting.length > 0) {
+            dataSetting = dataSetting.substring(0, dataSetting.length - 1);
+        }
+        this.defaultDataSetting = dataSetting;
+    }
+    checkHidden(field) {
+        return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(p => p.field == field);
+    }
+    getCurrentUserFullName() {
+        return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
+    }
+    getCurrentUserPosition() {
+        return this.userProfile ? this.userProfile.tenDonVi : null;
+    }
+    getCurrentUserAvatar() {
+        if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+            return `${this.fileApi}/file/public/${this.rootContext.data.currentUser.avatar}/Download`;
+        }
+        else {
+            return this.defaultAvatar;
+        }
+    }
+    clearFilter(input) {
+        setTimeout(() => {
+            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();
+        });
+    }
+    toggleAdvanceSearch(evt) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
+        evt.preventDefault();
+        evt.cancelBubble = true;
+    }
+    hideAdvanceSearch(evt) {
+        if (document.getElementById('advance-search-box')) {
+            const mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
+            if (!mask.length) {
+                const closestDropdown = evt.target.closest('.dropdown-advs');
+                if (closestDropdown == null || closestDropdown.length == 0) {
+                    this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
+                }
+            }
+        }
+    }
+    focusToSearchBox() {
+        if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
+            this.input.nativeElement.focus();
+        }
+    }
+    onTopbarSearchClick(event, input) {
+        if (!this.model.fieldKey) {
+            return;
+        }
+        setTimeout(() => {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, this.model.searchModel);
+            this._customRouteService.updateFragment(this.model.fieldKey, input.value);
+            this._customRouteService.updateWithoutFireEvent();
+            input.focus();
+        });
+    }
+    onEsc(event, input) {
+        this.clearFilter(input);
+    }
+    onEnter(event, input) {
+        this.onTopbarSearchClick(event, input);
+    }
+    switchApp(item, openNewTab = 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();
+            }
+            if (!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(x => 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;
+                }
+            }
+        }
+    }
+    hasAdvanceSearchBox() {
+        return this.model.searchModel.hasAdvanceSearch;
+    }
+    isAdvanceSearching() {
+        return this.hasAdvanceSearchValue(this.model.searchModel);
+    }
+    hasAdvanceSearchValue(obj) {
+        for (const key in obj) {
+            if (key === '_k' || key === 'hasAdvanceSearch') {
+                continue;
+            }
+            if (obj[key] != null && obj[key] != '') {
+                return false;
+            }
+        }
+        return true;
+    }
+    getComponentId() {
+        return 'TOPBAR';
+    }
+    goToHome() {
+        this.rootContext.fireEvent('GO_HOME');
+    }
+    onEditInfo(event) {
+        event.preventDefault();
+        const currentAppSetting = this.environment.appMetadata.appSwitcher.find(x => 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');
+        }
+    }
+    onChangePassword(event) {
+        event.preventDefault();
+        // this.changePassword.showPopup(this._userService.getId());
+    }
+    onTopbarLogout() {
+        if (!localStorage.getItem('currentUrl')) {
+            localStorage.setItem('currentUrl', top.location.href);
+        }
+        this._authenService.logout();
+    }
+    settingDefault() {
+        this.model.dataModelSetting = {
+            data: {},
+            showSettings: true
+        };
+    }
+    onShowSettings(ev) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
+    }
+    onCloseSettings(ev) {
+        this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
+    }
+    showProfilePage() {
+        if (this._userService.isSinhVienAccount()) {
+            return false;
+        }
+        return true;
+    }
+    login() {
+        this.rootContext.fireEvent('LOGIN');
+    }
+    setNotify(message) {
+        this.message = message;
+    }
+    handleMouseOver(evt) {
+        evt.target.stop();
+    }
+    handleMouseOut(evt) {
+        evt.target.start();
+    }
+    showNotificationReload() {
+        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(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);
+    }
+    reloadWindow() {
+        top.location.reload();
+    }
+}
+AppTopBarV2Component.decorators = [
+    { type: Component, args: [{
+                selector: 'app-topbar-v2',
+                template: "<div class=\"topbar clearfix tn-l-top-bar\">\r\n    <div class=\"topbar-left tn-l-top-bar-left\" [ngClass]=\"{'beta-version': !environment.isProduction }\">\r\n        <div class=\"tn-l-left-menu-toggle-block\">\r\n            <a tabindex=\"1\" id=\"menu-button\" class=\"tn-l-left-menu-toggle\" href=\"#\"\r\n                (click)=\"_commonService.onMenuButtonClick($event)\">\r\n                <i class=\"pi pi-chevron-left\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"topbar-logo tn-l-logo-wrapper\">\r\n            <a tabindex=\"2\" href=\"javascript:\" style=\"display: inline-block;\">\r\n                <img class=\"topbar-logo tn-l-logo\" [src]=\"environment.appMetadata.main.logo\" (click)=\"goToHome()\" /></a>\r\n        </div>\r\n        <div class=\"topbar-title tn-l-logo-title-block\">\r\n            <div class=\"topbar-owner\">\r\n                {{environment.appMetadata.main.owner}}\r\n            </div>\r\n            <div class=\"topbar-description\">\r\n                {{environment.appMetadata.main.title}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"setting-default-container\">\r\n        <ng-container *ngIf=\"showDefaultSetting && currentUser\">\r\n            <a tabindex=\"3\" href=\"javascript:void(0)\" class=\"tn-l-m-default-setting pi pi-cog\"\r\n                (click)=\"settingDefault()\">\r\n            </a>\r\n            <h3 class=\"tn-l-default-detting\" (click)=\"settingDefault()\">\r\n                {{defaultDataSetting}} <i class=\"pi pi-pencil\" style=\"margin-left:10px\"></i></h3>\r\n        </ng-container>\r\n    </div>\r\n    <div #notify class=\"notify-message\">\r\n        <marquee (mouseover)=\"handleMouseOver($event)\" (mouseout)=\"handleMouseOut($event)\">{{message}}</marquee>\r\n    </div>\r\n    <div class=\"topbar-right tn-l-top-bar-right\" [ngClass]=\"{'beta-version': !environment.isProduction}\"\r\n        oncontextmenu=\"return false\">\r\n        <div class=\"tn-l-top-bar-right-block-1\">\r\n            <a tabindex=\"4\" class=\"topbar-menu-button\" id=\"topbar-menu-button\" href=\"#\"\r\n                (click)=\"_commonService.onTopbarMenuButtonClick($event)\">\r\n                <svg focusable=\"false\" class=\"tn-m-topbar-menu-toggle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    viewBox=\"0 0 448 512\">\r\n                    <path fill=\"currentColor\"\r\n                        d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                    </path>\r\n                </svg>\r\n                <span *ngIf=\"messages.totalUnRead > 0\" class=\"topbar-badge animated rubberBand\"\r\n                    [ngClass]=\"{'topbar-badge-bounce': messages.bounceNoti}\">{{messages.totalUnRead}}</span>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"tn-l-top-bar-right-block-2\">\r\n            <ul class=\"topbar-items fadeInDown\" [ngClass]=\"{'topbar-items-visible': _commonService.topbarMenuActive}\">\r\n                <li #profile class=\"profile-item tn-l-top-bar-menu-item\"\r\n                    *ngIf=\"_commonService.profileMode==='top'||_commonService.isHorizontal()\"\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === profile}\">\r\n\r\n                    <a href=\"#\" tabindex=\"10\" class=\"UserPane tn-l-top-bar-menu-item-inner\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,profile)\">\r\n                        <div class=\"profile-image-wrapper topbar-icon-left\">\r\n                            <img class=\"profile-image tn-l-profile-img\" [src-fallback]=\"defaultAvatar\"\r\n                                [src]=\"getCurrentUserAvatar()\" />\r\n                        </div>\r\n                        <div class=\"profile-info-wrapper\">\r\n                            <div class=\"topbar-item-name-wrapper\"\r\n                                [ngClass]=\"{'not-show-position': !getCurrentUserPosition()}\">\r\n                                <span class=\"topbar-item-name tn-l-user-name\">{{getCurrentUserFullName()}}</span>\r\n                            </div>\r\n                            <div class=\"topbar-item-role-wrapper tn-l-topbar-item-role-wrapper\"><span\r\n                                    class=\"topbar-item-role\">{{getCurrentUserPosition()}}</span></div>\r\n                        </div>\r\n                        <i class=\"pi pi-user\" style=\"opacity: 0; position: absolute;\"></i>\r\n                    </a>\r\n\r\n                    <ul class=\"layout-menu fadeInDown tn-l-switcher\">\r\n                        <li *ngIf=\"currentUser\" role=\"menuitem\">\r\n                            <a href=\"javascript:;\" (click)=\"onTopbarLogout()\">\r\n                                <i class=\"pi pi-sign-out\"></i>\r\n                                <span>\u0110\u0103ng xu\u1EA5t</span>\r\n                            </a>\r\n                        </li>\r\n                        <li *ngIf=\"!currentUser\" role=\"menuitem\">\r\n                            <a href=\"javascript:;\" (click)=\"login()\">\r\n                                <i class=\"pi pi-sign-in\"></i>\r\n                                <span>\u0110\u0103ng nh\u1EADp</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </li>\r\n                <li #help class=\"menu-help tn-l-top-bar-menu-item\" tn-app-help></li>\r\n                <li id=\"li-notifications\" class=\"tn-l-top-bar-menu-item\" #messages\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === messages || _commonService.activeTopbarItem === 0}\"\r\n                    tn-app-notification (openMenu)=\"_commonService.onTopbarItemClick($event,messages)\"></li>\r\n                <li id=\"li-app-switcher\" class=\"tn-l-top-bar-menu-item\" #modules\r\n                    [ngClass]=\"{'active-top-menu':_commonService.activeTopbarItem === modules || _commonService.activeTopbarItem === 1}\">\r\n                    <a href=\"#\" tabindex=\"7\" class=\"tn-l-top-bar-menu-item-inner\" style=\"height: 30px;\"\r\n                        pTooltip=\"Danh s\u00E1ch ph\u00E2n h\u1EC7\" tooltipPosition=\"bottom\"\r\n                        (click)=\"_commonService.onTopbarItemClick($event,modules)\">\r\n                        <span class=\"topbar-icon-left tn-l-topbar-icon-left\">\r\n                            <svg focusable=\"false\" class=\"topbar-icon animated swing svgmodule\" role=\"img\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\r\n                                <path fill=\"currentColor\"\r\n                                    d=\"M0 224h192V32H0v192zm256-192v192h192V32H256zM0 480h192V288H0v192zm256-192v192h192V288H256z\">\r\n                                </path>\r\n                            </svg>\r\n                            <!-- <i class=\"pi pi-microsoft\"></i> -->\r\n                        </span>\r\n                        <span class=\"topbar-item-name\">{{ 'Danh s\u00E1ch ph\u00E2n h\u1EC7' | translate}}</span>\r\n                    </a>\r\n                    <ul class=\"app-switcher layout-menu fadeInDown\">\r\n                        <tn-custom-scrollbar #scrollbar class=\"app-switcher-holder\">\r\n                            <li role=\"menuitem\" class=\"wrapper-appswitch\">\r\n                                <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n                                    <a class=\"switcher-item tn-l-switcher-item\" href=\"javascript:\"\r\n                                        (click)=\"switchApp(item, true)\">\r\n                                        <span class=\"tn-l-switcher-item-inner\">\r\n                                            <i class=\"{{item.icon}} app-switcher-item-icon tn-l-switcher-item-icon\"></i>\r\n                                            <div class=\"tn-l-switcher-item-label\">\r\n                                                {{ item.title | translate}}\r\n                                            </div>\r\n                                        </span>\r\n                                    </a>\r\n                                </ng-container>\r\n                            </li>\r\n                        </tn-custom-scrollbar>\r\n                    </ul>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>",
+                providers: [ComponentContextService],
+                styles: [".topBarSearchButton:disabled{background-color:#eee!important;border:1px solid #c8c8c8!important;border-right:none!important;color:#c1c1c1!important;opacity:1}::ng-deep app-topbar a{outline:none}input:disabled::-moz-placeholder{color:#b1b1b1}input:disabled:-ms-input-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{float:none;margin-top:0}.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper.profile-info-wrapper{display:inline-flex;flex-direction:column;float:none;justify-content:center;order:0;text-align:right}.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{-ms-grid-row-align:stretch;align-items:center;align-self:stretch;box-shadow:0 0 5px 0 rgba(0,0,0,.3764705882352941);display:flex}.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{height:40px;margin:0;width:auto}.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper.tn-l-logo-wrapper{font-size:0;height:auto;margin:0;padding-left:8px;padding-right:8px;width:auto}.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{display:flex;float:none;width:auto}.tn-l-top-bar-left{align-items:center}.tn-m-topbar-menu-toggle{display:block;height:28px;margin:auto;width:30px}.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{align-items:center;display:flex;margin-left:30px}.notify-message{flex:1 1;overflow:hidden}.notify-message>marquee{color:#ff0;font-size:500;white-space:nowrap}.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{align-items:center;background:#fff;display:inline-flex;justify-content:center}.tn-l-switcher-item-label{color:#52abff;line-height:20px;margin-top:4px;text-align:center;text-shadow:none}.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon.tn-l-switcher-item-icon{color:#52abff;font-size:38px;margin:0 auto;text-shadow:none}.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}::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 .topbar .topbar-left{box-shadow:none}::ng-deep .layout-wrapper app-topbar-v2 .wrapper-appswitch{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));text-align:center}@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{align-items:center;display:flex;justify-content:space-between}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right{padding:0 15px}.topbar-items.topbar-items.topbar-items{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin:0}.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{align-items:center;color:#fff;display:flex;font-size:28px;height:36px;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:center;width:36px}.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{align-items:center;display:flex;justify-content:flex-end;padding:0 .5em}.tn-l-top-bar-right.tn-l-top-bar-right.tn-l-top-bar-right #topbar-menu-button{margin-left:.5em;position:relative;right:0;top:0}.app-switcher.layout-menu.layout-menu.layout-menu.layout-menu{width:270px}.profile-image-wrapper{order:0}.tn-l-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:220px}::ng-deep app-topbar .tn-l-top-bar-menu-item .topbar-icon-left{align-items:center;display:flex;justify-content:center}.tn-l-topbar-item-role-wrapper{display:none}}"]
+            },] }
+];
+AppTopBarV2Component.ctorParameters = () => [
+    { type: CustomRouterService },
+    { type: Router },
+    { type: CommonService },
+    { type: AuthenService },
+    { type: ChangeDetectorRef },
+    { type: Injector },
+    { type: PermissionService },
+    { type: ModuleConfigService },
+    { type: UserService },
+    { type: NotifierService },
+    { type: TranslateService }
+];
+AppTopBarV2Component.propDecorators = {
+    input: [{ type: ViewChild, args: ['input',] }],
+    notify: [{ type: ViewChild, args: ['notify', { static: true },] }]
+};
+
 class TnClientCommand {
 }
 var CommandType;
@@ -24980,7 +25383,7 @@ AdvanceSearchComponent.decorators = [
                         ])
                     ])
                 ],
-                styles: [".advance-search-box{border:1px solid #eee;border-radius:0;overflow:hidden}.advance-filter-close{background:#fff;color:#666;font-size:.9em;position:absolute;right:3px;top:3px;z-index:1}.action-trigger{outline:none;padding:0}.action-trigger>span:first-child{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.footer-search{background:#f7f7f7;border-top:1px solid #dee2e6;bottom:0;padding:10px 1rem 10px 10px;position:sticky}.box-advance-search-inline{justify-content:flex-end}.box-advance-search-inline input{padding:5px 12px}.box-advance-search-inline .action{cursor:pointer}.box-advance-search-inline .action.dirty{color:#008eff;pointer-events:unset}.box-advance-search-inline .action.disabled{background:#e9ecef;color:#d6d6d6;cursor:unset;pointer-events:none}.box-advance-search-inline .action:hover{background:#f5f6f8}::ng-deep .advance-search-mask-overlay{background:rgba(0,0,0,.1450980392156863);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}::ng-deep .advance-search-overlay-panel{-webkit-animation-duration:.5s;animation-duration:.5s;border:0;box-shadow:0 6px 12px 0 rgba(0,0,0,.26);margin-top:0;max-width:calc(100vw - 2rem);padding:0;position:fixed;width:800px;z-index:1000}::ng-deep .advance-search-overlay-panel perfect-scrollbar{display:flex;flex-direction:column}::ng-deep .advance-search-overlay-panel:not(.hide){display:block!important}@media (min-width:768px){.box-advance-search-inline input{max-width:300px}}"]
+                styles: [".advance-search-box{border:1px solid #eee;border-radius:0;overflow:hidden}.advance-filter-close{background:#fff;color:#666;font-size:.9em;position:absolute;right:3px;top:3px;z-index:1}.action-trigger{outline:none;padding:0}.action-trigger>span:first-child{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.footer-search{background:#f7f7f7;border-top:1px solid #dee2e6;bottom:0;padding:10px 1rem 10px 10px;position:-webkit-sticky;position:sticky}.box-advance-search-inline{justify-content:flex-end}.box-advance-search-inline input{padding:5px 12px}.box-advance-search-inline .action{cursor:pointer}.box-advance-search-inline .action.dirty{color:#008eff;pointer-events:unset}.box-advance-search-inline .action.disabled{background:#e9ecef;color:#d6d6d6;cursor:unset;pointer-events:none}.box-advance-search-inline .action:hover{background:#f5f6f8}::ng-deep .advance-search-mask-overlay{background:rgba(0,0,0,.1450980392156863);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}::ng-deep .advance-search-overlay-panel{-webkit-animation-duration:.5s;animation-duration:.5s;border:0;box-shadow:0 6px 12px 0 rgba(0,0,0,.26);margin-top:0;max-width:calc(100vw - 2rem);padding:0;position:fixed;width:800px;z-index:1000}::ng-deep .advance-search-overlay-panel perfect-scrollbar{display:flex;flex-direction:column}::ng-deep .advance-search-overlay-panel:not(.hide){display:block!important}@media (min-width:768px){.box-advance-search-inline input{max-width:300px}}"]
             },] }
 ];
 AdvanceSearchComponent.ctorParameters = () => [
@@ -26482,7 +26885,7 @@ QueryBuilderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'query-builder',
                 template: "<tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [style]=\"style\">\r\n    <div [class]=\"styleClass\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </div>\r\n</tn-custom-scrollbar>\r\n<ng-container *ngIf=\"!useScrollBar\">\r\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</ng-container>\r\n<ng-template #content>\r\n    <query-builder-group [dataSourceFields]=\"_dataSourceFields\" [query]=\"query\" [isRoot]=\"true\">\r\n    </query-builder-group>\r\n</ng-template>\r\n<div *ngIf=\"!hiddenButtons\" class=\"footer-search\">\r\n    <div class=\"footer-search-buttons-group\">\r\n        <div>\r\n            <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text p-button-success\"\r\n                [pTooltip]=\"'L\u01B0u b\u1ED9 l\u1ECDc hi\u1EC7n t\u1EA1i' | translate\" tooltipPosition=\"top\" (click)=\"saveFilter()\"></button>\r\n            <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n                [pTooltip]=\"'X\u00F3a b\u1ED9 l\u1ECDc \u0111\u00E3 l\u01B0u' | translate\" tooltipPosition=\"top\" (click)=\"deleteSave()\"></button>\r\n        </div>\r\n        <div>\r\n            <button type=\"button\" pButton icon=\"pi pi-search\" class=\"p-button-text p-button-info\"\r\n                [label]=\"'T\u00ECm ki\u1EBFm' | translate\" (click)=\"search()\"></button>\r\n            <button type=\"button\" pButton icon=\"pi pi-undo\" class=\"p-button-text p-button-secondary\"\r\n                [label]=\"'X\u00F3a t\u00ECm ki\u1EBFm' | translate\" (click)=\"clearFilter()\"></button>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: [".footer-search{background:#f7f7f7;border-top:1px solid #dee2e6;bottom:0;padding:10px 20px 10px 10px;position:sticky}.footer-search-buttons-group{display:flex}.footer-search-buttons-group>div:first-child{flex:1 1;text-align:left}@media (max-width:640px){.footer-search-buttons-group{white-space:nowrap}}"]
+                styles: [".footer-search{background:#f7f7f7;border-top:1px solid #dee2e6;bottom:0;padding:10px 20px 10px 10px;position:-webkit-sticky;position:sticky}.footer-search-buttons-group{display:flex}.footer-search-buttons-group>div:first-child{flex:1 1;text-align:left}@media (max-width:640px){.footer-search-buttons-group{white-space:nowrap}}"]
             },] }
 ];
 QueryBuilderComponent.ctorParameters = () => [
@@ -32181,10 +32584,10 @@ class SplashComponentV1Component extends ComponentBase {
 }
 SplashComponentV1Component.decorators = [
     { type: Component, args: [{
-                selector: 'app-splash-component-v1',
-                template: "<div *ngIf=\"!loaded\" class=\"loader\">\r\n</div>\r\n<div class=\"modules-v1\" *ngIf=\"loaded\">\r\n  <div class=\"welcome-user\">\r\n    <div class=\"profile-image\">\r\n      <img class=\"custom-avatar\" src-fallback=\"{{defaultAvatar}}\" src=\"{{getCurrentUserAvatar()}}\" />\r\n    </div>\r\n\r\n    <div class=\"wrp-login\">\r\n      <h2>Xin ch\u00E0o!</h2>\r\n      <b>{{currentUser.fullName}}</b>\r\n      <!-- <div *ngIf=\"currentUser\" class=\"login\">\r\n        <a (click)=\"goToPersonal()\"><i class=\"fas fa-user\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n        <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng xu\u1EA5t</a>\r\n      </div>\r\n      <div *ngIf=\"!currentUser\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"login()\"><i\r\n            class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng nh\u1EADp</a></div> -->\r\n      <div *ngIf=\"!underconstruction\" class=\"login\">\r\n        <a (click)=\"goToPersonal()\"><i class=\"far fa-folder-open\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n        <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng\r\n          xu\u1EA5t</a>\r\n      </div>\r\n      <div *ngIf=\"underconstruction\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"logout()\"><i\r\n            class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng xu\u1EA5t</a></div>\r\n    </div>\r\n\r\n    <div class=\"clock-wrapper\">\r\n      <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n      <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"module-icons\">\r\n    <div class=\"img-title\">\r\n      <img src=\"{{environment.appMetadata.main.logo}}\" alt=\"{{environment.appMetadata.main.owner}}\">\r\n      <div class=\"title\">\r\n        <h2>{{environment.appMetadata.main.title}}</h2>\r\n        <h1>{{environment.appMetadata.main.owner}}</h1>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"div1111-wrapper\">\r\n      <tn-custom-scrollbar *ngIf=\"!isOnMobile\">\r\n        <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n      </tn-custom-scrollbar>\r\n\r\n      <ng-container *ngIf=\"isOnMobile\">\r\n        <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"underconstruction\" class=\"underconstruction\">\r\n      <div *ngIf=\"environment.constructionText\">{{environment.constructionText}}</div>\r\n      <div *ngIf=\"!environment.constructionText\">H\u1EC6 TH\u1ED0NG \u0110ANG B\u1EA2O TR\u00CC</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #appSwitcher>\r\n  <div class=\"div1111\">\r\n    <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n      <!-- Layout welcome c\u1EE7a DHGT -->\r\n      <span>\r\n        <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\r\n          <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\r\n          <span>{{ item.title | translate}}</span>\r\n        </a>\r\n      </span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>",
+                selector: 'splash-component-v1',
+                template: "<div *ngIf=\"!loaded\" class=\"wrp-loader\">\r\n    <div class=\"loader\"></div>\r\n</div>\r\n<div *ngIf=\"loaded\" class=\"modules-v1\">\r\n    <div class=\"welcome-user\">\r\n        <div class=\"profile-image\">\r\n            <img class=\"custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\r\n        </div>\r\n\r\n        <div class=\"wrp-login\">\r\n            <h2>Xin ch\u00E0o!</h2>\r\n            <b>{{currentUser.fullName}}</b>\r\n            <div *ngIf=\"currentUser\" class=\"login\">\r\n                <a (click)=\"goToPersonal()\"><i class=\"far fa-folder-open\"></i>Trang c\u00E1 nh\u00E2n</a>\r\n                <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng\r\n                    xu\u1EA5t</a>\r\n            </div>\r\n            <div *ngIf=\"!currentUser\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"login()\"><i\r\n                        class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng nh\u1EADp</a></div>\r\n        </div>\r\n\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"module-icons\">\r\n        <div class=\"img-title\">\r\n            <img class=\"tn-custom-logo\" [src]=\"environment.appMetadata.main.logo\"\r\n                [alt]=\"environment.appMetadata.main.owner\">\r\n            <div class=\"title\">\r\n                <h2>{{environment.appMetadata.main.title}}</h2>\r\n                <h1>{{environment.appMetadata.main.owner}}</h1>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"div1111-wrapper\">\r\n            <tn-custom-scrollbar *ngIf=\"!isOnMobile\">\r\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n            </tn-custom-scrollbar>\r\n\r\n            <ng-container *ngIf=\"isOnMobile\">\r\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #appSwitcher>\r\n    <div class=\"div1111\">\r\n        <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n            <span>\r\n                <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\r\n                    <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\r\n                    <span>{{ item.title | translate}}</span>\r\n                </a>\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>",
                 providers: [ComponentContextService],
-                styles: ["body{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.modules-v1{align-items:center;background-image:url(/assets/images/background-splash.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules-v1 div>span{border-radius:5px;box-shadow:1px 2px 9px 1px #dadada;display:inline-block;height:120px;margin:10px;min-width:100px;white-space:normal;width:120px}.modules-v1 div>span>a{border-radius:5px;cursor:pointer;font-weight:700;height:100%;position:relative}.modules-v1 div>span>a,.modules-v1 div>span>a>span{color:#fff;display:inline-block;text-align:center;text-decoration:unset;width:100%}.modules-v1 div>span>a>span{bottom:10px;left:0;position:absolute}.modules-v1 div>span.implementing{background-color:#fff;box-shadow:none}.modules-v1 div>span>a>i{font-size:3.5em;left:0;position:absolute;top:20px;width:100%}.modules-v1 .div1111-wrapper{height:420px;margin:0 auto;max-width:700px;overflow:auto}.modules-v1 .div1111-wrapper .div1111{display:flex;flex-wrap:wrap;white-space:nowrap;width:100%}.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}.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{-ms-grid-row-align:stretch;align-self:stretch;background-color:rgba(249,244,244,.9215686274509803);color:#666;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;width:65%}.modules-v1 .module-icons h2{color:#271756;font-size:25px;margin-bottom:15px;margin-top:15px}.modules-v1 .module-icons h1{color:#2f70ac;font-size:35px;margin-bottom:0;margin-top:0}.modules-v1 .module-icons .img-title img{width:100px}.modules-v1 .welcome-user{-ms-grid-row-align:stretch;align-self:stretch;background-color:rgba(47,112,172,.9215686274509803);display:flex;flex-direction:column;text-align:center;width:35%}.modules-v1 .welcome-user .wrp-login{align-items:center;color:#fff;display:flex;flex-direction:column;margin:20px auto auto}.modules-v1 .welcome-user .wrp-login h2{font-size:20px;font-weight:500;margin-bottom:5px;margin-top:0}.modules-v1 .welcome-user .wrp-login b{display:block;font-size:25px;text-transform:uppercase}.modules-v1 .welcome-user .wrp-login .login{-ms-grid-columns:(150px)[2];display:-ms-grid;display:grid;grid-gap:10px;grid-template-columns:repeat(2,150px);margin-top:30px}.modules-v1 .welcome-user .wrp-login .login a{background:#fff;border-radius:5px;color:#5d5d5d;cursor:pointer;display:inline-block;padding:6px}.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{-o-object-fit:contain;background:#fff;border-radius:50%;box-shadow:1px 1px 11px 6px #2a659b;height:200px;object-fit:contain;width:200px}.modules-v1 .welcome-user .clock-wrapper{color:#fff;margin-bottom:auto;margin-top:auto;text-align:center}.modules-v1 .welcome-user .clock-wrapper h4{font-size:18px;font-weight:500;margin-top:10px}.modules-v1 .welcome-user .clock-wrapper h1{font-size:40px;margin-bottom:0}.modules-v1 .underconstruction{color:red;font-size:4em;font-weight:700;text-transform:uppercase}.modules-v1 .loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border-radius:50%;color:#607d8b;font-size:8px;height:1em;left:50%;position:absolute;text-indent:-9999em;top:50%;transform:translate(-50%,-50%);width:1em}@media (max-width:1368px){.modules-v1 .clock{font-size:1.5em;margin:0 20px}.modules-v1 .data-time{font-size:1em;margin:10px 0 20px}}@media (max-width:1024px){.modules-v1 .div1111-wrapper{max-width:560px}}@media (max-width:768px){.modules-v1{flex-direction:column}.modules-v1 .welcome-user{align-items:center;flex-direction:row;height:270px;padding-bottom:87px;width:100%}.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{height:calc(100% - 270px);width:100%}.modules-v1 .module-icons .img-title{background-image:url(/assets/images/logo.png);background-position:50%;background-repeat:no-repeat;margin-top:-200px;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;height:100%;margin-left:20px;margin-right:20px;padding:20px 10px}.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{float:right;padding:0 20px 0 0;width:50%}.modules-v1 .welcome-user .wrp-login h2{font-size:14px;margin-bottom:3px}.modules-v1 .welcome-user .wrp-login b{font-size:14px}.modules-v1 .welcome-user .wrp-login .login{display:flex;flex-direction:column;margin-top:10px;padding:0 15px;text-align:left}.modules-v1 .welcome-user .wrp-login .login a{font-size:14px}.modules-v1 .welcome-user .profile-image{float:left;width:50%}.modules-v1 .welcome-user .profile-image img{display:block;height:130px;margin-left:35px;width:130px}.modules-v1 .welcome-user .clock-wrapper{clear:both;padding-right:0;padding-top:10px}.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;margin-top:-8.1em}.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{height:360px;margin-top:0;max-width:360px}.modules-v1 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}.modules-v1 .module-icons div>span{height:100px;width:100px}.modules-v1 .module-icons div>span>a>i{font-size:2.5em;top:10px}}@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}.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 .img-title{margin-top:-2em}.modules-v1 .module-icons .img-title .title{margin-left:10px;margin-right:10px}}@media (max-height:810px){.modules-v1 .module-icons .img-title{margin-top:-6.7em}}@media (max-height:745px){.modules-v1 .module-icons .img-title{margin-top:-4.7em}}@media (max-height:675px){.modules-v1 .module-icons .img-title{margin-top:-2.6em}}@media (max-height:625px){.modules-v1 .module-icons .img-title{margin-top:1.5em}}"]
+                styles: ["body{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wrp-loader{display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:101}.wrp-loader .loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border:2px solid #bcdbf5;border-radius:50%;border-top-color:#3192e1;color:#607d8b;display:block;font-size:10px;height:10px;width:10px}.modules-v1{align-items:center;background-image:url(/assets/images/background-splash.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules-v1 div>span{border-radius:5px;box-shadow:1px 2px 9px 1px #dadada;display:inline-block;height:120px;margin:10px;min-width:100px;white-space:normal;width:120px}.modules-v1 div>span>a{border-radius:5px;cursor:pointer;font-weight:700;height:100%;position:relative}.modules-v1 div>span>a,.modules-v1 div>span>a>span{color:#fff;display:inline-block;text-align:center;text-decoration:unset;width:100%}.modules-v1 div>span>a>span{bottom:10px;left:0;position:absolute}.modules-v1 div>span.implementing{background-color:#fff;box-shadow:none}.modules-v1 div>span>a>i{font-size:3.5em;left:0;position:absolute;top:20px;width:100%}.modules-v1 .div1111-wrapper{height:420px;margin:0 auto;max-width:700px;overflow:auto}.modules-v1 .div1111-wrapper .div1111{display:flex;flex-wrap:wrap;white-space:nowrap;width:100%}.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}.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{-ms-grid-row-align:stretch;align-self:stretch;background-color:rgba(249,244,244,.9215686274509803);color:#666;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;width:65%}.modules-v1 .module-icons h2{color:#271756;font-size:25px;margin-bottom:15px;margin-top:15px}.modules-v1 .module-icons h1{color:#2f70ac;font-size:35px;margin-bottom:0;margin-top:0}.modules-v1 .welcome-user{-ms-grid-row-align:stretch;align-self:stretch;background-color:rgba(47,112,172,.9215686274509803);display:flex;flex-direction:column;text-align:center;width:35%}.modules-v1 .welcome-user .wrp-login{align-items:center;color:#fff;display:flex;flex-direction:column;margin:20px auto auto}.modules-v1 .welcome-user .wrp-login h2{font-size:20px;font-weight:500;margin-bottom:5px;margin-top:0}.modules-v1 .welcome-user .wrp-login b{display:block;font-size:25px;text-transform:uppercase}.modules-v1 .welcome-user .wrp-login .login{-ms-grid-columns:(150px)[2];display:-ms-grid;display:grid;grid-gap:10px;grid-template-columns:repeat(2,150px);margin-top:30px}.modules-v1 .welcome-user .wrp-login .login a{background:#fff;border-radius:5px;color:#5d5d5d;cursor:pointer;display:inline-block;padding:6px}.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{-o-object-fit:contain;background:#fff;border-radius:50%;box-shadow:1px 1px 11px 6px #2a659b;height:200px;object-fit:contain;width:200px}.modules-v1 .welcome-user .clock-wrapper{color:#fff;margin-bottom:auto;margin-top:auto;text-align:center}.modules-v1 .welcome-user .clock-wrapper h4{font-size:18px;font-weight:500;margin-top:10px}.modules-v1 .welcome-user .clock-wrapper h1{font-size:40px;margin-bottom:0}.modules-v1 .underconstruction{color:red;font-size:4em;font-weight:700;text-transform:uppercase}@media (max-width:1368px){.modules-v1 .clock{font-size:1.5em;margin:0 20px}.modules-v1 .data-time{font-size:1em;margin:10px 0 20px}}@media (max-width:1024px){.modules-v1 .div1111-wrapper{max-width:560px}}@media (max-width:768px){.modules-v1{flex-direction:column}.modules-v1 .welcome-user{align-items:center;flex-direction:row;height:270px;padding-bottom:87px;width:100%}.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{height:calc(100% - 270px);width:100%}.modules-v1 .module-icons .img-title{background-image:url(/assets/images/logo.png);background-position:50%;background-repeat:no-repeat;margin-top:-200px;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;height:100%;margin-left:20px;margin-right:20px;padding:20px 10px}.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{float:right;padding:0 20px 0 0;width:50%}.modules-v1 .welcome-user .wrp-login h2{font-size:14px;margin-bottom:3px}.modules-v1 .welcome-user .wrp-login b{font-size:14px}.modules-v1 .welcome-user .wrp-login .login{display:flex;flex-direction:column;margin-top:10px;padding:0 15px;text-align:left}.modules-v1 .welcome-user .wrp-login .login a{font-size:14px}.modules-v1 .welcome-user .profile-image{float:left;width:50%}.modules-v1 .welcome-user .profile-image img{display:block;height:130px;margin-left:35px;width:130px}.modules-v1 .welcome-user .clock-wrapper{clear:both;padding-right:0;padding-top:10px}.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;margin-top:-8.1em}.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{height:360px;margin-top:0;max-width:360px}.modules-v1 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}.modules-v1 .module-icons div>span{height:100px;width:100px}.modules-v1 .module-icons div>span>a>i{font-size:2.5em;top:10px}}@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}.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 .img-title{margin-top:-2em}.modules-v1 .module-icons .img-title .title{margin-left:10px;margin-right:10px}}@media (max-height:810px){.modules-v1 .module-icons .img-title{margin-top:-6.7em}}@media (max-height:745px){.modules-v1 .module-icons .img-title{margin-top:-4.7em}}@media (max-height:675px){.modules-v1 .module-icons .img-title{margin-top:-2.6em}}@media (max-height:625px){.modules-v1 .module-icons .img-title{margin-top:1.5em}}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
             },] }
 ];
 SplashComponentV1Component.ctorParameters = () => [
@@ -32198,6 +32601,188 @@ SplashComponentV1Component.ctorParameters = () => [
     { type: GlobalService }
 ];
 
+class SplashComponentV2Component extends ComponentBase {
+    constructor(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
+        super(injector);
+        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;
+        setInterval(() => {
+            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;
+    }
+    ngOnInit() {
+        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, rs => {
+            this.currentUser = this._userService.getCurrentUser();
+            this.loadAppMetadata();
+            this.loaded = true;
+        });
+        if (this.rootModel.allowAnonymous) {
+            this.loaded = true;
+            this.loadAppMetadata();
+        }
+    }
+    loadAppMetadata() {
+        const prmsAppSwicherItem = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+            const arr = [];
+            for (const ind in this.environment.appMetadata.appSwitcher) {
+                const element = this.environment.appMetadata.appSwitcher[ind];
+                const clientId = this.environment.authenticationSettings.clientId;
+                if (this.rootModel.allowAnonymous && element.allowAnonymous) {
+                    arr.push(element);
+                }
+                else if (this.currentUser) {
+                    const isAuthorized = yield this._permissionService.isAuthorized(element.code, `${element.code}.MODULE.${element.code}`.toUpperCase(), true);
+                    if (isAuthorized) {
+                        arr.push(element);
+                    }
+                }
+            }
+            resolve(arr);
+        }));
+        prmsAppSwicherItem.then(rs => {
+            this.appSwitcherItems.length = 0;
+            if (rs) {
+                rs.forEach(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);
+                            }
+                        }
+                    }
+                });
+            }
+        });
+    }
+    switchApp(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();
+            }
+            let 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(x => 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;
+                }
+            }
+        }
+    }
+    logout() {
+        this._authenService.logout();
+    }
+    goToPersonal() {
+        const userMenu = this.environment.appMetadata.appSwitcher.find(x => x.code == 'USER');
+        this.switchApp(userMenu);
+    }
+    getCurrentUserAvatar() {
+        if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+            return `${this.fileApi}/file/public/${this.rootContext.data.currentUser.avatar}/Download`;
+        }
+        else {
+            return this.defaultAvatar;
+        }
+    }
+    getNgayTrongTuan() {
+        return this.daysInWeek[this.currentDate.getDay()];
+    }
+    showProfilePage() {
+        if (this._userService.isSinhVienAccount()) {
+            return false;
+        }
+        return true;
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._globalService.setHeaderState(true);
+        this._globalService.setMenuState(true);
+    }
+    login() {
+        this.rootContext.fireEvent('LOGIN');
+    }
+}
+SplashComponentV2Component.decorators = [
+    { type: Component, args: [{
+                selector: 'splash-component-v2',
+                template: "<div *ngIf=\"!loaded\" class=\"wrp-loader\">\r\n    <div class=\"loader\"></div>\r\n</div>\r\n<div *ngIf=\"loaded\" class=\"modules-v2\">\r\n    <div class=\"welcome-user\">\r\n        <div class=\"profile-image\">\r\n            <div class=\"tn-full-name\">{{currentUser.fullName}}</div>\r\n            <img class=\"custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\r\n            <div *ngIf=\"currentUser\" class=\"login\">\r\n                <a class=\"tn-icon-signout\" title=\"\u0110\u0103ng xu\u1EA5t\" (click)=\"logout()\">\r\n                    <i class=\"pi pi-sign-out\"></i>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"module-icons\">\r\n        <div class=\"img-title\">\r\n            <img class=\"tn-custom-logo\" [src]=\"environment.appMetadata.main.logo\"\r\n                [alt]=\"environment.appMetadata.main.owner\">\r\n            <div class=\"title\">\r\n                <h2>{{environment.appMetadata.main.title}}</h2>\r\n                <h1>{{environment.appMetadata.main.owner}}</h1>\r\n            </div>\r\n            <div *ngIf=\"!currentUser\" class=\"login\">\r\n                <a class=\"tn-icon-signin\" title=\"\u0110\u0103ng nh\u1EADp\" (click)=\"login()\">\r\n                    <i class=\"pi pi-sign-in\"></i>\u0110\u0103ng nh\u1EADp\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"div1111-wrapper\">\r\n            <tn-custom-scrollbar *ngIf=\"!isOnMobile\" [config]=\"{'suppressScrollY': true}\">\r\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n            </tn-custom-scrollbar>\r\n\r\n            <ng-container *ngIf=\"isOnMobile\">\r\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n\r\n        <div class=\"clock-wrapper\">\r\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\r\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #appSwitcher>\r\n    <div class=\"div1111\">\r\n        <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\r\n            <span>\r\n                <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\r\n                    <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\r\n                    <span>{{ item.title | translate}}</span>\r\n                </a>\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>",
+                providers: [ComponentContextService],
+                styles: ["body{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wrp-loader{display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:101}.wrp-loader .loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border:2px solid #bcdbf5;border-radius:50%;border-top-color:#3192e1;color:#607d8b;display:block;font-size:10px;height:10px;width:10px}.modules-v2{align-items:center;background-image:url(/assets/images/background-splash.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modules-v2 div>span{border-radius:5px;box-shadow:1px 2px 9px 1px #dfd1d1;display:inline-block;height:120px;margin:10px;min-width:100px;white-space:normal;width:120px}.modules-v2 div>span>a{border-radius:5px;cursor:pointer;font-weight:700;height:100%;position:relative}.modules-v2 div>span>a,.modules-v2 div>span>a>span{color:#fff;display:inline-block;text-align:center;text-decoration:unset;width:100%}.modules-v2 div>span>a>span{bottom:10px;left:0;position:absolute}.modules-v2 div>span.implementing{background-color:#fff;box-shadow:none}.modules-v2 div>span>a>i{font-size:3.5em;left:0;position:absolute;top:20px;width:100%}.modules-v2 .module-icons{background:hsla(0,0%,100%,.9490196078431372);border-radius:10px;box-shadow:1px 2px 9px 1px rgba(39,23,86,.5215686274509804);color:#666;display:flex;flex-direction:column;justify-content:center;padding:30px;text-align:center}.modules-v2 .module-icons h2{color:#271756;font-size:25px;margin-bottom:15px;margin-top:15px}.modules-v2 .module-icons h1{color:#2f70ac;font-size:35px;margin-bottom:0;margin-top:0}.modules-v2 .module-icons .img-title{margin-bottom:80px}.modules-v2 .module-icons .img-title img.tn-custom-logo{margin-bottom:30px}.modules-v2 .module-icons .img-title a.tn-icon-signin{align-items:center;background:#002c6c;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:10px}.modules-v2 .module-icons .img-title a.tn-icon-signin i{margin-right:5px}.modules-v2 .module-icons .div1111-wrapper{margin:0 auto 80px}.modules-v2 .module-icons .div1111-wrapper .div1111{display:flex;flex-wrap:wrap;white-space:nowrap;width:100%}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher{background:#fff;transition:.3s}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher .app-switcher-item-icon{color:#2f70ac;transition:.3s}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher span{color:#2f70ac;font-weight:500;text-shadow:none;transition:.3s}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher:hover{background:#002c6c;box-shadow:1px 2px 9px 1px rgba(39,23,86,.5215686274509804)}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher:hover .app-switcher-item-icon,.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher:hover span{color:#fff}.modules-v2 .module-icons .clock-wrapper{color:#fff;margin-bottom:auto;margin-top:auto;text-align:center}.modules-v2 .module-icons .clock-wrapper h4{color:#2f70ac;font-size:20px;font-weight:500;margin-bottom:0;margin-top:10px}.modules-v2 .module-icons .clock-wrapper h1{font-size:40px;margin-bottom:0}.modules-v2 .welcome-user{background:hsla(0,0%,100%,.9019607843137255);border-radius:10px;box-shadow:1px 2px 9px 1px rgba(39,23,86,.5215686274509804);color:#333;display:flex;padding:10px;position:absolute;right:20px;text-align:center;top:20px}.modules-v2 .welcome-user .wrp-login{align-items:center;color:#333;display:flex;flex-direction:column;margin:auto}.modules-v2 .welcome-user .wrp-login h2{font-size:20px;font-weight:500;margin-bottom:5px;margin-top:0}.modules-v2 .profile-image{align-items:center;display:flex;justify-content:center}.modules-v2 .profile-image .tn-full-name{font-size:18px;margin-right:10px}.modules-v2 .profile-image img{-o-object-fit:contain;background:#fff;border-radius:50%;height:40px;margin-right:10px;object-fit:contain;width:40px}.modules-v2 .profile-image .login{display:-ms-grid;display:grid;grid-gap:10px}.modules-v2 .profile-image .login a.tn-icon-signout{align-items:center;background:#002c6c;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.modules-v2 .profile-image .login a.tn-icon-signout i{color:#edc16f;font-size:16px}@media (max-width:1368px){.modules-v2 .clock{font-size:1.5em;margin:0 20px}.modules-v2 .data-time{font-size:1em;margin:10px 0 20px}}@media (max-width:1200px){.modules-v2 .welcome-user{right:10px;top:10px}}@media (max-width:768px){.modules-v2 .module-icons .img-title .title h2{font-size:28px}.modules-v2 .module-icons .img-title .title h1{font-size:32px}}@media (max-width:640px){.modules-v2 .welcome-user{justify-content:flex-end;right:10px;top:10px;width:calc(100% - 20px)}.modules-v2 .module-icons{margin:10px;padding:20px}.modules-v2 .module-icons .img-title{margin-bottom:40px}.modules-v2 .module-icons .img-title img.tn-custom-logo{width:150px}.modules-v2 .module-icons .img-title .title h1{font-size:19px}.modules-v2 .module-icons .img-title .title h2{font-size:16px;margin-bottom:10px;margin-top:0}.modules-v2 .module-icons .div1111-wrapper{margin-bottom:50px}.modules-v2 .module-icons .div1111-wrapper .div1111{-ms-grid-columns:(minmax(100px,1fr))[3];display:-ms-grid;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr))}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}.modules-v2 .module-icons div>span{height:100px;width:100px}.modules-v2 .module-icons div>span>a>i{font-size:3em;top:15px}.modules-v2 .module-icons .clock-wrapper h4{font-size:16px;margin-top:5px}.modules-v2 .module-icons .clock-wrapper h1{font-size:30px}}@media (max-width:375px){.modules-v2 .module-icons .img-title{margin-bottom:0}.modules-v2 .module-icons .img-title img.tn-custom-logo{margin-bottom:10px;width:100px}.modules-v2 .module-icons .img-title .title{padding:0}.modules-v2 .module-icons .img-title .title h2{font-size:14px;margin-bottom:10px}.modules-v2 .module-icons .div1111-wrapper{margin-bottom:0}.modules-v2 .module-icons .div1111-wrapper .div1111{display:flex;justify-content:center}.modules-v2 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
+            },] }
+];
+SplashComponentV2Component.ctorParameters = () => [
+    { type: Injector },
+    { type: ModuleConfigService },
+    { type: PermissionService },
+    { type: DeviceDetectorService },
+    { type: UserService },
+    { type: Router },
+    { type: AuthenService },
+    { type: GlobalService }
+];
+
 class DynamicNodeComponent extends ComponentBase {
     constructor(injector) {
         super(injector);
@@ -35132,7 +35717,7 @@ TnTabViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tn-tabview',
                 template: "<div style=\"height: 100%\">\r\n    <p-tabView #tab orientation=\"top\" [styleClass]=\"styleClass\"\r\n        [activeIndex]=\"currentTabIndex\" (onChange)=\"handleTabChange($event)\">\r\n        <ng-container *ngFor=\"let item of data; let i = index\">\r\n            <p-tabPanel [leftIcon]=\"item.icon\" [header]=\"item.label\">\r\n                <ng-container *ngIf=\"allowViewAll || currentTabIndex == i\">\r\n                    <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                    </ng-container>\r\n                </ng-container>\r\n            </p-tabPanel>\r\n        </ng-container>\r\n    </p-tabView>\r\n</div>",
-                styles: [".accordion-link{flex:1 1;text-align:right}.accordion-link ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.accordion-link ul li{background-color:#a4a5a4;border-radius:4px;color:#fff;display:inline-block;line-height:20px;margin-bottom:.5rem;margin-left:.5rem;padding:6px 12px;transition:all .3s ease-out}.accordion-link ul li:hover{background-color:#3db762;cursor:pointer}.accordion-link ul li.tab-active{background-color:#23a349}.tn-l-toolbar{display:flex;padding:.5rem .5rem 0}.hoso-container{height:auto;max-height:none}.tab-number{align-items:center;background:#a4a5a4;border-radius:2px;color:#fff;display:inline-flex;font-size:.9em;height:20px;justify-content:center;margin-right:.5rem;padding-top:2px;width:20px}.tab-number.active{background:#23a349}::ng-deep tn-accordion-tab{display:flex;flex-direction:column;height:100%}::ng-deep tn-accordion-tab .p-accordion-header{position:sticky;top:1px;z-index:6}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper{border-radius:4px;display:flex;flex:1;margin-left:.5rem;margin-right:.5rem;overflow:auto}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper tn-custom-scrollbar{width:100%}::ng-deep tn-accordion-tab .ps__rail-x,::ng-deep tn-accordion-tab .ps__rail-y{z-index:7}::ng-deep tn-accordion-tab .tn-l-toolbar .toolbar{flex:0 0 auto;padding-top:0}@media (max-width:640px){.accordion-link,.toolbar{overflow-x:auto;white-space:nowrap}.tn-l-custom-wrapper{display:block}.accordion-link ul{margin-top:0}.tn-l-toolbar{display:block}}"]
+                styles: [".accordion-link{flex:1 1;text-align:right}.accordion-link ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.accordion-link ul li{background-color:#a4a5a4;border-radius:4px;color:#fff;display:inline-block;line-height:20px;margin-bottom:.5rem;margin-left:.5rem;padding:6px 12px;transition:all .3s ease-out}.accordion-link ul li:hover{background-color:#3db762;cursor:pointer}.accordion-link ul li.tab-active{background-color:#23a349}.tn-l-toolbar{display:flex;padding:.5rem .5rem 0}.hoso-container{height:auto;max-height:none}.tab-number{align-items:center;background:#a4a5a4;border-radius:2px;color:#fff;display:inline-flex;font-size:.9em;height:20px;justify-content:center;margin-right:.5rem;padding-top:2px;width:20px}.tab-number.active{background:#23a349}::ng-deep tn-accordion-tab{display:flex;flex-direction:column;height:100%}::ng-deep tn-accordion-tab .p-accordion-header{position:-webkit-sticky;position:sticky;top:1px;z-index:6}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper{border-radius:4px;display:flex;flex:1;margin-left:.5rem;margin-right:.5rem;overflow:auto}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper tn-custom-scrollbar{width:100%}::ng-deep tn-accordion-tab .ps__rail-x,::ng-deep tn-accordion-tab .ps__rail-y{z-index:7}::ng-deep tn-accordion-tab .tn-l-toolbar .toolbar{flex:0 0 auto;padding-top:0}@media (max-width:640px){.accordion-link,.toolbar{overflow-x:auto;white-space:nowrap}.tn-l-custom-wrapper{display:block}.accordion-link ul{margin-top:0}.tn-l-toolbar{display:block}}"]
             },] }
 ];
 TnTabViewComponent.ctorParameters = () => [
@@ -35715,7 +36300,7 @@ UserPickerBoxComponent.decorators = [
                 selector: 'user-picker-box',
                 template: "<div class=\"p-grid p-m-0 tn-l-user-picker-box\">\r\n    <div class=\"p-col-12 p-md-3 tn-l-left-sidebar-wrapper\">\r\n        <tn-custom-scrollbar>\r\n            <p-tree [style]=\"{'width': '100%'}\" styleClass=\"tn-tree-beauty tree-organization-picker\"\r\n                [value]=\"rootTreeNode\" filterPlaceholder=\"T\u00ECm ph\u00F2ng ban\" selectionMode=\"single\" [filter]=\"true\"\r\n                [(selection)]=\"selectedTreeNode\" (onNodeExpand)=\"onNodeExpand($event)\"\r\n                (onNodeSelect)=\"nodeSelect($event)\" [emptyMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3'\">\r\n                <ng-template let-node pTemplate=\"default\">\r\n                    <span id=\"{{node.data}}\" class=\"custom-node\">{{node.label}}</span>\r\n                </ng-template>\r\n            </p-tree>\r\n        </tn-custom-scrollbar>\r\n    </div>\r\n    <div class=\"p-col-12 p-md-9 tn-l-right-content-wrapper\">\r\n        <entity-picker-box #entityPickerBox [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n            [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\" (onChanged)=\"handleChangedEntity($event)\"\r\n            (onSelect)=\"handleSelectEntity($event)\" (onUnSelect)=\"handleUnSelectEntity($event)\"\r\n            (onDone)=\"handleDone($event)\" (onRowSelect)=\"handleRowSelect($event)\">\r\n        </entity-picker-box>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn'\"\r\n        (click)=\"handleSelect($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancelDialog($event)\"></button>\r\n</ng-template>\r\n",
                 providers: [ComponentContextService],
-                styles: [".action-btn{background-color:#fff;border:1px solid #0a89bf;color:#0a89bf;cursor:pointer;font-size:16px;margin:4px 2px;text-align:center;width:40px}.content-all{display:flex;flex-direction:column}.content-top{flex-grow:1}.content-bottom,.content-top{overflow:hidden;padding:5px 0}.content-bottom{border-top:1px solid #ddd;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{background:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.tn-l-user-picker-box{height:100%}.tn-l-left-sidebar-wrapper{border-right:1px solid #aaa;height:100%}.tn-l-left-sidebar-area{height:100%}.tn-l-right-content-wrapper{height:100%;padding-bottom:0;padding-top:0}@media (max-width:640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{left:auto;padding-bottom:5px;position:static;top:auto;transform:none}.tn-l-left-sidebar-wrapper{border-bottom:1px solid #aaa;border-right:unset;height:calc(100vh - 300px)}}::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}::ng-deep .user-picker-box-dialog .p-tree{border:none;padding:0}::ng-deep .user-picker-box-dialog .p-tree-wrapper{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container{background-color:#fff;margin-bottom:0;padding:.5em;position:sticky;top:0;z-index:4}::ng-deep .user-picker-box-dialog .p-tree-empty-message{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container .p-tree-filter-icon{right:1em}::ng-deep .user-picker-box-dialog .ps__rail-y{z-index:10}@media (max-width:640px){::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .user-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .user-picker-box-dialog .tn-l-right-content-wrapper{padding:0}}"]
+                styles: [".action-btn{background-color:#fff;border:1px solid #0a89bf;color:#0a89bf;cursor:pointer;font-size:16px;margin:4px 2px;text-align:center;width:40px}.content-all{display:flex;flex-direction:column}.content-top{flex-grow:1}.content-bottom,.content-top{overflow:hidden;padding:5px 0}.content-bottom{border-top:1px solid #ddd;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{background:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.tn-l-user-picker-box{height:100%}.tn-l-left-sidebar-wrapper{border-right:1px solid #aaa;height:100%}.tn-l-left-sidebar-area{height:100%}.tn-l-right-content-wrapper{height:100%;padding-bottom:0;padding-top:0}@media (max-width:640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{left:auto;padding-bottom:5px;position:static;top:auto;transform:none}.tn-l-left-sidebar-wrapper{border-bottom:1px solid #aaa;border-right:unset;height:calc(100vh - 300px)}}::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}::ng-deep .user-picker-box-dialog .p-tree{border:none;padding:0}::ng-deep .user-picker-box-dialog .p-tree-wrapper{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container{background-color:#fff;margin-bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;top:0;z-index:4}::ng-deep .user-picker-box-dialog .p-tree-empty-message{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container .p-tree-filter-icon{right:1em}::ng-deep .user-picker-box-dialog .ps__rail-y{z-index:10}@media (max-width:640px){::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .user-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .user-picker-box-dialog .tn-l-right-content-wrapper{padding:0}}"]
             },] }
 ];
 UserPickerBoxComponent.ctorParameters = () => [
@@ -38117,7 +38702,7 @@ WorkflowPickerComponent.decorators = [
                 selector: 'workflow-picker',
                 template: "<crud-form *ngIf=\"readyCrudForm\" #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\"\r\n    [styleClass]=\"'workflow-setting'\" [disableCaching]=\"true\" (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #designer>\r\n        <div *ngFor=\"let wfCode of model.data._workflowCodes\">\r\n            <div class=\"title-workflow\">\r\n                Quy tr\u00ECnh {{dicMachinesData[wfCode].ten}} ({{wfCode}})\r\n                <span *ngIf=\"wfCode == model.data.workflowCode\" class=\"pi pi-star\" pTooltip=\"\u0110\u00E2y l\u00E0 quy tr\u00ECnh ch\u00EDnh\"\r\n                    tooltipPosition=\"top\"></span>\r\n            </div>\r\n            <statemachines-designer #designer [data]=\"dicMachinesData[wfCode]\" [viewOnly]=\"true\">\r\n            </statemachines-designer>\r\n        </div>\r\n    </ng-template>\r\n</crud-form>\r\n<div *ngIf=\"showButtonSave\" class=\"container-button-workflow\">\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'L\u01B0u c\u1EA5u h\u00ECnh' | translate\"\r\n        (click)=\"_handleSave($event)\"></button>\r\n</div>",
                 providers: [ComponentContextService],
-                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:sticky;text-align:right;z-index:10}"]
+                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:right;z-index:10}"]
             },] }
 ];
 WorkflowPickerComponent.ctorParameters = () => [
@@ -38316,7 +38901,7 @@ WorkflowSettingNewComponent.decorators = [
                 selector: 'workflow-setting-new',
                 template: "<crud-form *ngIf=\"readyCrudForm\" #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\"\r\n    [styleClass]=\"'workflow-setting'\" [disableCaching]=\"true\" (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #workflowPicker>\r\n        <workflow-picker [data]=\"model.data\"></workflow-picker>\r\n    </ng-template>\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <div class=\"footer-workflow-setting\">\r\n        <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\"\r\n            (click)=\"_handleSave($event)\"></button>\r\n        <button *ngIf=\"model.data.id\" type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-danger p-button-text\"\r\n            [label]=\"'H\u1EE7y quy tr\u00ECnh' | translate\" (click)=\"handleCancelWorkflow($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n    </div>\r\n</ng-template>",
                 providers: [ComponentContextService],
-                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:sticky;text-align:right;z-index:10}"]
+                styles: [".title-workflow{font-size:.9em;font-weight:700;padding:1em 0 .5em}.title-workflow .pi-star{color:orange}.container-button-workflow{background:#fff;border-top:1px solid #ddd;bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:right;z-index:10}"]
             },] }
 ];
 WorkflowSettingNewComponent.ctorParameters = () => [
@@ -39593,6 +40178,7 @@ function coreDeclaration() {
         AppRootMenuComponent,
         AppTopBarComponent,
         AppTopBarV1Component,
+        AppTopBarV2Component,
         AppProfileComponent,
         AppMenuComponent,
         AppSubMenuComponent,
@@ -39635,6 +40221,7 @@ function coreDeclaration() {
         ProcessWorkflowTargetComponent,
         SplashComponentComponent,
         SplashComponentV1Component,
+        SplashComponentV2Component,
         StateComponent,
         StateMetadataComponent,
         StateMachinesConnectionMetadataComponent,
@@ -41459,5 +42046,5 @@ DynamicComponentService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { AccessDeniedComponent, Action, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CellExcel, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorControlSchema, ColorPickerControlSchema, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecPickerControlSchema, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCoreCodeSettingKey, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineIsWorkflowControl, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, ImageService, KeyFieldGetRefType, KeyFlashShow, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotFoundComponent, NotificationObjectType, NotificationService, NotifierService, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TableSchema, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnUser, TnxSharedModule, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupService, UserPickerControlSchema, UserService, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, keyUserSurveyLocal, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, multipleSort, romanize, setMetadataConnection, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, DM_ChucVuService as ɵba, RoleService as ɵbb, EntityPermissionService as ɵbc, EquationEditorComponent as ɵbd, MaskComponent as ɵbe, NumberPickerRangeComponent as ɵbf, PagingNextBackOnlyComponent as ɵbg, RadioButtonListComponent as ɵbh, VanBanPickerComponent as ɵbi, VanBanDenService as ɵbj, VanBanDiService as ɵbk, VanBanPickerDialogComponent as ɵbl, VanbanDiPickerComponent as ɵbm, VanbanDenPickerComponent as ɵbn, CongViecPickerComponent as ɵbo, CongViecService as ɵbp, TaskWorkflowHistoriesService as ɵbq, SettingsComponent as ɵbr, SettingsRowComponent as ɵbs, SettingsWorkflowComponent as ɵbt, SettingsWorkflowNo1Component as ɵbu, SimpleWorkflowFormComponent as ɵbv, ProcessWorkflowFormComponent as ɵbw, WorkflowHistoryService as ɵbx, ProcessWorkflowTargetComponent as ɵby, SplashComponentV1Component as ɵbz, EntityPickerService as ɵc, StateMachinesConnectionReceiverComponent as ɵca, StateMachinesConnectionReceiverUserComponent as ɵcb, StateMachinesConnectionReceiverDepartmentComponent as ɵcc, StateMachinesConnectionReceiverGroupComponent as ɵcd, StateMachinesConnectionReceiverRoleComponent as ɵce, StateMachinesConnectionSenderComponent as ɵcf, StartWorkflowComponent as ɵcg, WorkflowSettingsService as ɵch, WorkflowSettingNewComponent as ɵci, DmLoaiCongViecService as ɵcj, TnDialogComponent as ɵck, TnColorPickerComponent as ɵcl, TnTinymceComponent as ɵcm, TnTabViewComponent as ɵcn, TableDetailFormComponent as ɵco, FileIconPipe as ɵcp, FileSizePipe as ɵcq, QuickAddFormComponent as ɵcr, PreventShiftTabDirective as ɵcs, UserPickerComponent as ɵct, UserPickerBoxComponent as ɵcu, TnAppHelpComponent as ɵcv, PathNameService as ɵcw, HelperCurrentPageComponent as ɵcx, TnAppNotificationListComponent as ɵcy, TnAppNotificationComponent as ɵcz, ExceptionHandlerService as ɵd, MyDriveService as ɵda, FileVersionService as ɵdb, FileExplorerNewService as ɵdc, FolderFormComponent as ɵdd, FileFormComponent as ɵde, FileViewerComponent as ɵdf, FileVersionListComponent as ɵdg, WorkflowHistoryComponent as ɵdh, EntityWorkflowHistoryService as ɵdi, WorkflowHistoryDialogComponent as ɵdj, WorkflowHistoryNewComponent as ɵdk, WorkflowSettingComponent as ɵdl, EntityWorkflowSettingService as ɵdm, WorkflowSettingDialogComponent as ɵdn, QrCodeGeneratorComponent as ɵdo, AccessDeniedV1Component as ɵdp, AddNewsComponent as ɵdq, ArticleService as ɵdr, NewsCategoryService as ɵds, CheckReadyComponent as ɵdt, SendAccessTokenInterceptor as ɵdu, LogInterceptor as ɵdv, PermissionUtilsInterceptor as ɵdw, CanBo_HoSoService as ɵe, AfterViewCheckedComponent as ɵf, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppProfileComponent as ɵk, AppSubMenuComponent as ɵl, AppMenuComponent as ɵm, AutoCompletePickerComponent as ɵn, CheckBoxListComponent as ɵo, ReportQueueComponent as ɵp, CoCauToChucPickerListComponent as ɵq, DatetimePickerComponent as ɵr, DatetimePickerRangeComponent as ɵs, DynamicNodeComponent as ɵt, EntityPickerBoxComponent as ɵu, EntityPickerDataComponent as ɵv, EntityPickerSelectedComponent as ɵw, EntityPickerComponent as ɵx, EntityPickerDialogComponent as ɵy, EntityPermissionComponent as ɵz };
+export { AccessDeniedComponent, Action, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CellExcel, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorControlSchema, ColorPickerControlSchema, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecPickerControlSchema, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCoreCodeSettingKey, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineIsWorkflowControl, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, ImageService, KeyFieldGetRefType, KeyFlashShow, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotFoundComponent, NotificationObjectType, NotificationService, NotifierService, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TableSchema, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnUser, TnxSharedModule, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupService, UserPickerControlSchema, UserService, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, keyUserSurveyLocal, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, multipleSort, romanize, setMetadataConnection, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, EntityPermissionComponent as ɵba, DM_ChucVuService as ɵbb, RoleService as ɵbc, EntityPermissionService as ɵbd, EquationEditorComponent as ɵbe, MaskComponent as ɵbf, NumberPickerRangeComponent as ɵbg, PagingNextBackOnlyComponent as ɵbh, RadioButtonListComponent as ɵbi, VanBanPickerComponent as ɵbj, VanBanDenService as ɵbk, VanBanDiService as ɵbl, VanBanPickerDialogComponent as ɵbm, VanbanDiPickerComponent as ɵbn, VanbanDenPickerComponent as ɵbo, CongViecPickerComponent as ɵbp, CongViecService as ɵbq, TaskWorkflowHistoriesService as ɵbr, SettingsComponent as ɵbs, SettingsRowComponent as ɵbt, SettingsWorkflowComponent as ɵbu, SettingsWorkflowNo1Component as ɵbv, SimpleWorkflowFormComponent as ɵbw, ProcessWorkflowFormComponent as ɵbx, WorkflowHistoryService as ɵby, ProcessWorkflowTargetComponent as ɵbz, EntityPickerService as ɵc, SplashComponentV1Component as ɵca, SplashComponentV2Component as ɵcb, StateMachinesConnectionReceiverComponent as ɵcc, StateMachinesConnectionReceiverUserComponent as ɵcd, StateMachinesConnectionReceiverDepartmentComponent as ɵce, StateMachinesConnectionReceiverGroupComponent as ɵcf, StateMachinesConnectionReceiverRoleComponent as ɵcg, StateMachinesConnectionSenderComponent as ɵch, StartWorkflowComponent as ɵci, WorkflowSettingsService as ɵcj, WorkflowSettingNewComponent as ɵck, DmLoaiCongViecService as ɵcl, TnDialogComponent as ɵcm, TnColorPickerComponent as ɵcn, TnTinymceComponent as ɵco, TnTabViewComponent as ɵcp, TableDetailFormComponent as ɵcq, FileIconPipe as ɵcr, FileSizePipe as ɵcs, QuickAddFormComponent as ɵct, PreventShiftTabDirective as ɵcu, UserPickerComponent as ɵcv, UserPickerBoxComponent as ɵcw, TnAppHelpComponent as ɵcx, PathNameService as ɵcy, HelperCurrentPageComponent as ɵcz, ExceptionHandlerService as ɵd, TnAppNotificationListComponent as ɵda, TnAppNotificationComponent as ɵdb, MyDriveService as ɵdc, FileVersionService as ɵdd, FileExplorerNewService as ɵde, FolderFormComponent as ɵdf, FileFormComponent as ɵdg, FileViewerComponent as ɵdh, FileVersionListComponent as ɵdi, WorkflowHistoryComponent as ɵdj, EntityWorkflowHistoryService as ɵdk, WorkflowHistoryDialogComponent as ɵdl, WorkflowHistoryNewComponent as ɵdm, WorkflowSettingComponent as ɵdn, EntityWorkflowSettingService as ɵdo, WorkflowSettingDialogComponent as ɵdp, QrCodeGeneratorComponent as ɵdq, AccessDeniedV1Component as ɵdr, AddNewsComponent as ɵds, ArticleService as ɵdt, NewsCategoryService as ɵdu, CheckReadyComponent as ɵdv, SendAccessTokenInterceptor as ɵdw, LogInterceptor as ɵdx, PermissionUtilsInterceptor as ɵdy, CanBo_HoSoService as ɵe, AfterViewCheckedComponent as ɵf, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppTopBarV2Component as ɵk, AppProfileComponent as ɵl, AppSubMenuComponent as ɵm, AppMenuComponent as ɵn, AutoCompletePickerComponent as ɵo, CheckBoxListComponent as ɵp, ReportQueueComponent as ɵq, CoCauToChucPickerListComponent as ɵr, DatetimePickerComponent as ɵs, DatetimePickerRangeComponent as ɵt, DynamicNodeComponent as ɵu, EntityPickerBoxComponent as ɵv, EntityPickerDataComponent as ɵw, EntityPickerSelectedComponent as ɵx, EntityPickerComponent as ɵy, EntityPickerDialogComponent as ɵz };
 //# sourceMappingURL=tnx-shared.js.map