tnx-shared 5.3.145 → 5.3.146

package/bundles/tnx-shared.umd.js

@@ -32385,6 +32385,703 @@
         { type: UserService }
     ]; };
 
+    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 CommonAppComponentComponent = /** @class */ (function () {
         function CommonAppComponentComponent(document, _globalService, _commonService, renderer, translate, _oauthService, _authenService, _userService, _router, _title, _signalRService, _storageUpdatedService, _applicationContext, _componentContextService, _activatedRoute, _deviceDetectorService, _cd, _tnClientService, _coreConfigService, _notifierService, _entityMetadataService, _moduleConfigService, _menuService, _primengConfig, _storageService, _permissionService, _userOnlineDetailsService, _customizeUiService) {
             var _this = this;
@@ -32421,7 +33118,6 @@
             this.allowAnonymous = false;
             this.autoRenderMenu = true;
             this.onUserLoaded = new i0.EventEmitter();
-            //   routerOutlet: TemplateRef<any>;
             this._unsubscribeAll = new rxjs.Subject();
             // rootVersionDeploy = '1.3';
             this.currentRoute = '';
@@ -32721,8 +33417,8 @@
         CommonAppComponentComponent.prototype.ngAfterViewInit = function () {
             this._cd.detach();
             this.detectChanges();
-            // const root = this._applicationContext.getRootContext();
-            // root.reportQueue = this.reportQueue;
+            var root = this._applicationContext.getRootContext();
+            root.reportQueue = this.reportQueue;
             this.menuModel = this._menuService.getMenuItems();
         };
         CommonAppComponentComponent.prototype.defaultRedirect = function () {
@@ -33049,7 +33745,7 @@
     CommonAppComponentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'common-app-component',
-                    template: "<ng-container *ngIf=\"!pageLoaded\">\n  <ng-container [ngSwitch]=\"layoutLoadingPage\">\n    <ng-container *ngSwitchDefault>\n      <loading-page-v1></loading-page-v1>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n\n<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\n  (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\n                            'menu-layout-overlay': _commonService.isOverlay(),\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\n                            'menu-layout-slim': _commonService.isSlim(),\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive,\n                            'show-menu-icon-inactive': showMenuIconInactive}\">\n\n  <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\n\n  <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\n    [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\n    <app-root-menu></app-root-menu>\n    <div class=\"layout-menu-block\">\n      <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\n        <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\n        </app-inline-profile>\n        <ng-container *ngIf=\"!showMenuIconInactive\">\n          <app-menu [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n            (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\n        </ng-container>\n        <ng-container *ngIf=\"showMenuIconInactive\">\n          <app-menu-v2 [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n            (onMenuActive)=\"handleMenuActive($event)\"></app-menu-v2>\n        </ng-container>\n      </tn-custom-scrollbar>\n    </div>\n    <div class=\"search-area layout-menu-search-area\">\n      <p-autoComplete class=\"search-input\" field=\"label\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\n        (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\" [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\"\n        [delay]=\"200\" [scrollHeight]=\"'400px'\" [readonly]=\"!(menuModel && menuModel.length)\"\n        [(ngModel)]=\"searchMenuInput\" (onSelect)=\"onSelectMenuSuggestion($event)\" (onFocus)=\"searchIconClick()\">\n        <ng-template let-item pTemplate=\"item\">\n          <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\n        </ng-template>\n      </p-autoComplete>\n      <span class=\"icon-search\" (click)=\"searchIconClick()\"><i class=\"pi pi-search\"></i></span>\n    </div>\n  </div>\n\n  <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\n    <router-outlet></router-outlet>\n  </div>\n\n  <div class=\"layout-mask\"></div>\n\n  <!-- <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\n  </report-queue> -->\n</div>\n<div class=\"waiting-box\" [class.show]=\"waiting\">\n  <div class=\"overlay\"></div>\n  <div class=\"content-loading\">\n    <div class=\"lds-ellipsis\">\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"message-loading\">\n      <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\n    </div>\n  </div>\n</div>\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\n<p-confirmDialog #cd [closable]=\"false\">\n  <p-footer>\n    <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\n      (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\n    <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton\n      class=\"p-button-rounded p-button-text p-button-secondary\" icon=\"pi pi-times\" label=\"B\u1ECF qua\"\n      (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\n  </p-footer>\n</p-confirmDialog>\n<!-- <user-action-manager></user-action-manager> -->\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\n<ng-template #abc>\n  <div>1</div>\n</ng-template>\n<ng-template #def>\n  <div>2</div>\n</ng-template>\n",
+                    template: "<ng-container *ngIf=\"!pageLoaded\">\n  <ng-container [ngSwitch]=\"layoutLoadingPage\">\n      <ng-container *ngSwitchDefault>\n          <loading-page-v1></loading-page-v1>\n      </ng-container>\n  </ng-container>\n</ng-container>\n\n<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\n  (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\n                          'menu-layout-overlay': _commonService.isOverlay(),\n                          'layout-menu-overlay-active': _commonService.overlayMenuActive,\n                          'menu-layout-horizontal': _commonService.isHorizontal(),\n                          'menu-layout-slim': _commonService.isSlim(),\n                          'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\n                          'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\n                          'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-active': _commonService.staticMenuMobileActive,\n                          'show-menu-icon-inactive': showMenuIconInactive}\">\n\n  <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\n\n  <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\n      [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\n      <app-root-menu></app-root-menu>\n      <div class=\"layout-menu-block\">\n          <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\n              <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\n              </app-inline-profile>\n              <ng-container *ngIf=\"!showMenuIconInactive\">\n                  <app-menu [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n                      (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\n              </ng-container>\n              <ng-container *ngIf=\"showMenuIconInactive\">\n                  <app-menu-v2 [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n                      (onMenuActive)=\"handleMenuActive($event)\"></app-menu-v2>\n              </ng-container>\n          </tn-custom-scrollbar>\n      </div>\n      <div class=\"search-area layout-menu-search-area\">\n          <p-autoComplete class=\"search-input\" field=\"label\" [style]=\"{'width':'100%'}\"\n              [suggestions]=\"searchMenuResult\" (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\n              [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\n              [readonly]=\"!(menuModel && menuModel.length)\" [(ngModel)]=\"searchMenuInput\"\n              (onSelect)=\"onSelectMenuSuggestion($event)\" (onFocus)=\"searchIconClick()\">\n              <ng-template let-item pTemplate=\"item\">\n                  <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\n              </ng-template>\n          </p-autoComplete>\n          <span class=\"icon-search\" (click)=\"searchIconClick()\"><i class=\"pi pi-search\"></i></span>\n      </div>\n  </div>\n\n  <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\n      <router-outlet></router-outlet>\n  </div>\n\n  <div class=\"layout-mask\"></div>\n\n  <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\n  </report-queue>\n</div>\n<div class=\"waiting-box\" [class.show]=\"waiting\">\n  <div class=\"overlay\"></div>\n  <div class=\"content-loading\">\n      <div class=\"lds-ellipsis\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n      </div>\n      <div class=\"message-loading\">\n          <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\n      </div>\n  </div>\n</div>\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\n<p-confirmDialog #cd [closable]=\"false\">\n  <p-footer>\n      <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\"\n          [label]=\"cd.acceptButtonLabel\" (keydown.shift.tab)=\"focusTrap($event, false)\"\n          (click)=\"cd.accept()\"></button>\n      <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton\n          class=\"p-button-rounded p-button-text p-button-secondary\" icon=\"pi pi-times\" [label]=\"cd.rejectButtonLabel\"\n          (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\n  </p-footer>\n</p-confirmDialog>\n<!-- <user-action-manager></user-action-manager> -->\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\n<ng-template #abc>\n  <div>1</div>\n</ng-template>\n<ng-template #def>\n  <div>2</div>\n</ng-template>\n",
                     providers: [ComponentContextService, EntityMetadataService],
                     styles: [".layout-menu-search-area{position:relative}.icon-search{background-color:transparent;box-shadow:none;position:absolute;right:0;top:0;color:#888;width:30px;font-size:14px;height:100%;display:flex;align-items:center;justify-content:center}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{overflow:hidden;display:flex;flex-direction:column;top:60px;bottom:0;height:auto}.layout-menu-block{display:flex;overflow:hidden;flex:1}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{width:calc(100% + 1px);border-radius:0;border-color:#dadada;padding-right:40px}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{width:100%;border-radius:0;border-left:0;border-right:0}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);padding:0;color:#fff;border-radius:0}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.waiting-box .content-loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:60px}.waiting-box .content-loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.waiting-box .content-loading .lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{color:#fff;animation:message-opacity 1s infinite;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0;animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){animation-delay:1.5s}.waiting-box.show{display:block}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu>.icon,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu>label,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li .active-menuitem-2,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-icon{transition:all .3s}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a i.menuitem-toggle-icon{transition:all .2s}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li{min-height:3.1em;position:relative}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a{position:relative}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-icon{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;background-color:#fff}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-label{margin-left:40px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li i[level=\"1\"]:first-child{flex:0 0 40px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu>.active-menuitem>.active-menuitem-routerlink>span.menu-icon:first-child{background-color:#e8e8e8!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a:hover .menu-icon{background-color:#f4f4f4}@media (min-width:1025px){::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container{margin-left:-245px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container .rootMenu>.icon{left:245px}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover{margin-left:0!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li a .menu-icon,::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .rootMenu>.icon{left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li a .menu-icon{padding-left:30px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul li a .menu-icon{padding-left:45px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul li a .menu-icon{padding-left:60px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul ul li a .menu-icon{padding-left:75px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul ul ul li a .menu-icon{padding-left:90px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover i.menuitem-toggle-icon{visibility:visible}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover~.layout-main{margin-left:285px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-main{margin-left:40px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a .menu-icon{left:245px;padding-left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a .menu-icon i{flex:0 0 40px}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a i.menuitem-toggle-icon{visibility:hidden}}::ng-deep common-app-component .show-menu-icon-inactive .tn-l-left-menu-toggle{padding:13px}::ng-deep common-app-component .show-menu-icon-inactive .ripplelink>span>i{padding:0 10px!important}::ng-deep common-app-component .show-menu-icon-inactive .ripplelink>span>i .menuitem-toggle-icon{margin-left:10px!important}::ng-deep common-app-component .show-menu-icon-inactive .icon-search{width:38px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}"]
                 },] }
@@ -33087,6 +33783,7 @@
     CommonAppComponentComponent.propDecorators = {
         okButton: [{ type: i0.ViewChild, args: ['okButton',] }],
         cancelButton: [{ type: i0.ViewChild, args: ['cancelButton',] }],
+        reportQueue: [{ type: i0.ViewChild, args: [ReportQueueComponent,] }],
         scrollBarMenu: [{ type: i0.ViewChild, args: ['scrollbar',] }],
         children: [{ type: i0.ViewChildren, args: [i0.TemplateRef,] }],
         showQuickNote: [{ type: i0.Input }],
@@ -45519,95 +46216,6 @@
         { 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;
@@ -45830,221 +46438,6 @@
         { 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;
@@ -54094,399 +54487,6 @@
         onInit: [{ type: i0.Output }]
     };
 
-    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 SettingsRowComponent = /** @class */ (function (_super) {
         __extends(SettingsRowComponent, _super);
         function SettingsRowComponent(_injector, _domService, _userService) {
@@ -65872,50 +65872,50 @@
     exports["ɵ9"] = ɵ9;
     exports["ɵa"] = LoggerService;
     exports["ɵb"] = DropdownService;
-    exports["ɵba"] = ProcessWorkflowFormComponent;
-    exports["ɵbb"] = CongViecDinhKemService;
-    exports["ɵbc"] = CongViecThayDoiService;
-    exports["ɵbd"] = AddressComponent;
-    exports["ɵbe"] = AfterViewCheckedComponent;
-    exports["ɵbf"] = AdvanceSearchComponent;
-    exports["ɵbg"] = AutoCompletePickerComponent;
-    exports["ɵbh"] = ImageUploaderComponent;
-    exports["ɵbi"] = CheckBoxListComponent;
-    exports["ɵbj"] = CoCauToChucPickerListComponent;
-    exports["ɵbk"] = CoCauToChucPickerListNewComponent;
-    exports["ɵbl"] = FormBuilderComponent;
-    exports["ɵbm"] = BaseCongViecTestComponent;
-    exports["ɵbn"] = BaseCauHinhWorkflowDetailComponent;
-    exports["ɵbo"] = BaseDmLoaiCongViecFormComponent;
-    exports["ɵbp"] = BaseDmLinhVucCongViecFormComponent;
-    exports["ɵbq"] = BaseDmPriorityFormComponent;
-    exports["ɵbr"] = BaseCongviecDinhkemComponent;
-    exports["ɵbs"] = BaseCongviecDinhkemFormComponent;
-    exports["ɵbt"] = DatetimePickerComponent;
-    exports["ɵbu"] = DatetimePickerRangeComponent;
-    exports["ɵbv"] = DynamicNodeComponent;
-    exports["ɵbw"] = EntityPickerBoxComponent;
-    exports["ɵbx"] = EntityPickerDataComponent;
-    exports["ɵby"] = EntityPickerSelectedComponent;
-    exports["ɵbz"] = EntityPickerComponent;
+    exports["ɵba"] = RoleService;
+    exports["ɵbb"] = ProcessWorkflowFormComponent;
+    exports["ɵbc"] = CongViecDinhKemService;
+    exports["ɵbd"] = CongViecThayDoiService;
+    exports["ɵbe"] = AddressComponent;
+    exports["ɵbf"] = AfterViewCheckedComponent;
+    exports["ɵbg"] = AdvanceSearchComponent;
+    exports["ɵbh"] = AutoCompletePickerComponent;
+    exports["ɵbi"] = ImageUploaderComponent;
+    exports["ɵbj"] = CheckBoxListComponent;
+    exports["ɵbk"] = CoCauToChucPickerListComponent;
+    exports["ɵbl"] = CoCauToChucPickerListNewComponent;
+    exports["ɵbm"] = FormBuilderComponent;
+    exports["ɵbn"] = BaseCongViecTestComponent;
+    exports["ɵbo"] = BaseCauHinhWorkflowDetailComponent;
+    exports["ɵbp"] = BaseDmLoaiCongViecFormComponent;
+    exports["ɵbq"] = BaseDmLinhVucCongViecFormComponent;
+    exports["ɵbr"] = BaseDmPriorityFormComponent;
+    exports["ɵbs"] = BaseCongviecDinhkemComponent;
+    exports["ɵbt"] = BaseCongviecDinhkemFormComponent;
+    exports["ɵbu"] = DatetimePickerComponent;
+    exports["ɵbv"] = DatetimePickerRangeComponent;
+    exports["ɵbw"] = DynamicNodeComponent;
+    exports["ɵbx"] = EntityPickerBoxComponent;
+    exports["ɵby"] = EntityPickerDataComponent;
+    exports["ɵbz"] = EntityPickerSelectedComponent;
     exports["ɵc"] = EntityPickerService;
-    exports["ɵca"] = EntityPickerDialogComponent;
-    exports["ɵcb"] = EntityPickerTreeDataComponent;
-    exports["ɵcc"] = EntityPickerTreeSelectedComponent;
-    exports["ɵcd"] = EntityPermissionComponent;
-    exports["ɵce"] = EquationEditorComponent;
-    exports["ɵcf"] = MaskComponent;
-    exports["ɵcg"] = NumberPickerRangeComponent;
-    exports["ɵch"] = PagingNextBackOnlyComponent;
-    exports["ɵci"] = RadioButtonListComponent;
-    exports["ɵcj"] = VanBanPickerComponent;
-    exports["ɵck"] = VanBanDenService;
-    exports["ɵcl"] = VanBanDiService;
-    exports["ɵcm"] = VanBanPickerDialogComponent;
-    exports["ɵcn"] = VanbanDiPickerComponent;
-    exports["ɵco"] = VanbanDenPickerComponent;
-    exports["ɵcp"] = CongViecPickerComponent;
-    exports["ɵcq"] = ReportQueueComponent;
+    exports["ɵca"] = EntityPickerComponent;
+    exports["ɵcb"] = EntityPickerDialogComponent;
+    exports["ɵcc"] = EntityPickerTreeDataComponent;
+    exports["ɵcd"] = EntityPickerTreeSelectedComponent;
+    exports["ɵce"] = EntityPermissionComponent;
+    exports["ɵcf"] = EquationEditorComponent;
+    exports["ɵcg"] = MaskComponent;
+    exports["ɵch"] = NumberPickerRangeComponent;
+    exports["ɵci"] = PagingNextBackOnlyComponent;
+    exports["ɵcj"] = RadioButtonListComponent;
+    exports["ɵck"] = VanBanPickerComponent;
+    exports["ɵcl"] = VanBanDenService;
+    exports["ɵcm"] = VanBanDiService;
+    exports["ɵcn"] = VanBanPickerDialogComponent;
+    exports["ɵco"] = VanbanDiPickerComponent;
+    exports["ɵcp"] = VanbanDenPickerComponent;
+    exports["ɵcq"] = CongViecPickerComponent;
     exports["ɵcr"] = SettingsComponent;
     exports["ɵcs"] = SettingsRowComponent;
     exports["ɵct"] = SettingsWorkflowComponent;
@@ -66021,10 +66021,10 @@
     exports["ɵt"] = StatusExtendsService;
     exports["ɵu"] = MessageBoardService;
     exports["ɵv"] = FileExplorerNewService;
-    exports["ɵw"] = FileVersionService;
-    exports["ɵx"] = FileManagerService;
-    exports["ɵy"] = DM_ChucVuService;
-    exports["ɵz"] = RoleService;
+    exports["ɵw"] = ReportQueueComponent;
+    exports["ɵx"] = FileVersionService;
+    exports["ɵy"] = FileManagerService;
+    exports["ɵz"] = DM_ChucVuService;
 
     Object.defineProperty(exports, '__esModule', { value: true });