tnx-shared 5.1.181 → 5.1.185

package/bundles/tnx-shared.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('angular-split'), require('ng2-currency-mask'), require('ngx-device-detector'), require('ngx-extended-pdf-viewer'), require('ngx-img-fallback'), require('ngx-mask'), require('ngx-perfect-scrollbar'), require('tn-custom-primeng/autocomplete'), require('tn-custom-primeng/blockui'), require('tn-custom-primeng/breadcrumb'), require('tn-custom-primeng/button'), require('tn-custom-primeng/calendar'), require('tn-custom-primeng/card'), require('tn-custom-primeng/chart'), require('tn-custom-primeng/checkbox'), require('tn-custom-primeng/chips'), require('tn-custom-primeng/colorpicker'), require('tn-custom-primeng/confirmdialog'), require('tn-custom-primeng/contextmenu'), require('tn-custom-primeng/dataview'), require('tn-custom-primeng/dialog'), require('tn-custom-primeng/dropdown'), require('tn-custom-primeng/fieldset'), require('tn-custom-primeng/fileupload'), require('tn-custom-primeng/focustrap'), require('tn-custom-primeng/inputmask'), require('tn-custom-primeng/inputswitch'), require('tn-custom-primeng/inputtext'), require('tn-custom-primeng/inputtextarea'), require('tn-custom-primeng/menu'), require('tn-custom-primeng/menubar'), require('tn-custom-primeng/multiselect'), require('tn-custom-primeng/overlaypanel'), require('tn-custom-primeng/paginator'), require('tn-custom-primeng/panel'), require('tn-custom-primeng/progressspinner'), require('tn-custom-primeng/radiobutton'), require('tn-custom-primeng/scrollpanel'), require('tn-custom-primeng/selectbutton'), require('tn-custom-primeng/sidebar'), require('tn-custom-primeng/slider'), require('tn-custom-primeng/spinner'), require('tn-custom-primeng/splitbutton'), require('tn-custom-primeng/steps'), require('tn-custom-primeng/table'), require('tn-custom-primeng/tabview'), require('tn-custom-primeng/toast'), require('tn-custom-primeng/tooltip'), require('tn-custom-primeng/tree'), require('tn-custom-primeng/treetable'), require('tn-custom-primeng/tristatecheckbox'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('uuid'), require('fast-safe-stringify'), require('moment'), require('underscore'), require('angular-oauth2-oidc'), require('tn-custom-primeng/api'), require('@angular/common/http'), require('@aspnet/signalr'), require('file-saver'), require('print-js'), require('jwt-decode'), require('@angular/platform-browser'), require('jquery'), require('nanoid'), require('@angular/animations'), require('hammerjs'), require('ng2-signalr'), require('tn-custom-primeng/dom'), require('qrcode'), require('jsplumb'), require('rtf.js'), require('tn-custom-primeng/accordion'), require('@angular/common/locales/vi'), require('@angular/platform-browser/animations')) :
-    typeof define === 'function' && define.amd ? define('tnx-shared', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', 'angular-split', 'ng2-currency-mask', 'ngx-device-detector', 'ngx-extended-pdf-viewer', 'ngx-img-fallback', 'ngx-mask', 'ngx-perfect-scrollbar', 'tn-custom-primeng/autocomplete', 'tn-custom-primeng/blockui', 'tn-custom-primeng/breadcrumb', 'tn-custom-primeng/button', 'tn-custom-primeng/calendar', 'tn-custom-primeng/card', 'tn-custom-primeng/chart', 'tn-custom-primeng/checkbox', 'tn-custom-primeng/chips', 'tn-custom-primeng/colorpicker', 'tn-custom-primeng/confirmdialog', 'tn-custom-primeng/contextmenu', 'tn-custom-primeng/dataview', 'tn-custom-primeng/dialog', 'tn-custom-primeng/dropdown', 'tn-custom-primeng/fieldset', 'tn-custom-primeng/fileupload', 'tn-custom-primeng/focustrap', 'tn-custom-primeng/inputmask', 'tn-custom-primeng/inputswitch', 'tn-custom-primeng/inputtext', 'tn-custom-primeng/inputtextarea', 'tn-custom-primeng/menu', 'tn-custom-primeng/menubar', 'tn-custom-primeng/multiselect', 'tn-custom-primeng/overlaypanel', 'tn-custom-primeng/paginator', 'tn-custom-primeng/panel', 'tn-custom-primeng/progressspinner', 'tn-custom-primeng/radiobutton', 'tn-custom-primeng/scrollpanel', 'tn-custom-primeng/selectbutton', 'tn-custom-primeng/sidebar', 'tn-custom-primeng/slider', 'tn-custom-primeng/spinner', 'tn-custom-primeng/splitbutton', 'tn-custom-primeng/steps', 'tn-custom-primeng/table', 'tn-custom-primeng/tabview', 'tn-custom-primeng/toast', 'tn-custom-primeng/tooltip', 'tn-custom-primeng/tree', 'tn-custom-primeng/treetable', 'tn-custom-primeng/tristatecheckbox', '@angular/router', 'rxjs', 'rxjs/operators', 'uuid', 'fast-safe-stringify', 'moment', 'underscore', 'angular-oauth2-oidc', 'tn-custom-primeng/api', '@angular/common/http', '@aspnet/signalr', 'file-saver', 'print-js', 'jwt-decode', '@angular/platform-browser', 'jquery', 'nanoid', '@angular/animations', 'hammerjs', 'ng2-signalr', 'tn-custom-primeng/dom', 'qrcode', 'jsplumb', 'rtf.js', 'tn-custom-primeng/accordion', '@angular/common/locales/vi', '@angular/platform-browser/animations'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tnx-shared'] = {}, global.ng.common, global.ng.core, global.ng.forms, global.i2, global.angularSplit, global.ng2CurrencyMask, global.ngxDeviceDetector, global.ngxExtendedPdfViewer, global.ngxImgFallback, global.ngxMask, global.ngxPerfectScrollbar, global.autocomplete, global.blockui, global.breadcrumb, global.button, global.calendar, global.card, global.chart, global.checkbox, global.chips, global.colorpicker, global.confirmdialog, global.contextmenu, global.dataview, global.dialog, global.dropdown, global.fieldset, global.fileupload, global.focustrap, global.inputmask, global.inputswitch, global.inputtext, global.inputtextarea, global.menu, global.menubar, global.multiselect, global.overlaypanel, global.paginator, global.panel, global.progressspinner, global.radiobutton, global.scrollpanel, global.selectbutton, global.sidebar, global.slider, global.spinner, global.splitbutton, global.steps, global.table, global.tabview, global.toast, global.tooltip, global.tree, global.treetable, global.tristatecheckbox, global.ng.router, global.rxjs, global.rxjs.operators, global.uuid, global.stringify, global.moment_, global._, global.i4, global.i1, global.ng.common.http, global.signalR, global.FileSaver, global.printJS_, global.JWT_, global.ng.platformBrowser, global.jQuery_, global.nanoid_, global.ng.animations, global.Hammer, global.ng2Signalr, global.dom, global.QRCode, global.jsplumb, global.rtf_js, global.accordion, global.ng.common.locales.vi, global.ng.platformBrowser.animations));
-}(this, (function (exports, i2$1, i0, forms, i2, angularSplit, ng2CurrencyMask, ngxDeviceDetector, ngxExtendedPdfViewer, ngxImgFallback, ngxMask, ngxPerfectScrollbar, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, dropdown, fieldset, fileupload, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, multiselect, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, table, tabview, toast, tooltip, tree, treetable, tristatecheckbox, i3, rxjs, operators, uuid, stringify, moment_, _, i4, i1, i1$1, signalR, FileSaver, printJS_, JWT_, platformBrowser, jQuery_, nanoid_, animations, Hammer, ng2Signalr, dom, QRCode, jsplumb, rtf_js, accordion, localeVi, animations$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('angular-split'), require('ng2-currency-mask'), require('ngx-device-detector'), require('ngx-extended-pdf-viewer'), require('ngx-img-fallback'), require('ngx-mask'), require('ngx-perfect-scrollbar'), require('tn-custom-primeng/accordion'), require('tn-custom-primeng/autocomplete'), require('tn-custom-primeng/blockui'), require('tn-custom-primeng/breadcrumb'), require('tn-custom-primeng/button'), require('tn-custom-primeng/calendar'), require('tn-custom-primeng/card'), require('tn-custom-primeng/chart'), require('tn-custom-primeng/checkbox'), require('tn-custom-primeng/chips'), require('tn-custom-primeng/colorpicker'), require('tn-custom-primeng/confirmdialog'), require('tn-custom-primeng/contextmenu'), require('tn-custom-primeng/dataview'), require('tn-custom-primeng/dialog'), require('tn-custom-primeng/dropdown'), require('tn-custom-primeng/fieldset'), require('tn-custom-primeng/fileupload'), require('tn-custom-primeng/focustrap'), require('tn-custom-primeng/inputmask'), require('tn-custom-primeng/inputswitch'), require('tn-custom-primeng/inputtext'), require('tn-custom-primeng/inputtextarea'), require('tn-custom-primeng/menu'), require('tn-custom-primeng/menubar'), require('tn-custom-primeng/multiselect'), require('tn-custom-primeng/overlaypanel'), require('tn-custom-primeng/paginator'), require('tn-custom-primeng/panel'), require('tn-custom-primeng/progressspinner'), require('tn-custom-primeng/radiobutton'), require('tn-custom-primeng/scrollpanel'), require('tn-custom-primeng/selectbutton'), require('tn-custom-primeng/sidebar'), require('tn-custom-primeng/slider'), require('tn-custom-primeng/spinner'), require('tn-custom-primeng/splitbutton'), require('tn-custom-primeng/steps'), require('tn-custom-primeng/table'), require('tn-custom-primeng/tabview'), require('tn-custom-primeng/toast'), require('tn-custom-primeng/tooltip'), require('tn-custom-primeng/tree'), require('tn-custom-primeng/treetable'), require('tn-custom-primeng/tristatecheckbox'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('uuid'), require('fast-safe-stringify'), require('moment'), require('underscore'), require('angular-oauth2-oidc'), require('tn-custom-primeng/api'), require('@angular/common/http'), require('@aspnet/signalr'), require('file-saver'), require('print-js'), require('jwt-decode'), require('@angular/platform-browser'), require('jquery'), require('nanoid'), require('@angular/animations'), require('hammerjs'), require('ng2-signalr'), require('tn-custom-primeng/dom'), require('qrcode'), require('jsplumb'), require('rtf.js'), require('@angular/common/locales/vi'), require('@angular/platform-browser/animations')) :
+    typeof define === 'function' && define.amd ? define('tnx-shared', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', 'angular-split', 'ng2-currency-mask', 'ngx-device-detector', 'ngx-extended-pdf-viewer', 'ngx-img-fallback', 'ngx-mask', 'ngx-perfect-scrollbar', 'tn-custom-primeng/accordion', 'tn-custom-primeng/autocomplete', 'tn-custom-primeng/blockui', 'tn-custom-primeng/breadcrumb', 'tn-custom-primeng/button', 'tn-custom-primeng/calendar', 'tn-custom-primeng/card', 'tn-custom-primeng/chart', 'tn-custom-primeng/checkbox', 'tn-custom-primeng/chips', 'tn-custom-primeng/colorpicker', 'tn-custom-primeng/confirmdialog', 'tn-custom-primeng/contextmenu', 'tn-custom-primeng/dataview', 'tn-custom-primeng/dialog', 'tn-custom-primeng/dropdown', 'tn-custom-primeng/fieldset', 'tn-custom-primeng/fileupload', 'tn-custom-primeng/focustrap', 'tn-custom-primeng/inputmask', 'tn-custom-primeng/inputswitch', 'tn-custom-primeng/inputtext', 'tn-custom-primeng/inputtextarea', 'tn-custom-primeng/menu', 'tn-custom-primeng/menubar', 'tn-custom-primeng/multiselect', 'tn-custom-primeng/overlaypanel', 'tn-custom-primeng/paginator', 'tn-custom-primeng/panel', 'tn-custom-primeng/progressspinner', 'tn-custom-primeng/radiobutton', 'tn-custom-primeng/scrollpanel', 'tn-custom-primeng/selectbutton', 'tn-custom-primeng/sidebar', 'tn-custom-primeng/slider', 'tn-custom-primeng/spinner', 'tn-custom-primeng/splitbutton', 'tn-custom-primeng/steps', 'tn-custom-primeng/table', 'tn-custom-primeng/tabview', 'tn-custom-primeng/toast', 'tn-custom-primeng/tooltip', 'tn-custom-primeng/tree', 'tn-custom-primeng/treetable', 'tn-custom-primeng/tristatecheckbox', '@angular/router', 'rxjs', 'rxjs/operators', 'uuid', 'fast-safe-stringify', 'moment', 'underscore', 'angular-oauth2-oidc', 'tn-custom-primeng/api', '@angular/common/http', '@aspnet/signalr', 'file-saver', 'print-js', 'jwt-decode', '@angular/platform-browser', 'jquery', 'nanoid', '@angular/animations', 'hammerjs', 'ng2-signalr', 'tn-custom-primeng/dom', 'qrcode', 'jsplumb', 'rtf.js', '@angular/common/locales/vi', '@angular/platform-browser/animations'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tnx-shared'] = {}, global.ng.common, global.ng.core, global.ng.forms, global.i2, global.angularSplit, global.ng2CurrencyMask, global.ngxDeviceDetector, global.ngxExtendedPdfViewer, global.ngxImgFallback, global.ngxMask, global.ngxPerfectScrollbar, global.accordion, global.autocomplete, global.blockui, global.breadcrumb, global.button, global.calendar, global.card, global.chart, global.checkbox, global.chips, global.colorpicker, global.confirmdialog, global.contextmenu, global.dataview, global.dialog, global.dropdown, global.fieldset, global.fileupload, global.focustrap, global.inputmask, global.inputswitch, global.inputtext, global.inputtextarea, global.menu, global.menubar, global.multiselect, global.overlaypanel, global.paginator, global.panel, global.progressspinner, global.radiobutton, global.scrollpanel, global.selectbutton, global.sidebar, global.slider, global.spinner, global.splitbutton, global.steps, global.table, global.tabview, global.toast, global.tooltip, global.tree, global.treetable, global.tristatecheckbox, global.ng.router, global.rxjs, global.rxjs.operators, global.uuid, global.stringify, global.moment_, global._, global.i4, global.i1, global.ng.common.http, global.signalR, global.FileSaver, global.printJS_, global.JWT_, global.ng.platformBrowser, global.jQuery_, global.nanoid_, global.ng.animations, global.Hammer, global.ng2Signalr, global.dom, global.QRCode, global.jsplumb, global.rtf_js, global.ng.common.locales.vi, global.ng.platformBrowser.animations));
+}(this, (function (exports, i2$1, i0, forms, i2, angularSplit, ng2CurrencyMask, ngxDeviceDetector, ngxExtendedPdfViewer, ngxImgFallback, ngxMask, ngxPerfectScrollbar, accordion, autocomplete, blockui, breadcrumb, button, calendar, card, chart, checkbox, chips, colorpicker, confirmdialog, contextmenu, dataview, dialog, dropdown, fieldset, fileupload, focustrap, inputmask, inputswitch, inputtext, inputtextarea, menu, menubar, multiselect, overlaypanel, paginator, panel, progressspinner, radiobutton, scrollpanel, selectbutton, sidebar, slider, spinner, splitbutton, steps, table, tabview, toast, tooltip, tree, treetable, tristatecheckbox, i3, rxjs, operators, uuid, stringify, moment_, _, i4, i1, i1$1, signalR, FileSaver, printJS_, JWT_, platformBrowser, jQuery_, nanoid_, animations, Hammer, ng2Signalr, dom, QRCode, jsplumb, rtf_js, localeVi, animations$1) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11402,7 +11402,11 @@
         EnumWorkflowCheckboxOption[EnumWorkflowCheckboxOption["TAO_CONG_VIEC"] = 1] = "TAO_CONG_VIEC";
         EnumWorkflowCheckboxOption[EnumWorkflowCheckboxOption["AUTO_NEXT_STEP"] = 2] = "AUTO_NEXT_STEP";
         EnumWorkflowCheckboxOption[EnumWorkflowCheckboxOption["AUTO_START_TASK"] = 3] = "AUTO_START_TASK";
-    })(exports.EnumWorkflowCheckboxOption || (exports.EnumWorkflowCheckboxOption = {}));
+    })(exports.EnumWorkflowCheckboxOption || (exports.EnumWorkflowCheckboxOption = {}));
+    (function (EnumProcessWorkflowType) {
+        EnumProcessWorkflowType[EnumProcessWorkflowType["EDIT"] = 1] = "EDIT";
+        EnumProcessWorkflowType[EnumProcessWorkflowType["VIEW"] = 2] = "VIEW";
+    })(exports.EnumProcessWorkflowType || (exports.EnumProcessWorkflowType = {}));
 
     var DummyWorkflowCode = 'DummyWorkflowCode';
     var MaActionBatDauQuyTrinh = '_START_';
@@ -22422,6 +22426,9 @@
             configurable: true
         });
         DataListBase.prototype.ngOnInit = function () {
+            // if (window) {
+            //     window['_clbc'] = this;
+            // }
             this.model.baseReady = false;
             if (this.setting.cols) {
                 this.setting.cols = this.setting.cols.filter(function (q) { return !q.removeOnInit; });
@@ -26940,7 +26947,7 @@
                     selector: 'chat-box',
                     template: "<div class=\"dashboard\">\r\n    <div class=\"chat\">\r\n        <div class=\"group-info\">\r\n            <a href=\"javascript:\">C\u00F3 {{peopleAll.length}} ng\u01B0\u1EDDi trong nh\u00F3m n\u00E0y</a>\r\n            <div class=\"circleButton\" pTooltip=\"Xem to\u00E0n b\u1ED9 \u0111\u00EDnh k\u00E8m\" tooltipPosition=\"top\">\r\n                <a href=\"javascript:\"><i class=\"far fa-images\"></i></a>\r\n            </div>\r\n            <div (click)=\"addPeople()\" class=\"circleButton\" pTooltip=\"Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi v\u00E0o nh\u00F3m\" tooltipPosition=\"top\"\r\n                disabled=\"true\">\r\n                <a href=\"javascript:\"><i class=\"fas fa-user-plus\"></i></a>\r\n            </div>\r\n        </div>\r\n        <ul #scrollMe [ngClass]=\"{'hasPin': model.pinnedMessage != null}\">\r\n            <li *ngIf=\"model.pinnedMessage\" class=\"clearfix pin\" [ngClass]=\"{'message-from': true}\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"messageItem; context: { i : -1, item: model.pinnedMessage, isPinnedMessage: true}\">\r\n                </ng-container>\r\n            </li>\r\n            <li *ngFor=\"let item of model.dataSource; let i = index; trackBy: trackByFunc\" class=\"clearfix\"\r\n                [ngClass]=\"{ 'message-own': item.type == 'own'}\">\r\n                <ng-container *ngTemplateOutlet=\"messageItem; context: { i : i, item: item}\">\r\n                </ng-container>\r\n            </li>\r\n        </ul>\r\n        <!--        <chat-send-message-box *ngIf=\"showSendMessageBox\"></chat-send-message-box>-->\r\n        <div [ngClass]=\"{'visible2': model.scrolling, 'hidden2': !model.scrolling}\" class=\"scroll-to-bottom\">\r\n            <span *ngIf=\"model.newMessageNotUpdatedCount > 0\" (click)=\"scrollToBottom(350, true, null)\">\r\n                {{model.newMessageNotUpdatedCount <= 5 ? model.newMessageNotUpdatedCount : '5+' }} </span>\r\n                    <span (click)=\"scrollToBottom(350, true, null)\" *ngIf=\"model.newMessageNotUpdatedCount == 0\">\r\n                        <i class=\"fas fa-chevron-down\"></i>\r\n                    </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<file-viewer *ngIf=\"fileViewerModel.showEditForm\" [parentContext]=\"context\" [parentModel]=\"model\"\r\n    [model]=\"fileViewerModel\">\r\n</file-viewer>\r\n\r\n<ng-template #messageItem let-i=\"i\" let-isPinnedMessage=\"isPinnedMessage\" let-item=\"item\">\r\n    <img *ngIf=\"item.isFirstMessageFlow && item.type != 'own' && !isPinnedMessage && item.avatar != null\" alt=\"\"\r\n        class=\"chat-avatar\" src=\"{{getCurrentUserAvatar(item.avatar)}}\">\r\n    <p *ngIf=\"(item.isFirstMessageFlow && item.type != 'own') && !isPinnedMessage\" class=\"message-created-by\">\r\n        {{item.fullName}}\r\n    </p>\r\n    <span *ngIf=\"!hasAttachment(item)\">\r\n        <!--          [class]=\"addClassToMessage(item, isPinnedMessage)\">-->\r\n        <p *ngIf=\"!hasAttachment(item)\" class=\"message-content\">\r\n            <i (click)=\"pinMessage(item)\" class=\"fas fa-thumbtack\" style=\"right: 0;\"></i>\r\n            <i (click)=\"quickNote(item)\" class=\"fas fa-sticky-note\"></i>\r\n            {{item.content}}\r\n        </p>\r\n        <p *ngIf=\"!isPinnedMessage && (item.isLastMessageFlow || !inTheSameTime(i, item, model.dataSource))\"\r\n            class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n            tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n            {{_crudService.renderDateTime(item.created)}}\r\n        </p>\r\n        <p *ngIf=\"isPinnedMessage\" class=\"message-created\">\r\n            {{item.createdBy}} \u0111\u00E3 g\u1EEDi l\u00FAc {{item.created | date:'dd/MM/yyyy HH:mm'}}\r\n        </p>\r\n    </span>\r\n    <ng-container *ngIf=\"hasAttachment(item)\">\r\n        <ng-container *ngFor=\"let attachmentItem of item.attachments;let index=index\">\r\n            <div class=\"file\"\r\n                [ngClass]=\"{'first':item.isFirstMessageFlow && index == 0, 'middle':index > 0 || !item.isFirstMessageFlow, 'image' : attachmentItem.type == 'image'}\"\r\n                [ngStyle]=\"{'width': model.img[i + 'width' + index]}\">\r\n                <p class=\"attachment\">\r\n                    <span (mouseup)=\"onMouseUp($event)\" class=\"attachment-item\">\r\n                        <a *ngIf=\"attachmentItem.type != 'image'\" (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <i class=\"fas fa-paperclip\"></i>{{attachmentItem.fileName}}\r\n                        </a>\r\n                        <a *ngIf=\"attachmentItem.type == 'image'\" #aElement\r\n                            [ngClass]=\"{'hidden': !model.img[i + '' + index], 'visible':model.img[i + '' + index]}\"\r\n                            (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <img class=\"message-img\" (load)=\"loadImg($event, i, index)\"\r\n                                [src]=\"attachmentItem.url | secure | async\" />\r\n                        </a>\r\n                    </span>\r\n                </p>\r\n                <div style=\"clear: both\"></div>\r\n                <p class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n                    tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n                    {{_crudService.renderDateTime(item.created)}}\r\n                </p>\r\n            </div>\r\n            <div style=\"clear: both\"></div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <after-view-checked *ngIf=\"model.dataSource.length == i + 1\" (loading)=\"scrollToBottom(0, false, item.sent)\">\r\n    </after-view-checked>\r\n</ng-template>\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\"-->\r\n<!--           (onCancel)=\"userPickerForm.show = false\"-->\r\n<!--           (onHide)=\"userPickerForm.show = false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n<!--    <user-picker-box #formBase [control]=\"userPickerControl\"-->\r\n<!--                     [(ngModel)]=\"this.peopleAll\" [multiple]=\"userPickerControl.multiple\">-->\r\n<!--    </user-picker-box>-->\r\n<!--</tn-dialog>-->\r\n\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\" (onHide)=\"userPickerForm.show == false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n\r\n<!--    &lt;!&ndash;<quick-add-form *ngIf=\"model.editFormModel.showQuickNoteForm\" [parentContext]=\"context\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                [parentModel]=\"context.data.noteDataModel\"></quick-add-form>&ndash;&gt;-->\r\n<!--</tn-dialog>-->",
                     providers: [ComponentContextService, CheckControlVisibleService],
-                    styles: [".paging-advance{list-style:none;margin:3px 0;padding-left:0}.paging-advance li{line-height:30;padding-left:15px;width:150px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{background:none;cursor:default}.paging-advance li:hover{background:red;cursor:pointer}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{left:1.25em;margin-left:-10;right:auto}.paging-advance-overlay.ui-overlaypanel-shifted:after{left:1.25em;margin-left:-8px;right:auto}.chat-avatar{border:2px solid #eee;height:36px}", "@charset \"UTF-8\";@import url(C:\\Code\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(C:\\Code\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                    styles: [".paging-advance{list-style:none;margin:3px 0;padding-left:0}.paging-advance li{line-height:30;padding-left:15px;width:150px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{background:none;cursor:default}.paging-advance li:hover{background:red;cursor:pointer}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{left:1.25em;margin-left:-10;right:auto}.paging-advance-overlay.ui-overlaypanel-shifted:after{left:1.25em;margin-left:-8px;right:auto}.chat-avatar{border:2px solid #eee;height:36px}", "@charset \"UTF-8\";@import url(D:\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
                 },] }
     ];
     ChatBoxComponent.ctorParameters = function () { return [
@@ -27546,7 +27553,7 @@
                     selector: 'chat-send-message-box',
                     template: "<div class=\"dashboard\" (mouseup)=\"onMouseUp($event)\">\r\n    <div class=\"chat\">\r\n        <div class=\"new-message\">\r\n            <div class=\"message-emotion\">\r\n                <i class=\"far fa-smile\" style=\"color: gray;\" disabled=\"true\"></i>\r\n            </div>\r\n            <div class=\"message-attachment\" pTooltip=\"\u0110\u00EDnh k\u00E8m file\" tooltipPosition=\"top\" (click)=\"op.toggle($event)\">\r\n                <i class=\"fas fa-paperclip\"></i>\r\n            </div>\r\n            <p-overlayPanel #op [dismissable]=\"true\" [appendTo]=\"'body'\" [styleClass]=\"'paging-advance-overlay'\"\r\n                            (mouseup)=\"onMouseUp($event)\">\r\n                <ul class=\"paging-advance\">\r\n                    <li (click)=\"browseFileFromPersonal()\">T\u1EEB file c\u00E1 nh\u00E2n</li>\r\n                    <li (click)=\"browseFileFromComputer()\">T\u1EA3i l\u00EAn t\u1EEB m\u00E1y t\u00EDnh</li>\r\n                </ul>\r\n            </p-overlayPanel>\r\n            <div class=\"message-input p-float-label\">\r\n                <input #input pInputText\r\n                       id=\"message\"\r\n                       autocomplete=\"off\" autocorrect=\"off\"\r\n                       spellcheck=\"false\" class=\"ui-inputtext\"\r\n                       type=\"text\" placeholder=\"N\u1ED9i dung tin nh\u1EAFn\"\r\n                       [(ngModel)]=\"model.content\"\r\n                       (keyup.enter)=\"onSendMessage($event.target.value)\" (keydown.shift.tab)=\"cancelBlur($event)\"\r\n                       (keydown.tab)=\"cancelBlur($event)\" (paste)=\"handlePaste($event)\" (click)=\"clickInputText()\"/>\r\n            </div>\r\n            <div>\r\n                <button pButton class=\"p-button-danger\" icon=\"fas fa-send\" type=\"button\" label=\"G\u1EEDi\"\r\n                        (click)=\"onSendMessage(model.content)\">\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <div class=\"attachment-list\" [ngClass]=\"model.classHasAttachment\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'height': '100px'}\">\r\n                <div *ngFor=\"let item of model.attachments\" class=\"attachment-item\">\r\n                    <img *ngIf=\"item.type == 'image'\" [src]=\"item.url | safeUrl\"/>\r\n                    <span *ngIf=\"item.type == 'file'\">{{item.fileName}}</span>\r\n                    <i class=\"far fa-times-circle label-danger remove-file-attachment\"\r\n                       (click)=\"removeAttachment(item)\"></i>\r\n                </div>\r\n            </tn-custom-scrollbar>\r\n            <!--            <div class=\"clearfix\"></div>-->\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-fileUpload [ngStyle]=\"{'display': 'none'}\" #fileElement (onSelect)=\"onSelectFileFromComputer($event)\"\r\n              multiple=\"multiple\" name=\"fileUpload\" [maxFileSize]=\"model.maxFileSize\" auto=\"false\">\r\n</p-fileUpload>\r\n\r\n<!-- <app-drive-file-dialog *ngIf=\"model.driveFileDialog.show\" [parentDataContext]=\"dataContext\"\r\n    []=\"model.driveFileDialog\" #driveFileDialog>\r\n</app-drive-file-dialog> -->\r\n",
                     providers: [ComponentContextService],
-                    styles: ["", "@charset \"UTF-8\";@import url(C:\\Code\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(C:\\Code\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                    styles: ["", "@charset \"UTF-8\";@import url(D:\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
                 },] }
     ];
     ChatSendMessageBoxComponent.ctorParameters = function () { return [
@@ -28591,6 +28598,432 @@
         notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }]
     };
 
+    var AppTopBarV2Component = /** @class */ (function (_super) {
+        __extends(AppTopBarV2Component, _super);
+        function AppTopBarV2Component(
+        // public app: AppComponent,
+        _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _translateService) {
+            var _this = _super.call(this, _injector) || this;
+            _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, function (rs) {
+                _this.currentUser = _this._userService.getCurrentUser();
+                _this.loadMenuMetadata();
+            });
+            if (_this.rootModel.allowAnonymous) {
+                _this.loadMenuMetadata();
+            }
+            return _this;
+        }
+        AppTopBarV2Component.prototype.loadMenuMetadata = function () {
+            var _this = this;
+            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            arr = [];
+                            _a = [];
+                            for (_b in this.environment.appMetadata.appSwitcher)
+                                _a.push(_b);
+                            _i = 0;
+                            _c.label = 1;
+                        case 1:
+                            if (!(_i < _a.length)) return [3 /*break*/, 5];
+                            ind = _a[_i];
+                            element = this.environment.appMetadata.appSwitcher[ind];
+                            clientId = this.environment.authenticationSettings.clientId;
+                            if (!(this.rootContext.data.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
+                            arr.push(element);
+                            return [3 /*break*/, 4];
+                        case 2:
+                            if (!this.currentUser) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
+                        case 3:
+                            isAuthorized = _c.sent();
+                            if (isAuthorized) {
+                                arr.push(element);
+                            }
+                            _c.label = 4;
+                        case 4:
+                            _i++;
+                            return [3 /*break*/, 1];
+                        case 5:
+                            resolve(arr);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            prmsAppSwicherItem.then(function (rs) {
+                if (rs) {
+                    var currentUser_1 = _this._userService.getCurrentUser();
+                    _this.appSwitcherItems.length = 0;
+                    rs.forEach(function (element) {
+                        if (element.visible) {
+                            if (element.allowAnonymous) {
+                                _this.appSwitcherItems.push(element);
+                            }
+                            else {
+                                if (currentUser_1.maNguoiHoc && currentUser_1.issuperuser && currentUser_1.issuperuser.toLowerCase() != 'true') {
+                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                        _this.appSwitcherItems.push(element);
+                                    }
+                                }
+                                else {
+                                    _this.appSwitcherItems.push(element);
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        };
+        AppTopBarV2Component.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.rootContext.data.currentUser) {
+                if (this.rootContext.data.currentUser.gender == 0) {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
+                }
+                else {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
+                }
+                this.userProfile = this._userService.getProfileInfo();
+            }
+            this.rootContext.subscribe(ComCtxConstants.ROOT.BODY_MOUSE_DOWN, function (e) {
+                setTimeout(function () {
+                    _this.hideAdvanceSearch(e);
+                });
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, function (e) {
+                _this.focusToSearchBox();
+            });
+            this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, function (e) {
+                _this.showNotificationReload();
+            });
+            this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, function (e) {
+                _this.setNotify(e.message);
+            });
+            this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, function (e) {
+                _this.model.dataModelSetting.showSettings = true;
+            }));
+            this.model.dataModelSetting = {
+                data: {},
+                showSettings: false
+            };
+            this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, function (data) {
+                _this.formatDefaultDataSetting(data);
+                _this.reloadWindow();
+            });
+            var stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
+            if (stringDataDefault) {
+                var dataCacheDefault = JSON.parse(stringDataDefault);
+                this.formatDefaultDataSetting(dataCacheDefault);
+            }
+            else {
+                this.defaultDataSetting = 'Thiết lập tham số mặc định';
+            }
+        };
+        AppTopBarV2Component.prototype.ngOnDestroy = function () {
+            this.allSubscriptions.forEach(function (element) {
+                element.unsubscribe();
+            });
+            if (this.intervalCountdown) {
+                clearInterval(this.intervalCountdown);
+            }
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        AppTopBarV2Component.prototype.formatDefaultDataSetting = function (data) {
+            var _this = this;
+            var dataSetting = '';
+            var fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
+            var fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
+            fields.forEach(function (field, index) {
+                if (!_this.checkHidden(field)) {
+                    var _f = "" + field + fieldPluses[index];
+                    if (data[_f]) {
+                        dataSetting += data[_f] + '/';
+                    }
+                }
+            });
+            if (dataSetting.length > 0) {
+                dataSetting = dataSetting.substring(0, dataSetting.length - 1);
+            }
+            this.defaultDataSetting = dataSetting;
+        };
+        AppTopBarV2Component.prototype.checkHidden = function (field) {
+            return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(function (p) { return p.field == field; });
+        };
+        AppTopBarV2Component.prototype.getCurrentUserFullName = function () {
+            return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
+        };
+        AppTopBarV2Component.prototype.getCurrentUserPosition = function () {
+            return this.userProfile ? this.userProfile.tenDonVi : null;
+        };
+        AppTopBarV2Component.prototype.getCurrentUserAvatar = function () {
+            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        AppTopBarV2Component.prototype.clearFilter = function (input) {
+            var _this = this;
+            setTimeout(function () {
+                _this.model.searchModel[_this.model.fieldKey] = '';
+                _this._customRouteService.updateFragment(_this.model.fieldKey, null);
+                _this._customRouteService.updateWithoutFireEvent();
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
+                input.value = '';
+                input.focus();
+                _this._cd.detectChanges();
+            });
+        };
+        AppTopBarV2Component.prototype.toggleAdvanceSearch = function (evt) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
+            evt.preventDefault();
+            evt.cancelBubble = true;
+        };
+        AppTopBarV2Component.prototype.hideAdvanceSearch = function (evt) {
+            if (document.getElementById('advance-search-box')) {
+                var mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
+                if (!mask.length) {
+                    var closestDropdown = evt.target.closest('.dropdown-advs');
+                    if (closestDropdown == null || closestDropdown.length == 0) {
+                        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
+                    }
+                }
+            }
+        };
+        AppTopBarV2Component.prototype.focusToSearchBox = function () {
+            if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
+                this.input.nativeElement.focus();
+            }
+        };
+        AppTopBarV2Component.prototype.onTopbarSearchClick = function (event, input) {
+            var _this = this;
+            if (!this.model.fieldKey) {
+                return;
+            }
+            setTimeout(function () {
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
+                _this._customRouteService.updateFragment(_this.model.fieldKey, input.value);
+                _this._customRouteService.updateWithoutFireEvent();
+                input.focus();
+            });
+        };
+        AppTopBarV2Component.prototype.onEsc = function (event, input) {
+            this.clearFilter(input);
+        };
+        AppTopBarV2Component.prototype.onEnter = function (event, input) {
+            this.onTopbarSearchClick(event, input);
+        };
+        AppTopBarV2Component.prototype.switchApp = function (item, openNewTab) {
+            if (openNewTab === void 0) { 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(function (x) { return x.code == item.code; });
+                    if (this.rootContext.data.currentAppMetadata
+                        && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined
+                        && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
+                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
+                    }
+                }
+            }
+        };
+        AppTopBarV2Component.prototype.hasAdvanceSearchBox = function () {
+            return this.model.searchModel.hasAdvanceSearch;
+        };
+        AppTopBarV2Component.prototype.isAdvanceSearching = function () {
+            return this.hasAdvanceSearchValue(this.model.searchModel);
+        };
+        AppTopBarV2Component.prototype.hasAdvanceSearchValue = function (obj) {
+            for (var key in obj) {
+                if (key === '_k' || key === 'hasAdvanceSearch') {
+                    continue;
+                }
+                if (obj[key] != null && obj[key] != '') {
+                    return false;
+                }
+            }
+            return true;
+        };
+        AppTopBarV2Component.prototype.getComponentId = function () {
+            return 'TOPBAR';
+        };
+        AppTopBarV2Component.prototype.goToHome = function () {
+            this.rootContext.fireEvent('GO_HOME');
+        };
+        AppTopBarV2Component.prototype.onEditInfo = function (event) {
+            event.preventDefault();
+            var currentAppSetting = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
+            if (currentAppSetting) {
+                this.switchApp(currentAppSetting);
+            }
+            else {
+                console.error('Bạn chưa thiết lập metadata cho trang cá nhân');
+            }
+        };
+        AppTopBarV2Component.prototype.onChangePassword = function (event) {
+            event.preventDefault();
+            // this.changePassword.showPopup(this._userService.getId());
+        };
+        AppTopBarV2Component.prototype.onTopbarLogout = function () {
+            if (!localStorage.getItem('currentUrl')) {
+                localStorage.setItem('currentUrl', top.location.href);
+            }
+            this._authenService.logout();
+        };
+        AppTopBarV2Component.prototype.settingDefault = function () {
+            this.model.dataModelSetting = {
+                data: {},
+                showSettings: true
+            };
+        };
+        AppTopBarV2Component.prototype.onShowSettings = function (ev) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
+        };
+        AppTopBarV2Component.prototype.onCloseSettings = function (ev) {
+            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
+        };
+        AppTopBarV2Component.prototype.showProfilePage = function () {
+            if (this._userService.isSinhVienAccount()) {
+                return false;
+            }
+            return true;
+        };
+        AppTopBarV2Component.prototype.login = function () {
+            this.rootContext.fireEvent('LOGIN');
+        };
+        AppTopBarV2Component.prototype.setNotify = function (message) {
+            this.message = message;
+        };
+        AppTopBarV2Component.prototype.handleMouseOver = function (evt) {
+            evt.target.stop();
+        };
+        AppTopBarV2Component.prototype.handleMouseOut = function (evt) {
+            evt.target.start();
+        };
+        AppTopBarV2Component.prototype.showNotificationReload = function () {
+            var _this = this;
+            this.message = 'Hệ thống có phiên bản mới, hãy refresh trình duyệt để cập nhật';
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.SHOW_REJECT_CONFIRM, false);
+            this._notifierService.showConfirm(this.message).then(function (res) {
+                _this.reloadWindow();
+            });
+            // if (this.intervalCountdown) {
+            //     clearInterval(this.intervalCountdown);
+            // }
+            // const date = new Date();
+            // const goalDate = (new Date(date.getTime() + 10 * 1000)).getTime(); // Đếm 10s
+            // this.intervalCountdown = setInterval(f => {
+            //     const now = new Date().getTime();
+            //     const distance = goalDate - now;
+            //     var seconds = Math.floor(distance / 1000);
+            //     // If the count down is finished, write some text
+            //     if (distance < 0) {
+            //         clearInterval(this.intervalCountdown);
+            //         this.reloadWindow();
+            //         return;
+            //     }
+            //     let message = `Trình duyệt sẽ khởi động lại sau ${seconds}s`;
+            //     if (seconds < 1) {
+            //         message = 'Trình duyệt sẽ khởi động lại ngay bây giờ';
+            //     }
+            //     this._notifierService.showConfirm(
+            //         message, null, null, false, this._translateService.instant('CONFIRM.ACCEPT_LABEL'),
+            //         'pi pi-check'
+            //     ).then(res => {
+            //         clearInterval(this.intervalCountdown);
+            //         this.reloadWindow();
+            //     });
+            // }, 1000);
+        };
+        AppTopBarV2Component.prototype.reloadWindow = function () {
+            top.location.reload();
+        };
+        return AppTopBarV2Component;
+    }(ComponentBase));
+    AppTopBarV2Component.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-topbar-v2',
+                    template: "<div class=\"topbar clearfix tn-l-top-bar\">\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.tn-l-switcher-item.tn-l-switcher-item{background:#fff}.tn-l-switcher-item-label{color:#52abff;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:5px 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{margin-top:0;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 .layout-menu li a span{line-height:1.2}::ng-deep .layout-wrapper app-topbar-v2 .topbar .topbar-left{box-shadow:none}::ng-deep .layout-wrapper app-topbar-v2 .wrapper-appswitch{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 = function () { return [
+        { type: CustomRouterService },
+        { type: i3.Router },
+        { type: CommonService },
+        { type: AuthenService },
+        { type: i0.ChangeDetectorRef },
+        { type: i0.Injector },
+        { type: PermissionService },
+        { type: ModuleConfigService },
+        { type: UserService },
+        { type: NotifierService },
+        { type: i2.TranslateService }
+    ]; };
+    AppTopBarV2Component.propDecorators = {
+        input: [{ type: i0.ViewChild, args: ['input',] }],
+        notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }]
+    };
+
     var MenuService = /** @class */ (function () {
         function MenuService(_moduleConfigService, _permissionService, _commonService, _applicationContext) {
             this._moduleConfigService = _moduleConfigService;
@@ -32288,6 +32721,46 @@
         onReady: [{ type: i0.Output }]
     };
 
+    var TableDetailFormComponent = /** @class */ (function (_super) {
+        __extends(TableDetailFormComponent, _super);
+        function TableDetailFormComponent(injector) {
+            var _this = _super.call(this, injector) || this;
+            _this.schema = [];
+            _this.data = {};
+            _this.onSaved = new i0.EventEmitter();
+            return _this;
+        }
+        TableDetailFormComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.autoSave = false;
+            this.model.data = this.data;
+            this.setting.baseService = this.parentSetting.baseService;
+            this.setting.schema = this.schema;
+        };
+        TableDetailFormComponent.prototype.handleManualSave = function () {
+            this.onSaved.emit(this.model.data);
+        };
+        return TableDetailFormComponent;
+    }(DataFormBase));
+    TableDetailFormComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'table-detail-form',
+                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\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 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</ng-template>",
+                    providers: [
+                        ComponentContextService
+                    ],
+                    styles: [".tn-check-box-list.p-grid{margin-bottom:-.5em}.btn-clear{background:#337ab7;border:none;border-radius:3px;color:#fff;cursor:pointer;height:30px;margin:1px .5em 0;padding:0 10px}.p-col-horizontal{padding:.5em}::ng-deep .tn-check-box-list{position:relative}::ng-deep .tn-check-box-list.flex-end{justify-content:flex-end}::ng-deep .tn-check-box-list.flex-center{justify-content:center}::ng-deep .tn-check-box-list label{cursor:pointer}"]
+                },] }
+    ];
+    TableDetailFormComponent.ctorParameters = function () { return [
+        { type: i0.Injector }
+    ]; };
+    TableDetailFormComponent.propDecorators = {
+        schema: [{ type: i0.Input }],
+        data: [{ type: i0.Input }],
+        onSaved: [{ type: i0.Output }]
+    };
+
     var TreeTableComponent = /** @class */ (function (_super) {
         __extends(TreeTableComponent, _super);
         function TreeTableComponent(injector, _crudService, _notifierService) {
@@ -32965,46 +33438,6 @@
         onReloaded: [{ type: i0.Output }]
     };
 
-    var TableDetailFormComponent = /** @class */ (function (_super) {
-        __extends(TableDetailFormComponent, _super);
-        function TableDetailFormComponent(injector) {
-            var _this = _super.call(this, injector) || this;
-            _this.schema = [];
-            _this.data = {};
-            _this.onSaved = new i0.EventEmitter();
-            return _this;
-        }
-        TableDetailFormComponent.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
-            this.autoSave = false;
-            this.model.data = this.data;
-            this.setting.baseService = this.parentSetting.baseService;
-            this.setting.schema = this.schema;
-        };
-        TableDetailFormComponent.prototype.handleManualSave = function () {
-            this.onSaved.emit(this.model.data);
-        };
-        return TableDetailFormComponent;
-    }(DataFormBase));
-    TableDetailFormComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'table-detail-form',
-                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\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 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</ng-template>",
-                    providers: [
-                        ComponentContextService
-                    ],
-                    styles: [".tn-check-box-list.p-grid{margin-bottom:-.5em}.btn-clear{background:#337ab7;border:none;border-radius:3px;color:#fff;cursor:pointer;height:30px;margin:1px .5em 0;padding:0 10px}.p-col-horizontal{padding:.5em}::ng-deep .tn-check-box-list{position:relative}::ng-deep .tn-check-box-list.flex-end{justify-content:flex-end}::ng-deep .tn-check-box-list.flex-center{justify-content:center}::ng-deep .tn-check-box-list label{cursor:pointer}"]
-                },] }
-    ];
-    TableDetailFormComponent.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
-    TableDetailFormComponent.propDecorators = {
-        schema: [{ type: i0.Input }],
-        data: [{ type: i0.Input }],
-        onSaved: [{ type: i0.Output }]
-    };
-
     var DatetimePickerRangeComponent = /** @class */ (function () {
         function DatetimePickerRangeComponent() {
             this.control = new DateTimeRangeControlSchema();
@@ -41489,213 +41922,6 @@
         lstItem: [{ type: i0.Input }]
     };
 
-    var SplashComponentV2Component = /** @class */ (function (_super) {
-        __extends(SplashComponentV2Component, _super);
-        function SplashComponentV2Component(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
-            var _this = _super.call(this, injector) || this;
-            _this._moduleConfigService = _moduleConfigService;
-            _this._permissionService = _permissionService;
-            _this._deviceDetectorService = _deviceDetectorService;
-            _this._userService = _userService;
-            _this._router = _router;
-            _this._authenService = _authenService;
-            _this._globalService = _globalService;
-            _this.defaultAvatar = '';
-            _this.appSwitcherItems = [];
-            _this.loaded = false;
-            _this.currentDate = new Date();
-            _this.showDefaultSetting = false;
-            _this.fileApi = '';
-            _this.isOnMobile = false;
-            _this.daysInWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
-            _this.rootContext.fireEvent('MAIN_CONTENT_ONLY', true);
-            _this.environment = _this._moduleConfigService.getConfig().environment;
-            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
-            _this.fileApi = _this.environment.apiDomain.fileEndpoint;
-            setInterval(function () {
-                _this.currentDate = new Date();
-            }, 1000);
-            if (_this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata.showDefaultSetting != null && _this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined) {
-                _this.showDefaultSetting = _this.rootContext.data.currentAppMetadata.showDefaultSetting;
-            }
-            else {
-                if (_this.environment.appMetadata.main.showDefaultSetting != null && _this.environment.appMetadata.main.showDefaultSetting != undefined) {
-                    _this.showDefaultSetting = _this.environment.appMetadata.main.showDefaultSetting;
-                }
-                else {
-                    _this.showDefaultSetting = false;
-                }
-            }
-            // Config for authentication
-            _this._globalService.setHeaderState(false);
-            _this._globalService.setMenuState(false);
-            _this.underconstruction = _this.environment.underconstruction;
-            return _this;
-        }
-        SplashComponentV2Component.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this._deviceDetectorService.isMobile()) {
-                this.isOnMobile = true;
-            }
-            if (this.rootContext.data.currentUser) {
-                if (this.rootContext.data.currentUser.gender == 0) {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
-                }
-                else {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
-                }
-            }
-            this.rootContext.replaySubscribe(ComCtxConstants.ROOT.USER_LOADED, function (rs) {
-                _this.currentUser = _this._userService.getCurrentUser();
-                _this.loadAppMetadata();
-                _this.loaded = true;
-            });
-            if (this.rootModel.allowAnonymous) {
-                this.loaded = true;
-                this.loadAppMetadata();
-            }
-        };
-        SplashComponentV2Component.prototype.loadAppMetadata = function () {
-            var _this = this;
-            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            arr = [];
-                            _a = [];
-                            for (_b in this.environment.appMetadata.appSwitcher)
-                                _a.push(_b);
-                            _i = 0;
-                            _c.label = 1;
-                        case 1:
-                            if (!(_i < _a.length)) return [3 /*break*/, 5];
-                            ind = _a[_i];
-                            element = this.environment.appMetadata.appSwitcher[ind];
-                            clientId = this.environment.authenticationSettings.clientId;
-                            if (!(this.rootModel.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
-                            arr.push(element);
-                            return [3 /*break*/, 4];
-                        case 2:
-                            if (!this.currentUser) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
-                        case 3:
-                            isAuthorized = _c.sent();
-                            if (isAuthorized) {
-                                arr.push(element);
-                            }
-                            _c.label = 4;
-                        case 4:
-                            _i++;
-                            return [3 /*break*/, 1];
-                        case 5:
-                            resolve(arr);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            prmsAppSwicherItem.then(function (rs) {
-                _this.appSwitcherItems.length = 0;
-                if (rs) {
-                    rs.forEach(function (element) {
-                        if (element.visible) {
-                            if (!_this.currentUser) { // allow anonymous
-                                _this.appSwitcherItems.push(element);
-                            }
-                            else {
-                                if (_this.currentUser.maNguoiHoc && _this.currentUser.issuperuser.toLowerCase() != 'true') {
-                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
-                                        _this.appSwitcherItems.push(element);
-                                    }
-                                }
-                                else {
-                                    _this.appSwitcherItems.push(element);
-                                }
-                            }
-                        }
-                    });
-                }
-            });
-        };
-        SplashComponentV2Component.prototype.switchApp = function (item) {
-            this.loaded = false;
-            if (item.target == '_blank') {
-                if (!item.defaultRedirect) {
-                    item.defaultRedirect = '';
-                }
-                // NamNH tip trick cho mot so may bi loi item.url = 'main' -> redirect sai khi click vao cac phan he
-                if (item.url == item.defaultRedirect) {
-                    item.url = '/' + item.code.toLowerCase();
-                }
-                var link = item.url + "/" + item.defaultRedirect;
-                if (!link.startsWith('/') && !link.startsWith('http')) {
-                    link = '/' + link;
-                }
-                top.location.href = link;
-            }
-            else {
-                if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
-                    this._router.navigateByUrl(item.defaultRedirect);
-                    this.rootContext.data.currentAppMetadata = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == item.code; });
-                    if (this.rootContext.data.currentAppMetadata && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
-                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
-                    }
-                }
-            }
-        };
-        SplashComponentV2Component.prototype.logout = function () {
-            this._authenService.logout();
-        };
-        SplashComponentV2Component.prototype.goToPersonal = function () {
-            var userMenu = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
-            this.switchApp(userMenu);
-        };
-        SplashComponentV2Component.prototype.getCurrentUserAvatar = function () {
-            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
-                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
-            }
-            else {
-                return this.defaultAvatar;
-            }
-        };
-        SplashComponentV2Component.prototype.getNgayTrongTuan = function () {
-            return this.daysInWeek[this.currentDate.getDay()];
-        };
-        SplashComponentV2Component.prototype.showProfilePage = function () {
-            if (this._userService.isSinhVienAccount()) {
-                return false;
-            }
-            return true;
-        };
-        SplashComponentV2Component.prototype.ngOnDestroy = function () {
-            _super.prototype.ngOnDestroy.call(this);
-            this._globalService.setHeaderState(true);
-            this._globalService.setMenuState(true);
-        };
-        SplashComponentV2Component.prototype.login = function () {
-            this.rootContext.fireEvent('LOGIN');
-        };
-        return SplashComponentV2Component;
-    }(ComponentBase));
-    SplashComponentV2Component.decorators = [
-        { type: i0.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;display:inline-block;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:space-evenly;position:relative}.modules-v2 div>span>a,.modules-v2 div>span>a>span{color:#fff;text-align:center;text-decoration:unset;width:100%}.modules-v2 div>span>a>span{display:inline-block;line-height:1.2;padding:0 5px}.modules-v2 div>span>a>i{font-size:3.5em;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:40px 60px;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 .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 = function () { return [
-        { type: i0.Injector },
-        { type: ModuleConfigService },
-        { type: PermissionService },
-        { type: ngxDeviceDetector.DeviceDetectorService },
-        { type: UserService },
-        { type: i3.Router },
-        { type: AuthenService },
-        { type: GlobalService }
-    ]; };
-
     var SplashComponentV1Component = /** @class */ (function (_super) {
         __extends(SplashComponentV1Component, _super);
         function SplashComponentV1Component(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
@@ -41903,6 +42129,213 @@
         { type: GlobalService }
     ]; };
 
+    var SplashComponentV2Component = /** @class */ (function (_super) {
+        __extends(SplashComponentV2Component, _super);
+        function SplashComponentV2Component(injector, _moduleConfigService, _permissionService, _deviceDetectorService, _userService, _router, _authenService, _globalService) {
+            var _this = _super.call(this, injector) || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._permissionService = _permissionService;
+            _this._deviceDetectorService = _deviceDetectorService;
+            _this._userService = _userService;
+            _this._router = _router;
+            _this._authenService = _authenService;
+            _this._globalService = _globalService;
+            _this.defaultAvatar = '';
+            _this.appSwitcherItems = [];
+            _this.loaded = false;
+            _this.currentDate = new Date();
+            _this.showDefaultSetting = false;
+            _this.fileApi = '';
+            _this.isOnMobile = false;
+            _this.daysInWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
+            _this.rootContext.fireEvent('MAIN_CONTENT_ONLY', true);
+            _this.environment = _this._moduleConfigService.getConfig().environment;
+            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
+            _this.fileApi = _this.environment.apiDomain.fileEndpoint;
+            setInterval(function () {
+                _this.currentDate = new Date();
+            }, 1000);
+            if (_this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata && _this.rootContext.data.currentAppMetadata.showDefaultSetting != null && _this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined) {
+                _this.showDefaultSetting = _this.rootContext.data.currentAppMetadata.showDefaultSetting;
+            }
+            else {
+                if (_this.environment.appMetadata.main.showDefaultSetting != null && _this.environment.appMetadata.main.showDefaultSetting != undefined) {
+                    _this.showDefaultSetting = _this.environment.appMetadata.main.showDefaultSetting;
+                }
+                else {
+                    _this.showDefaultSetting = false;
+                }
+            }
+            // Config for authentication
+            _this._globalService.setHeaderState(false);
+            _this._globalService.setMenuState(false);
+            _this.underconstruction = _this.environment.underconstruction;
+            return _this;
+        }
+        SplashComponentV2Component.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this._deviceDetectorService.isMobile()) {
+                this.isOnMobile = true;
+            }
+            if (this.rootContext.data.currentUser) {
+                if (this.rootContext.data.currentUser.gender == 0) {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
+                }
+                else {
+                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
+                }
+            }
+            this.rootContext.replaySubscribe(ComCtxConstants.ROOT.USER_LOADED, function (rs) {
+                _this.currentUser = _this._userService.getCurrentUser();
+                _this.loadAppMetadata();
+                _this.loaded = true;
+            });
+            if (this.rootModel.allowAnonymous) {
+                this.loaded = true;
+                this.loadAppMetadata();
+            }
+        };
+        SplashComponentV2Component.prototype.loadAppMetadata = function () {
+            var _this = this;
+            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            arr = [];
+                            _a = [];
+                            for (_b in this.environment.appMetadata.appSwitcher)
+                                _a.push(_b);
+                            _i = 0;
+                            _c.label = 1;
+                        case 1:
+                            if (!(_i < _a.length)) return [3 /*break*/, 5];
+                            ind = _a[_i];
+                            element = this.environment.appMetadata.appSwitcher[ind];
+                            clientId = this.environment.authenticationSettings.clientId;
+                            if (!(this.rootModel.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
+                            arr.push(element);
+                            return [3 /*break*/, 4];
+                        case 2:
+                            if (!this.currentUser) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
+                        case 3:
+                            isAuthorized = _c.sent();
+                            if (isAuthorized) {
+                                arr.push(element);
+                            }
+                            _c.label = 4;
+                        case 4:
+                            _i++;
+                            return [3 /*break*/, 1];
+                        case 5:
+                            resolve(arr);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            prmsAppSwicherItem.then(function (rs) {
+                _this.appSwitcherItems.length = 0;
+                if (rs) {
+                    rs.forEach(function (element) {
+                        if (element.visible) {
+                            if (!_this.currentUser) { // allow anonymous
+                                _this.appSwitcherItems.push(element);
+                            }
+                            else {
+                                if (_this.currentUser.maNguoiHoc && _this.currentUser.issuperuser.toLowerCase() != 'true') {
+                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
+                                        _this.appSwitcherItems.push(element);
+                                    }
+                                }
+                                else {
+                                    _this.appSwitcherItems.push(element);
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        };
+        SplashComponentV2Component.prototype.switchApp = function (item) {
+            this.loaded = false;
+            if (item.target == '_blank') {
+                if (!item.defaultRedirect) {
+                    item.defaultRedirect = '';
+                }
+                // NamNH tip trick cho mot so may bi loi item.url = 'main' -> redirect sai khi click vao cac phan he
+                if (item.url == item.defaultRedirect) {
+                    item.url = '/' + item.code.toLowerCase();
+                }
+                var link = item.url + "/" + item.defaultRedirect;
+                if (!link.startsWith('/') && !link.startsWith('http')) {
+                    link = '/' + link;
+                }
+                top.location.href = link;
+            }
+            else {
+                if (item.defaultRedirect != '' && !this.rootContext.data.flags.menuTopOpenning) {
+                    this._router.navigateByUrl(item.defaultRedirect);
+                    this.rootContext.data.currentAppMetadata = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == item.code; });
+                    if (this.rootContext.data.currentAppMetadata && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
+                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
+                    }
+                }
+            }
+        };
+        SplashComponentV2Component.prototype.logout = function () {
+            this._authenService.logout();
+        };
+        SplashComponentV2Component.prototype.goToPersonal = function () {
+            var userMenu = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
+            this.switchApp(userMenu);
+        };
+        SplashComponentV2Component.prototype.getCurrentUserAvatar = function () {
+            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
+                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        SplashComponentV2Component.prototype.getNgayTrongTuan = function () {
+            return this.daysInWeek[this.currentDate.getDay()];
+        };
+        SplashComponentV2Component.prototype.showProfilePage = function () {
+            if (this._userService.isSinhVienAccount()) {
+                return false;
+            }
+            return true;
+        };
+        SplashComponentV2Component.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this._globalService.setHeaderState(true);
+            this._globalService.setMenuState(true);
+        };
+        SplashComponentV2Component.prototype.login = function () {
+            this.rootContext.fireEvent('LOGIN');
+        };
+        return SplashComponentV2Component;
+    }(ComponentBase));
+    SplashComponentV2Component.decorators = [
+        { type: i0.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;display:inline-block;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:space-evenly;position:relative}.modules-v2 div>span>a,.modules-v2 div>span>a>span{color:#fff;text-align:center;text-decoration:unset;width:100%}.modules-v2 div>span>a>span{display:inline-block;line-height:1.2;padding:0 5px}.modules-v2 div>span>a>i{font-size:3.5em;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:40px 60px;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 .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 = function () { return [
+        { type: i0.Injector },
+        { type: ModuleConfigService },
+        { type: PermissionService },
+        { type: ngxDeviceDetector.DeviceDetectorService },
+        { type: UserService },
+        { type: i3.Router },
+        { type: AuthenService },
+        { type: GlobalService }
+    ]; };
+
     var DynamicNodeComponent = /** @class */ (function (_super) {
         __extends(DynamicNodeComponent, _super);
         function DynamicNodeComponent(injector) {
@@ -42808,10 +43241,10 @@
                     this.data.data = {};
                 }
                 if (this.data.data.departmentRules == null) {
-                    this.data.data.departmentRules = [exports.EnumUserRule.NGUOI_NHAN];
+                    this.data.data.departmentRules = [];
                 }
                 if (this.data.data.departmentViewRules == null) {
-                    this.data.data.departmentViewRules = [exports.EnumUserRule.NGUOI_THEO_DOI];
+                    this.data.data.departmentViewRules = [exports.EnumUserRule.NGUOI_NHAN, exports.EnumUserRule.NGUOI_THEO_DOI];
                 }
             }
         };
@@ -42910,10 +43343,10 @@
                     this.data.data = {};
                 }
                 if (this.data.data.groupRules == null) {
-                    this.data.data.groupRules = [exports.EnumUserRule.NGUOI_NHAN];
+                    this.data.data.groupRules = [];
                 }
                 if (this.data.data.groupViewRules == null) {
-                    this.data.data.groupViewRules = [exports.EnumUserRule.NGUOI_THEO_DOI];
+                    this.data.data.groupViewRules = [exports.EnumUserRule.NGUOI_NHAN, exports.EnumUserRule.NGUOI_THEO_DOI];
                 }
             }
         };
@@ -45177,17 +45610,24 @@
             });
         };
         TnAppNotificationComponent.prototype.readById = function (data) {
-            var _this = this;
-            data.readedTime = new Date();
-            this._notificationService.markReadById(data.id).then(function (res) {
-                _this.rootContext.fireEvent(ComCtxConstants.NOTIFICATION.NOTIFICATION_RELOAD);
-            }).catch(function (err) { return _this._commonService.handleError(err, _this._injector); });
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            data.readedTime = new Date();
+                            return [4 /*yield*/, this._notificationService.markReadById(data.id).then(function (res) {
+                                    _this.rootContext.fireEvent(ComCtxConstants.NOTIFICATION.NOTIFICATION_RELOAD);
+                                }).catch(function (err) { return _this._commonService.handleError(err, _this._injector); })];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         TnAppNotificationComponent.prototype.isHasAvatar = function (item) {
-            if (item.avatarId) {
-                return true;
-            }
-            return false;
+            return !!item.avatarId;
         };
         TnAppNotificationComponent.prototype.isReaded = function (item) {
             return !!item.readedTime;
@@ -45196,30 +45636,42 @@
             return this.apiUploadUrl + "/public/" + item + "/Download";
         };
         TnAppNotificationComponent.prototype.goToLink = function (item) {
-            if (!this.isReaded(item)) {
-                this.readById(item);
-                this.totalUnRead--;
-            }
-            // Save current path to go back
-            localStorage.setItem('currentUrl', top.location.href);
-            localStorage.setItem('currentPathName', top.location.pathname);
-            if (item.messageLink) {
-                var link = item.messageLink;
-                // NamNH - Để top location href vì có thể click xem thông báo từ phân hệ khác, sau tối ưu nếu cùng phân hệ thì router navigate, còn khác phân hệ thì location href
-                top.location.href = link;
-                // if (this._router.isActive(link, false)) {
-                //     this.rootContext.fireEvent(ComCtxConstants.ROOT.NOTI_CLICK, link);
-                // } else {
-                //     if (this.rootModel.fragments) {
-                //         for (const item of this.rootModel.fragments) {
-                //             if (!item.closed) {
-                //                 item.unsubscribe();
-                //             }
-                //         }
-                //     }
-                //     this._router.navigateByUrl(link);
-                // }
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                var link;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.isReaded(item)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.readById(item)];
+                        case 1:
+                            _b.sent();
+                            this.totalUnRead--;
+                            _b.label = 2;
+                        case 2:
+                            // Save current path to go back
+                            localStorage.setItem('currentUrl', top.location.href);
+                            localStorage.setItem('currentPathName', top.location.pathname);
+                            if (item.messageLink) {
+                                link = item.messageLink;
+                                // NamNH - Để top location href vì có thể click xem thông báo từ phân hệ khác, sau tối ưu nếu cùng phân hệ thì router navigate, còn khác phân hệ thì location href
+                                top.location.href = link;
+                                // if (this._router.isActive(link, false)) {
+                                //     this.rootContext.fireEvent(ComCtxConstants.ROOT.NOTI_CLICK, link);
+                                // } else {
+                                //     if (this.rootModel.fragments) {
+                                //         for (const item of this.rootModel.fragments) {
+                                //             if (!item.closed) {
+                                //                 item.unsubscribe();
+                                //             }
+                                //         }
+                                //     }
+                                //     this._router.navigateByUrl(link);
+                                // }
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         TnAppNotificationComponent.prototype.headerClick = function (event) {
             event.preventDefault();
@@ -45230,7 +45682,9 @@
             this.bounceNoti = false;
         };
         TnAppNotificationComponent.prototype.handleClicked = function () {
-            this._router.navigate(["user/managemant-notification"]);
+            var _a;
+            var thongBaoDomain = (_a = this.environment.clientDomain.thongbaoDomain) !== null && _a !== void 0 ? _a : '';
+            window.open(thongBaoDomain);
         };
         return TnAppNotificationComponent;
     }(ComponentBase));
@@ -48351,7 +48805,8 @@
                 ruleInWorkflows: [],
                 departmentIds: (_a = this.action.data.departmentIds) !== null && _a !== void 0 ? _a : [],
                 groupIds: (_b = this.action.data.groupIds) !== null && _b !== void 0 ? _b : [],
-                roleIds: (_c = this.action.data.roleIds) !== null && _c !== void 0 ? _c : []
+                roleIds: (_c = this.action.data.roleIds) !== null && _c !== void 0 ? _c : [],
+                type: exports.EnumProcessWorkflowType.EDIT
             };
             this.dataOnlyView = {
                 rules: [],
@@ -48359,7 +48814,8 @@
                 ruleInWorkflows: [],
                 departmentIds: (_d = this.action.data.departmentViewIds) !== null && _d !== void 0 ? _d : [],
                 groupIds: (_e = this.action.data.groupViewIds) !== null && _e !== void 0 ? _e : [],
-                roleIds: (_f = this.action.data.roleViewIds) !== null && _f !== void 0 ? _f : []
+                roleIds: (_f = this.action.data.roleViewIds) !== null && _f !== void 0 ? _f : [],
+                type: exports.EnumProcessWorkflowType.VIEW
             };
             this.addDistinct(this.dataAllowEdit.userIds, this.initValueForTargetForm.lstUserId);
             this.addDistinct(this.dataAllowEdit.departmentIds, this.initValueForTargetForm.lstDonViId);
@@ -48512,11 +48968,16 @@
             if (!this.data.roleIds)
                 this.data.roleIds = [];
             this.setting.baseService = this._stateMachinesService;
+            // set text label
+            var txtLabel = 'nhận xử lý';
+            if (this.data.type === exports.EnumProcessWorkflowType.VIEW) {
+                txtLabel = 'theo dõi';
+            }
             this.setting.schema = [
-                this._createUserPickerControl('userIds', 'Người nhận xử lý'),
+                this._createUserPickerControl('userIds', "Ng\u01B0\u1EDDi " + txtLabel),
                 // this.createUserPickerControl('idCapTrenGanNhats', 'Cán bộ cấp trên gần nhất'),
-                this._createCoCauToChucControl('departmentIds', 'Đơn vị'),
-                this._createUserGroupPickerControl('groupIds', 'Nhóm người dùng'),
+                this._createCoCauToChucControl('departmentIds', "\u0110\u01A1n v\u1ECB " + txtLabel),
+                this._createUserGroupPickerControl('groupIds', "Nh\u00F3m ng\u01B0\u1EDDi " + txtLabel),
             ];
         };
         ProcessWorkflowTargetComponent.prototype._createUserPickerControl = function (field, label, multiple) {
@@ -49677,196 +50138,496 @@
         workflowSetting: [{ type: i0.Input }]
     };
 
-    var WorkflowPickerComponent = /** @class */ (function (_super) {
-        __extends(WorkflowPickerComponent, _super);
-        function WorkflowPickerComponent(_injector, _workflowSettingsService, _stateMachinesService) {
+    var WorkflowPermissionFormComponent = /** @class */ (function (_super) {
+        __extends(WorkflowPermissionFormComponent, _super);
+        function WorkflowPermissionFormComponent(_injector, _workflowPermissionService, _workflowPermissionDetailService, _userGroupService) {
             var _this = _super.call(this, _injector) || this;
             _this._injector = _injector;
-            _this._workflowSettingsService = _workflowSettingsService;
-            _this._stateMachinesService = _stateMachinesService;
-            _this.showButtonSave = false;
-            _this.onSaved = new i0.EventEmitter();
-            _this.onCancel = new i0.EventEmitter();
-            _this.onSaveSetting = new i0.EventEmitter();
-            _this.dicMachinesData = {};
-            _this.readyCrudForm = false;
-            _this.autoGetDetail = false;
-            _this.autoSave = false;
+            _this._workflowPermissionService = _workflowPermissionService;
+            _this._workflowPermissionDetailService = _workflowPermissionDetailService;
+            _this._userGroupService = _userGroupService;
             return _this;
         }
-        WorkflowPickerComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.setting.baseService = this._workflowSettingsService;
+        WorkflowPermissionFormComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.setting.baseService = this._workflowPermissionService;
+            this._workflowPermissionService.changeEndpoint(this.businessSetting.baseService);
+            var dataSourcePermission = DataSourcePermissionBase.map(function (q) { return (Object.assign(Object.assign({}, q), { disabled: true })); });
             this.setting.schema = [
-                new DropdownControlSchema({
-                    field: '_workflowCodes',
-                    label: 'Danh sách quy trình',
-                    multiple: true,
-                    baseService: this._stateMachinesService,
-                    valueField: 'code',
-                    displayField: 'title',
-                    onChanged: function (evt) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, this.handleChangeWorkflow(evt)];
-                            case 1: return [2 /*return*/, _a.sent()];
-                        }
-                    }); }); },
-                    onAdjustedValue: function (evt) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, this.handleChangeWorkflow(evt)];
-                            case 1: return [2 /*return*/, _a.sent()];
-                        }
-                    }); }); },
-                    required: true
-                    // onReady: async (evt: EventData) => await this.handleChangeWorkflow(evt)
-                }),
-                new DropdownControlSchema({
-                    field: 'workflowCode',
-                    label: 'Quy trình mặc định',
-                    valueField: 'code',
-                    displayField: 'title',
-                    onChanged: function (evt) { return _this.handleChangeWorkflowDefault(evt); }
-                }),
-                new CustomControlSchema({
-                    field: 'designer',
-                    label: this._translateService.instant('Sơ đồ trạng thái'),
-                    mdWidth: 12
+                this._createUserPickerControl('userIds', 'Người dùng'),
+                this._createCoCauToChucControl('donViIds', 'Đơn vị'),
+                this._createUserGroupPickerControl('groupIds', 'Nhóm người dùng'),
+                new CheckBoxListControlSchema({
+                    field: 'lstPermission',
+                    label: 'Quyền khả dụng',
+                    dataSource: dataSourcePermission
                 })
             ];
-            this.model.data = this.data;
-            this.afterGetSetting();
-            _super.prototype.ngOnInit.call(this);
         };
-        WorkflowPickerComponent.prototype.onFormInitialized = function (evt) {
+        WorkflowPermissionFormComponent.prototype._createUserPickerControl = function (field, label, multiple) {
+            if (multiple === void 0) { multiple = true; }
+            var control = createUserPickerControl(field, label);
+            control.multiple = multiple;
+            return control;
+        };
+        WorkflowPermissionFormComponent.prototype._createCoCauToChucControl = function (field, label) {
+            return createOrgPickerControl(field, label);
+        };
+        WorkflowPermissionFormComponent.prototype._createUserGroupPickerControl = function (field, label) {
+            return createUserGroupPickerControl(this._userGroupService, field, label);
+        };
+        WorkflowPermissionFormComponent.prototype.onFormInitialized = function (constrols) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    return [2 /*return*/];
+                    switch (_a.label) {
+                        case 0: 
+                        // tiền xử lý dữ liệu (ví dụ tổng hợp datasource), trước khi gọi api get detail
+                        return [4 /*yield*/, this.getItemPermissionCurrent()];
+                        case 1:
+                            // tiền xử lý dữ liệu (ví dụ tổng hợp datasource), trước khi gọi api get detail
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
-        WorkflowPickerComponent.prototype.afterGetSetting = function () {
-            var _this = this;
-            if (!this.model.data) {
-                this.model.data = {};
-                this.model.formState = exports.FormState.ADD;
-            }
-            else {
-                if (this.model.data.workflowCodes) {
-                    this.model.data._workflowCodes = this.model.data.workflowCodes.split(',');
-                    this.model.data._workflowCodes.forEach(function (wfCode) {
-                        _this.dicMachinesData[wfCode] = {
-                            machines: [],
-                            connections: []
-                        };
-                    });
-                }
-                this.model.formState = exports.FormState.EDIT;
-            }
-            this.readyCrudForm = true;
-        };
-        WorkflowPickerComponent.prototype.handleChangeWorkflow = function (evt) {
+        WorkflowPermissionFormComponent.prototype.getItemPermissionCurrent = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var dataSourceSelected_1, index, codeDeleted, dataMachines;
-                var _this = this;
+                var itemPermission;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            if (!(this.model.data._workflowCodes && this.model.data._workflowCodes.length)) return [3 /*break*/, 2];
-                            dataSourceSelected_1 = evt.formControls['_workflowCodes']._component.dataSourceInternal
-                                .filter(function (q) { return _this.model.data._workflowCodes.some(function (x) { return x == q.value.code; }); })
-                                .map(function (q) { return q.value; });
-                            evt.formControls['workflowCode'].dataSource = dataSourceSelected_1;
-                            if (!evt.rootModel.workflowCode || !dataSourceSelected_1.some(function (x) { return x.code == evt.rootModel.workflowCode; })) {
-                                evt.rootModel.workflowCode = this.model.data._workflowCodes[0];
-                            }
-                            else {
-                                index = this.model.data._workflowCodes.findIndex(function (q) { return q == evt.rootModel.workflowCode; });
-                                if (index > 0) {
-                                    codeDeleted = this.model.data._workflowCodes.splice(index, 1);
-                                    this.model.data._workflowCodes.unshift(codeDeleted);
-                                    evt.rootModel._workflowCodes = this.model.data._workflowCodes;
-                                }
-                            }
-                            this.model.data._workflowCodes.forEach(function (wfCode) {
-                                _this.dicMachinesData[wfCode] = {
-                                    ten: dataSourceSelected_1.find(function (q) { return q.code == wfCode; }).title,
-                                    machines: [],
-                                    connections: []
-                                };
-                            });
-                            return [4 /*yield*/, this._stateMachinesService.getAll([
-                                    this.newFilter('code', exports.Operator.in, this.model.data._workflowCodes)
-                                ])];
+                        case 0: return [4 /*yield*/, this._workflowPermissionDetailService.changeEndpoint(this.businessSetting.baseService)
+                                .getDetailByFilter([
+                                this.newFilter('itemId', exports.Operator.equal, this.itemId),
+                                this.newFilter('userId', exports.Operator.equal, this._userService.getId())
+                            ])];
                         case 1:
-                            dataMachines = (_a.sent()).data;
-                            dataMachines.forEach(function (data) {
-                                _this.dicMachinesData[data.code].machines = [];
-                                _this.dicMachinesData[data.code].connections = [];
-                                if (data.data) {
-                                    _this.dicMachinesData[data.code] = Object.assign(Object.assign({}, JSON.parse(data.data)), { ten: data.title });
-                                }
-                            });
-                            return [3 /*break*/, 3];
-                        case 2:
-                            evt.formControls['workflowCode'].dataSource = [];
-                            evt.rootModel.workflowCode = null;
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
+                            itemPermission = (_a.sent()).data;
+                            if (itemPermission) {
+                                this.formControls['lstPermission'].dataSource.forEach(function (item) {
+                                    if ((itemPermission.permission & item.id) == item.id) {
+                                        item.disabled = false;
+                                    }
+                                });
+                            }
+                            return [2 /*return*/];
                     }
                 });
             });
         };
-        WorkflowPickerComponent.prototype.handleChangeWorkflowDefault = function (evt) {
-            var _this = this;
-            if (!evt.rootModel.workflowCode)
-                return;
-            if (this.model.data._workflowCodes && this.model.data._workflowCodes.length) {
-                var index = this.model.data._workflowCodes.findIndex(function (q) { return q == _this.model.data.workflowCode; });
-                if (index > 0) {
-                    var codeDeleteds = this.model.data._workflowCodes.splice(index, 1);
-                    this.model.data._workflowCodes.unshift(codeDeleteds[0]);
-                    var itemDeleteds = evt.rootModel._workflowCodes.splice(index, 1);
-                    evt.rootModel._workflowCodes.unshift(itemDeleteds[0]);
-                }
-            }
-        };
-        WorkflowPickerComponent.prototype.handleCancelWorkflow = function (event) {
-            var _this = this;
-            this._notifierService.showConfirm('Bạn có chắc chắn muốn hủy bỏ quy trình nghiệp vụ')
-                .then(function (res) {
-                if (!res)
-                    return;
-                _this._workflowSettingsService.delete(_this.model.data.id)
-                    .then(function (res) { return _this.handleResponse(res, 'Hủy bỏ quy trình nghiệp vụ thành công', function (f) {
-                    _this.onSaved.emit();
-                }); });
+        WorkflowPermissionFormComponent.prototype.modifyDetailData = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    // xử lý dữ liệu lấy từ get detail về
+                    if (data.userIds) {
+                        data.userIds = data.userIds.split(',');
+                    }
+                    if (data.donViIds) {
+                        data.donViIds = data.donViIds.split(',');
+                    }
+                    if (data.groupIds) {
+                        data.groupIds = data.groupIds.split(',');
+                    }
+                    data.lstPermission = [];
+                    if (data.permission) {
+                        if ((data.permission & exports.PermissionBase.READ)) {
+                            data.lstPermission.push(exports.PermissionBase.READ);
+                        }
+                        if ((data.permission & exports.PermissionBase.EDIT)) {
+                            data.lstPermission.push(exports.PermissionBase.EDIT);
+                        }
+                        if ((data.permission & exports.PermissionBase.DELETE)) {
+                            data.lstPermission.push(exports.PermissionBase.DELETE);
+                        }
+                    }
+                    return [2 /*return*/];
+                });
             });
         };
-        WorkflowPickerComponent.prototype.onBeforeSave = function () {
-            this.model.data.workflowCodes = this.model.data._workflowCodes.toString();
-        };
-        WorkflowPickerComponent.prototype.handleManualSave = function () {
-            this.model.submitting = false;
-            this.onSaveSetting.emit(this.model.data);
+        WorkflowPermissionFormComponent.prototype.validateForm = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var itemMissings;
+                return __generator(this, function (_a) {
+                    itemMissings = [];
+                    if (!this.isNotNullArray(this.model.data.userIds)
+                        && !this.isNotNullArray(this.model.data.donViIds)
+                        && !this.isNotNullArray(this.model.data.groupIds)) {
+                        itemMissings.push('người muốn phân quyền');
+                    }
+                    if (!this.isNotNullArray(this.model.data.lstPermission)) {
+                        itemMissings.push('quyền muốn phân');
+                    }
+                    if (itemMissings.length) {
+                        this._notifierService.showWarning("B\u1EA1n ph\u1EA3i nh\u1EADp " + itemMissings.join(', '));
+                        return [2 /*return*/, false];
+                    }
+                    return [2 /*return*/, true];
+                });
+            });
         };
-        return WorkflowPickerComponent;
-    }(DataFormBase));
-    WorkflowPickerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    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            <div class=\"state-machines-container\">\r\n                <statemachines-designer #designer [data]=\"dicMachinesData[wfCode]\" [viewOnly]=\"true\">\r\n                </statemachines-designer>\r\n            </div>\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}.state-machines-container{border:1px solid #ced4da;border-radius:3px}.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 = function () { return [
-        { type: i0.Injector },
-        { type: WorkflowSettingsService },
-        { type: StateMachinesService }
-    ]; };
-    WorkflowPickerComponent.propDecorators = {
-        parentSetting: [{ type: i0.Input }],
-        data: [{ type: i0.Input }],
+        WorkflowPermissionFormComponent.prototype.onBeforeSave = function () {
+            this.model.data.tableName = this.businessSetting.baseService.entityName;
+            this.model.data.workflowCode = DummyWorkflowCode;
+            this.model.data.itemId = this.itemId;
+            if (this.model.data.userIds) {
+                this.model.data.userIds = this.model.data.userIds.toString();
+            }
+            if (this.model.data.donViIds) {
+                this.model.data.donViIds = this.model.data.donViIds.toString();
+            }
+            if (this.model.data.groupIds) {
+                this.model.data.groupIds = this.model.data.groupIds.toString();
+            }
+            if (this.model.data.lstPermission) {
+                var permission = 0;
+                if (this.model.data.lstPermission & exports.PermissionBase.READ) {
+                    permission = permission | exports.PermissionBase.READ;
+                }
+                if (this.model.data.lstPermission & exports.PermissionBase.EDIT) {
+                    permission = permission | exports.PermissionBase.EDIT;
+                }
+                if (this.model.data.lstPermission & exports.PermissionBase.DELETE) {
+                    permission = permission | exports.PermissionBase.DELETE;
+                }
+                this.model.data.permission = permission;
+            }
+        };
+        WorkflowPermissionFormComponent.prototype.getPromiseActionInsert = function () {
+            return this._workflowPermissionService.insertPermission(this.model.data);
+        };
+        WorkflowPermissionFormComponent.prototype.getPromiseActionUpdate = function () {
+            return this._workflowPermissionService.updatePermission(this.model.data);
+        };
+        return WorkflowPermissionFormComponent;
+    }(DataFormBase));
+    WorkflowPermissionFormComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'workflow-permission-form',
+                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n     (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($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</ng-template>\r\n",
+                    providers: [ComponentContextService],
+                    styles: [""]
+                },] }
+    ];
+    WorkflowPermissionFormComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: WorkflowPermissionService },
+        { type: WorkflowPermissionDetailService },
+        { type: UserGroupRealService }
+    ]; };
+    WorkflowPermissionFormComponent.propDecorators = {
+        businessSetting: [{ type: i0.Input }],
+        itemId: [{ type: i0.Input }]
+    };
+
+    var WorkflowPermissionComponent = /** @class */ (function (_super) {
+        __extends(WorkflowPermissionComponent, _super);
+        function WorkflowPermissionComponent(_injector, _workflowPermissionService, _coCauToChucService, _userGroupService) {
+            var _this = _super.call(this, _injector) || this;
+            _this._injector = _injector;
+            _this._workflowPermissionService = _workflowPermissionService;
+            _this._coCauToChucService = _coCauToChucService;
+            _this._userGroupService = _userGroupService;
+            _this.searchSchema = {};
+            _this.searchData = {};
+            return _this;
+        }
+        WorkflowPermissionComponent.prototype.ngOnInit = function () {
+            this.setting.baseService = this._workflowPermissionService;
+            this._workflowPermissionService.changeEndpoint(this.businessSetting.baseService);
+            this.setting.title = '';
+            this.setting.disableShare = true;
+            this.setting.hiddenSettingPermission = true;
+            this.setting.hiddenSettingWorkflow = true;
+            this.setting.hiddenSettingWorkflowNew = true;
+            this.setting.modelSchemas = [
+                new ModelSchema({ field: 'userIds', name: 'Người dùng', fullName: 'Người dùng', description: 'Người dùng' }),
+                new ModelSchema({ field: 'donViIds', name: 'Đơn vị', fullName: 'Đơn vị', description: 'Đơn vị' }),
+                new ModelSchema({ field: 'groupIds', name: 'Nhóm người dùng', fullName: 'Nhóm người dùng', description: 'Nhóm người dùng' }),
+                new ModelSchema({ field: 'permission', dataType: 'boolean', name: 'Sử dụng', fullName: 'Sử dụng', description: 'Sử dụng' })
+            ];
+            this.setting.cols = [
+                new ColumnSchemaBase({
+                    field: 'userIds',
+                    baseService: this._userService,
+                    displayField: 'fullNameNew',
+                    fieldPlus: 'userName',
+                    multiple: true
+                }),
+                new ColumnSchemaBase({
+                    field: 'donViIds',
+                    baseService: this._coCauToChucService,
+                    multiple: true,
+                }),
+                new ColumnSchemaBase({
+                    field: 'groupIds',
+                    baseService: this._userGroupService,
+                    displayField: 'name',
+                    multiple: true,
+                }),
+                new ColumnSchemaBase({
+                    field: 'permissions',
+                    label: 'Quyền hiện tại'
+                })
+            ];
+            this.setting.objectName = ' quyền bản ghi';
+            _super.prototype.ngOnInit.call(this);
+        };
+        WorkflowPermissionComponent.prototype.modifyGridInfo = function (gridInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    gridInfo.filters.push(this.newFilter('itemId', exports.Operator.equal, this.item.id), this.newFilterContainer('or', this.newFilterContainer('and', this.newFilter('userIds', exports.Operator.isNotNull, '1'), this.newFilter('userIds', exports.Operator.notEqual, '')), this.newFilterContainer('and', this.newFilter('donViIds', exports.Operator.isNotNull, '1'), this.newFilter('donViIds', exports.Operator.notEqual, '')), this.newFilterContainer('and', this.newFilter('groupIds', exports.Operator.isNotNull, '1'), this.newFilter('groupIds', exports.Operator.notEqual, ''))));
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WorkflowPermissionComponent.prototype.beforeRenderDataSource = function (dataSource) {
+            return __awaiter(this, void 0, void 0, function () {
+                var userId;
+                return __generator(this, function (_a) {
+                    userId = this._userService.getId();
+                    dataSource.forEach(function (item) {
+                        item.__disableEdit = item.type != exports.EnumPermissionType.SHARE || item.userIdCreated != userId;
+                        item.__disableDelete = item.type != exports.EnumPermissionType.SHARE || item.userIdCreated != userId;
+                        if (!item.permission)
+                            return;
+                        var strPermission = '';
+                        if ((item.permission & exports.PermissionBase.READ) == exports.PermissionBase.READ)
+                            strPermission += 'xem, ';
+                        if ((item.permission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT)
+                            strPermission += 'sửa, ';
+                        if ((item.permission & exports.PermissionBase.DELETE) == exports.PermissionBase.DELETE)
+                            strPermission += 'xóa, ';
+                        if (strPermission.length) {
+                            strPermission = strPermission.charAt(0).toUpperCase() + strPermission.substring(1, strPermission.length - 2);
+                        }
+                        item.permissions = strPermission;
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WorkflowPermissionComponent.prototype.handleDelete = function (rowData) {
+            var _this = this;
+            this._notifierService.showConfirm('Bạn có chắc chắn muốn xóa phân quyền')
+                .then(function (res) {
+                if (!res)
+                    return;
+                _this._workflowPermissionService.deletePermission(rowData.id)
+                    .then(function (res) { return _this.handleResponse(res, '', function (f) {
+                    _this._triggerProcessData();
+                }); });
+            });
+        };
+        return WorkflowPermissionComponent;
+    }(DataListBase));
+    WorkflowPermissionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'workflow-permission',
+                    template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    (onCopyLink)=\"_copyLink($event)\" (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\"\r\n    (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"handleDelete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'workflow-permission-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <workflow-permission-form #formBase [itemId]=\"item.id\" [businessSetting]=\"businessSetting\" [parentModel]=\"model\"\r\n        [parentContext]=\"context\" [model]=\"formModel\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\">\r\n    </workflow-permission-form>\r\n</tn-dialog>",
+                    styles: [""]
+                },] }
+    ];
+    WorkflowPermissionComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: WorkflowPermissionService },
+        { type: CoCauToChucService },
+        { type: UserGroupRealService }
+    ]; };
+    WorkflowPermissionComponent.propDecorators = {
+        businessSetting: [{ type: i0.Input }],
+        item: [{ type: i0.Input }]
+    };
+
+    var WorkflowPickerComponent = /** @class */ (function (_super) {
+        __extends(WorkflowPickerComponent, _super);
+        function WorkflowPickerComponent(_injector, _workflowSettingsService, _stateMachinesService) {
+            var _this = _super.call(this, _injector) || this;
+            _this._injector = _injector;
+            _this._workflowSettingsService = _workflowSettingsService;
+            _this._stateMachinesService = _stateMachinesService;
+            _this.showButtonSave = false;
+            _this.onSaved = new i0.EventEmitter();
+            _this.onCancel = new i0.EventEmitter();
+            _this.onSaveSetting = new i0.EventEmitter();
+            _this.dicMachinesData = {};
+            _this.readyCrudForm = false;
+            _this.autoGetDetail = false;
+            _this.autoSave = false;
+            return _this;
+        }
+        WorkflowPickerComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.setting.baseService = this._workflowSettingsService;
+            this.setting.schema = [
+                new DropdownControlSchema({
+                    field: '_workflowCodes',
+                    label: 'Danh sách quy trình',
+                    multiple: true,
+                    baseService: this._stateMachinesService,
+                    valueField: 'code',
+                    displayField: 'title',
+                    onChanged: function (evt) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, this.handleChangeWorkflow(evt)];
+                            case 1: return [2 /*return*/, _a.sent()];
+                        }
+                    }); }); },
+                    onAdjustedValue: function (evt) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, this.handleChangeWorkflow(evt)];
+                            case 1: return [2 /*return*/, _a.sent()];
+                        }
+                    }); }); },
+                    required: true
+                    // onReady: async (evt: EventData) => await this.handleChangeWorkflow(evt)
+                }),
+                new DropdownControlSchema({
+                    field: 'workflowCode',
+                    label: 'Quy trình mặc định',
+                    valueField: 'code',
+                    displayField: 'title',
+                    onChanged: function (evt) { return _this.handleChangeWorkflowDefault(evt); }
+                }),
+                new CustomControlSchema({
+                    field: 'designer',
+                    label: this._translateService.instant('Sơ đồ trạng thái'),
+                    mdWidth: 12
+                })
+            ];
+            this.model.data = this.data;
+            this.afterGetSetting();
+            _super.prototype.ngOnInit.call(this);
+        };
+        WorkflowPickerComponent.prototype.onFormInitialized = function (evt) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WorkflowPickerComponent.prototype.afterGetSetting = function () {
+            var _this = this;
+            if (!this.model.data) {
+                this.model.data = {};
+                this.model.formState = exports.FormState.ADD;
+            }
+            else {
+                if (this.model.data.workflowCodes) {
+                    this.model.data._workflowCodes = this.model.data.workflowCodes.split(',');
+                    this.model.data._workflowCodes.forEach(function (wfCode) {
+                        _this.dicMachinesData[wfCode] = {
+                            machines: [],
+                            connections: []
+                        };
+                    });
+                }
+                this.model.formState = exports.FormState.EDIT;
+            }
+            this.readyCrudForm = true;
+        };
+        WorkflowPickerComponent.prototype.handleChangeWorkflow = function (evt) {
+            return __awaiter(this, void 0, void 0, function () {
+                var dataSourceSelected_1, index, codeDeleted, dataMachines;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.model.data._workflowCodes && this.model.data._workflowCodes.length)) return [3 /*break*/, 2];
+                            dataSourceSelected_1 = evt.formControls['_workflowCodes']._component.dataSourceInternal
+                                .filter(function (q) { return _this.model.data._workflowCodes.some(function (x) { return x == q.value.code; }); })
+                                .map(function (q) { return q.value; });
+                            evt.formControls['workflowCode'].dataSource = dataSourceSelected_1;
+                            if (!evt.rootModel.workflowCode || !dataSourceSelected_1.some(function (x) { return x.code == evt.rootModel.workflowCode; })) {
+                                evt.rootModel.workflowCode = this.model.data._workflowCodes[0];
+                            }
+                            else {
+                                index = this.model.data._workflowCodes.findIndex(function (q) { return q == evt.rootModel.workflowCode; });
+                                if (index > 0) {
+                                    codeDeleted = this.model.data._workflowCodes.splice(index, 1);
+                                    this.model.data._workflowCodes.unshift(codeDeleted);
+                                    evt.rootModel._workflowCodes = this.model.data._workflowCodes;
+                                }
+                            }
+                            this.model.data._workflowCodes.forEach(function (wfCode) {
+                                _this.dicMachinesData[wfCode] = {
+                                    ten: dataSourceSelected_1.find(function (q) { return q.code == wfCode; }).title,
+                                    machines: [],
+                                    connections: []
+                                };
+                            });
+                            return [4 /*yield*/, this._stateMachinesService.getAll([
+                                    this.newFilter('code', exports.Operator.in, this.model.data._workflowCodes)
+                                ])];
+                        case 1:
+                            dataMachines = (_a.sent()).data;
+                            dataMachines.forEach(function (data) {
+                                _this.dicMachinesData[data.code].machines = [];
+                                _this.dicMachinesData[data.code].connections = [];
+                                if (data.data) {
+                                    _this.dicMachinesData[data.code] = Object.assign(Object.assign({}, JSON.parse(data.data)), { ten: data.title });
+                                }
+                            });
+                            return [3 /*break*/, 3];
+                        case 2:
+                            evt.formControls['workflowCode'].dataSource = [];
+                            evt.rootModel.workflowCode = null;
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        WorkflowPickerComponent.prototype.handleChangeWorkflowDefault = function (evt) {
+            var _this = this;
+            if (!evt.rootModel.workflowCode)
+                return;
+            if (this.model.data._workflowCodes && this.model.data._workflowCodes.length) {
+                var index = this.model.data._workflowCodes.findIndex(function (q) { return q == _this.model.data.workflowCode; });
+                if (index > 0) {
+                    var codeDeleteds = this.model.data._workflowCodes.splice(index, 1);
+                    this.model.data._workflowCodes.unshift(codeDeleteds[0]);
+                    var itemDeleteds = evt.rootModel._workflowCodes.splice(index, 1);
+                    evt.rootModel._workflowCodes.unshift(itemDeleteds[0]);
+                }
+            }
+        };
+        WorkflowPickerComponent.prototype.handleCancelWorkflow = function (event) {
+            var _this = this;
+            this._notifierService.showConfirm('Bạn có chắc chắn muốn hủy bỏ quy trình nghiệp vụ')
+                .then(function (res) {
+                if (!res)
+                    return;
+                _this._workflowSettingsService.delete(_this.model.data.id)
+                    .then(function (res) { return _this.handleResponse(res, 'Hủy bỏ quy trình nghiệp vụ thành công', function (f) {
+                    _this.onSaved.emit();
+                }); });
+            });
+        };
+        WorkflowPickerComponent.prototype.onBeforeSave = function () {
+            this.model.data.workflowCodes = this.model.data._workflowCodes.toString();
+        };
+        WorkflowPickerComponent.prototype.handleManualSave = function () {
+            this.model.submitting = false;
+            this.onSaveSetting.emit(this.model.data);
+        };
+        return WorkflowPickerComponent;
+    }(DataFormBase));
+    WorkflowPickerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    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            <div class=\"state-machines-container\">\r\n                <statemachines-designer #designer [data]=\"dicMachinesData[wfCode]\" [viewOnly]=\"true\">\r\n                </statemachines-designer>\r\n            </div>\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}.state-machines-container{border:1px solid #ced4da;border-radius:3px}.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 = function () { return [
+        { type: i0.Injector },
+        { type: WorkflowSettingsService },
+        { type: StateMachinesService }
+    ]; };
+    WorkflowPickerComponent.propDecorators = {
+        parentSetting: [{ type: i0.Input }],
+        data: [{ type: i0.Input }],
         showButtonSave: [{ type: i0.Input }],
         onSaved: [{ type: i0.Output }],
         onCancel: [{ type: i0.Output }],
@@ -52118,7 +52879,7 @@
             this.setting.cols = [
                 new ColumnSchemaBase({
                     field: 'code',
-                    width: '120px',
+                    width: '150px',
                     sort: false
                 }),
                 new ColumnSchemaBase({
@@ -52132,6 +52893,9 @@
             this.setting.objectName = ' loại công việc';
             _super.prototype.ngOnInit.call(this);
         };
+        BaseDmLoaiCongViecComponent.prototype.getPromiseGetData = function (gridInfo) {
+            return this._dmLoaiCongViecService.baseGetTreeData(gridInfo);
+        };
         BaseDmLoaiCongViecComponent.prototype.modifyGridInfo = function (gridInfo) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -52143,7 +52907,7 @@
         };
         BaseDmLoaiCongViecComponent.prototype.beforeRenderDataSource = function (dataSource) {
             return __awaiter(this, void 0, void 0, function () {
-                var lstParent, itemParentBefore, itemLastChild, dicParentChild;
+                var lstParent, itemParentBefore, itemLastChild, dicParentChild, i;
                 var _this = this;
                 return __generator(this, function (_a) {
                     lstParent = [];
@@ -52214,7 +52978,9 @@
                         lstParent.forEach(function (itemParent) {
                             itemParent.isLast = true;
                         });
-                        this.setIsLastParentForChild(dicParentChild, lstParent[lstParent.length - 1], dataSource);
+                        for (i = lstParent.length - 1; i >= 0; i--) {
+                            this.setIsLastParentForChild(dicParentChild, lstParent[i], dataSource);
+                        }
                     }
                     if (itemLastChild != null) {
                         itemLastChild.isLast = true;
@@ -53898,732 +54664,6 @@
         { type: UserService }
     ]; };
 
-    var WorkflowPermissionComponent = /** @class */ (function (_super) {
-        __extends(WorkflowPermissionComponent, _super);
-        function WorkflowPermissionComponent(_injector, _workflowPermissionService, _coCauToChucService, _userGroupService) {
-            var _this = _super.call(this, _injector) || this;
-            _this._injector = _injector;
-            _this._workflowPermissionService = _workflowPermissionService;
-            _this._coCauToChucService = _coCauToChucService;
-            _this._userGroupService = _userGroupService;
-            _this.searchSchema = {};
-            _this.searchData = {};
-            return _this;
-        }
-        WorkflowPermissionComponent.prototype.ngOnInit = function () {
-            this.setting.baseService = this._workflowPermissionService;
-            this._workflowPermissionService.changeEndpoint(this.businessSetting.baseService);
-            this.setting.title = '';
-            this.setting.disableShare = true;
-            this.setting.hiddenSettingPermission = true;
-            this.setting.hiddenSettingWorkflow = true;
-            this.setting.hiddenSettingWorkflowNew = true;
-            this.setting.modelSchemas = [
-                new ModelSchema({ field: 'userIds', name: 'Người dùng', fullName: 'Người dùng', description: 'Người dùng' }),
-                new ModelSchema({ field: 'donViIds', name: 'Đơn vị', fullName: 'Đơn vị', description: 'Đơn vị' }),
-                new ModelSchema({ field: 'groupIds', name: 'Nhóm người dùng', fullName: 'Nhóm người dùng', description: 'Nhóm người dùng' }),
-                new ModelSchema({ field: 'permission', dataType: 'boolean', name: 'Sử dụng', fullName: 'Sử dụng', description: 'Sử dụng' })
-            ];
-            this.setting.cols = [
-                new ColumnSchemaBase({
-                    field: 'userIds',
-                    baseService: this._userService,
-                    displayField: 'fullNameNew',
-                    fieldPlus: 'userName',
-                    multiple: true
-                }),
-                new ColumnSchemaBase({
-                    field: 'donViIds',
-                    baseService: this._coCauToChucService,
-                    multiple: true,
-                }),
-                new ColumnSchemaBase({
-                    field: 'groupIds',
-                    baseService: this._userGroupService,
-                    displayField: 'name',
-                    multiple: true,
-                }),
-                new ColumnSchemaBase({
-                    field: 'permissions',
-                    label: 'Quyền hiện tại'
-                })
-            ];
-            this.setting.objectName = ' quyền bản ghi';
-            _super.prototype.ngOnInit.call(this);
-        };
-        WorkflowPermissionComponent.prototype.modifyGridInfo = function (gridInfo) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    gridInfo.filters.push(this.newFilter('itemId', exports.Operator.equal, this.item.id), this.newFilterContainer('or', this.newFilterContainer('and', this.newFilter('userIds', exports.Operator.isNotNull, '1'), this.newFilter('userIds', exports.Operator.notEqual, '')), this.newFilterContainer('and', this.newFilter('donViIds', exports.Operator.isNotNull, '1'), this.newFilter('donViIds', exports.Operator.notEqual, '')), this.newFilterContainer('and', this.newFilter('groupIds', exports.Operator.isNotNull, '1'), this.newFilter('groupIds', exports.Operator.notEqual, ''))));
-                    return [2 /*return*/];
-                });
-            });
-        };
-        WorkflowPermissionComponent.prototype.beforeRenderDataSource = function (dataSource) {
-            return __awaiter(this, void 0, void 0, function () {
-                var userId;
-                return __generator(this, function (_a) {
-                    userId = this._userService.getId();
-                    dataSource.forEach(function (item) {
-                        item.__disableEdit = item.type != exports.EnumPermissionType.SHARE || item.userIdCreated != userId;
-                        item.__disableDelete = item.type != exports.EnumPermissionType.SHARE || item.userIdCreated != userId;
-                        if (!item.permission)
-                            return;
-                        var strPermission = '';
-                        if ((item.permission & exports.PermissionBase.READ) == exports.PermissionBase.READ)
-                            strPermission += 'xem, ';
-                        if ((item.permission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT)
-                            strPermission += 'sửa, ';
-                        if ((item.permission & exports.PermissionBase.DELETE) == exports.PermissionBase.DELETE)
-                            strPermission += 'xóa, ';
-                        if (strPermission.length) {
-                            strPermission = strPermission.charAt(0).toUpperCase() + strPermission.substring(1, strPermission.length - 2);
-                        }
-                        item.permissions = strPermission;
-                    });
-                    return [2 /*return*/];
-                });
-            });
-        };
-        WorkflowPermissionComponent.prototype.handleDelete = function (rowData) {
-            var _this = this;
-            this._notifierService.showConfirm('Bạn có chắc chắn muốn xóa phân quyền')
-                .then(function (res) {
-                if (!res)
-                    return;
-                _this._workflowPermissionService.deletePermission(rowData.id)
-                    .then(function (res) { return _this.handleResponse(res, '', function (f) {
-                    _this._triggerProcessData();
-                }); });
-            });
-        };
-        return WorkflowPermissionComponent;
-    }(DataListBase));
-    WorkflowPermissionComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'workflow-permission',
-                    template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    (onCopyLink)=\"_copyLink($event)\" (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\"\r\n    (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"handleDelete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n</crud-list>\r\n\r\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'workflow-permission-form tn-form-dialog'\"\r\n    [header]=\"setting.popupHeader | translate\" [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\r\n    <workflow-permission-form #formBase [itemId]=\"item.id\" [businessSetting]=\"businessSetting\" [parentModel]=\"model\"\r\n        [parentContext]=\"context\" [model]=\"formModel\" (onSaved)=\"showDetailForm = false;crudList.reload()\"\r\n        (onCancel)=\"_handleCancel($event)\">\r\n    </workflow-permission-form>\r\n</tn-dialog>",
-                    styles: [""]
-                },] }
-    ];
-    WorkflowPermissionComponent.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: WorkflowPermissionService },
-        { type: CoCauToChucService },
-        { type: UserGroupRealService }
-    ]; };
-    WorkflowPermissionComponent.propDecorators = {
-        businessSetting: [{ type: i0.Input }],
-        item: [{ type: i0.Input }]
-    };
-
-    var WorkflowPermissionFormComponent = /** @class */ (function (_super) {
-        __extends(WorkflowPermissionFormComponent, _super);
-        function WorkflowPermissionFormComponent(_injector, _workflowPermissionService, _workflowPermissionDetailService, _userGroupService) {
-            var _this = _super.call(this, _injector) || this;
-            _this._injector = _injector;
-            _this._workflowPermissionService = _workflowPermissionService;
-            _this._workflowPermissionDetailService = _workflowPermissionDetailService;
-            _this._userGroupService = _userGroupService;
-            return _this;
-        }
-        WorkflowPermissionFormComponent.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
-            this.setting.baseService = this._workflowPermissionService;
-            this._workflowPermissionService.changeEndpoint(this.businessSetting.baseService);
-            var dataSourcePermission = DataSourcePermissionBase.map(function (q) { return (Object.assign(Object.assign({}, q), { disabled: true })); });
-            this.setting.schema = [
-                this._createUserPickerControl('userIds', 'Người dùng'),
-                this._createCoCauToChucControl('donViIds', 'Đơn vị'),
-                this._createUserGroupPickerControl('groupIds', 'Nhóm người dùng'),
-                new CheckBoxListControlSchema({
-                    field: 'lstPermission',
-                    label: 'Quyền khả dụng',
-                    dataSource: dataSourcePermission
-                })
-            ];
-        };
-        WorkflowPermissionFormComponent.prototype._createUserPickerControl = function (field, label, multiple) {
-            if (multiple === void 0) { multiple = true; }
-            var control = createUserPickerControl(field, label);
-            control.multiple = multiple;
-            return control;
-        };
-        WorkflowPermissionFormComponent.prototype._createCoCauToChucControl = function (field, label) {
-            return createOrgPickerControl(field, label);
-        };
-        WorkflowPermissionFormComponent.prototype._createUserGroupPickerControl = function (field, label) {
-            return createUserGroupPickerControl(this._userGroupService, field, label);
-        };
-        WorkflowPermissionFormComponent.prototype.onFormInitialized = function (constrols) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: 
-                        // tiền xử lý dữ liệu (ví dụ tổng hợp datasource), trước khi gọi api get detail
-                        return [4 /*yield*/, this.getItemPermissionCurrent()];
-                        case 1:
-                            // tiền xử lý dữ liệu (ví dụ tổng hợp datasource), trước khi gọi api get detail
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        WorkflowPermissionFormComponent.prototype.getItemPermissionCurrent = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var itemPermission;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._workflowPermissionDetailService.changeEndpoint(this.businessSetting.baseService)
-                                .getDetailByFilter([
-                                this.newFilter('itemId', exports.Operator.equal, this.itemId),
-                                this.newFilter('userId', exports.Operator.equal, this._userService.getId())
-                            ])];
-                        case 1:
-                            itemPermission = (_a.sent()).data;
-                            if (itemPermission) {
-                                this.formControls['lstPermission'].dataSource.forEach(function (item) {
-                                    if ((itemPermission.permission & item.id) == item.id) {
-                                        item.disabled = false;
-                                    }
-                                });
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        WorkflowPermissionFormComponent.prototype.modifyDetailData = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    // xử lý dữ liệu lấy từ get detail về
-                    if (data.userIds) {
-                        data.userIds = data.userIds.split(',');
-                    }
-                    if (data.donViIds) {
-                        data.donViIds = data.donViIds.split(',');
-                    }
-                    if (data.groupIds) {
-                        data.groupIds = data.groupIds.split(',');
-                    }
-                    data.lstPermission = [];
-                    if (data.permission) {
-                        if ((data.permission & exports.PermissionBase.READ)) {
-                            data.lstPermission.push(exports.PermissionBase.READ);
-                        }
-                        if ((data.permission & exports.PermissionBase.EDIT)) {
-                            data.lstPermission.push(exports.PermissionBase.EDIT);
-                        }
-                        if ((data.permission & exports.PermissionBase.DELETE)) {
-                            data.lstPermission.push(exports.PermissionBase.DELETE);
-                        }
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        WorkflowPermissionFormComponent.prototype.validateForm = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var itemMissings;
-                return __generator(this, function (_a) {
-                    itemMissings = [];
-                    if (!this.isNotNullArray(this.model.data.userIds)
-                        && !this.isNotNullArray(this.model.data.donViIds)
-                        && !this.isNotNullArray(this.model.data.groupIds)) {
-                        itemMissings.push('người muốn phân quyền');
-                    }
-                    if (!this.isNotNullArray(this.model.data.lstPermission)) {
-                        itemMissings.push('quyền muốn phân');
-                    }
-                    if (itemMissings.length) {
-                        this._notifierService.showWarning("B\u1EA1n ph\u1EA3i nh\u1EADp " + itemMissings.join(', '));
-                        return [2 /*return*/, false];
-                    }
-                    return [2 /*return*/, true];
-                });
-            });
-        };
-        WorkflowPermissionFormComponent.prototype.onBeforeSave = function () {
-            this.model.data.tableName = this.businessSetting.baseService.entityName;
-            this.model.data.workflowCode = DummyWorkflowCode;
-            this.model.data.itemId = this.itemId;
-            if (this.model.data.userIds) {
-                this.model.data.userIds = this.model.data.userIds.toString();
-            }
-            if (this.model.data.donViIds) {
-                this.model.data.donViIds = this.model.data.donViIds.toString();
-            }
-            if (this.model.data.groupIds) {
-                this.model.data.groupIds = this.model.data.groupIds.toString();
-            }
-            if (this.model.data.lstPermission) {
-                var permission = 0;
-                if (this.model.data.lstPermission & exports.PermissionBase.READ) {
-                    permission = permission | exports.PermissionBase.READ;
-                }
-                if (this.model.data.lstPermission & exports.PermissionBase.EDIT) {
-                    permission = permission | exports.PermissionBase.EDIT;
-                }
-                if (this.model.data.lstPermission & exports.PermissionBase.DELETE) {
-                    permission = permission | exports.PermissionBase.DELETE;
-                }
-                this.model.data.permission = permission;
-            }
-        };
-        WorkflowPermissionFormComponent.prototype.getPromiseActionInsert = function () {
-            return this._workflowPermissionService.insertPermission(this.model.data);
-        };
-        WorkflowPermissionFormComponent.prototype.getPromiseActionUpdate = function () {
-            return this._workflowPermissionService.updatePermission(this.model.data);
-        };
-        return WorkflowPermissionFormComponent;
-    }(DataFormBase));
-    WorkflowPermissionFormComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'workflow-permission-form',
-                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n     (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($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</ng-template>\r\n",
-                    providers: [ComponentContextService],
-                    styles: [""]
-                },] }
-    ];
-    WorkflowPermissionFormComponent.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: WorkflowPermissionService },
-        { type: WorkflowPermissionDetailService },
-        { type: UserGroupRealService }
-    ]; };
-    WorkflowPermissionFormComponent.propDecorators = {
-        businessSetting: [{ type: i0.Input }],
-        itemId: [{ type: i0.Input }]
-    };
-
-    var AppTopBarV2Component = /** @class */ (function (_super) {
-        __extends(AppTopBarV2Component, _super);
-        function AppTopBarV2Component(
-        // public app: AppComponent,
-        _customRouteService, _router, _commonService, _authenService, _cd, _injector, _permissionService, _moduleConfigService, _userService, _notifierService, _translateService) {
-            var _this = _super.call(this, _injector) || this;
-            _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, function (rs) {
-                _this.currentUser = _this._userService.getCurrentUser();
-                _this.loadMenuMetadata();
-            });
-            if (_this.rootModel.allowAnonymous) {
-                _this.loadMenuMetadata();
-            }
-            return _this;
-        }
-        AppTopBarV2Component.prototype.loadMenuMetadata = function () {
-            var _this = this;
-            var prmsAppSwicherItem = new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var arr, _a, _b, _i, ind, element, clientId, isAuthorized;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            arr = [];
-                            _a = [];
-                            for (_b in this.environment.appMetadata.appSwitcher)
-                                _a.push(_b);
-                            _i = 0;
-                            _c.label = 1;
-                        case 1:
-                            if (!(_i < _a.length)) return [3 /*break*/, 5];
-                            ind = _a[_i];
-                            element = this.environment.appMetadata.appSwitcher[ind];
-                            clientId = this.environment.authenticationSettings.clientId;
-                            if (!(this.rootContext.data.allowAnonymous && element.allowAnonymous)) return [3 /*break*/, 2];
-                            arr.push(element);
-                            return [3 /*break*/, 4];
-                        case 2:
-                            if (!this.currentUser) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this._permissionService.isAuthorized(element.code, (element.code + ".MODULE." + element.code).toUpperCase(), true)];
-                        case 3:
-                            isAuthorized = _c.sent();
-                            if (isAuthorized) {
-                                arr.push(element);
-                            }
-                            _c.label = 4;
-                        case 4:
-                            _i++;
-                            return [3 /*break*/, 1];
-                        case 5:
-                            resolve(arr);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            prmsAppSwicherItem.then(function (rs) {
-                if (rs) {
-                    var currentUser_1 = _this._userService.getCurrentUser();
-                    _this.appSwitcherItems.length = 0;
-                    rs.forEach(function (element) {
-                        if (element.visible) {
-                            if (element.allowAnonymous) {
-                                _this.appSwitcherItems.push(element);
-                            }
-                            else {
-                                if (currentUser_1.maNguoiHoc && currentUser_1.issuperuser && currentUser_1.issuperuser.toLowerCase() != 'true') {
-                                    if (element.code.toLowerCase() == 'sv' || element.code.toLowerCase() == 'user') {
-                                        _this.appSwitcherItems.push(element);
-                                    }
-                                }
-                                else {
-                                    _this.appSwitcherItems.push(element);
-                                }
-                            }
-                        }
-                    });
-                }
-            });
-        };
-        AppTopBarV2Component.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.rootContext.data.currentUser) {
-                if (this.rootContext.data.currentUser.gender == 0) {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultFemaleAvatar;
-                }
-                else {
-                    this.defaultAvatar = this.environment.appMetadata.main.defaultMaleAvatar;
-                }
-                this.userProfile = this._userService.getProfileInfo();
-            }
-            this.rootContext.subscribe(ComCtxConstants.ROOT.BODY_MOUSE_DOWN, function (e) {
-                setTimeout(function () {
-                    _this.hideAdvanceSearch(e);
-                });
-            });
-            this.rootContext.subscribe(ComCtxConstants.ROOT.KEY_DOWN_CTRL_F, function (e) {
-                _this.focusToSearchBox();
-            });
-            this.rootContext.subscribe(ComCtxConstants.COMMON.FORCE_RELOAD, function (e) {
-                _this.showNotificationReload();
-            });
-            this.rootContext.subscribe(ComCtxConstants.COMMON.SHOW_NOTIFY, function (e) {
-                _this.setNotify(e.message);
-            });
-            this.allSubscriptions.push(this.rootContext.subscribe(ComCtxConstants.ROOT_USMART.SHOW_CONFIG_DATA_DEFAULT, function (e) {
-                _this.model.dataModelSetting.showSettings = true;
-            }));
-            this.model.dataModelSetting = {
-                data: {},
-                showSettings: false
-            };
-            this.subscribe(ComCtxConstants.COMMON.SAVE_DATA_DEFAULT, function (data) {
-                _this.formatDefaultDataSetting(data);
-                _this.reloadWindow();
-            });
-            var stringDataDefault = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.DEFAULT_DATA);
-            if (stringDataDefault) {
-                var dataCacheDefault = JSON.parse(stringDataDefault);
-                this.formatDefaultDataSetting(dataCacheDefault);
-            }
-            else {
-                this.defaultDataSetting = 'Thiết lập tham số mặc định';
-            }
-        };
-        AppTopBarV2Component.prototype.ngOnDestroy = function () {
-            this.allSubscriptions.forEach(function (element) {
-                element.unsubscribe();
-            });
-            if (this.intervalCountdown) {
-                clearInterval(this.intervalCountdown);
-            }
-            _super.prototype.ngOnDestroy.call(this);
-        };
-        AppTopBarV2Component.prototype.formatDefaultDataSetting = function (data) {
-            var _this = this;
-            var dataSetting = '';
-            var fields = ['instanceIdHeDaoTao', 'heDaoTao', 'namHoc', 'hocKy', 'instanceIdNamHoc', 'instanceIdHocKy', 'idDotThi'];
-            var fieldPluses = ['code', 'code', 'ten', 'ten', 'ten', 'ten', 'ten'];
-            fields.forEach(function (field, index) {
-                if (!_this.checkHidden(field)) {
-                    var _f = "" + field + fieldPluses[index];
-                    if (data[_f]) {
-                        dataSetting += data[_f] + '/';
-                    }
-                }
-            });
-            if (dataSetting.length > 0) {
-                dataSetting = dataSetting.substring(0, dataSetting.length - 1);
-            }
-            this.defaultDataSetting = dataSetting;
-        };
-        AppTopBarV2Component.prototype.checkHidden = function (field) {
-            return this.rootModel.currentAppMetadata.configDefaultSetting && !this.rootModel.currentAppMetadata.configDefaultSetting.column.some(function (p) { return p.field == field; });
-        };
-        AppTopBarV2Component.prototype.getCurrentUserFullName = function () {
-            return this.rootContext.data.currentUser && this.rootContext.data.currentUser.fullName ? this.rootContext.data.currentUser.fullName : 'Khách';
-        };
-        AppTopBarV2Component.prototype.getCurrentUserPosition = function () {
-            return this.userProfile ? this.userProfile.tenDonVi : null;
-        };
-        AppTopBarV2Component.prototype.getCurrentUserAvatar = function () {
-            if (this.rootContext.data.currentUser && this.rootContext.data.currentUser.avatar) {
-                return this.fileApi + "/file/public/" + this.rootContext.data.currentUser.avatar + "/Download";
-            }
-            else {
-                return this.defaultAvatar;
-            }
-        };
-        AppTopBarV2Component.prototype.clearFilter = function (input) {
-            var _this = this;
-            setTimeout(function () {
-                _this.model.searchModel[_this.model.fieldKey] = '';
-                _this._customRouteService.updateFragment(_this.model.fieldKey, null);
-                _this._customRouteService.updateWithoutFireEvent();
-                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
-                input.value = '';
-                input.focus();
-                _this._cd.detectChanges();
-            });
-        };
-        AppTopBarV2Component.prototype.toggleAdvanceSearch = function (evt) {
-            this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_TOGGLE_BOX, { event: evt });
-            evt.preventDefault();
-            evt.cancelBubble = true;
-        };
-        AppTopBarV2Component.prototype.hideAdvanceSearch = function (evt) {
-            if (document.getElementById('advance-search-box')) {
-                var mask = document.body.querySelectorAll('div[class~="ui-dialog-mask"]');
-                if (!mask.length) {
-                    var closestDropdown = evt.target.closest('.dropdown-advs');
-                    if (closestDropdown == null || closestDropdown.length == 0) {
-                        this.rootContext.fireEvent(ComCtxConstants.ROOT.ADVANCE_SEARCH_HIDE_BOX, { event: evt });
-                    }
-                }
-            }
-        };
-        AppTopBarV2Component.prototype.focusToSearchBox = function () {
-            if (!document.body.querySelector('div[class~="ui-dialog-mask"]')) {
-                this.input.nativeElement.focus();
-            }
-        };
-        AppTopBarV2Component.prototype.onTopbarSearchClick = function (event, input) {
-            var _this = this;
-            if (!this.model.fieldKey) {
-                return;
-            }
-            setTimeout(function () {
-                _this.rootContext.fireEvent(ComCtxConstants.ROOT.ON_SEARCH, _this.model.searchModel);
-                _this._customRouteService.updateFragment(_this.model.fieldKey, input.value);
-                _this._customRouteService.updateWithoutFireEvent();
-                input.focus();
-            });
-        };
-        AppTopBarV2Component.prototype.onEsc = function (event, input) {
-            this.clearFilter(input);
-        };
-        AppTopBarV2Component.prototype.onEnter = function (event, input) {
-            this.onTopbarSearchClick(event, input);
-        };
-        AppTopBarV2Component.prototype.switchApp = function (item, openNewTab) {
-            if (openNewTab === void 0) { 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(function (x) { return x.code == item.code; });
-                    if (this.rootContext.data.currentAppMetadata
-                        && this.rootContext.data.currentAppMetadata.showDefaultSetting != undefined
-                        && this.rootContext.data.currentAppMetadata.showDefaultSetting != null) {
-                        this.showDefaultSetting = this.rootContext.data.currentAppMetadata.showDefaultSetting && this.showDefaultSetting;
-                    }
-                }
-            }
-        };
-        AppTopBarV2Component.prototype.hasAdvanceSearchBox = function () {
-            return this.model.searchModel.hasAdvanceSearch;
-        };
-        AppTopBarV2Component.prototype.isAdvanceSearching = function () {
-            return this.hasAdvanceSearchValue(this.model.searchModel);
-        };
-        AppTopBarV2Component.prototype.hasAdvanceSearchValue = function (obj) {
-            for (var key in obj) {
-                if (key === '_k' || key === 'hasAdvanceSearch') {
-                    continue;
-                }
-                if (obj[key] != null && obj[key] != '') {
-                    return false;
-                }
-            }
-            return true;
-        };
-        AppTopBarV2Component.prototype.getComponentId = function () {
-            return 'TOPBAR';
-        };
-        AppTopBarV2Component.prototype.goToHome = function () {
-            this.rootContext.fireEvent('GO_HOME');
-        };
-        AppTopBarV2Component.prototype.onEditInfo = function (event) {
-            event.preventDefault();
-            var currentAppSetting = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code == 'USER'; });
-            if (currentAppSetting) {
-                this.switchApp(currentAppSetting);
-            }
-            else {
-                console.error('Bạn chưa thiết lập metadata cho trang cá nhân');
-            }
-        };
-        AppTopBarV2Component.prototype.onChangePassword = function (event) {
-            event.preventDefault();
-            // this.changePassword.showPopup(this._userService.getId());
-        };
-        AppTopBarV2Component.prototype.onTopbarLogout = function () {
-            if (!localStorage.getItem('currentUrl')) {
-                localStorage.setItem('currentUrl', top.location.href);
-            }
-            this._authenService.logout();
-        };
-        AppTopBarV2Component.prototype.settingDefault = function () {
-            this.model.dataModelSetting = {
-                data: {},
-                showSettings: true
-            };
-        };
-        AppTopBarV2Component.prototype.onShowSettings = function (ev) {
-            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_OPENED);
-        };
-        AppTopBarV2Component.prototype.onCloseSettings = function (ev) {
-            this.rootContext.fireEvent(ComCtxConstants.ROOT_USMART.CONFIG_DATA_DEFAULT_CLOSED);
-        };
-        AppTopBarV2Component.prototype.showProfilePage = function () {
-            if (this._userService.isSinhVienAccount()) {
-                return false;
-            }
-            return true;
-        };
-        AppTopBarV2Component.prototype.login = function () {
-            this.rootContext.fireEvent('LOGIN');
-        };
-        AppTopBarV2Component.prototype.setNotify = function (message) {
-            this.message = message;
-        };
-        AppTopBarV2Component.prototype.handleMouseOver = function (evt) {
-            evt.target.stop();
-        };
-        AppTopBarV2Component.prototype.handleMouseOut = function (evt) {
-            evt.target.start();
-        };
-        AppTopBarV2Component.prototype.showNotificationReload = function () {
-            var _this = this;
-            this.message = 'Hệ thống có phiên bản mới, hãy refresh trình duyệt để cập nhật';
-            this.rootContext.fireEvent(ComCtxConstants.ROOT.SHOW_REJECT_CONFIRM, false);
-            this._notifierService.showConfirm(this.message).then(function (res) {
-                _this.reloadWindow();
-            });
-            // if (this.intervalCountdown) {
-            //     clearInterval(this.intervalCountdown);
-            // }
-            // const date = new Date();
-            // const goalDate = (new Date(date.getTime() + 10 * 1000)).getTime(); // Đếm 10s
-            // this.intervalCountdown = setInterval(f => {
-            //     const now = new Date().getTime();
-            //     const distance = goalDate - now;
-            //     var seconds = Math.floor(distance / 1000);
-            //     // If the count down is finished, write some text
-            //     if (distance < 0) {
-            //         clearInterval(this.intervalCountdown);
-            //         this.reloadWindow();
-            //         return;
-            //     }
-            //     let message = `Trình duyệt sẽ khởi động lại sau ${seconds}s`;
-            //     if (seconds < 1) {
-            //         message = 'Trình duyệt sẽ khởi động lại ngay bây giờ';
-            //     }
-            //     this._notifierService.showConfirm(
-            //         message, null, null, false, this._translateService.instant('CONFIRM.ACCEPT_LABEL'),
-            //         'pi pi-check'
-            //     ).then(res => {
-            //         clearInterval(this.intervalCountdown);
-            //         this.reloadWindow();
-            //     });
-            // }, 1000);
-        };
-        AppTopBarV2Component.prototype.reloadWindow = function () {
-            top.location.reload();
-        };
-        return AppTopBarV2Component;
-    }(ComponentBase));
-    AppTopBarV2Component.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-topbar-v2',
-                    template: "<div class=\"topbar clearfix tn-l-top-bar\">\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.tn-l-switcher-item.tn-l-switcher-item{background:#fff}.tn-l-switcher-item-label{color:#52abff;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:5px 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{margin-top:0;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 .layout-menu li a span{line-height:1.2}::ng-deep .layout-wrapper app-topbar-v2 .topbar .topbar-left{box-shadow:none}::ng-deep .layout-wrapper app-topbar-v2 .wrapper-appswitch{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 = function () { return [
-        { type: CustomRouterService },
-        { type: i3.Router },
-        { type: CommonService },
-        { type: AuthenService },
-        { type: i0.ChangeDetectorRef },
-        { type: i0.Injector },
-        { type: PermissionService },
-        { type: ModuleConfigService },
-        { type: UserService },
-        { type: NotifierService },
-        { type: i2.TranslateService }
-    ]; };
-    AppTopBarV2Component.propDecorators = {
-        input: [{ type: i0.ViewChild, args: ['input',] }],
-        notify: [{ type: i0.ViewChild, args: ['notify', { static: true },] }]
-    };
-
     function coreDeclaration() {
         return [
             AddressComponent,
@@ -54786,7 +54826,7 @@
             FileKySoSimComponent,
             TaiLieuComponent,
             TaiLieuCuaToiComponent,
-            KhaiThacTaiLieuDungChungComponent
+            KhaiThacTaiLieuDungChungComponent,
         ];
     }
     function coreModuleImport() {
@@ -56121,6 +56161,44 @@
         { type: CommonService }
     ]; };
 
+    var AnonymousTokenInterceptor = /** @class */ (function () {
+        function AnonymousTokenInterceptor(_moduleConfigService, _applicationContextService) {
+            this._moduleConfigService = _moduleConfigService;
+            this._applicationContextService = _applicationContextService;
+            this.env = this._moduleConfigService.getConfig().environment;
+        }
+        AnonymousTokenInterceptor.prototype.intercept = function (request, next) {
+            // Tạm thời xử lý đọc access token từ config, sau khi Phúc xử lý xong phần backend thì sẽ thay đổi logic đoạn này để đọc từ querystring
+            try {
+                this.appMetadata = this._applicationContextService.getRootContext().data.currentAppMetadata;
+                if (this.appMetadata && this.appMetadata.enableTemporaryAccessToken) {
+                    console.log("using temporary accesstoken from config: " + this.appMetadata.temporaryAccessToken);
+                    request = request.clone({
+                        setHeaders: {
+                            Authorization: "Bearer " + this.appMetadata.temporaryAccessToken,
+                            PortalAlias: location.origin
+                        }
+                    });
+                }
+            }
+            catch (e) {
+                console.error("error on AnonymousTokenInterceptor " + e);
+            }
+            return next.handle(request);
+        };
+        return AnonymousTokenInterceptor;
+    }());
+    AnonymousTokenInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function AnonymousTokenInterceptor_Factory() { return new AnonymousTokenInterceptor(i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(ApplicationContextService)); }, token: AnonymousTokenInterceptor, providedIn: "root" });
+    AnonymousTokenInterceptor.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    AnonymousTokenInterceptor.ctorParameters = function () { return [
+        { type: ModuleConfigService },
+        { type: ApplicationContextService }
+    ]; };
+
     var PublicFunction = /** @class */ (function () {
         function PublicFunction() {
         }
@@ -56217,6 +56295,11 @@
                     useClass: TraceInterceptor,
                     multi: true,
                 },
+                {
+                    provide: i1$1.HTTP_INTERCEPTORS,
+                    useClass: AnonymousTokenInterceptor,
+                    multi: true,
+                },
                 i1.MessageService,
                 i1.ConfirmationService,
                 i2$1.DatePipe,
@@ -58188,6 +58271,7 @@
     exports.ɵfd = LogInterceptor;
     exports.ɵfe = PermissionUtilsInterceptor;
     exports.ɵff = TraceInterceptor;
+    exports.ɵfg = AnonymousTokenInterceptor;
     exports.ɵg = AdvanceSearchComponent;
     exports.ɵh = AppRootMenuComponent;
     exports.ɵi = AppTopBarComponent;