tnx-shared 5.1.493 → 5.1.495

package/bundles/tnx-shared.umd.js

@@ -34401,6 +34401,7 @@
             _this.invalidFileLimitMessageSummary = 'Quá số lượng file cho phép, ';
             _this.invalidFileLimitMessageDetail = 'tối đa {0} file.';
             _this.readonly = false;
+            _this.disabled = false;
             // Dùng cho component tài liệu
             _this.inTaiLieu = false;
             _this.inTaiLieuChung = false;
@@ -35911,7 +35912,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     selector: 'file-manager',
-                    template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout p-grid\">\n    <div *ngIf=\"visibleFolder\" class=\"tree-layout\" [class]=\"visibleFolder ? 'p-col-12 p-lg-2' : '' \">\n        <div class=\"tree-layout-btn\">\n            <button *ngIf=\"!hiddenCreateFolder && !readonly\" pButton pRipple type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\"\n                tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\" label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\"\n                (click)=\"createFolder()\">\n            </button>\n        </div>\n        <div class=\"tree-layout-wrapper\">\n            <perfect-scrollbar #scrollbar class=\"defaulFlexColumn treeOrg\" [config]=\"{suppressScrollX : true}\">\n                <p-tree class=\"folderTree\" selectionMode=\"single\" [style]=\"{ 'width' : '100%'}\"\n                    [(selection)]=\"selectedTreeNode\" [value]=\"rootTreeNode\" [contextMenu]=\"contextMenu\"\n                    (onNodeSelect)=\"nodeSelect($event)\">\n                    <ng-template let-node pTemplate=\"default\">\n                        <span [id]=\"node.data\" class=\"custom-node\"\n                            (contextmenu)=\"showContextMenu($event, node, true)\">{{node.label}}</span>\n                    </ng-template>\n                </p-tree>\n            </perfect-scrollbar>\n        </div>\n    </div>\n    <div class=\"fm-grid\" [class]=\"visibleFolder ? 'p-col-12 p-lg-10' : 'p-col-12' \">\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\n            [widthFunctionColumn]=\"'8.2rem'\" [showScrollHorizontal]=\"true\" (onReload)=\"_triggerProcessData($event)\"\n            (onRowSelect)=\"onRowSelect($event)\">\n            <ng-template #customTitle>\n                <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n            </ng-template>\n            <ng-template #toolbar>\n                <button pButton pRipple type=\"button\"\n                    [pTooltip]=\"visibleFolder == true ? '\u1EA8n c\u00E2y th\u01B0 m\u1EE5c' : 'Hi\u1EC7n c\u00E2y th\u01B0 m\u1EE5c'\" tooltipPosition=\"top\"\n                    [icon]=\"visibleFolder ? 'far fa-eye-slash': 'far fa-eye'\" class=\"p-button-text\"\n                    [label]=\"visibleFolder == true ? '\u1EA8n c\u00E2y th\u01B0 m\u1EE5c' : 'Hi\u1EC7n c\u00E2y th\u01B0 m\u1EE5c'\" iconPos=\"left\"\n                    (click)=\"changeVisibleFolder()\">\n                </button>\n\n                <button *ngIf=\"!hiddenCreateFolder && !readonly && !visibleFolder\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\" (click)=\"createFolder()\">\n                </button>\n\n                <button *ngIf=\"!readonly\" pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i t\u1EC7p tin t\u1EEB m\u00E1y t\u00EDnh c\u1EE7a b\u1EA1n\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i l\u00EAn\"\n                    (click)=\"selectFile()\"></button>\n\n                <button *ngIf=\"!readonly\" pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n\n                <button *ngIf=\"!inTaiLieu && !inTaiLieuChung && !readonly\" pButton icon=\"pi pi-book\"\n                    pTooltip=\"Sao ch\u00E9p t\u1EEB t\u00E0i li\u1EC7u d\u00F9ng chung ho\u1EB7c c\u00E1 nh\u00E2n\" tooltipPosition=\"top\" type=\"button\"\n                    class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\" (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n\n                <button *ngIf=\"canSelect()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\"\n                    iconPos=\"left\" label=\"Di chuy\u1EC3n\" (click)=\"moveExplorerItems()\">\n                </button>\n\n                <button *ngIf=\"canSetMove()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn t\u1EDBi \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\"\n                    iconPos=\"left\" label=\"\u0110\u1EB7t t\u1EA1i \u0111\u00E2y\" (click)=\"setMoveExplorerItems()\">\n                </button>\n\n                <button *ngIf=\"canSetMove()\" icon=\"pi pi-undo\" pButton class=\"p-button-text p-button-secondary\"\n                    type=\"button\" pTooltip=\"B\u1ECF di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" label=\"B\u1ECF qua\"\n                    (click)=\"cancelMove()\">\n                </button>\n\n                <button *ngIf=\"hasSelect() && !readonly\" pButton type=\"button\"\n                    pTooltip=\"{{ 'X\u00F3a th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn' | translate }}\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\n                    iconPos=\"left\" class=\"p-button-text p-button-danger\" label=\"X\u00F3a\"\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\n\n                <button *ngIf=\"hasSelect()\" class=\"p-button-text p-button-secondary\" pButton type=\"button\"\n                    pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\"\n                    label=\"T\u1EA3i v\u1EC1\" (click)=\"downloadMultiple()\">\n                </button>\n            </ng-template>\n\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\n                <div style=\"display: flex; align-items: center;\">\n                    <span *ngIf=\"rowData.tailFileUpper != '.JPG'\n                    && rowData.tailFileUpper != '.JPEG' && rowData.tailFileUpper != '.PNG' \"\n                        (click)=\"openObject(rowData)\" class=\"pull-left file-ex-icon\" style=\"display: flex;\"\n                        [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n\n                    <span *ngIf=\"rowData.isFile && (rowData.tailFileUpper == '.JPG'\n                    || rowData.tailFileUpper == '.JPEG' || rowData.tailFileUpper == '.PNG' )\"\n                        (click)=\"openObject(rowData)\" class=\"file-ex-thumbnail\" style=\"display: flex;\">\n                        <img class=\"thumbnail-img\" [src]=\"getPathImage(rowData.id)\" width=\"50px\" [alt]=\"rowData.name\"\n                            style=\"margin-right: 7px;\" />\n                    </span>\n\n                    <span (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\n                        {{rowData.name}}\n                    </span>\n\n                    <span *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\n                        <i class=\"fas fa-signature\"></i>\n                    </span>\n                </div>\n            </ng-template>\n\n            <!-- <ng-template #thumbnail let-rowData=\"rowData\" let-col=\"col\">\n                <div style=\"text-align: center;\">\n                    <img *ngIf=\"rowData.isFile && (rowData.tailFile.toUpperCase() == '.JPG'\n                    || rowData.tailFile.toUpperCase() == '.JPEG' || rowData.tailFile.toUpperCase() == '.PNG' )\"\n                        class=\"thumbnail-img\" [src]=\"getPathImage(rowData.id)\" width=\"100px\" [alt]=\"rowData.name\" />\n                </div>\n            </ng-template> -->\n\n            <ng-template #fileSize let-rowData='rowData'>\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\n            </ng-template>\n\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\n                <div class=\"function-list\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" pButton type=\"button\"\n                            tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\" (click)=\"onButtonClick(rowData)\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\" pButton\n                            type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\n                            (click)=\"deleteFile(rowData)\"></button>\n\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                            (click)=\"showContextMenu($event, rowData)\"></button>\n                    </ng-container>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"pi pi-cloud-download\"\n                        (click)=\"download(rowData)\"></button>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\n                        (click)=\"copyDownloadLink(rowData)\"></button>\n                </div>\n            </ng-template>\n        </crud-list>\n    </div>\n</div>\n\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\n        <div class=\"fm-toolbar-buttons\">\n            <ng-container *ngIf=\"!readonly\">\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\n                </button>\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n                <button *ngIf=\"!inTaiLieu\" pButton icon=\"pi pi-book\" pTooltip=\"T\u00E0i li\u1EC7u d\u00F9ng chung\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\"\n                    (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n            </ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n    </div>\n\n    <div class=\"nfl-grid\">\n        <ng-container *ngIf=\"_dataSource && _dataSource.length > 0\">\n            <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\n                <div class=\"nfl-no\">\n                    {{i + 1}}.\n                </div>\n\n                <div class=\"nfl-name\">\n                    <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n                    <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\n                        <span>\n                            <span>{{rowData.name}}</span>\n                        </span>\n                    </a>\n                </div>\n                <div *ngIf=\"rowData.signatures\" class=\"nfl-signature signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\n                    tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\n                    <i class=\"fas fa-signature\"></i>\n                </div>\n                <div *ngIf=\"rowData.isFile\" class=\"nfl-version\">\n                    v{{rowData.currentFileVersion}}\n                </div>\n\n                <div class=\"nfl-function\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\n                            pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\n                            (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\n                            icon=\"pi pi-trash\"></button>\n                    </ng-container>\n\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        (click)=\"download(rowData)\" pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\n                        icon=\"pi pi-cloud-download\"></button>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\n                        (click)=\"copyDownloadLink(rowData)\"></button>\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                        (click)=\"showContextMenu($event, rowData)\"></button>\n                </div>\n            </div>\n        </ng-container>\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"layout == _layout.SIMPLE_FOR_LIST\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\n        <div class=\"fm-toolbar-buttons\">\n            <ng-container *ngIf=\"!readonly\">\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\n                </button>\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n                <button *ngIf=\"!inTaiLieu\" pButton icon=\"pi pi-book\" pTooltip=\"T\u00E0i li\u1EC7u d\u00F9ng chung\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\"\n                    (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n            </ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n    </div>\n\n    <div class=\"nfl-grid\">\n        <ng-container *ngIf=\"_dataSource && _dataSource.length > 0\">\n            <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\n                <div class=\"nfl-no\">\n                    {{i + 1}}.\n                </div>\n\n                <div class=\"nfl-name\">\n                    <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n\n                    <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\n                        <span>\n                            <span>{{rowData.name}}</span>\n                        </span>\n                    </a>\n                </div>\n\n                <div class=\"nfl-function\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\n                            pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\n                            (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\n                            icon=\"pi pi-trash\"></button>\n                    </ng-container>\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                        (click)=\"showContextMenu($event, rowData)\"></button>\n                </div>\n            </div>\n        </ng-container>\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\n        </div>\n    </div>\n</div>\n\n<ng-template #breadCrumb>\n    <div *ngIf=\"data.breadcrumbs.length > 1\" class=\"fm-toolbar-path\">\n        <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\n    </div>\n</ng-template>\n\n<p-fileUpload #fileControl [ngStyle]=\"{'display': 'none'}\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" [name]=\"fileInForm\"\n    [url]=\"apiUploadUrl\" auto=\"true\" [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" [accept]=\"accept\" [multiple]=\"control.multiple\"\n    (onProgress)=\"onUploadProgress($event)\" (onBeforeUpload)=\"onBeforeUpload($event)\"\n    (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\" (onError)=\"handleError($event)\">\n</p-fileUpload>\n<p-contextMenu *ngIf=\"data.itemsMenuFile && data.itemsMenuFile.length > 0\" #contextMenu [appendTo]=\"'body'\"\n    [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\n    </folder-form>\n</tn-dialog>\n\n<!-- \u0110\u1ED5i t\u00EAn file -->\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\n    </file-form>\n</tn-dialog>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\" [readonly]=\"readonly\"\n    [model]=\"forms.fileViewer.formData\" (onClose)=\"closeFileViewer()\">\n</file-viewer>\n\n<!-- Xem phi\u00EAn b\u1EA3n -->\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\n    </file-version-list>\n</tn-dialog>\n\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\n    <div class=\"p-col-12\">\n        <div class=\"p-grid\">\n            <div class=\"p-md-10\">\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB t\u1EC7p tin kh\u00E1c...\"\n                    (keyup.enter)=\"addAttachLink()\" pInputText [(ngModel)]=\"typedLink\" class=\"p-col-12\" />\n            </div>\n            <div class=\"p-md-2\">\n                <button type=\"button\" (click)=\"addAttachLink()\" [disabled]=\"typedLink != ''? null : true\" pButton\n                    class=\"p-button-primary p-col-12\" label=\"Ok\"></button>\n            </div>\n        </div>\n    </div>\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\n</tn-dialog>\n\n<tn-dialog #dialog3 *ngIf=\"showTaiLieuDungChung\" [header]=\"'T\u00E0i li\u1EC7u' |translate\"\n    [popupSize]=\"{ width:1200, height: 650 }\" (onHide)=\"showTaiLieuDungChung = false\">\n    <file-tai-lieu #formBase [originalFolderId]=\"data.currentFolderId\"\n        (onSaved)=\"showTaiLieuDungChung = false; this._triggerProcessData()\" (onCancel)=\"showTaiLieuDungChung = false\">\n    </file-tai-lieu>\n</tn-dialog>\n\n<!--\n\n<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\n    [model]=\"forms.shareFile.formData\">\n</share-file>\n\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\n    [model]=\"forms.shareFolder.formData\">\n</share-folder>\n -->\n\n<!-- Xem ch\u1EEF k\u00FD s\u1ED1 -->\n<tn-dialog *ngIf=\"forms.signatureDetail.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.signatureDetail.header | translate\" [popupSize]=\"forms[formIds.signatureDetail].popupSize\"\n    (onHide)=\"onCancelForm(formIds.signatureDetail)\">\n    <signature-detail [parentModel]=\"model\" [parentContext]=\"context\">\n    </signature-detail>\n</tn-dialog>\n\n<!--K\u00FD s\u1ED1 sim-->\n<tn-dialog *ngIf=\"forms.kySoSim.show\" #dialog [styleClass]=\"'address-form'\" [header]=\"forms.kySoSim.header | translate\"\n    [popupSize]=\"forms.kySoSim.popupSize\" [showFooter]=\"true\" (onHide)=\"onCancelForm(formIds.kySoSim)\">\n    <app-file-ky-so-sim #fileKySoSim [parentModel]=\"model\" [parentContext]=\"context\">\n    </app-file-ky-so-sim>\n    <ng-template #footer>\n        <button type=\"button\" pButton icon=\"fas fa-images\" [disabled]=\"model.submitting\" class=\"p-button-text\"\n            [label]=\"'Ch\u1ECDn ch\u1EEF k\u00FD' | translate\" (click)=\"chonChuKy()\"></button>\n        <button type=\"button\" pButton icon=\"fas fa-signature\" class=\"p-button-text ui-button-success\"\n            [disabled]=\"model.submitting\" [label]=\"'Th\u1EF1c hi\u1EC7n k\u00FD' | translate\" (click)=\"kySo()\"></button>\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"forms.kySoSim.show=false\"></button>\n    </ng-template>\n</tn-dialog>\n\n<!-- Xem chi ti\u1EBFt -->\n<tn-dialog *ngIf=\"forms.viewDetail.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.viewDetail.header | translate\" [popupSize]=\"forms[formIds.viewDetail].popupSize\"\n    (onHide)=\"onCancelForm(formIds.viewDetail)\">\n    <view-detail #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms.viewDetail.formData\"\n        (onCancel)=\"onCancelForm(formIds.viewDetail)\">\n    </view-detail>\n</tn-dialog>",
+                    template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout p-grid\">\n    <div *ngIf=\"visibleFolder\" class=\"tree-layout\" [class]=\"visibleFolder ? 'p-col-12 p-lg-2' : '' \">\n        <div class=\"tree-layout-btn\">\n            <button *ngIf=\"!hiddenCreateFolder && !readonly\" pButton pRipple type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\"\n                tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\" label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\"\n                (click)=\"createFolder()\">\n            </button>\n        </div>\n        <div class=\"tree-layout-wrapper\">\n            <perfect-scrollbar #scrollbar class=\"defaulFlexColumn treeOrg\" [config]=\"{suppressScrollX : true}\">\n                <p-tree class=\"folderTree\" selectionMode=\"single\" [style]=\"{ 'width' : '100%'}\"\n                    [(selection)]=\"selectedTreeNode\" [value]=\"rootTreeNode\" [contextMenu]=\"contextMenu\"\n                    (onNodeSelect)=\"nodeSelect($event)\">\n                    <ng-template let-node pTemplate=\"default\">\n                        <span [id]=\"node.data\" class=\"custom-node\"\n                            (contextmenu)=\"showContextMenu($event, node, true)\">{{node.label}}</span>\n                    </ng-template>\n                </p-tree>\n            </perfect-scrollbar>\n        </div>\n    </div>\n    <div class=\"fm-grid\" [class]=\"visibleFolder ? 'p-col-12 p-lg-10' : 'p-col-12' \">\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\n            [widthFunctionColumn]=\"'8.2rem'\" [showScrollHorizontal]=\"true\" (onReload)=\"_triggerProcessData($event)\"\n            (onRowSelect)=\"onRowSelect($event)\">\n            <ng-template #customTitle>\n                <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n            </ng-template>\n            <ng-template #toolbar>\n                <button pButton pRipple type=\"button\"\n                    [pTooltip]=\"visibleFolder == true ? '\u1EA8n c\u00E2y th\u01B0 m\u1EE5c' : 'Hi\u1EC7n c\u00E2y th\u01B0 m\u1EE5c'\" tooltipPosition=\"top\"\n                    [icon]=\"visibleFolder ? 'far fa-eye-slash': 'far fa-eye'\" class=\"p-button-text\"\n                    [label]=\"visibleFolder == true ? '\u1EA8n c\u00E2y th\u01B0 m\u1EE5c' : 'Hi\u1EC7n c\u00E2y th\u01B0 m\u1EE5c'\" iconPos=\"left\"\n                    (click)=\"changeVisibleFolder()\">\n                </button>\n\n                <button *ngIf=\"!hiddenCreateFolder && !readonly && !visibleFolder\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\" (click)=\"createFolder()\">\n                </button>\n\n                <button *ngIf=\"!readonly\" pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i t\u1EC7p tin t\u1EEB m\u00E1y t\u00EDnh c\u1EE7a b\u1EA1n\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i l\u00EAn\"\n                    (click)=\"selectFile()\"></button>\n\n                <button *ngIf=\"!readonly\" pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n\n                <button *ngIf=\"!inTaiLieu && !inTaiLieuChung && !readonly\" pButton icon=\"pi pi-book\"\n                    pTooltip=\"Sao ch\u00E9p t\u1EEB t\u00E0i li\u1EC7u d\u00F9ng chung ho\u1EB7c c\u00E1 nh\u00E2n\" tooltipPosition=\"top\" type=\"button\"\n                    class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\" (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n\n                <button *ngIf=\"canSelect()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\"\n                    iconPos=\"left\" label=\"Di chuy\u1EC3n\" (click)=\"moveExplorerItems()\">\n                </button>\n\n                <button *ngIf=\"canSetMove()\" class=\"p-button-text p-button-success\" pButton type=\"button\"\n                    pTooltip=\"Di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn t\u1EDBi \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\"\n                    iconPos=\"left\" label=\"\u0110\u1EB7t t\u1EA1i \u0111\u00E2y\" (click)=\"setMoveExplorerItems()\">\n                </button>\n\n                <button *ngIf=\"canSetMove()\" icon=\"pi pi-undo\" pButton class=\"p-button-text p-button-secondary\"\n                    type=\"button\" pTooltip=\"B\u1ECF di chuy\u1EC3n th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn\" tooltipPosition=\"top\" label=\"B\u1ECF qua\"\n                    (click)=\"cancelMove()\">\n                </button>\n\n                <button *ngIf=\"hasSelect() && !readonly\" pButton type=\"button\"\n                    pTooltip=\"{{ 'X\u00F3a th\u01B0 m\u1EE5c/t\u1EC7p tin \u0111\u00E3 ch\u1ECDn' | translate }}\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\n                    iconPos=\"left\" class=\"p-button-text p-button-danger\" label=\"X\u00F3a\"\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\n\n                <button *ngIf=\"hasSelect()\" class=\"p-button-text p-button-secondary\" pButton type=\"button\"\n                    pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\"\n                    label=\"T\u1EA3i v\u1EC1\" (click)=\"downloadMultiple()\">\n                </button>\n            </ng-template>\n\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\n                <div style=\"display: flex; align-items: center;\">\n                    <span *ngIf=\"rowData.tailFileUpper != '.JPG'\n                    && rowData.tailFileUpper != '.JPEG' && rowData.tailFileUpper != '.PNG' \"\n                        (click)=\"openObject(rowData)\" class=\"pull-left file-ex-icon\" style=\"display: flex;\"\n                        [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n\n                    <span *ngIf=\"rowData.isFile && (rowData.tailFileUpper == '.JPG'\n                    || rowData.tailFileUpper == '.JPEG' || rowData.tailFileUpper == '.PNG' )\"\n                        (click)=\"openObject(rowData)\" class=\"file-ex-thumbnail\" style=\"display: flex;\">\n                        <img class=\"thumbnail-img\" [src]=\"getPathImage(rowData.id)\" width=\"50px\" [alt]=\"rowData.name\"\n                            style=\"margin-right: 7px;\" />\n                    </span>\n\n                    <span (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\n                        {{rowData.name}}\n                    </span>\n\n                    <span *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\n                        <i class=\"fas fa-signature\"></i>\n                    </span>\n                </div>\n            </ng-template>\n\n            <!-- <ng-template #thumbnail let-rowData=\"rowData\" let-col=\"col\">\n                <div style=\"text-align: center;\">\n                    <img *ngIf=\"rowData.isFile && (rowData.tailFile.toUpperCase() == '.JPG'\n                    || rowData.tailFile.toUpperCase() == '.JPEG' || rowData.tailFile.toUpperCase() == '.PNG' )\"\n                        class=\"thumbnail-img\" [src]=\"getPathImage(rowData.id)\" width=\"100px\" [alt]=\"rowData.name\" />\n                </div>\n            </ng-template> -->\n\n            <ng-template #fileSize let-rowData='rowData'>\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\n            </ng-template>\n\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\n                <div class=\"function-list\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" pButton type=\"button\"\n                            tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\" (click)=\"onButtonClick(rowData)\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\" pButton\n                            type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\n                            (click)=\"deleteFile(rowData)\"></button>\n\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                            (click)=\"showContextMenu($event, rowData)\"></button>\n                    </ng-container>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"pi pi-cloud-download\"\n                        (click)=\"download(rowData)\"></button>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\n                        (click)=\"copyDownloadLink(rowData)\"></button>\n                </div>\n            </ng-template>\n        </crud-list>\n    </div>\n</div>\n\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\n        <div class=\"fm-toolbar-buttons\">\n            <ng-container *ngIf=\"!readonly\">\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\n                </button>\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n                <button *ngIf=\"!inTaiLieu\" pButton icon=\"pi pi-book\" pTooltip=\"T\u00E0i li\u1EC7u d\u00F9ng chung\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\"\n                    (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n            </ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n    </div>\n\n    <div class=\"nfl-grid\">\n        <ng-container *ngIf=\"_dataSource && _dataSource.length > 0\">\n            <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\n                <div class=\"nfl-no\">\n                    {{i + 1}}.\n                </div>\n\n                <div class=\"nfl-name\">\n                    <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n                    <a (click)=\"openObject(rowData)\" class=\"{{rowData.class}} file-ex-name\">\n                        <span>\n                            <span>{{rowData.name}}</span>\n                        </span>\n                    </a>\n                </div>\n                <div *ngIf=\"rowData.signatures\" class=\"nfl-signature signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\n                    tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\n                    <i class=\"fas fa-signature\"></i>\n                </div>\n                <div *ngIf=\"rowData.isFile\" class=\"nfl-version\">\n                    v{{rowData.currentFileVersion}}\n                </div>\n\n                <div class=\"nfl-function\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\n                            pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\n                            (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\n                            icon=\"pi pi-trash\"></button>\n                    </ng-container>\n\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        (click)=\"download(rowData)\" pButton type=\"button\" pTooltip=\"T\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\n                        icon=\"pi pi-cloud-download\"></button>\n                    <button *ngIf=\"readonly\" class=\"p-button-secondary p-button-rounded p-button-text link-or-action\"\n                        pButton type=\"button\" pTooltip=\"Sao ch\u00E9p \u0111\u01B0\u1EDDng d\u1EABn\" tooltipPosition=\"top\" icon=\"pi pi-link\"\n                        (click)=\"copyDownloadLink(rowData)\"></button>\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                        (click)=\"showContextMenu($event, rowData)\"></button>\n                </div>\n            </div>\n        </ng-container>\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"layout == _layout.SIMPLE_FOR_LIST\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\n    <div *ngIf=\"!readonly || data.breadcrumbs.length > 0\" class=\"fm-toolbar\">\n        <div class=\"fm-toolbar-buttons\">\n            <ng-container *ngIf=\"!readonly\">\n                <button *ngIf=\"!hiddenCreateFolder\" (click)=\"createFolder()\" pButton pRipple type=\"button\"\n                    pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c m\u1EDBi\" tooltipPosition=\"top\" icon=\"pi pi-folder\" class=\"p-button-text\"\n                    label=\"T\u1EA1o th\u01B0 m\u1EE5c\" iconPos=\"left\">\n                </button>\n                <button type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\n                    icon=\"pi pi-cloud-upload\" (click)=\"selectFile()\" label=\"T\u1EA3i l\u00EAn\"></button>\n                <button pButton icon=\"pi pi-link\" pTooltip=\"T\u1EA3i t\u1EEB li\u00EAn k\u1EBFt trong h\u1EC7 th\u1ED1ng\" tooltipPosition=\"top\"\n                    type=\"button\" class=\"p-button-text p-button-primary\" label=\"T\u1EA3i li\u00EAn k\u1EBFt\"\n                    (click)=\"showAttachLinkBox = true\"></button>\n                <button *ngIf=\"!inTaiLieu\" pButton icon=\"pi pi-book\" pTooltip=\"T\u00E0i li\u1EC7u d\u00F9ng chung\"\n                    tooltipPosition=\"top\" type=\"button\" class=\"p-button-text\" label=\"T\u00E0i li\u1EC7u\"\n                    (click)=\"showTaiLieuDungChung = true;\">\n                </button>\n            </ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"breadCrumb\"></ng-container>\n    </div>\n\n    <div class=\"nfl-grid\">\n        <ng-container *ngIf=\"_dataSource && _dataSource.length > 0\">\n            <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\n                <div class=\"nfl-no\">\n                    {{i + 1}}.\n                </div>\n\n                <div class=\"nfl-name\">\n                    <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\">\n                    </span>\n\n                    <a *ngIf=\"!disabled\" class=\"{{rowData.class}} file-ex-name\" (click)=\"openObject(rowData)\">\n                        <span>\n                            <span>{{rowData.name}}</span>\n                        </span>\n                    </a>\n\n                    <a *ngIf=\"disabled\" class=\"{{rowData.class}} file-ex-name\">\n                        <span>\n                            <span>{{rowData.name}}</span>\n                        </span>\n                    </a>\n                </div>\n\n                <div class=\"nfl-function\">\n                    <ng-container *ngIf=\"!readonly\">\n                        <button class=\"p-button-rounded p-button-text link-or-action\" (click)=\"onButtonClick(rowData)\"\n                            pButton type=\"button\" tooltipPosition=\"top\" pTooltip=\"{{getButtonTooltip(rowData)}}\"\n                            icon=\"{{getButtonIcon(rowData)}}\"></button>\n\n                        <button class=\"p-button-danger p-button-rounded p-button-text link-or-action\"\n                            (click)=\"deleteFile(rowData)\" pButton type=\"button\" pTooltip=\"X\u00F3a\" tooltipPosition=\"top\"\n                            icon=\"pi pi-trash\"></button>\n                    </ng-container>\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n                        [disabled]=\"disabled\" (click)=\"showContextMenu($event, rowData)\"></button>\n                </div>\n            </div>\n        </ng-container>\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\n        </div>\n    </div>\n</div>\n\n<ng-template #breadCrumb>\n    <div *ngIf=\"data.breadcrumbs.length > 1\" class=\"fm-toolbar-path\">\n        <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\n    </div>\n</ng-template>\n\n<p-fileUpload #fileControl [ngStyle]=\"{'display': 'none'}\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" [name]=\"fileInForm\"\n    [url]=\"apiUploadUrl\" auto=\"true\" [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" [accept]=\"accept\" [multiple]=\"control.multiple\"\n    (onProgress)=\"onUploadProgress($event)\" (onBeforeUpload)=\"onBeforeUpload($event)\"\n    (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\" (onError)=\"handleError($event)\">\n</p-fileUpload>\n<p-contextMenu *ngIf=\"data.itemsMenuFile && data.itemsMenuFile.length > 0\" #contextMenu [appendTo]=\"'body'\"\n    [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\n    </folder-form>\n</tn-dialog>\n\n<!-- \u0110\u1ED5i t\u00EAn file -->\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\n    </file-form>\n</tn-dialog>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\" [readonly]=\"readonly\"\n    [model]=\"forms.fileViewer.formData\" (onClose)=\"closeFileViewer()\">\n</file-viewer>\n\n<!-- Xem phi\u00EAn b\u1EA3n -->\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\n    </file-version-list>\n</tn-dialog>\n\n<tn-dialog *ngIf=\"showAttachLinkBox\" #dialog2 [maximizable]=\"false\" [header]=\"'Nh\u1EADp li\u00EAn k\u1EBFt' | translate\"\n    [popupSize]=\"{ width: 600, height: 50}\" (onHide)=\"showAttachLinkBox = false; typedLink=''\">\n    <div class=\"p-col-12\">\n        <div class=\"p-grid\">\n            <div class=\"p-md-10\">\n                <input #input type=\"text\" placeholder=\"Nh\u1EADp li\u00EAn k\u1EBFt sao ch\u00E9p t\u1EEB t\u1EC7p tin kh\u00E1c...\"\n                    (keyup.enter)=\"addAttachLink()\" pInputText [(ngModel)]=\"typedLink\" class=\"p-col-12\" />\n            </div>\n            <div class=\"p-md-2\">\n                <button type=\"button\" (click)=\"addAttachLink()\" [disabled]=\"typedLink != ''? null : true\" pButton\n                    class=\"p-button-primary p-col-12\" label=\"Ok\"></button>\n            </div>\n        </div>\n    </div>\n    <after-view-checked (loaded)=\"focusInput(input)\"></after-view-checked>\n</tn-dialog>\n\n<tn-dialog #dialog3 *ngIf=\"showTaiLieuDungChung\" [header]=\"'T\u00E0i li\u1EC7u' |translate\"\n    [popupSize]=\"{ width:1200, height: 650 }\" (onHide)=\"showTaiLieuDungChung = false\">\n    <file-tai-lieu #formBase [originalFolderId]=\"data.currentFolderId\"\n        (onSaved)=\"showTaiLieuDungChung = false; this._triggerProcessData()\" (onCancel)=\"showTaiLieuDungChung = false\">\n    </file-tai-lieu>\n</tn-dialog>\n\n<!--\n\n<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\n    [model]=\"forms.shareFile.formData\">\n</share-file>\n\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\n    [model]=\"forms.shareFolder.formData\">\n</share-folder>\n -->\n\n<!-- Xem ch\u1EEF k\u00FD s\u1ED1 -->\n<tn-dialog *ngIf=\"forms.signatureDetail.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.signatureDetail.header | translate\" [popupSize]=\"forms[formIds.signatureDetail].popupSize\"\n    (onHide)=\"onCancelForm(formIds.signatureDetail)\">\n    <signature-detail [parentModel]=\"model\" [parentContext]=\"context\">\n    </signature-detail>\n</tn-dialog>\n\n<!--K\u00FD s\u1ED1 sim-->\n<tn-dialog *ngIf=\"forms.kySoSim.show\" #dialog [styleClass]=\"'address-form'\" [header]=\"forms.kySoSim.header | translate\"\n    [popupSize]=\"forms.kySoSim.popupSize\" [showFooter]=\"true\" (onHide)=\"onCancelForm(formIds.kySoSim)\">\n    <app-file-ky-so-sim #fileKySoSim [parentModel]=\"model\" [parentContext]=\"context\">\n    </app-file-ky-so-sim>\n    <ng-template #footer>\n        <button type=\"button\" pButton icon=\"fas fa-images\" [disabled]=\"model.submitting\" class=\"p-button-text\"\n            [label]=\"'Ch\u1ECDn ch\u1EEF k\u00FD' | translate\" (click)=\"chonChuKy()\"></button>\n        <button type=\"button\" pButton icon=\"fas fa-signature\" class=\"p-button-text ui-button-success\"\n            [disabled]=\"model.submitting\" [label]=\"'Th\u1EF1c hi\u1EC7n k\u00FD' | translate\" (click)=\"kySo()\"></button>\n        <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"forms.kySoSim.show=false\"></button>\n    </ng-template>\n</tn-dialog>\n\n<!-- Xem chi ti\u1EBFt -->\n<tn-dialog *ngIf=\"forms.viewDetail.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"forms.viewDetail.header | translate\" [popupSize]=\"forms[formIds.viewDetail].popupSize\"\n    (onHide)=\"onCancelForm(formIds.viewDetail)\">\n    <view-detail #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms.viewDetail.formData\"\n        (onCancel)=\"onCancelForm(formIds.viewDetail)\">\n    </view-detail>\n</tn-dialog>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -35964,6 +35965,7 @@
         entityKey: [{ type: i0.Input }],
         rootFolderId: [{ type: i0.Input }],
         readonly: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
         inTaiLieu: [{ type: i0.Input }],
         inTaiLieuChung: [{ type: i0.Input }],
         copyToFolderId: [{ type: i0.Input }],
@@ -37789,6 +37791,7 @@
             _this.accept = '';
             // = 'image/*,.xlsx,.xls,.pdf,.doc,.docx,.zip,.rar,';
             _this.readonly = null;
+            _this.disabled = false;
             _this.defaultScanFileName = null;
             _this.menu = [];
             _this._subscribe = null;
@@ -37826,6 +37829,7 @@
                 this.accept = this._fileObjectService.getAcceptedExtensions(this.control.acceptFileTypes);
             }
             this.readonly = this.control.readonly;
+            this.disabled = this.control.disabled;
             this.forms['fileViewer'] = {
                 show: false,
                 formData: {},
@@ -38172,7 +38176,7 @@
     ServiceFileUploadComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'service-file-upload',
-                    template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly\" (click)=\"onRemoveFile()\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\"></button>\n\n        <button [disabled]=\"!menu || !menu.length\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly\" [model]=\"forms.fileViewer.formData\" (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
+                    template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div *ngIf=\"!disabled\" class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <div *ngIf=\"disabled\" class=\"fl-file-name\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" [disabled]=\"disabled\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\" [disabled]=\"disabled\"\n            (click)=\"onRemoveFile()\"></button>\n\n        <button [disabled]=\"!menu || !menu.length || disabled\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly\" [model]=\"forms.fileViewer.formData\" (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -55838,7 +55842,7 @@
     SplashComponentV1Component.decorators = [
         { type: i0.Component, args: [{
                     selector: 'splash-component-v1',
-                    template: "<div *ngIf=\"!loaded\" class=\"wrp-loader\">\n    <div class=\"loader\"></div>\n</div>\n<div *ngIf=\"loaded\" class=\"modules-v1\">\n    <div class=\"welcome-user\">\n        <div class=\"profile-image\">\n            <img class=\"custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\n        </div>\n\n        <div class=\"wrp-login\">\n            <h2>Xin ch\u00E0o!</h2>\n            <b>{{currentUser.fullName}}</b>\n            <div *ngIf=\"currentUser\" class=\"login\">\n                <a (click)=\"goToPersonal()\"><i class=\"far fa-folder-open\"></i>Trang c\u00E1 nh\u00E2n</a>\n                <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng\n                    xu\u1EA5t</a>\n            </div>\n            <div *ngIf=\"!currentUser\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"login()\"><i\n                        class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng nh\u1EADp</a></div>\n        </div>\n\n        <div class=\"clock-wrapper\">\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\n        </div>\n    </div>\n\n    <div class=\"module-icons\">\n        <div class=\"img-title\">\n            <img class=\"tn-custom-logo\" [src]=\"environment.appMetadata.main.logo\"\n                [alt]=\"environment.appMetadata.main.owner\">\n            <div class=\"title\">\n                <h2>{{environment.appMetadata.main.title}}</h2>\n                <h1>{{environment.appMetadata.main.owner}}</h1>\n            </div>\n        </div>\n\n        <div class=\"div1111-wrapper\">\n            <tn-custom-scrollbar *ngIf=\"!isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </tn-custom-scrollbar>\n\n            <ng-container *ngIf=\"isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n\n<ng-template #appSwitcher>\n    <div class=\"div1111\">\n        <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n            <span>\n                <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\n                    <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\n                    <span>{{ item.title | translate}}</span>\n                </a>\n            </span>\n        </ng-container>\n    </div>\n</ng-template>",
+                    template: "<div *ngIf=\"!loaded\" class=\"wrp-loader\">\n    <div class=\"loader\"></div>\n</div>\n<div *ngIf=\"loaded\" class=\"modules-v1\">\n    <div class=\"welcome-user\">\n        <div class=\"profile-image\">\n            <img class=\"custom-avatar\" [src-fallback]=\"defaultAvatar\" [src]=\"getCurrentUserAvatar()\" />\n        </div>\n\n        <div class=\"wrp-login\">\n            <h2>Xin ch\u00E0o!</h2>\n            <b>{{currentUser.fullName}}</b>\n            <div *ngIf=\"currentUser\" class=\"login\">\n                <a (click)=\"goToPersonal()\"><i class=\"far fa-folder-open\"></i>Trang c\u00E1 nh\u00E2n</a>\n                <a style=\"background: #fabc01;\" (click)=\"logout()\"><i class=\"far fa-arrow-alt-circle-right\"></i>\u0110\u0103ng\n                    xu\u1EA5t</a>\n            </div>\n            <div *ngIf=\"!currentUser\" class=\"login\"><a style=\"background: #fabc01;\" (click)=\"login()\"><i\n                        class=\"fas fa-sign-out-alt\"></i>\u0110\u0103ng nh\u1EADp</a></div>\n        </div>\n\n        <div class=\"clock-wrapper\">\n            <h1 class=\"clock\">{{currentDate | date:'HH:mm:ss'}}</h1>\n            <h4 class=\"data-time\">{{getNgayTrongTuan()}}, ng\u00E0y {{currentDate | date:'dd/MM/yyyy'}}</h4>\n        </div>\n    </div>\n\n    <div class=\"module-icons\">\n        <div class=\"img-title\">\n            <img *ngIf=\"!environment.appMetadata.main.isHiddenSplashLogo\" class=\"tn-custom-logo\"\n                [src]=\"environment.appMetadata.main.logo\" [alt]=\"environment.appMetadata.main.owner\">\n            <div class=\"title\">\n                <h2>{{environment.appMetadata.main.title}}</h2>\n                <h1>{{environment.appMetadata.main.owner}}</h1>\n            </div>\n        </div>\n\n        <div class=\"div1111-wrapper\">\n            <tn-custom-scrollbar *ngIf=\"!isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </tn-custom-scrollbar>\n\n            <ng-container *ngIf=\"isOnMobile\">\n                <ng-container *ngTemplateOutlet=\"appSwitcher\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n\n<ng-template #appSwitcher>\n    <div class=\"div1111\">\n        <ng-container *ngFor=\"let item of appSwitcherItems; let ind = index;\">\n            <span>\n                <a class=\"bg-switcher\" (click)=\"switchApp(item)\">\n                    <i class=\"{{item.icon}} app-switcher-item-icon\"></i>\n                    <span>{{ item.title | translate}}</span>\n                </a>\n            </span>\n        </ng-container>\n    </div>\n</ng-template>",
                     providers: [ComponentContextService],
                     styles: ["body{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wrp-loader{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101}.wrp-loader .loader{border-radius:50%;border:2px solid #bcdbf5;border-top-color:#3192e1;width:10px;height:10px;color:#607d8b;font-size:10px;animation:load4 1.3s linear infinite;display:block}.modules-v1{position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:url(/assets/images/background-splash.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.modules-v1 div>span{display:inline-block;min-width:100px;height:120px;width:120px;margin:10px;box-shadow:1px 2px 9px 1px #dadada;border-radius:5px;white-space:normal}.modules-v1 div>span>a{height:100%;display:inline-block;position:relative;font-weight:700;cursor:pointer;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly}.modules-v1 div>span>a,.modules-v1 div>span>a>span{width:100%;color:#fff;text-decoration:unset;text-align:center}.modules-v1 div>span>a>span{display:inline-block;line-height:1.2}.modules-v1 div>span>a>i{font-size:3.5em;width:100%}.modules-v1 .div1111-wrapper{overflow:auto;height:420px;margin:0 auto;max-width:700px}.modules-v1 .div1111-wrapper .div1111{white-space:nowrap;width:100%;display:flex;flex-wrap:wrap}.modules-v1 .div1111-wrapper .div1111 .bg-switcher{background:#fff;transition:.3s}.modules-v1 .div1111-wrapper .div1111 .bg-switcher .app-switcher-item-icon{color:#52abff;transition:.3s}.modules-v1 .div1111-wrapper .div1111 .bg-switcher span{color:#2f70ac;font-weight:500;text-shadow:none;transition:.3s;padding:0 5px}.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover{background:#fabc01;box-shadow:1px 2px 9px 1px rgba(39,23,86,.5215686274509804)}.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover .app-switcher-item-icon,.modules-v1 .div1111-wrapper .div1111 .bg-switcher:hover span{color:#2f70ac}.modules-v1 .module-icons{text-align:center;color:#666;width:65%;align-self:stretch;background-color:rgba(249,244,244,.9215686274509803);display:flex;flex-direction:column;justify-content:space-evenly}.modules-v1 .module-icons .img-title{padding-top:20px}.modules-v1 .module-icons .img-title .tn-custom-logo{max-height:125px}.modules-v1 .module-icons h2{font-size:25px;color:#271756;margin-bottom:15px;margin-top:15px}.modules-v1 .module-icons h1{color:#2f70ac;font-size:35px;margin-top:0;margin-bottom:0}.modules-v1 .welcome-user{text-align:center;width:35%;align-self:stretch;background-color:rgba(47,112,172,.9215686274509803);display:flex;flex-direction:column}.modules-v1 .welcome-user .wrp-login{margin:20px auto auto;color:#fff;display:flex;flex-direction:column;align-items:center}.modules-v1 .welcome-user .wrp-login h2{font-size:20px;margin-top:0;margin-bottom:5px;font-weight:500}.modules-v1 .welcome-user .wrp-login b{font-size:25px;text-transform:uppercase;display:block}.modules-v1 .welcome-user .wrp-login .login{display:grid;grid-template-columns:repeat(2,150px);grid-gap:10px;margin-top:30px}.modules-v1 .welcome-user .wrp-login .login a{background:#fff;padding:6px;border-radius:5px;cursor:pointer;display:inline-block;color:#5d5d5d}.modules-v1 .welcome-user .wrp-login .login a i{margin-right:10px}.modules-v1 .welcome-user .profile-image{margin:auto auto 0}.modules-v1 .welcome-user .profile-image img{border-radius:50%;height:200px;width:200px;-o-object-fit:contain;object-fit:contain;box-shadow:1px 1px 11px 6px #2a659b;background:#fff}.modules-v1 .welcome-user .clock-wrapper{color:#fff;text-align:center;margin-top:auto;margin-bottom:auto}.modules-v1 .welcome-user .clock-wrapper h4{font-size:18px;font-weight:500;margin-top:10px}.modules-v1 .welcome-user .clock-wrapper h1{margin-bottom:0;font-size:40px}.modules-v1 .underconstruction{text-transform:uppercase;color:red;font-weight:700;font-size:4em}@media (max-width:1368px){.modules-v1 .clock{margin:0 20px;font-size:1.5em}.modules-v1 .data-time{margin:10px 0 20px;font-size:1em}}@media (max-width:1100px){.modules-v1 .div1111-wrapper .div1111{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (max-width:991px){.modules-v1 .welcome-user .wrp-login .login{grid-template-columns:1fr}}@media (max-width:768px){.modules-v1{flex-direction:column}.modules-v1 .welcome-user{width:100%;height:270px;flex-direction:row;align-items:center;padding-bottom:87px}.modules-v1 .welcome-user .profile-image{margin-bottom:auto}.modules-v1 .welcome-user .profile-image img{height:150px;width:150px}.modules-v1 .welcome-user .wrp-login{margin-top:auto}.modules-v1 .welcome-user .wrp-login .login{margin-top:20px}.modules-v1 .welcome-user .clock-wrapper{padding-right:15px}.modules-v1 .module-icons{width:100%;height:calc(100% - 270px)}.modules-v1 .module-icons .img-title{background-image:url(/assets/images/logo.png);background-repeat:no-repeat;background-position:50%;z-index:9}.modules-v1 .module-icons .img-title img{display:none}.modules-v1 .module-icons .img-title .title{background:hsla(0,0%,100%,.9019607843137255);box-shadow:1px 4px 9px 2px #67a0d4;padding:20px 10px;position:absolute;width:calc(100% - 40px);left:20px;right:20px;top:200px}.modules-v1 .module-icons .img-title .title h2{font-size:30px}.modules-v1 .module-icons .img-title .title h1{font-size:34px}}@media (max-width:640px){.modules-v1 .welcome-user{display:block;padding-top:20px}.modules-v1 .welcome-user .wrp-login{width:50%;padding:0 20px 0 0;float:right}.modules-v1 .welcome-user .wrp-login h2{margin-bottom:3px;font-size:14px}.modules-v1 .welcome-user .wrp-login b{font-size:14px}.modules-v1 .welcome-user .wrp-login .login{margin-top:10px;display:flex;flex-direction:column;padding:0 15px;text-align:left}.modules-v1 .welcome-user .wrp-login .login a{font-size:14px}.modules-v1 .welcome-user .profile-image{width:50%;float:left}.modules-v1 .welcome-user .profile-image img{height:130px;width:130px;margin-left:35px;display:block}.modules-v1 .welcome-user .clock-wrapper{clear:both;padding-top:10px;padding-right:0}.modules-v1 .welcome-user .clock-wrapper h4{font-size:14px;margin-top:5px}.modules-v1 .welcome-user .clock-wrapper h1{font-size:1.3em}.modules-v1 .module-icons .img-title{background-size:80px 80px}.modules-v1 .module-icons .img-title .title{top:230px}.modules-v1 .module-icons .img-title .title h1{font-size:16px}.modules-v1 .module-icons .img-title .title h2{font-size:16px;margin-top:0}.modules-v1 .module-icons .div1111-wrapper{margin-top:0;height:360px}.modules-v1 .module-icons .div1111-wrapper .div1111 .bg-switcher span{font-size:14px}.modules-v1 .module-icons div>span{width:100px;height:100px}.modules-v1 .module-icons div>span>a>i{font-size:2.5em;top:10px}}@media (max-width:425px){.modules-v1 .module-icons .img-title .title{top:225px}.modules-v1 .module-icons .div1111-wrapper .div1111{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:375px){.modules-v1 .module-icons{height:calc(100% - 250px)}.modules-v1 .module-icons .img-title{background-size:60px 60px}.modules-v1 .module-icons .img-title .title{padding:10px;top:220px}.modules-v1 .module-icons .img-title .title h2{margin-bottom:10px}.modules-v1 .module-icons .img-title .title h1,.modules-v1 .module-icons .img-title .title h2{font-size:14px}.modules-v1 .welcome-user{height:250px}}@media (max-width:360px){.modules-v1 .module-icons{height:calc(100% - 240px)}.modules-v1 .module-icons .img-title{background-size:60px 60px}.modules-v1 .module-icons .img-title .title{top:205px;width:calc(100% - 20px);left:10px;right:10px}.modules-v1 .welcome-user{height:240px}.modules-v1 .welcome-user .clock-wrapper{padding-top:0}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}"]
                 },] }