tnx-shared 5.3.406 → 5.3.407

package/bundles/tnx-shared.umd.js

@@ -29946,6 +29946,7 @@
     ]; };
 
     var AccessDeniedComponent = /** @class */ (function () {
+        // Edit for build 1
         function AccessDeniedComponent(_federationService) {
             this._federationService = _federationService;
         }
@@ -35117,6 +35118,30 @@
         { type: ModuleConfigService }
     ]; };
 
+    var UserChuKySoService = /** @class */ (function (_super) {
+        __extends(UserChuKySoService, _super);
+        function UserChuKySoService(http, injector, _moduleConfigService) {
+            var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.userOrgEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/UserChuKySo") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this.entityName = 'UserChuKySo';
+            _this.serviceCode = 'userorg';
+            _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.userOrgEndpoint;
+            return _this;
+        }
+        return UserChuKySoService;
+    }(BaseService));
+    UserChuKySoService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function UserChuKySoService_Factory() { return new UserChuKySoService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(ModuleConfigService)); }, token: UserChuKySoService, providedIn: "root" });
+    UserChuKySoService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    UserChuKySoService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: i0.Injector },
+        { type: ModuleConfigService }
+    ]; };
+
     var FileExplorerItem = /** @class */ (function () {
         function FileExplorerItem() {
         }
@@ -35218,7 +35243,7 @@
 
     var FileManagerComponent = /** @class */ (function (_super) {
         __extends(FileManagerComponent, _super);
-        function FileManagerComponent(_myDriveService, _injector, _messageService, _authenService, _tnClientService, _fileVersionService, _moduleConfigService, _notifierService, _signalrService, _fileExplorerService, _fileExplorerNewService, _deviceDetectorService, _folderService, _fileObjectService, _downloadLinkService, _fileManagerService) {
+        function FileManagerComponent(_myDriveService, _injector, _messageService, _authenService, _tnClientService, _fileVersionService, _moduleConfigService, _notifierService, _signalrService, _fileExplorerService, _fileExplorerNewService, _deviceDetectorService, _folderService, _fileObjectService, _downloadLinkService, _userChuKySoService, _fileManagerService) {
             var _this = _super.call(this, _injector) || this;
             _this._myDriveService = _myDriveService;
             _this._injector = _injector;
@@ -35235,6 +35260,7 @@
             _this._folderService = _folderService;
             _this._fileObjectService = _fileObjectService;
             _this._downloadLinkService = _downloadLinkService;
+            _this._userChuKySoService = _userChuKySoService;
             _this._fileManagerService = _fileManagerService;
             _this.control = new FileManagerControlSchema();
             _this.layout = exports.EnumFileLayout.LIST;
@@ -35730,6 +35756,13 @@
                         visible: (this._fileObjectService.isTypeFileKySo(item.name)
                             && this.layout !== exports.EnumFileLayout.SIMPLE_FOR_LIST && !this.parentSetting.hiddenKySoSimCaNhan),
                     },
+                    {
+                        label: 'Ký số SmartCA',
+                        icon: 'fas fa-signature',
+                        command: function () {
+                            _this.signFileSmartCA(item);
+                        },
+                    },
                     {
                         label: 'Ký số cá nhân (USB)', icon: 'fas fa-signature',
                         command: function () {
@@ -36777,6 +36810,36 @@
             this.forms.kySoSim.show = true;
             this.model.advanceData = file;
         };
+        FileManagerComponent.prototype.signFileSmartCA = function (rowData) {
+            return __awaiter(this, void 0, void 0, function () {
+                var dataKySo;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this._userChuKySoService.getDetailByFilter([
+                                this.newFilter('provider', exports.Operator.equal, 'SmartCA'),
+                                this.newFilter('userId', exports.Operator.equal, this._userService.getCurrentUser().userId),
+                            ])];
+                        case 1:
+                            dataKySo = (_b.sent()).data;
+                            if (!dataKySo) {
+                                this._notifierService.showWarning('Người dùng chưa cấu hình thông tin ký số');
+                            }
+                            this.forms.fileViewer.formData.data = {
+                                fileId: rowData.id,
+                                isFileVersion: false,
+                                fileName: rowData.name,
+                                service: rowData.serviceCode,
+                                entity: rowData.entity,
+                                entityKey: rowData.entityKey,
+                                fileBase64Content: dataKySo.fileBase64Content,
+                                showKySoButton: true,
+                            };
+                            this.forms.fileViewer.show = true;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         FileManagerComponent.prototype.shareFolder = function (file) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -37050,6 +37113,7 @@
         { type: FolderService },
         { type: FileObjectService },
         { type: DownloadLinkService },
+        { type: UserChuKySoService },
         { type: FileManagerService }
     ]; };
     FileManagerComponent.propDecorators = {
@@ -50058,13 +50122,13 @@
         };
         FileViewerComponent.prototype.init = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.initForm();
                             return [4 /*yield*/, this.getDetail()];
                         case 1:
-                            _a.sent();
+                            _b.sent();
                             this.showFile();
                             return [2 /*return*/];
                     }
@@ -50074,8 +50138,8 @@
         FileViewerComponent.prototype.getDetail = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var data, fileVersion, fileObject;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.data = this.model.data;
                             if (!this.data.fileId && !this.data.fileVersionId) {
@@ -50089,16 +50153,16 @@
                             if (!this.data.fileVersionId) return [3 /*break*/, 3];
                             return [4 /*yield*/, this._fileVersionService.getDetail(this.data.fileVersionId)];
                         case 1:
-                            fileVersion = (_a.sent()).data || {};
+                            fileVersion = (_b.sent()).data || {};
                             return [4 /*yield*/, this._fileObjectService.getDetail(fileVersion.fileId)];
                         case 2:
-                            fileObject = (_a.sent()).data || {};
+                            fileObject = (_b.sent()).data || {};
                             data = fileObject;
                             return [3 /*break*/, 5];
                         case 3: return [4 /*yield*/, this._fileObjectService.getDetail(this.data.fileId)];
                         case 4:
-                            data = (_a.sent()).data || {};
-                            _a.label = 5;
+                            data = (_b.sent()).data || {};
+                            _b.label = 5;
                         case 5:
                             data.extension = this._fileObjectService.getFileExtension(data.name);
                             data.fileType = this._fileObjectService.getFileType(data.extension);
@@ -50230,16 +50294,16 @@
         FileViewerComponent.prototype.getOrientation = function (imageUrl, callback) {
             return __awaiter(this, void 0, void 0, function () {
                 var reader, res, blob;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             reader = new FileReader();
                             return [4 /*yield*/, fetch(imageUrl)];
                         case 1:
-                            res = _a.sent();
+                            res = _b.sent();
                             return [4 /*yield*/, res.blob()];
                         case 2:
-                            blob = _a.sent();
+                            blob = _b.sent();
                             reader.onload = function (event) {
                                 var view = new DataView(event.target.result);
                                 if (view.getUint16(0, false) != 0xFFD8) {
@@ -50283,7 +50347,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 var reader;
                 var _this = this;
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     reader = new FileReader();
                     // const res = await fetch(imageUrl);
                     // const blob = await res.blob();
@@ -50405,13 +50469,13 @@
         FileViewerComponent.prototype.onSavedRenameFile = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var file;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.renameFileForm.show = false;
                             return [4 /*yield*/, this._fileObjectService.getDetail(this.data.id)];
                         case 1:
-                            file = (_a.sent()).data;
+                            file = (_b.sent()).data;
                             if (file) {
                                 this.data.name = file.name;
                             }
@@ -50475,12 +50539,54 @@
             }
             return styleClass;
         };
+        FileViewerComponent.prototype.kySoHandle = function () {
+        };
+        FileViewerComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            // Access the PDF.js viewer instance
+            setTimeout(function () {
+                var _a;
+                var pdfViewer = (_a = window.PDFViewerApplication) === null || _a === void 0 ? void 0 : _a.pdfViewer;
+                if (pdfViewer) {
+                    // Add click listener to each page canvas
+                    var container = document.querySelector('#viewerContainer');
+                    container === null || container === void 0 ? void 0 : container.addEventListener('click', function (e) {
+                        _this.handlePageClick(e, pdfViewer);
+                    });
+                }
+            }, 1000);
+        };
+        FileViewerComponent.prototype.handlePageClick = function (event, pdfViewer) {
+            var target = event.target;
+            var marker = document.getElementById("custom-marker");
+            if (marker) {
+                marker.remove();
+            }
+            if (target.classList.contains('canvasWrapper') ||
+                target.tagName === 'CANVAS') {
+                // Get page number and coordinates
+                var pageDiv = target.closest('.page');
+                var pageNumber = parseInt((pageDiv === null || pageDiv === void 0 ? void 0 : pageDiv.getAttribute('data-page-number')) || '1');
+                var rect = target.getBoundingClientRect();
+                var x = event.clientX - rect.left;
+                var y = event.clientY - rect.top;
+                // Create marker at this position
+                this.createMarker(target, x, y, pageNumber);
+            }
+        };
+        FileViewerComponent.prototype.createMarker = function (parent, x, y, page) {
+            var marker = document.createElement('div');
+            marker.id = 'custom-marker';
+            marker.style.cssText = "\n            position: absolute;\n            left: " + x + "px;\n            top: " + y + "px;\n            width: 100px;\n            height: 100px;\n            background-image: url(" + this.model.data.fileBase64Content + ");\n            pointer-events: none;\n            background-size: contain;        /* Fits the image */\n            background-repeat: no-repeat;    /* No tiling */\n            background-position: center top; /* Positioning */\n            z-index: 999;\n        ";
+            var pageContainer = parent.closest('.page');
+            pageContainer === null || pageContainer === void 0 ? void 0 : pageContainer.appendChild(marker);
+        };
         return FileViewerComponent;
     }(ComponentBase));
     FileViewerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'file-viewer',
-                    template: "<p-sidebar #sidebar [showCloseIcon]=\"false\" [fullScreen]=\"fullScreen\" [appendTo]=\"'body'\" [modal]=\"showModal\"\n    [styleClass]=\"getStyleClassByDocumentType(data.fileType)\" [(visible)]=\"show\">\n    <ng-container *ngIf=\"data.fileType == fileTypes.PDF\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\" style=\"margin: 0px auto;\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <!-- UD-2450 - TuDN -->\n                    <!-- <a *ngIf=\"_deviceDetectorService.isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\"\n                        tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-print\"></i></a> -->\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <!-- End UD-2450 - TuDN -->\n                    <a *ngIf=\"!_deviceDetectorService.isDesktop() && !readonly\" pTooltip=\"\u0110\u1ED5i t\u00EAn\"\n                        tooltipPosition=\"bottom\" (click)=\"renameFile()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\"><i\n                            class=\"fas fa-eraser\"></i></a>\n                    <a *ngIf=\"showDelete && !readonly\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"far fa-trash-alt\"></i></a>\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\"\n                        *ngIf=\"!readonly && _deviceDetectorService.isDesktop()\"\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\"> <i class=\"fas fa-ellipsis-v\"></i>\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\n                            <li *ngIf=\"_deviceDetectorService.isDesktop()\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"editFile()\" class=\"file-row-action\"><i class=\"fas fa-pen-square\"></i>S\u1EEDa\n                                    file\n                                    tr\u1EF1c\n                                    tuy\u1EBFn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\n                                    t\u00EAn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"far fa-trash-alt\"></i>X\u00F3a\n                                    t\u1EC7p\n                                    tin</a>\n                            </li>\n                        </ul>\n                    </a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n        </div>\n        <ngx-extended-pdf-viewer [src]=\"model.fileUrl\" useBrowserLocale=\"true\" height=\"calc(100vh - 50px)\"\n            [enablePinchOnMobile]=\"true\" [filenameForDownload]=\"data.fileName\" [language]=\"'vi-VN'\"\n            [showBookmarkButton]=\"false\" [showHandToolButton]=\"false\" [showOpenFileButton]=\"false\"\n            [showUnverifiedSignatures]=\"true\">\n        </ngx-extended-pdf-viewer>\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"data.fileType != fileTypes.IMAGE && data.fileType != fileTypes.VIDEO && data.fileType != fileTypes.AUDIO && data.fileType != fileTypes.PDF\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\" tooltipPosition=\"bottom\"\n                        placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-print\"></i></a>\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <a *ngIf=\"!readonly && showDelete && isDesktop()\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a *ngIf=\"!readonly && isDesktop()\" pTooltip=\"S\u1EEDa file tr\u1EF1c tuy\u1EBFn\" (click)=\"editFile()\"\n                        placeholder=\"Bottom\" class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\">\n                        <i class=\"fas fa-pen-square\"></i></a>\n\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\" *ngIf=\"!isDesktop()\"\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\">\n                        <i class=\"fas fa-ellipsis-v\"></i>\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"editFile()\" class=\"file-row-action\">\n                                    <i class=\"fas fa-pen-square\"></i>S\u1EEDa file tr\u1EF1c tuy\u1EBFn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\n                                    t\u00EAn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly && showDelete\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"pi pi-trash\"></i>X\u00F3a\n                                    t\u1EC7p tin</a>\n                            </li>\n                        </ul>\n                    </a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\n                [class.view-file-text]=\"isFileType(fileTypes.TEXT)\"\n                [class.view-file-spreadsheet]=\"isFileType(fileTypes.SPREADSHEET)\"\n                [class.view-file-presentation]=\"isFileType(fileTypes.PRESENTATION)\">\n                <div id=\"file-viewer\"></div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.IMAGE && model.images.length > 0\">\n        <div class=\"image-container\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <img *ngIf=\"model.images && model.images.length\" src=\"{{model.images[0]}}\" alt=\"Ch\u01B0a c\u00F3 \u1EA3nh\">\n        </div>\n        <!-- <app-image-viewer [showPDFOnlyLabel]=\"false\" [showPDFOnlyOption]=\"false\" [fullscreen]=\"false\"\n            [images]=\"model.images\" [primaryColor]=\"'#3192e1'\" [idContainer]=\"'image-view-list'\"\n            (mousedown)=\"closeSidebar($event)\" id=\"fileViewerHolder\" [loadOnInit]=\"true\">\n        </app-image-viewer>\n        <a style=\"color: white;\" (click)=\"closeSidebar(null)\" class=\"mobile-image-viewer-close\">\n            <i class=\"far fa-times-circle\"></i></a> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.VIDEO\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" style=\"height: 100%;\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i>\n                    </a>\n                    <a *ngIf=\"!isReadonly && !isDesktop()\" (click)=\"renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                    <a *ngIf=\"!readonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\n                style=\"width: 80%; margin: auto; height: 100%; border-radius: 0px;\">\n                <video width=\"100%\" height=\"100%\" style=\"margin-top: 50px;\" autoplay controls src=\"{{model.fileUrl}}\">\n                    Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 m\u1EDF video.\n                </video>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.AUDIO\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" (mousedown)=\"closeSidebar($event)\" style=\"height: 100%;\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <a *ngIf=\"!isReadonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n            <audio controls autoplay src=\"{{model.fileUrl}}\"\n                style=\"margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);\">\n                Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 ph\u00E1t audio. </audio>\n        </div>\n    </ng-container>\n\n</p-sidebar>\n\n<tn-dialog *ngIf=\"renameFileForm.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"renameFileForm.header | translate\" [popupSize]=\"renameFileForm.popupSize\" (onHide)=\"onCancelRenameFile()\">\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"renameFileForm.formData\"\n        (onSaved)=\"onSavedRenameFile()\" (onCancel)=\"onCancelRenameFile()\">\n    </file-form>\n</tn-dialog>",
+                    template: "<p-sidebar #sidebar [showCloseIcon]=\"false\" [fullScreen]=\"fullScreen\" [appendTo]=\"'body'\" [modal]=\"showModal\"\n    [styleClass]=\"getStyleClassByDocumentType(data.fileType)\" [(visible)]=\"show\">\n    <ng-container *ngIf=\"data.fileType == fileTypes.PDF\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\" style=\"margin: 0px auto;\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <!-- UD-2450 - TuDN -->\n                    <!-- <a *ngIf=\"_deviceDetectorService.isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\"\n                        tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-print\"></i></a> -->\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <!-- End UD-2450 - TuDN -->\n                    <a *ngIf=\"!_deviceDetectorService.isDesktop() && !readonly\" pTooltip=\"\u0110\u1ED5i t\u00EAn\"\n                        tooltipPosition=\"bottom\" (click)=\"renameFile()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\"><i\n                            class=\"fas fa-eraser\"></i></a>\n                    <a *ngIf=\"showDelete && !readonly\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"far fa-trash-alt\"></i></a>\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\"\n                        *ngIf=\"!readonly && _deviceDetectorService.isDesktop()\"\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\"> <i class=\"fas fa-ellipsis-v\"></i>\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\n                            <li *ngIf=\"_deviceDetectorService.isDesktop()\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"editFile()\" class=\"file-row-action\"><i class=\"fas fa-pen-square\"></i>S\u1EEDa\n                                    file\n                                    tr\u1EF1c\n                                    tuy\u1EBFn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\n                                    t\u00EAn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"far fa-trash-alt\"></i>X\u00F3a\n                                    t\u1EC7p\n                                    tin</a>\n                            </li>\n                        </ul>\n                    </a>\n                    <a *ngIf=\"model.data?.showKySoButton\" pTooltip=\"K\u00FD s\u1ED1\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"kySoHandle()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-signature\"></i></a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n        </div>\n        <ngx-extended-pdf-viewer [src]=\"model.fileUrl\" useBrowserLocale=\"true\" height=\"calc(100vh - 50px)\"\n            [enablePinchOnMobile]=\"true\" [filenameForDownload]=\"data.fileName\" [language]=\"'vi-VN'\"\n            [showBookmarkButton]=\"false\" [showHandToolButton]=\"false\" [showOpenFileButton]=\"false\"\n            [showUnverifiedSignatures]=\"true\">\n        </ngx-extended-pdf-viewer>\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"data.fileType != fileTypes.IMAGE && data.fileType != fileTypes.VIDEO && data.fileType != fileTypes.AUDIO && data.fileType != fileTypes.PDF\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\" tooltipPosition=\"bottom\"\n                        placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\n                        class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-print\"></i></a>\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <a *ngIf=\"!readonly && showDelete && isDesktop()\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a *ngIf=\"!readonly && isDesktop()\" pTooltip=\"S\u1EEDa file tr\u1EF1c tuy\u1EBFn\" (click)=\"editFile()\"\n                        placeholder=\"Bottom\" class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\">\n                        <i class=\"fas fa-pen-square\"></i></a>\n\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\" *ngIf=\"!isDesktop()\"\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\">\n                        <i class=\"fas fa-ellipsis-v\"></i>\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"editFile()\" class=\"file-row-action\">\n                                    <i class=\"fas fa-pen-square\"></i>S\u1EEDa file tr\u1EF1c tuy\u1EBFn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\n                                    t\u00EAn</a>\n                            </li>\n                            <li *ngIf=\"!isReadonly && showDelete\" role=\"menuitem\" class=\"cursor-pointer\">\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"pi pi-trash\"></i>X\u00F3a\n                                    t\u1EC7p tin</a>\n                            </li>\n                        </ul>\n                    </a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\n                [class.view-file-text]=\"isFileType(fileTypes.TEXT)\"\n                [class.view-file-spreadsheet]=\"isFileType(fileTypes.SPREADSHEET)\"\n                [class.view-file-presentation]=\"isFileType(fileTypes.PRESENTATION)\">\n                <div id=\"file-viewer\"></div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.IMAGE && model.images.length > 0\">\n        <div class=\"image-container\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <img *ngIf=\"model.images && model.images.length\" src=\"{{model.images[0]}}\" alt=\"Ch\u01B0a c\u00F3 \u1EA3nh\">\n        </div>\n        <!-- <app-image-viewer [showPDFOnlyLabel]=\"false\" [showPDFOnlyOption]=\"false\" [fullscreen]=\"false\"\n            [images]=\"model.images\" [primaryColor]=\"'#3192e1'\" [idContainer]=\"'image-view-list'\"\n            (mousedown)=\"closeSidebar($event)\" id=\"fileViewerHolder\" [loadOnInit]=\"true\">\n        </app-image-viewer>\n        <a style=\"color: white;\" (click)=\"closeSidebar(null)\" class=\"mobile-image-viewer-close\">\n            <i class=\"far fa-times-circle\"></i></a> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.VIDEO\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" style=\"height: 100%;\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i>\n                    </a>\n                    <a *ngIf=\"!isReadonly && !isDesktop()\" (click)=\"renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                    <a *ngIf=\"!readonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\n                style=\"width: 80%; margin: auto; height: 100%; border-radius: 0px;\">\n                <video width=\"100%\" height=\"100%\" style=\"margin-top: 50px;\" autoplay controls src=\"{{model.fileUrl}}\">\n                    Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 m\u1EDF video.\n                </video>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data.fileType == fileTypes.AUDIO\">\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" (mousedown)=\"closeSidebar($event)\" style=\"height: 100%;\">\n            <div #headerdialogmaterial class=\"header-dialog-material\">\n                <div class=\"flex-item\">\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\n                        class=\"btn btn-secondary\">\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\n                            {{ data.name }}\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex-item\">\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-download\"></i></a>\n                    <a *ngIf=\"!isReadonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\n                        <i class=\"fas fa-times\"></i></a>\n                </div>\n            </div>\n            <audio controls autoplay src=\"{{model.fileUrl}}\"\n                style=\"margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);\">\n                Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 ph\u00E1t audio. </audio>\n        </div>\n    </ng-container>\n\n</p-sidebar>\n\n<tn-dialog *ngIf=\"renameFileForm.show\" #dialog [styleClass]=\"'address-form'\"\n    [header]=\"renameFileForm.header | translate\" [popupSize]=\"renameFileForm.popupSize\" (onHide)=\"onCancelRenameFile()\">\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"renameFileForm.formData\"\n        (onSaved)=\"onSavedRenameFile()\" (onCancel)=\"onCancelRenameFile()\">\n    </file-form>\n</tn-dialog>",
                     providers: [ComponentContextService],
                     styles: ["::ng-deep .pdf-container ngx-extended-pdf-viewer #outerContainer{top:51px}.view-file{height:92vh}.dialog-material{display:block;border-radius:4px;box-sizing:border-box;overflow:hidden;outline:0;min-height:inherit;max-height:inherit;width:50vw;width:100%}.dialog-material.view-file-text{width:85%;margin:0 auto}.dialog-material.view-file-text.mobile{width:100%;margin:0 auto}.header-dialog-material{display:flex;flex-direction:row;justify-content:space-between;padding:5px 15px;box-sizing:border-box;outline:0;height:50px;line-height:50px;background:#3192e1;position:absolute;pointer-events:auto;left:0;right:0;top:0;width:auto}.header-dialog-material .flex-item{line-height:40px}.header-dialog-material .flex-item .cursor-pointer{cursor:pointer;display:inline-block;padding:0 15px}.header-dialog-material .flex-item .cursor-pointer.submenu{position:relative}.header-dialog-material .flex-item .cursor-pointer.submenu ul{display:flex;position:absolute;top:25px;right:0;align-content:flex-end;flex-direction:column;width:230px;border-radius:2px;padding:5px 0;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:1}.header-dialog-material .flex-item .cursor-pointer.submenu ul li{padding:0}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a{padding:0 0 0 5px;line-height:40px}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a:hover{background:#f5f5f5}.header-dialog-material ul:before{top:-8px;right:8px;left:auto;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;content:\" \";position:absolute}.mat-dialog-content{display:block;margin:0;padding:0;max-height:100vh;max-width:50vw;overflow:auto;-webkit-overflow-scrolling:touch}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;background:rgba(0,0,0,.7)!important}::ng-deep .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .mat-dialog-container{display:block;padding:0!important}::ng-deep .cdk-overlay-pane{max-height:100%}.button-link:hover{transition:background-color .1s,opacity .1s;background-image:none;background-color:hsla(0,0%,100%,.25)}.file-row-action i{margin-right:5px;width:40px;text-align:center}.file-row-action{line-height:34px;width:100%;display:block;color:#212529}.layout-menu li a{border:none;text-align:left}.layout-menu li a i:first-child{color:#666;font-size:1em}.footer-page{position:absolute;left:50%;margin-right:-50%;transform:translate(-50%);border-radius:3px;bottom:12px;z-index:3;overflow:hidden}.footer-page-label{border-right:1px solid hsla(0,0%,100%,.2);display:inline-block;font-size:13px;line-height:44px;height:44px;vertical-align:middle;background:#000}.footer-page-label-page{display:inline-block;margin-left:12px;vertical-align:middle;background:rgba(0,0,0,.75);color:#fff}.footer-page-label-numberpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}.footer-page-label-space{display:inline-block;margin-left:12px;vertical-align:middle;color:#fff}.footer-page-label-totalpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}::ng-deep p-table .ui-table-tbody>tr>td{overflow:unset}::ng-deep .ui-sidebar-left.ui-sidebar-active{padding-top:55px;background:rgba(0,0,0,.4);border:0}::ng-deep .layout-wrapper .layout-menu-container{border-radius:unset}::ng-deep .p-sidebar{padding:0!important;background-color:#000}@media print{::ng-deep body *{visibility:visible!important}}::ng-deep .image-container{display:flex;justify-content:center;background-color:#000}::ng-deep .image-container .image-container-toolbar{display:flex;justify-content:flex-end}::ng-deep .image-container>img{height:calc(100ch - 50px)!important;max-height:100%!important;margin-top:50px}"]
                 },] }
@@ -58410,95 +58516,96 @@
     exports["ɵ4"] = ɵ4;
     exports["ɵa"] = LoggerService;
     exports["ɵb"] = DropdownService;
-    exports["ɵba"] = AutoCompletePickerComponent;
-    exports["ɵbb"] = ImageUploaderComponent;
-    exports["ɵbc"] = CheckBoxListComponent;
-    exports["ɵbd"] = CoCauToChucPickerListComponent;
-    exports["ɵbe"] = CoCauToChucPickerListNewComponent;
-    exports["ɵbf"] = FormBuilderComponent;
-    exports["ɵbg"] = DatetimePickerComponent;
-    exports["ɵbh"] = DatetimePickerRangeComponent;
-    exports["ɵbi"] = EntityPickerBoxComponent;
-    exports["ɵbj"] = EntityPickerDataComponent;
-    exports["ɵbk"] = EntityPickerSelectedComponent;
-    exports["ɵbl"] = EntityPickerComponent;
-    exports["ɵbm"] = EntityPickerSearchFormComponent;
-    exports["ɵbn"] = EntityPickerDialogComponent;
-    exports["ɵbo"] = EntityPickerTreeDataComponent;
-    exports["ɵbp"] = EntityPickerTreeSelectedComponent;
-    exports["ɵbq"] = EntityPermissionComponent;
-    exports["ɵbr"] = EquationEditorComponent;
-    exports["ɵbs"] = MaskComponent;
-    exports["ɵbt"] = NumberPickerRangeComponent;
-    exports["ɵbu"] = PagingNextBackOnlyComponent;
-    exports["ɵbv"] = RadioButtonListComponent;
-    exports["ɵbw"] = VanBanPickerComponent;
-    exports["ɵbx"] = VanBanDenService;
-    exports["ɵby"] = VanBanDiService;
-    exports["ɵbz"] = VanBanPickerDialogComponent;
+    exports["ɵba"] = AdvanceSearchComponent;
+    exports["ɵbb"] = AutoCompletePickerComponent;
+    exports["ɵbc"] = ImageUploaderComponent;
+    exports["ɵbd"] = CheckBoxListComponent;
+    exports["ɵbe"] = CoCauToChucPickerListComponent;
+    exports["ɵbf"] = CoCauToChucPickerListNewComponent;
+    exports["ɵbg"] = FormBuilderComponent;
+    exports["ɵbh"] = DatetimePickerComponent;
+    exports["ɵbi"] = DatetimePickerRangeComponent;
+    exports["ɵbj"] = EntityPickerBoxComponent;
+    exports["ɵbk"] = EntityPickerDataComponent;
+    exports["ɵbl"] = EntityPickerSelectedComponent;
+    exports["ɵbm"] = EntityPickerComponent;
+    exports["ɵbn"] = EntityPickerSearchFormComponent;
+    exports["ɵbo"] = EntityPickerDialogComponent;
+    exports["ɵbp"] = EntityPickerTreeDataComponent;
+    exports["ɵbq"] = EntityPickerTreeSelectedComponent;
+    exports["ɵbr"] = EntityPermissionComponent;
+    exports["ɵbs"] = EquationEditorComponent;
+    exports["ɵbt"] = MaskComponent;
+    exports["ɵbu"] = NumberPickerRangeComponent;
+    exports["ɵbv"] = PagingNextBackOnlyComponent;
+    exports["ɵbw"] = RadioButtonListComponent;
+    exports["ɵbx"] = VanBanPickerComponent;
+    exports["ɵby"] = VanBanDenService;
+    exports["ɵbz"] = VanBanDiService;
     exports["ɵc"] = EntityPickerService;
-    exports["ɵca"] = VanbanDiPickerComponent;
-    exports["ɵcb"] = VanbanDenPickerComponent;
-    exports["ɵcc"] = CongViecPickerComponent;
-    exports["ɵcd"] = SettingsComponent;
-    exports["ɵce"] = SettingsRowComponent;
-    exports["ɵcf"] = ShareLinkByPermissionComponent;
-    exports["ɵcg"] = TnCheckboxComponent;
-    exports["ɵch"] = TnDialogComponent;
-    exports["ɵci"] = TnColorPickerComponent;
-    exports["ɵcj"] = TnTinymceComponent;
-    exports["ɵck"] = TnTabViewComponent;
-    exports["ɵcl"] = TableDetailFormComponent;
-    exports["ɵcm"] = FileIconPipe;
-    exports["ɵcn"] = FileSizePipe;
-    exports["ɵco"] = QuickAddFormComponent;
-    exports["ɵcp"] = PreventShiftTabDirective;
-    exports["ɵcq"] = TnTemplateDirective;
-    exports["ɵcr"] = UserPickerComponent;
-    exports["ɵcs"] = UserPickerBoxComponent;
-    exports["ɵct"] = CoCauToChucTestService;
-    exports["ɵcu"] = TnAppHelpComponent;
-    exports["ɵcv"] = PathNameService;
-    exports["ɵcw"] = HelperCurrentPageComponent;
-    exports["ɵcx"] = TnAppNotificationListComponent;
-    exports["ɵcy"] = TnAppNotificationComponent;
-    exports["ɵcz"] = FolderFormComponent;
+    exports["ɵca"] = VanBanPickerDialogComponent;
+    exports["ɵcb"] = VanbanDiPickerComponent;
+    exports["ɵcc"] = VanbanDenPickerComponent;
+    exports["ɵcd"] = CongViecPickerComponent;
+    exports["ɵce"] = SettingsComponent;
+    exports["ɵcf"] = SettingsRowComponent;
+    exports["ɵcg"] = ShareLinkByPermissionComponent;
+    exports["ɵch"] = TnCheckboxComponent;
+    exports["ɵci"] = TnDialogComponent;
+    exports["ɵcj"] = TnColorPickerComponent;
+    exports["ɵck"] = TnTinymceComponent;
+    exports["ɵcl"] = TnTabViewComponent;
+    exports["ɵcm"] = TableDetailFormComponent;
+    exports["ɵcn"] = FileIconPipe;
+    exports["ɵco"] = FileSizePipe;
+    exports["ɵcp"] = QuickAddFormComponent;
+    exports["ɵcq"] = PreventShiftTabDirective;
+    exports["ɵcr"] = TnTemplateDirective;
+    exports["ɵcs"] = UserPickerComponent;
+    exports["ɵct"] = UserPickerBoxComponent;
+    exports["ɵcu"] = CoCauToChucTestService;
+    exports["ɵcv"] = TnAppHelpComponent;
+    exports["ɵcw"] = PathNameService;
+    exports["ɵcx"] = HelperCurrentPageComponent;
+    exports["ɵcy"] = TnAppNotificationListComponent;
+    exports["ɵcz"] = TnAppNotificationComponent;
     exports["ɵd"] = ExceptionHandlerService;
-    exports["ɵda"] = FileFormComponent;
-    exports["ɵdb"] = FileViewerComponent;
-    exports["ɵdc"] = FileVersionListComponent;
-    exports["ɵdd"] = ViewDetailComponent;
-    exports["ɵde"] = ReferenceTextBoxComponent;
-    exports["ɵdf"] = QrCodeGeneratorComponent;
-    exports["ɵdg"] = ThongBaoComponent;
-    exports["ɵdh"] = MyDriveComponent;
-    exports["ɵdi"] = ChangePasswordComponent;
-    exports["ɵdj"] = ProfileComponent;
-    exports["ɵdk"] = AddNewsComponent;
-    exports["ɵdl"] = ArticleService;
-    exports["ɵdm"] = NewsCategoryService;
-    exports["ɵdn"] = UniversalLinkProcessorComponent;
-    exports["ɵdo"] = SignatureDetailComponent;
-    exports["ɵdp"] = KySoSimDanhSachChuKyComponent;
-    exports["ɵdq"] = KySoSimChuKyUserService;
-    exports["ɵdr"] = FileKySoSimComponent;
-    exports["ɵds"] = KySoSimSignPDFService;
-    exports["ɵdt"] = TaiLieuCuaToiComponent;
-    exports["ɵdu"] = KhaiThacTaiLieuDungChungComponent;
-    exports["ɵdv"] = DanhMucDungChungService;
-    exports["ɵdw"] = TnTemplateComponent;
-    exports["ɵdx"] = DropdownSettingFormComponent;
-    exports["ɵdy"] = CheckReadyComponent;
-    exports["ɵdz"] = TnAccordionTabComponent;
+    exports["ɵda"] = FolderFormComponent;
+    exports["ɵdb"] = FileFormComponent;
+    exports["ɵdc"] = FileViewerComponent;
+    exports["ɵdd"] = FileVersionListComponent;
+    exports["ɵde"] = ViewDetailComponent;
+    exports["ɵdf"] = ReferenceTextBoxComponent;
+    exports["ɵdg"] = QrCodeGeneratorComponent;
+    exports["ɵdh"] = ThongBaoComponent;
+    exports["ɵdi"] = MyDriveComponent;
+    exports["ɵdj"] = ChangePasswordComponent;
+    exports["ɵdk"] = ProfileComponent;
+    exports["ɵdl"] = AddNewsComponent;
+    exports["ɵdm"] = ArticleService;
+    exports["ɵdn"] = NewsCategoryService;
+    exports["ɵdo"] = UniversalLinkProcessorComponent;
+    exports["ɵdp"] = SignatureDetailComponent;
+    exports["ɵdq"] = KySoSimDanhSachChuKyComponent;
+    exports["ɵdr"] = KySoSimChuKyUserService;
+    exports["ɵds"] = FileKySoSimComponent;
+    exports["ɵdt"] = KySoSimSignPDFService;
+    exports["ɵdu"] = TaiLieuCuaToiComponent;
+    exports["ɵdv"] = KhaiThacTaiLieuDungChungComponent;
+    exports["ɵdw"] = DanhMucDungChungService;
+    exports["ɵdx"] = TnTemplateComponent;
+    exports["ɵdy"] = DropdownSettingFormComponent;
+    exports["ɵdz"] = CheckReadyComponent;
     exports["ɵe"] = ListBase;
-    exports["ɵea"] = SettingsWorkflowComponent;
-    exports["ɵeb"] = SettingAuthorizeButtonComponent;
-    exports["ɵec"] = BasePermissionService;
-    exports["ɵed"] = SettingsWorkflowNo1Component;
-    exports["ɵee"] = HtmlPreviewComponent;
-    exports["ɵef"] = AUTOCOMPLETE_VALUE_ACCESSOR;
-    exports["ɵeg"] = AutoComplete;
-    exports["ɵeh"] = AutoCompleteModule;
+    exports["ɵea"] = TnAccordionTabComponent;
+    exports["ɵeb"] = SettingsWorkflowComponent;
+    exports["ɵec"] = SettingAuthorizeButtonComponent;
+    exports["ɵed"] = BasePermissionService;
+    exports["ɵee"] = SettingsWorkflowNo1Component;
+    exports["ɵef"] = HtmlPreviewComponent;
+    exports["ɵeg"] = AUTOCOMPLETE_VALUE_ACCESSOR;
+    exports["ɵeh"] = AutoComplete;
+    exports["ɵei"] = AutoCompleteModule;
     exports["ɵf"] = ListComponentBase;
     exports["ɵg"] = TreeTableComponent;
     exports["ɵh"] = NotFoundComponent;
@@ -58514,12 +58621,12 @@
     exports["ɵr"] = MessageBoardService;
     exports["ɵs"] = FileExplorerNewService;
     exports["ɵt"] = FileVersionService;
-    exports["ɵu"] = FileManagerService;
-    exports["ɵv"] = DM_ChucVuService;
-    exports["ɵw"] = RoleService;
-    exports["ɵx"] = AddressComponent;
-    exports["ɵy"] = AddressNewComponent;
-    exports["ɵz"] = AdvanceSearchComponent;
+    exports["ɵu"] = UserChuKySoService;
+    exports["ɵv"] = FileManagerService;
+    exports["ɵw"] = DM_ChucVuService;
+    exports["ɵx"] = RoleService;
+    exports["ɵy"] = AddressComponent;
+    exports["ɵz"] = AddressNewComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });