tnx-shared 5.0.64 → 5.0.66

package/bundles/tnx-shared.umd.js

@@ -28,6 +28,7 @@
 
     var stringify__default = /*#__PURE__*/_interopDefaultLegacy(stringify);
     var moment___namespace = /*#__PURE__*/_interopNamespace(moment_);
+    var moment___default = /*#__PURE__*/_interopDefaultLegacy(moment_);
     var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
     var printJS___default = /*#__PURE__*/_interopDefaultLegacy(printJS_);
     var printJS___namespace = /*#__PURE__*/_interopNamespace(printJS_);
@@ -32546,7 +32547,24 @@
             if (dataSource === void 0) { dataSource = []; }
             this._dataSource = dataSource;
             this._oldValue = this._value;
-            this._value = dataSource.map(function (item) { return item.id; });
+            var value = [];
+            dataSource.forEach(function (item) {
+                value.push(item.id);
+                if (item.name) {
+                    item.nameWithoutExtension = item.name;
+                    var index = item.name.lastIndexOf('.');
+                    if (index > -1) {
+                        item.nameWithoutExtension = item.name.substring(0, index);
+                    }
+                    if (item.extension) {
+                        item.extension = item.extension.toLowerCase();
+                    }
+                    item.tailFile = item.name.substring(index);
+                    item.tailFileUpper = item.tailFile.toUpperCase();
+                    item.isFile = item.fileExplorerItemType == FileExplorerItemType.File;
+                }
+            });
+            this._value = value;
             if (this._oldValue != null) {
                 if (JSON.stringify(this._oldValue) != JSON.stringify(this._value)) {
                     this.fireEventChange();
@@ -32666,6 +32684,10 @@
                 show: false,
                 formData: {}
             };
+            this.forms[this.formIds.signatureDetail] = {
+                header: 'Thông tin chữ ký số',
+                show: false,
+            };
             this.forms[this.formIds.fileVersionList] = {
                 header: 'Danh sách phiên bản',
                 show: false,
@@ -33179,32 +33201,71 @@
         // TODO: Lưu ý xử lý trường double click vào nút
         FileManagerComponent.prototype.signFile = function (file) {
             var _this = this;
-            this._notifierService.showConfirm('Bạn có chắc chắn muốn ký số văn bản này?').then(function (rs) {
-                if (rs) {
-                    _this._fileExplorerService.generateLinkDownload({
-                        fileId: file.id
-                    }).then(function (rs) {
-                        var url = _this._fileExplorerService.getDownloadForSignUrl(rs.data);
-                        var prms = {};
-                        prms['FileUploadHandler'] = _this._moduleConfig.environment.apiDomain.fileEndpoint + "/" + _this._moduleConfig.environment.apiVersion + "/KySoFile/SavePhysicalSignedFile";
-                        prms['SessionId'] = '';
-                        prms['FileName'] = url;
-                        // tslint:disable-next-line: variable-name
-                        var json_prms = JSON.stringify(prms);
-                        vgca_sign_approved(json_prms, function (result) {
-                            var resultObj = JSON.parse(result);
-                            if (resultObj.FileServer != '') {
-                                _this._fileExplorerService.saveSignedFile({
-                                    sourceFile: file,
-                                    tempFileId: resultObj.FileServer
-                                }).then(function (rss) {
-                                    _this._notifierService.showSuccess('Ký số thành công');
-                                });
+            this._notifierService.showConfirm('Bạn có chắc chắn muốn ký số văn bản này?').then(function (rs) { return __awaiter(_this, void 0, void 0, function () {
+                var sourceFileId, sourceFile_1, rsConvert, e_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!rs) return [3 /*break*/, 5];
+                            sourceFileId = file.id;
+                            sourceFile_1 = file;
+                            if (!this._fileExplorerService.needConvertBeforeSign(file.name)) return [3 /*break*/, 4];
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this._fileExplorerService.convertDocumentToPdfAndSave({
+                                    id: sourceFileId,
+                                    name: this._fileExplorerService.changeFileExtension(file.name, 'pdf'),
+                                    folderId: file.parentFolderId,
+                                    ownerType: this._userService.getCurrentUser().userId.toString(),
+                                })];
+                        case 2:
+                            rsConvert = _b.sent();
+                            if (!rsConvert || !rsConvert.success) {
+                                this._notifierService.showWarning("C\u00F3 l\u1ED7i x\u1EA3y ra khi chuy\u1EC3n \u0111\u1ED5i t\u00E0i li\u1EC7u " + file.name + " th\u00E0nh pdf \u0111\u1EC3 k\u00FD. Vui l\u00F2ng th\u1EED l\u1EA1i sau");
+                                return [2 /*return*/];
                             }
-                        });
-                    });
-                }
-            });
+                            else {
+                                this._notifierService.showSuccess("Chuy\u1EC3n \u0111\u1ED5i t\u00E0i li\u1EC7u " + file.name + " th\u00E0nh pdf th\u00E0nh c\u00F4ng");
+                                sourceFileId = rsConvert.data;
+                                sourceFile_1 = { id: sourceFileId };
+                                this._triggerProcessData();
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            e_1 = _b.sent();
+                            this._notifierService.showWarning("C\u00F3 l\u1ED7i x\u1EA3y ra khi chuy\u1EC3n \u0111\u1ED5i t\u00E0i li\u1EC7u " + file.name + " th\u00E0nh pdf \u0111\u1EC3 k\u00FD. Vui l\u00F2ng th\u1EED l\u1EA1i sau");
+                            return [2 /*return*/];
+                        case 4:
+                            this._fileExplorerService.generateLinkDownload({
+                                fileId: sourceFileId,
+                            }).then(function (rs) {
+                                var url = _this._downloadLinkService.getDownloadForSignUrl(rs.data);
+                                var prms = {};
+                                prms['FileUploadHandler'] = _this._moduleConfig.environment.apiDomain.fileEndpoint + "/" + _this._moduleConfig.environment.apiVersion + "/KySoFile/SavePhysicalSignedFile";
+                                prms['SessionId'] = '';
+                                prms['FileName'] = url;
+                                // tslint:disable-next-line: variable-name
+                                var json_prms = JSON.stringify(prms);
+                                vgca_sign_approved(json_prms, function (result) {
+                                    var resultObj = JSON.parse(result);
+                                    if (resultObj.FileServer != '') {
+                                        _this._fileExplorerService.saveSignedFile({
+                                            sourceFile: sourceFile_1,
+                                            tempFileId: resultObj.FileServer,
+                                        }).then(function (rss) {
+                                            _this._triggerProcessData();
+                                            _this._notifierService.showSuccess('Ký số thành công');
+                                        });
+                                    }
+                                });
+                            });
+                            _b.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            }); });
         };
         FileManagerComponent.prototype.shareFolder = function (file) {
             return __awaiter(this, void 0, void 0, function () {
@@ -33231,7 +33292,7 @@
         };
         FileManagerComponent.prototype.viewListSign = function (e, signatures) {
             e.stopPropagation();
-            this.forms.signatureDetail.data = signatures;
+            this.model.advanceData = signatures;
             this.forms.signatureDetail.show = true;
         };
         FileManagerComponent.prototype.onRowSelect = function (evt) {
@@ -33257,8 +33318,8 @@
         };
         FileManagerComponent.prototype.signFileMultiple = function (lstFile) {
             return __awaiter(this, void 0, void 0, function () {
-                var prms, rs, lstFile_1, lstFile_1_1, file, sourceFileId, sourceFile, rsConvert, result, url, e_1, result, url, e_2_1, json_prms;
-                var e_2, _b;
+                var prms, rs, lstFile_1, lstFile_1_1, file, sourceFileId, sourceFile, rsConvert, result, url, e_2, result, url, e_3_1, json_prms;
+                var e_3, _b;
                 var _this = this;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
@@ -33312,7 +33373,7 @@
                             _c.label = 8;
                         case 8: return [3 /*break*/, 10];
                         case 9:
-                            e_1 = _c.sent();
+                            e_2 = _c.sent();
                             this._notifierService.showWarning("C\u00F3 l\u1ED7i x\u1EA3y ra khi chuy\u1EC3n \u0111\u1ED5i t\u00E0i li\u1EC7u " + file.name + " th\u00E0nh pdf \u0111\u1EC3 k\u00FD. Vui l\u00F2ng th\u1EED l\u1EA1i sau");
                             return [3 /*break*/, 13];
                         case 10: return [3 /*break*/, 13];
@@ -33333,14 +33394,14 @@
                             return [3 /*break*/, 3];
                         case 14: return [3 /*break*/, 17];
                         case 15:
-                            e_2_1 = _c.sent();
-                            e_2 = { error: e_2_1 };
+                            e_3_1 = _c.sent();
+                            e_3 = { error: e_3_1 };
                             return [3 /*break*/, 17];
                         case 16:
                             try {
                                 if (lstFile_1_1 && !lstFile_1_1.done && (_b = lstFile_1.return)) _b.call(lstFile_1);
                             }
-                            finally { if (e_2) throw e_2.error; }
+                            finally { if (e_3) throw e_3.error; }
                             return [7 /*endfinally*/];
                         case 17:
                             json_prms = JSON.stringify(prms);
@@ -33378,7 +33439,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     selector: 'file-manager',
-                    template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout\" [class.readonly]=\"readonly\">\r\n    <div class=\"p-grid fm-toolbar\">\r\n        <div class=\"fm-toolbar-path\">\r\n            <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\r\n        </div>\r\n        <div *ngIf=\"!readonly && rootFolderId\" class=\"fm-toolbar-buttons\">\r\n            <button *ngIf=\"!hiddenCreateFolder\" pButton type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c\" tooltipPosition=\"top\"\r\n                icon=\"pi pi-folder\" class=\"p-button-text p-button-rounded\" iconPos=\"left\" (click)=\"createFolder()\">\r\n            </button>\r\n\r\n            <button pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i l\u00EAn\" tooltipPosition=\"top\" type=\"button\"\r\n                class=\"p-button-rounded p-button-text p-button-primary\" (click)=\"selectFile()\"></button>\r\n\r\n            <button *ngIf=\"canSelect()\" class=\"p-button-rounded p-button-text p-button-success\" pButton type=\"button\"\r\n                pTooltip=\"Di chuy\u1EC3n\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\" iconPos=\"left\"\r\n                (click)=\"moveExplorerItems()\">\r\n            </button>\r\n\r\n            <ng-container *ngIf=\"canSetMove()\">\r\n                <button class=\"p-button-rounded p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"\u0110\u1EB7t \u1EDF \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\" iconPos=\"left\"\r\n                    (click)=\"setMoveExplorerItems()\">\r\n                </button>\r\n\r\n                <button icon=\"pi pi-undo\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n                    type=\"button\" pTooltip=\"B\u1ECF qua\" tooltipPosition=\"top\" (click)=\"cancelMove()\">\r\n                </button>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"hasSelect()\">\r\n                <button class=\"p-button-rounded p-button-text p-button-secondary\" pButton type=\"button\"\r\n                    pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\"\r\n                    (click)=\"downloadMultiple()\">\r\n                </button>\r\n                <button *ngIf=\"!control.uploadOnly\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"K\u00FD s\u1ED1 nhi\u1EC1u\" tooltipPosition=\"top\" icon=\"fas fa-signature\" iconPos=\"left\"\r\n                    label=\"K\u00FD s\u1ED1 nhi\u1EC1u\" (click)=\"signMultiple()\">\r\n                </button>\r\n                <button pButton type=\"button\" pTooltip=\"{{ 'X\u00F3a' | translate }}\" tooltipPosition=\"top\"\r\n                    icon=\"pi pi-trash\" iconPos=\"left\" class=\"p-button-rounded p-button-text p-button-danger\"\r\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"fm-grid\">\r\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\r\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\r\n            (onReload)=\"_triggerProcessData($event)\" (onRowSelect)=\"onRowSelect($event)\">\r\n\r\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\"\r\n                    (click)=\"openObject(rowData)\">\r\n                </span>\r\n\r\n                <span class=\"{{rowData.class}} file-ex-name\" (click)=\"openObject(rowData)\">\r\n                    {{rowData.name}}\r\n                    <div *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </span>\r\n            </ng-template>\r\n\r\n            <ng-template #fileSize let-rowData='rowData'>\r\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\r\n            </ng-template>\r\n\r\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n                <div class=\"function-list\">\r\n                    <button class=\"p-button-rounded p-button-text\" pButton type=\"button\" tooltipPosition=\"top\"\r\n                        pTooltip=\"{{getButtonTooltip(rowData)}}\" icon=\"{{getButtonIcon(rowData)}}\"\r\n                        (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                    <ng-container *ngIf=\"!readonly\">\r\n                        <button class=\"p-button-danger p-button-rounded p-button-text\" pButton type=\"button\"\r\n                            pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                            (click)=\"deleteFile(rowData)\"></button>\r\n\r\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                            (click)=\"showContextMenu($event, rowData)\"></button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-template>\r\n        </crud-list>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\r\n    <div class=\"nfl-toolbar\">\r\n        <button *ngIf=\"!readonly\" type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\r\n            icon=\"fas fa-cloud-upload-alt\" label=\"T\u1EA3i l\u00EAn\" (click)=\"selectFile()\"></button>\r\n    </div>\r\n\r\n    <div class=\"nfl-grid\">\r\n        <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\r\n            <div class=\"nfl-no\">\r\n                {{i + 1}}.\r\n            </div>\r\n\r\n            <div class=\"nfl-name\">\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon\">\r\n                </span>\r\n                <a class=\"{{rowData.class}} file-ex-name\" (click)=\"openObject(rowData)\">\r\n                    <span>{{rowData.name}}</span>\r\n                    <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"nfl-version\">\r\n                v{{rowData.currentFileVersion}}\r\n            </div>\r\n\r\n            <div class=\"nfl-function\">\r\n                <ng-container *ngIf=\"!readonly\">\r\n                    <button class=\"p-button-rounded p-button-text\" pButton type=\"button\" tooltipPosition=\"top\"\r\n                        pTooltip=\"{{getButtonTooltip(rowData)}}\" icon=\"{{getButtonIcon(rowData)}}\"\r\n                        (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                    <button class=\"p-button-danger p-button-rounded p-button-text\" pButton type=\"button\" pTooltip=\"X\u00F3a\"\r\n                        tooltipPosition=\"top\" icon=\"pi pi-trash\" (click)=\"deleteFile(rowData)\"></button>\r\n\r\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                        (click)=\"showContextMenu($event, rowData)\"></button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\r\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<p-fileUpload #fileControl [name]=\"fileInForm\" mode=\"basic\" [ngStyle]=\"{'display': 'none'}\" [chooseLabel]=\"chooseLabel\"\r\n    [multiple]=\"control?control.multiple:false\" [url]=\"apiUploadUrl\" [maxFileSize]=\"maxFileSize\" auto=\"true\"\r\n    [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\r\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\r\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\r\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\r\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\r\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" (onProgress)=\"onUploadProgress($event)\"\r\n    (onBeforeUpload)=\"onBeforeUpload($event)\" (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\">\r\n</p-fileUpload>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\r\n</p-contextMenu>\r\n\r\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\r\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\r\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\r\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\r\n    </folder-form>\r\n</tn-dialog>\r\n\r\n<!-- \u0110\u1ED5i t\u00EAn file -->\r\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\r\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\r\n    </file-form>\r\n</tn-dialog>\r\n\r\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\r\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n    [model]=\"forms.fileViewer.formData\" [readonly]=\"readonly\" (onClose)=\"closeFileViewer()\">\r\n</file-viewer>\r\n\r\n<!-- Xem phi\u00EAn b\u1EA3n -->\r\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\r\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\r\n    </file-version-list>\r\n</tn-dialog>\r\n\r\n<!--<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFile.formData\">\r\n</share-file>\r\n\r\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFolder.formData\">\r\n</share-folder>\r\n\r\n<signature-detail *ngIf=\"forms.signatureDetail.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.signatureDetail.formData\">\r\n</signature-detail> -->",
+                    template: "<div *ngIf=\"layout == _layout.LIST\" class=\"full-layout\" [class.readonly]=\"readonly\">\r\n    <div class=\"p-grid fm-toolbar\">\r\n        <div class=\"fm-toolbar-path\">\r\n            <p-breadcrumb class=\"customBreadCrumb\" [model]=\"data.breadcrumbs\"></p-breadcrumb>\r\n        </div>\r\n        <div *ngIf=\"!readonly && rootFolderId\" class=\"fm-toolbar-buttons\">\r\n            <button *ngIf=\"!hiddenCreateFolder\" pButton type=\"button\" pTooltip=\"T\u1EA1o th\u01B0 m\u1EE5c\" tooltipPosition=\"top\"\r\n                icon=\"pi pi-folder\" class=\"p-button-text p-button-rounded\" iconPos=\"left\" (click)=\"createFolder()\">\r\n            </button>\r\n\r\n            <button pButton icon=\"pi pi-cloud-upload\" pTooltip=\"T\u1EA3i l\u00EAn\" tooltipPosition=\"top\" type=\"button\"\r\n                class=\"p-button-rounded p-button-text p-button-primary\" (click)=\"selectFile()\"></button>\r\n\r\n            <button *ngIf=\"canSelect()\" class=\"p-button-rounded p-button-text p-button-success\" pButton type=\"button\"\r\n                pTooltip=\"Di chuy\u1EC3n\" tooltipPosition=\"top\" icon=\"fas fa-arrows-alt\" iconPos=\"left\"\r\n                (click)=\"moveExplorerItems()\">\r\n            </button>\r\n\r\n            <ng-container *ngIf=\"canSetMove()\">\r\n                <button class=\"p-button-rounded p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"\u0110\u1EB7t \u1EDF \u0111\u00E2y\" tooltipPosition=\"top\" icon=\"far fa-hand-paper\" iconPos=\"left\"\r\n                    (click)=\"setMoveExplorerItems()\">\r\n                </button>\r\n\r\n                <button icon=\"pi pi-undo\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n                    type=\"button\" pTooltip=\"B\u1ECF qua\" tooltipPosition=\"top\" (click)=\"cancelMove()\">\r\n                </button>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"hasSelect()\">\r\n                <button class=\"p-button-rounded p-button-text p-button-secondary\" pButton type=\"button\"\r\n                    pTooltip=\"N\u00E9n & t\u1EA3i v\u1EC1\" tooltipPosition=\"top\" icon=\"fas fa-file-archive\" iconPos=\"left\"\r\n                    (click)=\"downloadMultiple()\">\r\n                </button>\r\n                <button *ngIf=\"!control.uploadOnly\" class=\"p-button-text p-button-success\" pButton type=\"button\"\r\n                    pTooltip=\"K\u00FD s\u1ED1 nhi\u1EC1u\" tooltipPosition=\"top\" icon=\"fas fa-signature\" iconPos=\"left\"\r\n                    label=\"K\u00FD s\u1ED1 nhi\u1EC1u\" (click)=\"signMultiple()\">\r\n                </button>\r\n                <button pButton type=\"button\" pTooltip=\"{{ 'X\u00F3a' | translate }}\" tooltipPosition=\"top\"\r\n                    icon=\"pi pi-trash\" iconPos=\"left\" class=\"p-button-rounded p-button-text p-button-danger\"\r\n                    (click)=\"deleteMutiple(model.selectedItems)\"></button>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"fm-grid\">\r\n        <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"_dataSource\"\r\n            [disableKeypressControl]=\"true\" [showScrollBar]=\"false\" class=\"--auto-height-content --no-wrapper-padding\"\r\n            (onReload)=\"_triggerProcessData($event)\" (onRowSelect)=\"onRowSelect($event)\">\r\n\r\n            <ng-template #explorerItem let-rowData='rowData' let-col='col'>\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon : !rowData.isFile\"\r\n                    (click)=\"openObject(rowData)\">\r\n                </span>\r\n\r\n                <span class=\"{{rowData.class}} file-ex-name\" (click)=\"openObject(rowData)\">\r\n                    {{rowData.name}}\r\n                    <div *ngIf=\"rowData.signatures\" class=\"pull-right signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </span>\r\n            </ng-template>\r\n\r\n            <ng-template #fileSize let-rowData='rowData'>\r\n                <div *ngIf=\"rowData.isFile\">{{rowData.fileSize | fileSize}}</div>\r\n            </ng-template>\r\n\r\n            <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n                <div class=\"function-list\">\r\n                    <button class=\"p-button-rounded p-button-text\" pButton type=\"button\" tooltipPosition=\"top\"\r\n                        pTooltip=\"{{getButtonTooltip(rowData)}}\" icon=\"{{getButtonIcon(rowData)}}\"\r\n                        (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                    <ng-container *ngIf=\"!readonly\">\r\n                        <button class=\"p-button-danger p-button-rounded p-button-text\" pButton type=\"button\"\r\n                            pTooltip=\"X\u00F3a\" tooltipPosition=\"top\" icon=\"pi pi-trash\"\r\n                            (click)=\"deleteFile(rowData)\"></button>\r\n\r\n                        <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                            (click)=\"showContextMenu($event, rowData)\"></button>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-template>\r\n        </crud-list>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"layout == _layout.SIMPLE\" class=\"not-full-layout\" [class.readonly]=\"readonly\">\r\n    <div class=\"nfl-toolbar\">\r\n        <button *ngIf=\"!readonly\" type=\"button\" pButton class=\"p-button-text p-button-info link-or-action\"\r\n            icon=\"fas fa-cloud-upload-alt\" label=\"T\u1EA3i l\u00EAn\" (click)=\"selectFile()\"></button>\r\n    </div>\r\n\r\n    <div class=\"nfl-grid\">\r\n        <div *ngFor=\"let rowData of _dataSource; index as i\" class=\"nfl-item\">\r\n            <div class=\"nfl-no\">\r\n                {{i + 1}}.\r\n            </div>\r\n\r\n            <div class=\"nfl-name\">\r\n                <span class=\"pull-left file-ex-icon\" [innerHTML]=\"rowData.name | fileIcon\">\r\n                </span>\r\n                <a class=\"{{rowData.class}} file-ex-name\" (click)=\"openObject(rowData)\">\r\n                    <span>{{rowData.name}}</span>\r\n                    <div *ngIf=\"rowData.signatures\" class=\"signature\" pTooltip=\"Xem chi ti\u1EBFt k\u00FD s\u1ED1\"\r\n                        tooltipPosition=\"top\" (click)=\"viewListSign($event, rowData.signatures)\">\r\n                        <i class=\"fas fa-signature\"></i>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"nfl-version\">\r\n                v{{rowData.currentFileVersion}}\r\n            </div>\r\n\r\n            <div class=\"nfl-function\">\r\n                <ng-container *ngIf=\"!readonly\">\r\n                    <button class=\"p-button-rounded p-button-text\" pButton type=\"button\" tooltipPosition=\"top\"\r\n                        pTooltip=\"{{getButtonTooltip(rowData)}}\" icon=\"{{getButtonIcon(rowData)}}\"\r\n                        (click)=\"onButtonClick(rowData)\"></button>\r\n\r\n                    <button class=\"p-button-danger p-button-rounded p-button-text\" pButton type=\"button\" pTooltip=\"X\u00F3a\"\r\n                        tooltipPosition=\"top\" icon=\"pi pi-trash\" (click)=\"deleteFile(rowData)\"></button>\r\n\r\n                    <button type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                        class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\r\n                        (click)=\"showContextMenu($event, rowData)\"></button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!_dataSource || !_dataSource.length\" class=\"nfl-no-item\">\r\n            Ch\u01B0a c\u00F3 t\u00E0i li\u1EC7u \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<p-fileUpload #fileControl [name]=\"fileInForm\" mode=\"basic\" [ngStyle]=\"{'display': 'none'}\" [chooseLabel]=\"chooseLabel\"\r\n    [multiple]=\"control?control.multiple:false\" [url]=\"apiUploadUrl\" [maxFileSize]=\"maxFileSize\" auto=\"true\"\r\n    [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\r\n    [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\r\n    [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\r\n    [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\r\n    [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\r\n    [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\" (onProgress)=\"onUploadProgress($event)\"\r\n    (onBeforeUpload)=\"onBeforeUpload($event)\" (onSelect)=\"handleSelectFile($event)\" (onUpload)=\"onUploaded($event)\">\r\n</p-fileUpload>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"data.itemsMenuFile\" styleClass=\"fm-contextMenu-panel\">\r\n</p-contextMenu>\r\n\r\n<!-- T\u1EA1o m\u1EDBi/ \u0111\u1ED5i t\u00EAn th\u01B0 m\u1EE5c -->\r\n<tn-dialog *ngIf=\"forms.createFolder.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.createFolder.header | translate\" [popupSize]=\"forms[formIds.createFolder].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.createFolder)\">\r\n    <folder-form #formBase [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [model]=\"forms[formIds.createFolder].formData\" (onSaved)=\"onSavedForm(formIds.createFolder)\"\r\n        (onCancel)=\"onCancelForm(formIds.createFolder)\">\r\n    </folder-form>\r\n</tn-dialog>\r\n\r\n<!-- \u0110\u1ED5i t\u00EAn file -->\r\n<tn-dialog *ngIf=\"forms.renameFile.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.renameFile.header | translate\" [popupSize]=\"forms[formIds.renameFile].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.renameFile)\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"forms[formIds.renameFile].formData\"\r\n        (onSaved)=\"onSavedForm(formIds.renameFile)\" (onCancel)=\"onCancelForm(formIds.renameFile)\">\r\n    </file-form>\r\n</tn-dialog>\r\n\r\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\r\n<file-viewer *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n    [model]=\"forms.fileViewer.formData\" [readonly]=\"readonly\" (onClose)=\"closeFileViewer()\">\r\n</file-viewer>\r\n\r\n<!-- Xem phi\u00EAn b\u1EA3n -->\r\n<tn-dialog *ngIf=\"forms.fileVersionList.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.fileVersionList.header | translate\" [popupSize]=\"forms[formIds.fileVersionList].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.fileVersionList)\">\r\n    <file-version-list *ngIf=\"forms.fileVersionList.show\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n        [fileId]=\"forms[formIds.fileVersionList].fileId\" [readonly]=\"readonly\">\r\n    </file-version-list>\r\n</tn-dialog>\r\n\r\n<!--<share-file *ngIf=\"forms.shareFile.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFile.formData\">\r\n</share-file>\r\n\r\n<share-folder *ngIf=\"forms.shareFolder.show\" [parentDataModel]=\"model\" [parentDataContext]=\"context\"\r\n    [model]=\"forms.shareFolder.formData\">\r\n</share-folder>-->\r\n\r\n<!-- Xem ch\u1EEF k\u00FD s\u1ED1 -->\r\n<tn-dialog *ngIf=\"forms.signatureDetail.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"forms.signatureDetail.header | translate\" [popupSize]=\"forms[formIds.signatureDetail].popupSize\"\r\n    (onHide)=\"onCancelForm(formIds.signatureDetail)\">\r\n    <signature-detail [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </signature-detail>\r\n</tn-dialog>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -45451,6 +45512,70 @@
         { type: UserService }
     ]; };
 
+    // fix for build prod
+    var moment$1 = moment___default['default'];
+    var SignatureDetailComponent = /** @class */ (function (_super) {
+        __extends(SignatureDetailComponent, _super);
+        function SignatureDetailComponent(injector) {
+            return _super.call(this, injector) || this;
+        }
+        SignatureDetailComponent.prototype.ngOnInit = function () {
+            this.model.data = this.parentModel.advanceData;
+            this.buildTree();
+        };
+        SignatureDetailComponent.prototype.buildTree = function () {
+            var nodes = [];
+            for (var ind in this.model.data) {
+                var item = this.model.data[ind];
+                var childNodes = { expanded: true, children: [] };
+                childNodes.label = "" + item.reason;
+                childNodes.expandedIcon = 'fas fa-signature';
+                childNodes.collapsedIcon = 'fas fa-signature';
+                childNodes.leaf = false;
+                if (item.reason) {
+                    childNodes.children.push({
+                        label: 'Người ký: ' + item.certificate.subject.nameOfSigner,
+                        expandedIcon: 'fas fa-user-tag',
+                        collapsedIcon: 'fas fa-user-tag',
+                        leaf: true
+                    });
+                }
+                childNodes.children.push({
+                    label: 'Đơn vị: ' + item.certificate.subject.organizationUnit + ' - ' + item.certificate.subject.organization,
+                    expandedIcon: 'fas fa-building',
+                    collapsedIcon: 'fas fa-building',
+                    leaf: true
+                });
+                childNodes.children.push({
+                    label: 'Chứng thư cấp bởi: ' + item.certificate.issuerDN.nameOfIssuer,
+                    expandedIcon: 'fas fa-certificate',
+                    collapsedIcon: 'fas fa-certificate',
+                    leaf: true
+                });
+                childNodes.children.push({
+                    label: 'Thời gian ký: ' + moment$1(item.signDate).format('D/MM/Y hh:mm:ss Z'),
+                    expandedIcon: 'fas fa-clock',
+                    collapsedIcon: 'fas fa-clock',
+                    leaf: true
+                });
+                nodes.push(childNodes);
+            }
+            this.model.dataSource = nodes;
+        };
+        return SignatureDetailComponent;
+    }(ComponentBase));
+    SignatureDetailComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'signature-detail',
+                    template: "<div class=\"tree-signature\">\r\n    <p-tree [value]=\"model.dataSource\" [filter]=\"true\" [emptyMessage]=\"'Kh\u00F4ng c\u00F3 ch\u1EEF k\u00FD'\" styleClass=\"signature-tree\">\r\n    </p-tree>\r\n</div>",
+                    providers: [ComponentContextService],
+                    styles: [":host::ng-deep .signature-tree{border:none;width:100%}:host::ng-deep .signature-tree .ui-treenode-icon{color:#888;padding-right:10px}:host::ng-deep .signature-tree span.fas.fa-signature+span{font-weight:700}:host::ng-deep .signature-tree span.ui-treenode-icon.fas.fa-signature{color:#212529!important;padding-left:5px}:host::ng-deep .signature-tree span.ui-tree-toggler{color:#212529!important}"]
+                },] }
+    ];
+    SignatureDetailComponent.ctorParameters = function () { return [
+        { type: i0.Injector }
+    ]; };
+
     function coreDeclaration() {
         return [
             AddressComponent,
@@ -45580,7 +45705,8 @@
             FilePickerDialogComponent,
             AddNewsComponent,
             CommonDashboardComponent,
-            NotFoundComponent
+            NotFoundComponent,
+            SignatureDetailComponent
         ];
     }
     function coreModuleImport() {
@@ -47933,10 +48059,11 @@
     exports.ɵds = AddNewsComponent;
     exports.ɵdt = ArticleService;
     exports.ɵdu = NewsCategoryService;
-    exports.ɵdv = CheckReadyComponent;
-    exports.ɵdw = SendAccessTokenInterceptor;
-    exports.ɵdx = LogInterceptor;
-    exports.ɵdy = PermissionUtilsInterceptor;
+    exports.ɵdv = SignatureDetailComponent;
+    exports.ɵdw = CheckReadyComponent;
+    exports.ɵdx = SendAccessTokenInterceptor;
+    exports.ɵdy = LogInterceptor;
+    exports.ɵdz = PermissionUtilsInterceptor;
     exports.ɵe = CanBo_HoSoService;
     exports.ɵf = AfterViewCheckedComponent;
     exports.ɵg = AdvanceSearchComponent;