tnx-shared 5.3.192 → 5.3.194

package/bundles/tnx-shared.umd.js

@@ -789,7 +789,7 @@
     (function (FileExtensions) {
         FileExtensions["VIDEO"] = ".MP4,.MOV,.AVI,.FLV,.WMV";
         FileExtensions["IMAGE"] = ".JPG,.JPEG,.PNG,.TIF,.GIF";
-        FileExtensions["DOC"] = ".DOC,.DOCX,.PDF,.XLS,.XLSX,.TXT,.CSV,.XML,.HTML";
+        FileExtensions["DOC"] = ".DOC,.DOCX,.PDF,.XLS,.XLSX,.TXT,.CSV,.XML,.HTML,.PPTX,.PPTM,.PPT";
         FileExtensions["AUDIO"] = ".MP3,.WAV,.M4A";
         FileExtensions["COMPRESSED"] = ".ZIP,.SITX,.RAR,.7Z,.GZ,.TAR";
     })(exports.FileExtensions || (exports.FileExtensions = {}));
@@ -2028,6 +2028,7 @@
             _this.selectedItemsLabel = 'Đã chọn {0} mục';
             _this.selectedAllItemLabel = 'Đã chọn tất cả';
             _this.filterPlaceholder = 'Nhập tìm kiếm';
+            _this.serverLoadMessage = 'Dữ liệu sẽ được làm mới khi tìm kiếm';
             _this.showClear = true;
             _this.filter = true;
             _this.multiple = false;
@@ -33116,7 +33117,7 @@
     DropdownComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dropdown',
-                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\"\n    [class.server-load]=\"control.isServerLoad\">\n    <span class=\"server-load-info\" pTooltip=\"D\u1EEF li\u1EC7u s\u1EBD \u0111\u01B0\u1EE3c l\u00E0m m\u1EDBi khi t\u00ECm ki\u1EBFm\" tooltipPosition=\"top\"></span>\n    <p-dropdown *ngIf=\"!control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filterPlaceholder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [placeholder]=\"control.placeholder\"\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\n        [disabled]=\"checkDisabled(control)\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\n            <ng-container\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\n            </ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\n        </ng-template>\n    </p-dropdown>\n    <p-multiSelect *ngIf=\"control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filter]=\"control.filter\" [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\"\n        [filterPlaceHolder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [panelStyleClass]=\"getPanelClass()\"\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"checkDisabled(control)\"\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\n        (onPanelHide)=\"onHideHandler($event)\">\n        <ng-template pTemplate=\"selectedItems\" let-value>\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\n            <ng-container *ngIf=\"value && value.length > 0\">\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\n                    {{getItemSelectedLabel(selectedItem)}}<span class=\"remove-item\"\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\n                </span>\n            </ng-container>\n        </ng-template>\n    </p-multiSelect>\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\n    <span #buttonSetting class=\"button-setting hide pi pi-cog\" (click)=\"showFormSetting()\"></span>\n    <after-view-checked *ngIf=\"!loading\" (loaded)=\"handleLoaded()\"></after-view-checked>\n    <button *ngIf=\"control.quickAdd && (control.cols || control.quickAddTemplate)\" type=\"button\" pButton\n        icon=\"pi pi-plus\" class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\"\n        tooltipPosition=\"top\" (click)=\"showFormQuickAdd()\"></button>\n</div>\n<tn-dialog *ngIf=\"quickAddDialogModel.showEditForm\" #dialog [header]=\"quickAddDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"quickAddDialogModel.showEditForm = false\">\n    <quick-add-form *ngIf=\"control.cols\" #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"quickAddDialogModel.data.formModel\" [control]=\"control\" [baseService]=\"control.baseService\"\n        (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\n    </quick-add-form>\n</tn-dialog>\n<tn-dialog *ngIf=\"settingDialogModel.showEditForm\" #dialog [header]=\"settingDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"settingDialogModel.showEditForm = false\">\n    <dropdown-setting-form #formBase [model]=\"settingDialogModel.data.formModel\" (onSaved)=\"handleSavedSetting()\"\n        (onCancel)=\"settingDialogModel.showEditForm = false\">\n    </dropdown-setting-form>\n</tn-dialog>\n<ng-container *ngTemplateOutlet=\"control.quickAddTemplate; context: {\n    handleSaved: handleSaved,\n    handleCancel: handleCancel,\n    dialogModel: quickAddDialogModel\n}\"></ng-container>",
+                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\"\n    [class.server-load]=\"control.isServerLoad\">\n    <span class=\"server-load-info\" [pTooltip]=\"control.serverLoadMessage\" tooltipPosition=\"top\"></span>\n    <p-dropdown *ngIf=\"!control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filterPlaceholder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [placeholder]=\"control.placeholder\"\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\n        [disabled]=\"checkDisabled(control)\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\n            <ng-container\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\n            </ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\n        </ng-template>\n    </p-dropdown>\n    <p-multiSelect *ngIf=\"control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filter]=\"control.filter\" [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\"\n        [filterPlaceHolder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [panelStyleClass]=\"getPanelClass()\"\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"checkDisabled(control)\"\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\n        (onPanelHide)=\"onHideHandler($event)\">\n        <ng-template pTemplate=\"selectedItems\" let-value>\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\n            <ng-container *ngIf=\"value && value.length > 0\">\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\n                    {{getItemSelectedLabel(selectedItem)}}<span class=\"remove-item\"\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\n                </span>\n            </ng-container>\n        </ng-template>\n    </p-multiSelect>\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\n    <span #buttonSetting class=\"button-setting hide pi pi-cog\" (click)=\"showFormSetting()\"></span>\n    <after-view-checked *ngIf=\"!loading\" (loaded)=\"handleLoaded()\"></after-view-checked>\n    <button *ngIf=\"control.quickAdd && (control.cols || control.quickAddTemplate)\" type=\"button\" pButton\n        icon=\"pi pi-plus\" class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\"\n        tooltipPosition=\"top\" (click)=\"showFormQuickAdd()\"></button>\n</div>\n<tn-dialog *ngIf=\"quickAddDialogModel.showEditForm\" #dialog [header]=\"quickAddDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"quickAddDialogModel.showEditForm = false\">\n    <quick-add-form *ngIf=\"control.cols\" #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"quickAddDialogModel.data.formModel\" [control]=\"control\" [baseService]=\"control.baseService\"\n        (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\n    </quick-add-form>\n</tn-dialog>\n<tn-dialog *ngIf=\"settingDialogModel.showEditForm\" #dialog [header]=\"settingDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"settingDialogModel.showEditForm = false\">\n    <dropdown-setting-form #formBase [model]=\"settingDialogModel.data.formModel\" (onSaved)=\"handleSavedSetting()\"\n        (onCancel)=\"settingDialogModel.showEditForm = false\">\n    </dropdown-setting-form>\n</tn-dialog>\n<ng-container *ngTemplateOutlet=\"control.quickAddTemplate; context: {\n    handleSaved: handleSaved,\n    handleCancel: handleCancel,\n    dialogModel: quickAddDialogModel\n}\"></ng-container>",
                     providers: [ComponentContextService],
                     styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.tn-dropdown .server-load-info{display:none}.tn-dropdown.server-load{position:relative}.tn-dropdown.server-load .server-load-info{display:block;position:absolute;top:0;left:0;width:6px;height:6px}.tn-dropdown.server-load .server-load-info:before{content:\"\";display:block;position:absolute;top:-6px;left:-6px;z-index:1;transform:rotate(45deg);border:6px solid transparent;border-right-color:green}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;padding-right:32px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.button-setting{position:absolute;width:30px;height:30px;top:1px;right:1px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;background:#fff;border-radius:3px}.button-setting.hide{display:none}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;border-radius:3px;padding:3px 5px;margin:0 0 0 3px;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{padding:1px 5px;margin-left:2px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}"]
                 },] }
@@ -35666,7 +35667,7 @@
             _this.chooseLabel = 'Chọn';
             _this.readonly = true;
             _this.showDeleteFile = true;
-            _this.accept = 'image/*,.xlsx,.xls,.pdf,.doc,.docx,.zip,.rar';
+            _this.accept = 'image/*,.xlsx,.xls,.pdf,.doc,.docx,.zip,.rar,.ppt, .pptx)';
             _this.maxFileSize = 100000000; // Size in byte
             _this.invalidFileSizeMessageSummary = '{0}: Quá dung lượng file cho phép, ';
             _this.invalidFileSizeMessageDetail = 'dung lượng tối đa là {0}.';
@@ -37776,703 +37777,6 @@
         cancelButton: [{ type: i0.ViewChild, args: ['cancelButton',] }]
     };
 
-    var HighPerformanceService = /** @class */ (function () {
-        function HighPerformanceService(_signalrService, _commonService, _httpClient, _moduleConfigService) {
-            this._signalrService = _signalrService;
-            this._commonService = _commonService;
-            this._httpClient = _httpClient;
-            this._moduleConfigService = _moduleConfigService;
-        }
-        HighPerformanceService.prototype.createProcess = function (queueName, callBackOnMessage, data, returnSequenceNumber) {
-            var _this = this;
-            if (callBackOnMessage === void 0) { callBackOnMessage = null; }
-            if (data === void 0) { data = null; }
-            if (returnSequenceNumber === void 0) { returnSequenceNumber = false; }
-            var internalClientKey = this._commonService.guid();
-            var model = {
-                queueName: queueName,
-                data: data,
-                clientKey: internalClientKey
-            };
-            this._signalrService.start(null, internalClientKey, function (data) {
-                if (callBackOnMessage) {
-                    callBackOnMessage(data);
-                }
-                _this._signalrService.unSubscribeViewCode(null, internalClientKey);
-            });
-            return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-                var highPerformanceEndpoint, rs, _a_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            this.env = this._moduleConfigService.getConfig().environment;
-                            highPerformanceEndpoint = this.env.apiDomain.highPerformanceEndpoint + "/HighPerformance/DoWork?returnSequenceNumber=" + returnSequenceNumber;
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, this._httpClient.post(highPerformanceEndpoint, model).toPromise()];
-                        case 2:
-                            rs = _b.sent();
-                            if (rs.success) {
-                                resolve(rs.data);
-                            }
-                            return [3 /*break*/, 4];
-                        case 3:
-                            _a_1 = _b.sent();
-                            return [3 /*break*/, 4];
-                        case 4:
-                            resolve(null);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        HighPerformanceService.prototype.cancelProcess = function (queueName, uniqueKey) {
-            return __awaiter(this, void 0, void 0, function () {
-                var highPerformanceEndpoint, rs, _a_2;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, , 3]);
-                            highPerformanceEndpoint = this.env.apiDomain.highPerformanceEndpoint + "/HighPerformance/CancelWork?queueName=" + queueName + "&uniqueKey=" + uniqueKey;
-                            return [4 /*yield*/, this._httpClient.post(highPerformanceEndpoint, {}).toPromise()];
-                        case 1:
-                            rs = _b.sent();
-                            if (rs.success) {
-                                return [2 /*return*/, rs.data];
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            _a_2 = _b.sent();
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/, false];
-                    }
-                });
-            });
-        };
-        return HighPerformanceService;
-    }());
-    HighPerformanceService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function HighPerformanceService_Factory() { return new HighPerformanceService(i0__namespace.ɵɵinject(SignalRService), i0__namespace.ɵɵinject(CommonService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(ModuleConfigService)); }, token: HighPerformanceService, providedIn: "root" });
-    HighPerformanceService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    HighPerformanceService.ctorParameters = function () { return [
-        { type: SignalRService },
-        { type: CommonService },
-        { type: i1$1.HttpClient },
-        { type: ModuleConfigService }
-    ]; };
-
-    var TemplateService = /** @class */ (function () {
-        function TemplateService(_moduleConfigService, _httpClient, _printService, _fileService, _notifierService, _crudService, _commonService) {
-            this._httpClient = _httpClient;
-            this._printService = _printService;
-            this._fileService = _fileService;
-            this._notifierService = _notifierService;
-            this._crudService = _crudService;
-            this._commonService = _commonService;
-            this._moduleConfig = _moduleConfigService.getConfig();
-            this.environment = this._moduleConfig.environment;
-            this.serviceUri = this.environment.apiDomain.templateEndpoint + "/template";
-        }
-        TemplateService.prototype.laTexToBase64Image = function (laTex, font) {
-            if (font === void 0) { font = 54; }
-            var api = this.serviceUri + "/LatexToBase64";
-            return this._httpClient.post(api, { laTex: laTex, font: font }).toPromise();
-        };
-        /**
-         * Description: Xuất file sử dụng thư viện CX, xuất xong tự động mở popup để lưu file.
-         */
-        TemplateService.prototype.exportCxExcelByCode = function (model) {
-            var _this = this;
-            var url = this.serviceUri + "/ExportCxExcelByCode";
-            this.setFileInfo(model);
-            return this._httpClient
-                .post(url, model, { responseType: 'blob' })
-                .toPromise()
-                .then(function (res) {
-                FileSaver__namespace.saveAs(res, _this.getFullFileName(model.fileName || model.code));
-            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
-                var errorText;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, err.error.text()];
-                        case 1:
-                            errorText = _a.sent();
-                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        TemplateService.prototype.exportManyCxExcelByCode = function (model) {
-            var _this = this;
-            var url = this.serviceUri + "/ExportManyCxExcelByCode";
-            this.setManyFileInfo(model);
-            return this._httpClient
-                .post(url, model)
-                .toPromise()
-                .then(function (res) {
-                if (res.success) {
-                    _this._fileService.downloadFolder(res.data.folderId);
-                }
-                else {
-                    _this._crudService.processErrorResponse(res);
-                }
-            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
-                var errorText;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, err.error.text()];
-                        case 1:
-                            errorText = _a.sent();
-                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        TemplateService.prototype.getFullFileName = function (fileName, extension) {
-            if (extension === void 0) { extension = TemplateConstant.EXCEL_EXTENSION; }
-            return "" + fileName + extension;
-        };
-        /**
-         * Description: Export sử dung ClosedXml.Report (Cx) với signalR, sử dụng cho file dữ liệu lớn.
-         * Param: model chứa
-         *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
-         *  - data : object chứa dữ liệu đã chuyền thành dạng json.
-         *  - fileName: tên file sau khi export.
-         *  - topic: guid dùng để subscribe.
-         */
-        TemplateService.prototype.ExportCxExcelByCodeWithSignalR = function (model) {
-            return __awaiter(this, void 0, void 0, function () {
-                var url;
-                return __generator(this, function (_a) {
-                    url = this.serviceUri + "/ExportCxExcelByCodeWithSignalR";
-                    return [2 /*return*/, this._httpClient.post(url, model)
-                            .toPromise()];
-                });
-            });
-        };
-        /**
-         * Description: Export sử dung ClosedXml.Report (Cx) với HighPerformanceService, sử dụng cho file dữ liệu lớn.
-         * Param: model chứa
-         *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
-         *  - data : object chứa dữ liệu đã chuyền thành dạng json.
-         *  - fileName: tên file sau khi export.
-         *  - queueName: queue của topic.
-         *  - uniqueKey: unique key cho task.
-         */
-        TemplateService.prototype.ExportCxExcelByCodeWithHPS = function (model) {
-            return __awaiter(this, void 0, void 0, function () {
-                var url;
-                return __generator(this, function (_a) {
-                    url = this.serviceUri + "/ExportWithHighPerformanceService";
-                    return [2 /*return*/, this._httpClient.post(url, model)
-                            .toPromise()];
-                });
-            });
-        };
-        TemplateService.prototype.exportCxExcelByCodePromise = function (model) {
-            return __awaiter(this, void 0, void 0, function () {
-                var url;
-                return __generator(this, function (_a) {
-                    url = this.serviceUri + "/ExportCxExcelByCode";
-                    return [2 /*return*/, this._httpClient
-                            .post(url, model, { responseType: 'blob' })
-                            .toPromise()];
-                });
-            });
-        };
-        TemplateService.prototype.fillTemplateByCodeAndGetPdf = function (templateCode, data, onLoadingDataPdf, onEndLoadingDataPdf) {
-            var _this = this;
-            if (onLoadingDataPdf === void 0) { onLoadingDataPdf = null; }
-            if (onEndLoadingDataPdf === void 0) { onEndLoadingDataPdf = null; }
-            var url = this.serviceUri + "/fillWordByTemplateCode/" + templateCode + "?isPrint=true";
-            return this._httpClient
-                .post(url, data)
-                .toPromise().then(function (res) {
-                if (res.data) {
-                    _this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
-                }
-            });
-        };
-        TemplateService.prototype.fillWordByTemplateCodeMultiData = function (templateCode, data, onLoadingDataPdf, onEndLoadingDataPdf) {
-            var _this = this;
-            if (onLoadingDataPdf === void 0) { onLoadingDataPdf = null; }
-            if (onEndLoadingDataPdf === void 0) { onEndLoadingDataPdf = null; }
-            var url = this.serviceUri + "/fillWordByTemplateCodeMultiData/" + templateCode + "?isPrint=true";
-            return this._httpClient
-                .post(url, data)
-                .toPromise().then(function (res) {
-                if (res.data) {
-                    _this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
-                }
-            });
-        };
-        TemplateService.prototype.setFileInfo = function (model) {
-            model.data = model.data ? model.data : JSON.stringify(model.dataObject);
-            delete model.dataObject;
-        };
-        TemplateService.prototype.setManyFileInfo = function (manyModel) {
-            var _this = this;
-            var hasModel = manyModel && manyModel.lstFileInfo && manyModel.lstFileInfo.length;
-            if (!hasModel) {
-                return;
-            }
-            manyModel.lstFileInfo.forEach(function (fileInfo) {
-                _this.setFileInfo(fileInfo);
-                fileInfo.fileName = fileInfo.fileName + "_" + _this._commonService.guid() + "." + TemplateConstant.EXCEL_EXTENSION;
-            });
-        };
-        /**
-         * Export dữ liệu không dùng template.
-         */
-        TemplateService.prototype.exportCxExcel = function (model) {
-            var _this = this;
-            var url = this.serviceUri + "/ExportCxExcel";
-            return this._httpClient
-                .post(url, model, { responseType: 'blob' })
-                .toPromise()
-                .then(function (res) {
-                FileSaver__namespace.saveAs(res, _this.getFullFileName(model.fileName || 'Export'));
-            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
-                var errorText;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, err.error.text()];
-                        case 1:
-                            errorText = _a.sent();
-                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        };
-        TemplateService.prototype.exportCxExcelPromise = function (model) {
-            return __awaiter(this, void 0, void 0, function () {
-                var url;
-                return __generator(this, function (_a) {
-                    url = this.serviceUri + "/ExportCxExcel";
-                    return [2 /*return*/, this._httpClient
-                            .post(url, model, { responseType: 'blob' })
-                            .toPromise()];
-                });
-            });
-        };
-        return TemplateService;
-    }());
-    TemplateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TemplateService_Factory() { return new TemplateService(i0__namespace.ɵɵinject(ModuleConfigService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(PrintService), i0__namespace.ɵɵinject(FileExplorerService), i0__namespace.ɵɵinject(NotifierService), i0__namespace.ɵɵinject(CrudService), i0__namespace.ɵɵinject(CommonService)); }, token: TemplateService, providedIn: "root" });
-    TemplateService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    TemplateService.ctorParameters = function () { return [
-        { type: ModuleConfigService },
-        { type: i1$1.HttpClient },
-        { type: PrintService },
-        { type: FileExplorerService },
-        { type: NotifierService },
-        { type: CrudService },
-        { type: CommonService }
-    ]; };
-
-    var JobItem = /** @class */ (function () {
-        function JobItem(code, data, fileName, status) {
-            if (fileName === void 0) { fileName = 'BaoCao'; }
-            if (status === void 0) { status = REPORT_QUEUE_CONSTANT.statuses.Waiting; }
-            // Loại export.
-            this._type = JobTypes.SingnalR;
-            this._code = code;
-            var datepipe = new i3.DatePipe('en-US');
-            var formattedDate = datepipe.transform(new Date(), 'ddMMyyyy_hhmmss');
-            this._fileName = fileName + "_" + formattedDate + TemplateConstant.EXCEL_EXTENSION;
-            this._data = data || {};
-            this._status = status;
-        }
-        return JobItem;
-    }());
-    var REPORT_QUEUE_CONSTANT = /** @class */ (function () {
-        function REPORT_QUEUE_CONSTANT() {
-        }
-        return REPORT_QUEUE_CONSTANT;
-    }());
-    REPORT_QUEUE_CONSTANT.statuses = {
-        Waiting: 1,
-        Exporting: 2,
-        Success: 3,
-        Error: 4,
-        Downloaded: 5
-    };
-    REPORT_QUEUE_CONSTANT.dicStatus = new SimpleDictionary([
-        new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Waiting, 'Chờ để xử lý'),
-        new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Exporting, 'Đang xử lý'),
-        new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Success, 'Tải xuống'),
-        new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Error, 'Xuất file chưa thành công'),
-        new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Downloaded, 'Đã tải'),
-    ]);
-    var JobTypes;
-    (function (JobTypes) {
-        JobTypes[JobTypes["Normal"] = 1] = "Normal";
-        JobTypes[JobTypes["SingnalR"] = 2] = "SingnalR";
-        JobTypes[JobTypes["Many"] = 3] = "Many"; // Export nhiều file cùng một lúc và nén vào file zip, mỗi file có thể là các loại biểu mẫu khác nhau.
-    })(JobTypes || (JobTypes = {}));
-    var ExportJob = /** @class */ (function () {
-        function ExportJob(templateCode, // code template cấu hình bên quản trị
-        dataPromise, // promise dùng để lấy dữ liệu, trả về dạng ResponseResult
-        fileName, // tên của file được lưu
-        rootName, // tên thuộc tính của lst dữ liệu ngoài cùng
-        cb, // dùng để xử lý dữ liệu sau khi lấy xong
-        type // Loại export.
-        ) {
-            if (rootName === void 0) { rootName = ''; }
-            if (cb === void 0) { cb = null; }
-            if (type === void 0) { type = JobTypes.Normal; }
-            this.templateCode = templateCode;
-            this.dataPromise = dataPromise;
-            this.fileName = fileName;
-            this.rootName = rootName;
-            this.cb = cb;
-            this.type = type;
-        }
-        return ExportJob;
-    }());
-
-    var ReportQueueComponent = /** @class */ (function () {
-        function ReportQueueComponent(_notifierService, _commonService, _fileService, _tempateService, _signalRService, _highPerformanceService, _crudService) {
-            this._notifierService = _notifierService;
-            this._commonService = _commonService;
-            this._fileService = _fileService;
-            this._tempateService = _tempateService;
-            this._signalRService = _signalRService;
-            this._highPerformanceService = _highPerformanceService;
-            this._crudService = _crudService;
-            this.name = 'reportQueue';
-            this.header = 'Xuất báo cáo';
-            this.autoDownload = false;
-            this.maxNameLength = 40;
-            this.expand = true;
-            this.queueName = 'REPORT_QUEUE';
-            this.hub = 'CommonHub';
-            this.dicStatus = REPORT_QUEUE_CONSTANT.dicStatus;
-            this.statuses = REPORT_QUEUE_CONSTANT.statuses;
-            this._queue = [];
-            this.maxHeight = 200;
-            this.itemHeight = 50;
-            this.popupHeight = this.itemHeight;
-        }
-        ReportQueueComponent.prototype.ngOnInit = function () {
-            if (this.parentDataModel && this.name) {
-                this.parentDataModel[this.name] = this;
-            }
-        };
-        ReportQueueComponent.prototype.toggleExpand = function () {
-            this.expand = !this.expand;
-        };
-        /**
-         * Thêm job vào để thực hiện
-         */
-        ReportQueueComponent.prototype.addJob = function (exportJob) {
-            return __awaiter(this, void 0, void 0, function () {
-                var foundIndex, job, rsData;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            foundIndex = this._queue.findIndex(function (job) { return job._code == exportJob.templateCode && job._status == _this.statuses.Exporting; });
-                            if (foundIndex !== -1) {
-                                this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
-                                return [2 /*return*/];
-                            }
-                            job = new JobItem(exportJob.templateCode, {}, exportJob.fileName || exportJob.templateCode, this.statuses.Exporting);
-                            this._queue.push(job);
-                            this.updatePopupHeight();
-                            setTimeout(function () {
-                                _this.scrollbar.scrollToBottom();
-                            }, 100);
-                            return [4 /*yield*/, exportJob.dataPromise];
-                        case 1:
-                            rsData = _a.sent();
-                            if (rsData.data == null) {
-                                job._status = this.statuses.Error;
-                                return [2 /*return*/, this._crudService.processErrorResponse(rsData)];
-                            }
-                            if (exportJob.cb) {
-                                job._data = exportJob.cb(rsData.data);
-                            }
-                            else if (exportJob.rootName) {
-                                job._data[exportJob.rootName] = rsData.data;
-                            }
-                            else {
-                                job._data = rsData.data;
-                            }
-                            switch (exportJob.type) {
-                                case JobTypes.Normal:
-                                    this.Export(job);
-                                    break;
-                                case JobTypes.SingnalR:
-                                    this.ExportWithSignalR(job);
-                                    break;
-                                case JobTypes.Many:
-                                    break;
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        /**
-         * Thêm job vào để thực hiện
-         *  - templateCode: code template cấu hình bên quản trị
-         *  - data: dữ liệu export
-         *  - fileName: tên của file được lưu
-         *  - useSignalR: thay vì gọi request và chờ đến khi thực hiện xong
-         *      trả về binaryFile thì tạo tiến trình riêng để export, và dùng signalR thông
-         *      báo kết quả export, trả về fileId để tải.
-         */
-        ReportQueueComponent.prototype.addJobWithData = function (templateCode, data, fileName, useSignalR) {
-            if (useSignalR === void 0) { useSignalR = false; }
-            return __awaiter(this, void 0, void 0, function () {
-                var foundIndex, job;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    foundIndex = this._queue.findIndex(function (job) { return job._code == templateCode && job._status == _this.statuses.Exporting; });
-                    if (foundIndex !== -1) {
-                        this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
-                        return [2 /*return*/];
-                    }
-                    job = new JobItem(templateCode, data, fileName || templateCode, this.statuses.Exporting);
-                    this._queue.push(job);
-                    if (useSignalR) {
-                        this.ExportWithSignalR(job);
-                    }
-                    else {
-                        this.Export(job);
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ReportQueueComponent.prototype.Export = function (job) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    this._tempateService.exportCxExcelByCodePromise({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName })
-                        .then(function (file) {
-                        job._status = _this.statuses.Success;
-                        job._binaryFile = file;
-                        if (_this.autoDownload) {
-                            _this.download(job);
-                        }
-                    }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
-                        var errorText;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0:
-                                    job._status = this.statuses.Error;
-                                    return [4 /*yield*/, err.error.text()];
-                                case 1:
-                                    errorText = _a.sent();
-                                    this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-                                    return [2 /*return*/];
-                            }
-                        });
-                    }); });
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ReportQueueComponent.prototype.ExportWithSignalR = function (job) {
-            return __awaiter(this, void 0, void 0, function () {
-                var topic;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    topic = this._commonService.guid();
-                    job._uniqueKey = topic;
-                    this._signalRService.start(this.hub, topic, function (message) {
-                        var rs = JSON.parse(message);
-                        if (rs.success) {
-                            job._status = _this.statuses.Success;
-                            job._fileId = rs.data;
-                            if (_this.autoDownload) {
-                                _this.download(job);
-                            }
-                        }
-                        else {
-                            job._status = _this.statuses.Error;
-                            _this._crudService.processErrorResponse(rs);
-                        }
-                    });
-                    this._tempateService.ExportCxExcelByCodeWithSignalR({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName, topic: topic })
-                        .then(function (rs) {
-                        if (!rs.success) {
-                            job._status = _this.statuses.Error;
-                            _this._crudService.processErrorResponse(rs);
-                        }
-                    }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
-                        return __generator(this, function (_a) {
-                            job._status = this.statuses.Error;
-                            this._crudService.processErrorResponse(err.error);
-                            return [2 /*return*/];
-                        });
-                    }); });
-                    ;
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ReportQueueComponent.prototype.ExportCxExcelByCodeWithHPS = function (job) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    this._highPerformanceService.createProcess(this.queueName, function (arrMessage) {
-                        var message = arrMessage.pop();
-                        var rs = JSON.parse(message);
-                        if (rs.success) {
-                            job._status = _this.statuses.Success;
-                            job._fileId = rs.data;
-                            if (_this.autoDownload) {
-                                _this._fileService.downloadFile(job._fileId);
-                                job._status = _this.statuses.Downloaded;
-                                job._fileId = null;
-                            }
-                        }
-                        else {
-                            job._status = _this.statuses.Error;
-                            _this._crudService.processErrorResponse(rs);
-                        }
-                    }).then(function (rs) {
-                        job._uniqueKey = rs;
-                        _this._tempateService.ExportCxExcelByCodeWithHPS({
-                            code: job._code,
-                            data: JSON.stringify(job._data),
-                            fileName: job._fileName,
-                            topic: _this.queueName,
-                            uniqueKey: job._uniqueKey
-                        }).then(function (rs) {
-                            if (!rs.success) {
-                                job._status = _this.statuses.Error;
-                                _this._crudService.processErrorResponse(rs);
-                            }
-                        }, function (err) {
-                            job._status = _this.statuses.Error;
-                            console.log("Lỗi gọi api server export");
-                        });
-                    }, function (err) {
-                        job._status = _this.statuses.Error;
-                        console.log("Lỗi gọi HPS service :(");
-                    });
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ReportQueueComponent.prototype.download = function (job) {
-            if (job._status == this.statuses.Downloaded) {
-                return;
-            }
-            if (job._fileId) {
-                this._fileService.downloadFile(job._fileId, false, job._fileName);
-            }
-            else if (job._binaryFile) {
-                FileSaver__namespace.saveAs(job._binaryFile, job._fileName);
-            }
-            job._status = this.statuses.Downloaded;
-            job._binaryFile = null;
-            job._fileId = null;
-        };
-        ReportQueueComponent.prototype.showQueue = function () {
-            var show = this._queue && this._queue.length > 0;
-            return show;
-        };
-        ReportQueueComponent.prototype.getName = function (job) {
-            var name = job._fileName.length > this.maxNameLength ? job._fileName.substr(0, this.maxNameLength - 10) + "[...]" + TemplateConstant.EXCEL_EXTENSION : job._fileName;
-            return name;
-        };
-        ReportQueueComponent.prototype.cancelJob = function (job) {
-            var _this = this;
-            var foundIndex = this._queue.findIndex(function (j) { return j._code == job._code; });
-            if (foundIndex == -1) {
-                return;
-            }
-            var foundJob = this._queue[foundIndex];
-            if (foundJob._status == this.statuses.Exporting) {
-                this._notifierService
-                    .showConfirm('File này đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
-                    .then(function (rs) {
-                    if (!rs) {
-                        return;
-                    }
-                    var needUnsubscribe = foundJob._type == JobTypes.SingnalR && foundJob._uniqueKey;
-                    if (needUnsubscribe) {
-                        _this._signalRService.unSubscribeViewCode(foundJob._uniqueKey, _this.hub);
-                    }
-                    _this._queue.splice(foundIndex, 1);
-                    _this.updatePopupHeight();
-                });
-            }
-            else if (foundJob._status != this.statuses.Exporting) {
-                this._queue.splice(foundIndex, 1);
-                this.updatePopupHeight();
-            }
-        };
-        ReportQueueComponent.prototype.close = function () {
-            var _this = this;
-            var hasExporting = this._queue && this._queue.filter(function (item) { return item._status == _this.statuses.Exporting; }).length > 0;
-            if (hasExporting) {
-                this._notifierService
-                    .showConfirm('Có file đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
-                    .then(function (rs) {
-                    if (!rs) {
-                        return;
-                    }
-                    var needUnsubscribe = false;
-                    _this._queue.forEach(function (job) {
-                        needUnsubscribe = job._type == JobTypes.SingnalR && job._uniqueKey;
-                        if (needUnsubscribe) {
-                            _this._signalRService.unSubscribeViewCode(job._uniqueKey, _this.hub);
-                        }
-                    });
-                    _this._queue = [];
-                    _this.updatePopupHeight();
-                });
-            }
-            else {
-                this._queue = [];
-            }
-        };
-        ReportQueueComponent.prototype.updatePopupHeight = function () {
-            var height = (this._queue || []).length * this.itemHeight;
-            this.popupHeight = height > this.maxHeight ? this.maxHeight : height;
-        };
-        return ReportQueueComponent;
-    }());
-    ReportQueueComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'report-queue',
-                    template: "<div class=\"rq-container\" *ngIf=\"showQueue()\">\n    <div class=\"rq-header\">\n        <div>{{header | translate}}</div>\n        <div>\n\n            <p-checkbox [(ngModel)]=\"autoDownload\" binary=\"true\" pTooltip=\"T\u1EF1 \u0111\u1ED9ng t\u1EA3i\" tooltipPosition=\"left\">\n            </p-checkbox>\n\n            <a href=\"javascript:;\" (click)=\"toggleExpand()\" pTooltip=\"{{expand ? 'Thu g\u1ECDn' : 'M\u1EDF r\u1ED9ng'}}\"\n                tooltipPosition=\"left\">\n                <i class=\"fas\" [ngClass]=\"{'fa-compress' : expand, 'fa-expand': !expand}\"></i>\n            </a>\n\n            <a href=\"javascript:;\" (click)=\"close()\" pTooltip=\"\u0110\u00F3ng\">\n                <i class=\"fas fa-times\"></i>\n            </a>\n        </div>\n    </div>\n    <div class=\"rq-body\" *ngIf=\"expand\">\n        <tn-custom-scrollbar [style]=\"{'height.px': popupHeight}\" #scrollbar>\n            <div class=\"re-job\" *ngFor=\"let job of _queue\">\n                <div class=\"re-job-title\">\n                    <div>{{getName(job)}}</div>\n                    <div>\n                        <a href=\"javascript:;\" (click)=\"cancelJob(job)\">\n                            <i class=\"fas fa-times\"></i>\n                        </a>\n                    </div>\n                </div>\n                <div class=\"re-job-result\"\n                    [ngClass]=\"{'job-success': job._status == statuses.Success, 'job-error': job._status == statuses.Error, 'job-exporting' : job._status == statuses.Exporting, 'job-downloaded': job._status == statuses.Downloaded}\">\n                    <span *ngIf=\"job._status != statuses.Success && job._status != statuses.Exporting\">\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <span *ngIf=\"job._status == statuses.Exporting\">\n                        <div class=\"loader\"></div>\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <a href=\"javascript:;\" (click)=\"download(job)\" class=\"job-success\"\n                        *ngIf=\"job._status == statuses.Success\">\n                        <i class=\"fas fa-download\"></i> {{dicStatus.get(job._status) | translate}}\n                    </a>\n                </div>\n            </div>\n        </tn-custom-scrollbar>\n    </div>\n</div>\n",
-                    styles: ["::ng-deep .rq-container{width:350px;border:1px solid #3192e1;border-radius:3px;background-color:#fff}::ng-deep .rq-container .rq-header{background-color:#3192e1;padding:5px 10px;display:flex;border-radius:3px 3px 0 0;color:#fff;font-weight:400;font-size:15px}::ng-deep .rq-container .rq-header>div:first-child{flex-grow:1}::ng-deep .rq-container .rq-header>div:last-child>a{font-weight:200;margin-left:10px;color:#fff}::ng-deep .rq-container .rq-header>div:last-child>a>i{font-size:13px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-box{width:14px;height:14px;margin-top:-2px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-icon{font-size:13px;line-height:13px}::ng-deep .rq-container .rq-body .re-job{padding:6px 10px;display:flex;flex-direction:column}::ng-deep .rq-container .rq-body .re-job:first-child{padding-top:6px}::ng-deep .rq-container .rq-body .re-job .re-job-title{display:flex;font-size:13px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div:first-child{flex-grow:1;padding-bottom:3px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div a{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result{font-size:11px}::ng-deep .rq-container .rq-body .re-job .re-job-result>span{display:flex;align-items:center;height:20px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting>span>div{margin-right:5px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success{color:#1ab91a}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success>a>i{margin-right:2px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-error{color:#e95353}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-downloaded{color:#b2b2b2}::ng-deep .loader{border-radius:50%;border:2px solid #bcdbf5;border-top-color:#3192e1;width:12px;height:12px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:host{position:absolute;bottom:1px;right:2px;z-index:1000}"]
-                },] }
-    ];
-    ReportQueueComponent.ctorParameters = function () { return [
-        { type: NotifierService },
-        { type: CommonService },
-        { type: FileExplorerService },
-        { type: TemplateService },
-        { type: SignalRService },
-        { type: HighPerformanceService },
-        { type: CrudService }
-    ]; };
-    ReportQueueComponent.propDecorators = {
-        parentDataModel: [{ type: i0.Input }],
-        name: [{ type: i0.Input }],
-        header: [{ type: i0.Input }],
-        autoDownload: [{ type: i0.Input }],
-        scrollbar: [{ type: i0.ViewChild, args: ['scrollbar',] }]
-    };
-
     var AfterViewCheckedComponent = /** @class */ (function (_super) {
         __extends(AfterViewCheckedComponent, _super);
         function AfterViewCheckedComponent(injector, ref) {
@@ -40851,6 +40155,95 @@
         { type: NotifierService }
     ]; };
 
+    var HighPerformanceService = /** @class */ (function () {
+        function HighPerformanceService(_signalrService, _commonService, _httpClient, _moduleConfigService) {
+            this._signalrService = _signalrService;
+            this._commonService = _commonService;
+            this._httpClient = _httpClient;
+            this._moduleConfigService = _moduleConfigService;
+        }
+        HighPerformanceService.prototype.createProcess = function (queueName, callBackOnMessage, data, returnSequenceNumber) {
+            var _this = this;
+            if (callBackOnMessage === void 0) { callBackOnMessage = null; }
+            if (data === void 0) { data = null; }
+            if (returnSequenceNumber === void 0) { returnSequenceNumber = false; }
+            var internalClientKey = this._commonService.guid();
+            var model = {
+                queueName: queueName,
+                data: data,
+                clientKey: internalClientKey
+            };
+            this._signalrService.start(null, internalClientKey, function (data) {
+                if (callBackOnMessage) {
+                    callBackOnMessage(data);
+                }
+                _this._signalrService.unSubscribeViewCode(null, internalClientKey);
+            });
+            return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+                var highPerformanceEndpoint, rs, _a_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            this.env = this._moduleConfigService.getConfig().environment;
+                            highPerformanceEndpoint = this.env.apiDomain.highPerformanceEndpoint + "/HighPerformance/DoWork?returnSequenceNumber=" + returnSequenceNumber;
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this._httpClient.post(highPerformanceEndpoint, model).toPromise()];
+                        case 2:
+                            rs = _b.sent();
+                            if (rs.success) {
+                                resolve(rs.data);
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            _a_1 = _b.sent();
+                            return [3 /*break*/, 4];
+                        case 4:
+                            resolve(null);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        HighPerformanceService.prototype.cancelProcess = function (queueName, uniqueKey) {
+            return __awaiter(this, void 0, void 0, function () {
+                var highPerformanceEndpoint, rs, _a_2;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _b.trys.push([0, 2, , 3]);
+                            highPerformanceEndpoint = this.env.apiDomain.highPerformanceEndpoint + "/HighPerformance/CancelWork?queueName=" + queueName + "&uniqueKey=" + uniqueKey;
+                            return [4 /*yield*/, this._httpClient.post(highPerformanceEndpoint, {}).toPromise()];
+                        case 1:
+                            rs = _b.sent();
+                            if (rs.success) {
+                                return [2 /*return*/, rs.data];
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            _a_2 = _b.sent();
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/, false];
+                    }
+                });
+            });
+        };
+        return HighPerformanceService;
+    }());
+    HighPerformanceService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function HighPerformanceService_Factory() { return new HighPerformanceService(i0__namespace.ɵɵinject(SignalRService), i0__namespace.ɵɵinject(CommonService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(ModuleConfigService)); }, token: HighPerformanceService, providedIn: "root" });
+    HighPerformanceService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    HighPerformanceService.ctorParameters = function () { return [
+        { type: SignalRService },
+        { type: CommonService },
+        { type: i1$1.HttpClient },
+        { type: ModuleConfigService }
+    ]; };
+
     var ImageService = /** @class */ (function () {
         function ImageService(_moduleConfigService) {
             this._moduleConfigService = _moduleConfigService;
@@ -41517,6 +40910,221 @@
         { type: i0.Injector }
     ]; };
 
+    var TemplateService = /** @class */ (function () {
+        function TemplateService(_moduleConfigService, _httpClient, _printService, _fileService, _notifierService, _crudService, _commonService) {
+            this._httpClient = _httpClient;
+            this._printService = _printService;
+            this._fileService = _fileService;
+            this._notifierService = _notifierService;
+            this._crudService = _crudService;
+            this._commonService = _commonService;
+            this._moduleConfig = _moduleConfigService.getConfig();
+            this.environment = this._moduleConfig.environment;
+            this.serviceUri = this.environment.apiDomain.templateEndpoint + "/template";
+        }
+        TemplateService.prototype.laTexToBase64Image = function (laTex, font) {
+            if (font === void 0) { font = 54; }
+            var api = this.serviceUri + "/LatexToBase64";
+            return this._httpClient.post(api, { laTex: laTex, font: font }).toPromise();
+        };
+        /**
+         * Description: Xuất file sử dụng thư viện CX, xuất xong tự động mở popup để lưu file.
+         */
+        TemplateService.prototype.exportCxExcelByCode = function (model) {
+            var _this = this;
+            var url = this.serviceUri + "/ExportCxExcelByCode";
+            this.setFileInfo(model);
+            return this._httpClient
+                .post(url, model, { responseType: 'blob' })
+                .toPromise()
+                .then(function (res) {
+                FileSaver__namespace.saveAs(res, _this.getFullFileName(model.fileName || model.code));
+            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
+                var errorText;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, err.error.text()];
+                        case 1:
+                            errorText = _a.sent();
+                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        TemplateService.prototype.exportManyCxExcelByCode = function (model) {
+            var _this = this;
+            var url = this.serviceUri + "/ExportManyCxExcelByCode";
+            this.setManyFileInfo(model);
+            return this._httpClient
+                .post(url, model)
+                .toPromise()
+                .then(function (res) {
+                if (res.success) {
+                    _this._fileService.downloadFolder(res.data.folderId);
+                }
+                else {
+                    _this._crudService.processErrorResponse(res);
+                }
+            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
+                var errorText;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, err.error.text()];
+                        case 1:
+                            errorText = _a.sent();
+                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        TemplateService.prototype.getFullFileName = function (fileName, extension) {
+            if (extension === void 0) { extension = TemplateConstant.EXCEL_EXTENSION; }
+            return "" + fileName + extension;
+        };
+        /**
+         * Description: Export sử dung ClosedXml.Report (Cx) với signalR, sử dụng cho file dữ liệu lớn.
+         * Param: model chứa
+         *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
+         *  - data : object chứa dữ liệu đã chuyền thành dạng json.
+         *  - fileName: tên file sau khi export.
+         *  - topic: guid dùng để subscribe.
+         */
+        TemplateService.prototype.ExportCxExcelByCodeWithSignalR = function (model) {
+            return __awaiter(this, void 0, void 0, function () {
+                var url;
+                return __generator(this, function (_a) {
+                    url = this.serviceUri + "/ExportCxExcelByCodeWithSignalR";
+                    return [2 /*return*/, this._httpClient.post(url, model)
+                            .toPromise()];
+                });
+            });
+        };
+        /**
+         * Description: Export sử dung ClosedXml.Report (Cx) với HighPerformanceService, sử dụng cho file dữ liệu lớn.
+         * Param: model chứa
+         *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
+         *  - data : object chứa dữ liệu đã chuyền thành dạng json.
+         *  - fileName: tên file sau khi export.
+         *  - queueName: queue của topic.
+         *  - uniqueKey: unique key cho task.
+         */
+        TemplateService.prototype.ExportCxExcelByCodeWithHPS = function (model) {
+            return __awaiter(this, void 0, void 0, function () {
+                var url;
+                return __generator(this, function (_a) {
+                    url = this.serviceUri + "/ExportWithHighPerformanceService";
+                    return [2 /*return*/, this._httpClient.post(url, model)
+                            .toPromise()];
+                });
+            });
+        };
+        TemplateService.prototype.exportCxExcelByCodePromise = function (model) {
+            return __awaiter(this, void 0, void 0, function () {
+                var url;
+                return __generator(this, function (_a) {
+                    url = this.serviceUri + "/ExportCxExcelByCode";
+                    return [2 /*return*/, this._httpClient
+                            .post(url, model, { responseType: 'blob' })
+                            .toPromise()];
+                });
+            });
+        };
+        TemplateService.prototype.fillTemplateByCodeAndGetPdf = function (templateCode, data, onLoadingDataPdf, onEndLoadingDataPdf) {
+            var _this = this;
+            if (onLoadingDataPdf === void 0) { onLoadingDataPdf = null; }
+            if (onEndLoadingDataPdf === void 0) { onEndLoadingDataPdf = null; }
+            var url = this.serviceUri + "/fillWordByTemplateCode/" + templateCode + "?isPrint=true";
+            return this._httpClient
+                .post(url, data)
+                .toPromise().then(function (res) {
+                if (res.data) {
+                    _this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
+                }
+            });
+        };
+        TemplateService.prototype.fillWordByTemplateCodeMultiData = function (templateCode, data, onLoadingDataPdf, onEndLoadingDataPdf) {
+            var _this = this;
+            if (onLoadingDataPdf === void 0) { onLoadingDataPdf = null; }
+            if (onEndLoadingDataPdf === void 0) { onEndLoadingDataPdf = null; }
+            var url = this.serviceUri + "/fillWordByTemplateCodeMultiData/" + templateCode + "?isPrint=true";
+            return this._httpClient
+                .post(url, data)
+                .toPromise().then(function (res) {
+                if (res.data) {
+                    _this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
+                }
+            });
+        };
+        TemplateService.prototype.setFileInfo = function (model) {
+            model.data = model.data ? model.data : JSON.stringify(model.dataObject);
+            delete model.dataObject;
+        };
+        TemplateService.prototype.setManyFileInfo = function (manyModel) {
+            var _this = this;
+            var hasModel = manyModel && manyModel.lstFileInfo && manyModel.lstFileInfo.length;
+            if (!hasModel) {
+                return;
+            }
+            manyModel.lstFileInfo.forEach(function (fileInfo) {
+                _this.setFileInfo(fileInfo);
+                fileInfo.fileName = fileInfo.fileName + "_" + _this._commonService.guid() + "." + TemplateConstant.EXCEL_EXTENSION;
+            });
+        };
+        /**
+         * Export dữ liệu không dùng template.
+         */
+        TemplateService.prototype.exportCxExcel = function (model) {
+            var _this = this;
+            var url = this.serviceUri + "/ExportCxExcel";
+            return this._httpClient
+                .post(url, model, { responseType: 'blob' })
+                .toPromise()
+                .then(function (res) {
+                FileSaver__namespace.saveAs(res, _this.getFullFileName(model.fileName || 'Export'));
+            }).catch(function (err) { return __awaiter(_this, void 0, void 0, function () {
+                var errorText;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, err.error.text()];
+                        case 1:
+                            errorText = _a.sent();
+                            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        TemplateService.prototype.exportCxExcelPromise = function (model) {
+            return __awaiter(this, void 0, void 0, function () {
+                var url;
+                return __generator(this, function (_a) {
+                    url = this.serviceUri + "/ExportCxExcel";
+                    return [2 /*return*/, this._httpClient
+                            .post(url, model, { responseType: 'blob' })
+                            .toPromise()];
+                });
+            });
+        };
+        return TemplateService;
+    }());
+    TemplateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TemplateService_Factory() { return new TemplateService(i0__namespace.ɵɵinject(ModuleConfigService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(PrintService), i0__namespace.ɵɵinject(FileExplorerService), i0__namespace.ɵɵinject(NotifierService), i0__namespace.ɵɵinject(CrudService), i0__namespace.ɵɵinject(CommonService)); }, token: TemplateService, providedIn: "root" });
+    TemplateService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    TemplateService.ctorParameters = function () { return [
+        { type: ModuleConfigService },
+        { type: i1$1.HttpClient },
+        { type: PrintService },
+        { type: FileExplorerService },
+        { type: NotifierService },
+        { type: CrudService },
+        { type: CommonService }
+    ]; };
+
     var UniqueNumberService = /** @class */ (function () {
         function UniqueNumberService(_http, _moduleConfigService) {
             this._http = _http;
@@ -54323,7 +53931,7 @@
             VanbanDiPickerComponent,
             VanbanDenPickerComponent,
             CongViecPickerComponent,
-            ReportQueueComponent,
+            // ReportQueueComponent,
             SettingsComponent,
             SettingsRowComponent,
             ShareLinkByPermissionComponent,
@@ -54846,7 +54454,6 @@
     exports.ReferenceTextControlSchema = ReferenceTextControlSchema;
     exports.RegexSplitFieldByItem = RegexSplitFieldByItem;
     exports.ReponseResult = ReponseResult;
-    exports.ReportQueueComponent = ReportQueueComponent;
     exports.RequiredFieldsValidator = RequiredFieldsValidator;
     exports.RequiredValidator = RequiredValidator;
     exports.RowColorOption = RowColorOption;