tnx-shared 5.1.417 → 5.1.418

package/bundles/tnx-shared.umd.js

@@ -28,6 +28,7 @@
 
     var stringify__default = /*#__PURE__*/_interopDefaultLegacy(stringify);
     var moment___default = /*#__PURE__*/_interopDefaultLegacy(moment_);
+    var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
     var printJS__default = /*#__PURE__*/_interopDefaultLegacy(printJS$3);
     var jQuery___default = /*#__PURE__*/_interopDefaultLegacy(jQuery_);
     var JWT___namespace = /*#__PURE__*/_interopNamespace(JWT_);
@@ -19970,7 +19971,6 @@
             this._http = _http;
             this._injector = _injector;
             this._commonService = _commonService;
-            this._moduleConfigService = _moduleConfigService;
             this._moduleConfig = _moduleConfigService.getConfig();
             this.environment = this._moduleConfig.environment;
             this.serviceUri = this._moduleConfig.environment.apiDomain.templateEndpoint + "/Export";
@@ -19988,7 +19988,13 @@
             var data = new Blob([buffer], {
                 type: EXCEL_TYPE$1
             });
-            FileSaver.saveAs(data, fileName + '_' + new Date().getTime() + EXCEL_EXTENSION$1);
+            FileSaver__default['default'].saveAs(data, fileName + '_' + new Date().getTime() + EXCEL_EXTENSION$1);
+        };
+        ExportService.prototype.saveSpreadSheet = function (buffer, fileName) {
+            var data = new Blob([buffer], {
+                type: EXCEL_TYPE$1
+            });
+            FileSaver__default['default'].saveAs(data, new Date().getTime() + '_' + fileName);
         };
         return ExportService;
     }());
@@ -27129,14 +27135,16 @@
             var _this = _super.call(this, http, injector, _moduleConfigService.getConfig().environment.apiDomain.fileEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/FileObject") || this;
             _this._moduleConfigService = _moduleConfigService;
             _this.thumborEndpoint = '';
+            _this.fileWithThumborEndpoint = '';
             _this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.fileEndpoint;
+            _this.fileWithThumborEndpoint = _moduleConfigService.getConfig().environment.apiDomain.fileWithThumborEndpoint;
             _this.thumborEndpoint = _moduleConfigService.getConfig().environment.apiDomain.thumbor;
             return _this;
         }
         FileObjectService.prototype.getFileUrlWithThumbor = function (fileId, width, height) {
             if (width === void 0) { width = 0; }
             if (height === void 0) { height = 0; }
-            var url = this.thumborEndpoint + "/unsafe/" + width + "x" + height + "/smart/" + this.endPoint + "/v5/FileObject/public/" + fileId + "/download";
+            var url = this.thumborEndpoint + "/unsafe/" + width + "x" + height + "/smart/" + this.fileWithThumborEndpoint + "/v5/FileObject/public/" + fileId + "/download";
             return url;
         };
         FileObjectService.prototype.getUrlImage = function (fileId) {
@@ -27303,6 +27311,12 @@
             }
             return result;
         };
+        FileObjectService.prototype.uploadWithByteArray = function (file) {
+            var formData = new FormData();
+            formData.append('files', file);
+            var url = this.serviceUri + "/UploadWithByteArray";
+            return this._http.post(url, formData, { responseType: 'text' }).toPromise();
+        };
         return FileObjectService;
     }(BaseService));
     FileObjectService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FileObjectService_Factory() { return new FileObjectService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService)); }, token: FileObjectService, providedIn: "root" });
@@ -56114,11 +56128,12 @@
 
     var TnTinymceComponent = /** @class */ (function (_super) {
         __extends(TnTinymceComponent, _super);
-        function TnTinymceComponent(injector, _deviceDetectorService, _notifierService, _fileService) {
+        function TnTinymceComponent(injector, _deviceDetectorService, _notifierService, _fileService, _fileObjectService) {
             var _this = _super.call(this, injector) || this;
             _this._deviceDetectorService = _deviceDetectorService;
             _this._notifierService = _notifierService;
             _this._fileService = _fileService;
+            _this._fileObjectService = _fileObjectService;
             _this.mode = 'basic';
             _this.disabled = false;
             _this.required = false;
@@ -56254,19 +56269,35 @@
                 }).on('focus', function (e) {
                     editorHolder.classList.add('tinymce-focus');
                 }).on('paste', function (e) {
+                    var begin = new Date();
                     var types = e.originalEvent.clipboardData.types;
-                    if (((types instanceof DOMStringList) && types.contains('text/html')) || (types.indexOf && types.indexOf('text/html') !== -1)) {
+                    if (((types instanceof DOMStringList) && types.contains('text/html')) || (types.indexOf && (types.indexOf('text/html') !== -1) || types.indexOf('Files') !== -1)) {
+                        _this._notifierService.showSuccess('Đang tiến hành xử lý nội dung, vui lòng chờ trong giây lát!');
                         e.originalEvent.stopPropagation();
                         e.originalEvent.preventDefault();
-                        _this.handlePaste(e.originalEvent).then(function (content) {
-                            if (content) {
-                                // content = content.replace(/<!\[if[\s\S]*?>/gm, '').replace(/<!\[endif[\s\S]*?>/gm, '');
-                                content = _this.normalizeHTML(content, '<![if !supportLists]>', '<![endif]>');
-                                content = _this.normalizeHTML(content, '<![if !msEquation]>', '<![endif]>');
-                                editor.execCommand('mceInsertContent', false, content);
+                        var types_1 = e.originalEvent.clipboardData.types;
+                        var files_1 = e.originalEvent.clipboardData.files;
+                        var pastedData_1 = '';
+                        var pastedRtfData_1 = '';
+                        if ((e.originalEvent.clipboardData.types instanceof DOMStringList && e.originalEvent.clipboardData.types.contains('text/html')) || (e.originalEvent.clipboardData.types.indexOf && e.originalEvent.clipboardData.types.indexOf('text/html') !== -1)) {
+                            pastedData_1 = e.originalEvent.clipboardData.getData('text/html');
+                            if (((e.originalEvent.clipboardData.types instanceof DOMStringList) && e.originalEvent.clipboardData.types.contains('text/rtf')) || (e.originalEvent.clipboardData.types.indexOf && e.originalEvent.clipboardData.types.indexOf('text/rtf') !== -1)) {
+                                pastedRtfData_1 = e.originalEvent.clipboardData.getData('text/rtf');
                             }
-                        });
-                        return false;
+                        }
+                        setTimeout(function () {
+                            _this.handlePaste(types_1, pastedData_1, pastedRtfData_1, files_1).then(function (content) {
+                                var end = new Date();
+                                console.log('Time to run handlePaste is ' + (end.getTime() - begin.getTime()) + 'ms');
+                                if (content) {
+                                    // content = content.replace(/<!\[if[\s\S]*?>/gm, '').replace(/<!\[endif[\s\S]*?>/gm, '');
+                                    content = _this.normalizeHTML(content, '<![if !supportLists]>', '<![endif]>');
+                                    content = _this.normalizeHTML(content, '<![if !msEquation]>', '<![endif]>');
+                                    editor.execCommand('mceInsertContent', false, content);
+                                }
+                            });
+                            return false;
+                        }, 500);
                     }
                 }).on('keydown', function (e) {
                     if (e.ctrlKey || e.metaKey) {
@@ -56388,74 +56419,160 @@
                 this.editor.focus();
             }
         };
-        TnTinymceComponent.prototype.handlePaste = function (e) {
+        TnTinymceComponent.prototype.handlePaste = function (types, pastedData, pastedRtfData, files) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve) {
-                            var images = [];
-                            var oldLegacyValue = false;
-                            var settings = {
-                                onPicture: function (isLegacy, create) {
-                                    if (oldLegacyValue) {
+                    return [2 /*return*/, new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+                            var images, oldLegacyValue, settings, doc, result, files_2, files_2_1, item, uploadImage, e_1_1;
+                            var e_1, _a;
+                            var _this = this;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        images = [];
                                         oldLegacyValue = false;
-                                        var dom = create();
-                                        images.push(dom.outerHTML);
-                                        return dom;
-                                    }
-                                    else if (!isLegacy) {
-                                        var dom = create();
-                                        if (dom.tagName == 'IMG') {
-                                            images.push(dom.outerHTML);
-                                            return dom;
-                                        }
-                                        else {
-                                            oldLegacyValue = true;
-                                        }
-                                    }
-                                }
-                            };
-                            var types = e.clipboardData.types;
-                            if (((types instanceof DOMStringList) && types.contains('text/html')) || (types.indexOf && types.indexOf('text/html') !== -1)) {
-                                var pastedData_1 = e.clipboardData.getData('text/html');
-                                if (pastedData_1.indexOf('<v:imagedata ') == -1) {
-                                    resolve(pastedData_1);
-                                }
-                                else {
-                                    if (((types instanceof DOMStringList) && types.contains('text/rtf')) || (types.indexOf && types.indexOf('text/rtf') !== -1)) {
-                                        var pastedRtfData = e.clipboardData.getData('text/rtf');
-                                        var doc = new rtf_js.RTFJS.Document(_this._commonService.stringToArrayBuffer(pastedRtfData), settings);
-                                        doc.render().then(function (htmlElements) {
-                                            var index = pastedData_1.indexOf('<v:imagedata ');
-                                            var i = 0;
-                                            while (index > -1) {
-                                                var p1 = pastedData_1.substring(0, index);
-                                                var index2 = pastedData_1.indexOf('/>', index);
-                                                if (index == -1)
-                                                    break;
-                                                else {
-                                                    var p2 = pastedData_1.substring(index2 + 2);
-                                                    var imageStr = '';
-                                                    if (images.length > i) {
-                                                        imageStr = images[i];
+                                        settings = {
+                                            onPicture: function (isLegacy, create) {
+                                                if (oldLegacyValue) {
+                                                    oldLegacyValue = false;
+                                                    var dom = create();
+                                                    images.push(dom.outerHTML);
+                                                    return dom;
+                                                }
+                                                else if (!isLegacy) {
+                                                    var dom = create();
+                                                    if (dom.tagName == 'IMG') {
+                                                        images.push(dom.outerHTML);
+                                                        return dom;
+                                                    }
+                                                    else {
+                                                        oldLegacyValue = true;
                                                     }
-                                                    pastedData_1 = p1 + imageStr + p2;
-                                                    index = pastedData_1.indexOf('<v:imagedata ');
-                                                    i++;
                                                 }
                                             }
-                                            resolve(pastedData_1);
-                                        }).catch(function (err) {
-                                            console.error(err);
-                                            resolve(null);
-                                        });
-                                    }
+                                        };
+                                        if (!(types.indexOf('text/html') !== -1)) return [3 /*break*/, 1];
+                                        if (pastedData.indexOf('<v:imagedata ') == -1) {
+                                            resolve(pastedData);
+                                        }
+                                        else {
+                                            if (types.indexOf('text/rtf') !== -1) {
+                                                doc = new rtf_js.RTFJS.Document(this._commonService.stringToArrayBuffer(pastedRtfData), settings);
+                                                doc.render().then(function (htmlElements) { return __awaiter(_this, void 0, void 0, function () {
+                                                    var index, i, imageUploaded, docm, img, p1, index2, p2, indexImg, imageType, base64, imageBlob, srcArr, fileName, file, uploadImage, i_1, result;
+                                                    return __generator(this, function (_a) {
+                                                        switch (_a.label) {
+                                                            case 0:
+                                                                index = pastedData.indexOf('<v:imagedata ');
+                                                                i = 0;
+                                                                imageUploaded = [];
+                                                                docm = new DOMParser().parseFromString(pastedData, 'text/html');
+                                                                img = docm.getElementsByTagName('img');
+                                                                _a.label = 1;
+                                                            case 1:
+                                                                if (!(index > -1)) return [3 /*break*/, 6];
+                                                                p1 = pastedData.substring(0, index);
+                                                                index2 = pastedData.indexOf('/>', index);
+                                                                if (!(index == -1)) return [3 /*break*/, 2];
+                                                                return [3 /*break*/, 6];
+                                                            case 2:
+                                                                p2 = pastedData.substring(index2 + 2);
+                                                                if (!(images.length > i)) return [3 /*break*/, 4];
+                                                                indexImg = images[i].indexOf('<img src=');
+                                                                if (indexImg !== -1) {
+                                                                    images[i] = images[i].substring(indexImg + 10, images[i].length - 2);
+                                                                }
+                                                                imageType = images[i].substring(5, images[i].indexOf(';'));
+                                                                base64 = images[i].substring(images[i].indexOf('base64,') + 7);
+                                                                imageBlob = this.dataURItoBlob(base64, imageType);
+                                                                srcArr = img[i].src.split('/');
+                                                                fileName = srcArr[srcArr.length - 1];
+                                                                file = new File([imageBlob], fileName, { type: imageType });
+                                                                return [4 /*yield*/, this._fileObjectService.uploadWithByteArray(file)];
+                                                            case 3:
+                                                                uploadImage = _a.sent();
+                                                                if (typeof uploadImage == 'string') {
+                                                                    imageUploaded.push(this._fileObjectService.getUrlImage(uploadImage));
+                                                                }
+                                                                else {
+                                                                    this._notifierService.showWarning('Upload file thất bại');
+                                                                }
+                                                                _a.label = 4;
+                                                            case 4:
+                                                                pastedData = p1 + '<img src=' + imageUploaded[i] + '/>' + p2;
+                                                                index = pastedData.indexOf('<v:imagedata ');
+                                                                i++;
+                                                                _a.label = 5;
+                                                            case 5: return [3 /*break*/, 1];
+                                                            case 6:
+                                                                docm = new DOMParser().parseFromString(pastedData, 'text/html');
+                                                                img = docm.getElementsByTagName('img');
+                                                                for (i_1 = 0; i_1 < images.length; i_1++) {
+                                                                    if (imageUploaded[i_1]) {
+                                                                        img[i_1].src = imageUploaded[i_1];
+                                                                        img[i_1].alt = imageUploaded[i_1];
+                                                                    }
+                                                                }
+                                                                result = '';
+                                                                result = new XMLSerializer().serializeToString(docm);
+                                                                resolve(result);
+                                                                return [2 /*return*/];
+                                                        }
+                                                    });
+                                                }); }).catch(function (err) {
+                                                    console.error(err);
+                                                    resolve(null);
+                                                });
+                                            }
+                                        }
+                                        return [3 /*break*/, 11];
+                                    case 1:
+                                        if (!(types.indexOf('Files') !== -1)) return [3 /*break*/, 10];
+                                        result = '';
+                                        if (!(files.length > 0)) return [3 /*break*/, 9];
+                                        _b.label = 2;
+                                    case 2:
+                                        _b.trys.push([2, 7, 8, 9]);
+                                        files_2 = __values(files), files_2_1 = files_2.next();
+                                        _b.label = 3;
+                                    case 3:
+                                        if (!!files_2_1.done) return [3 /*break*/, 6];
+                                        item = files_2_1.value;
+                                        return [4 /*yield*/, this._fileObjectService.uploadWithByteArray(item)];
+                                    case 4:
+                                        uploadImage = _b.sent();
+                                        if (typeof uploadImage == 'string') {
+                                            result += '<img src=' + this._fileObjectService.getUrlImage(uploadImage) + '/>';
+                                        }
+                                        else {
+                                            this._notifierService.showWarning('Upload file thất bại');
+                                        }
+                                        _b.label = 5;
+                                    case 5:
+                                        files_2_1 = files_2.next();
+                                        return [3 /*break*/, 3];
+                                    case 6: return [3 /*break*/, 9];
+                                    case 7:
+                                        e_1_1 = _b.sent();
+                                        e_1 = { error: e_1_1 };
+                                        return [3 /*break*/, 9];
+                                    case 8:
+                                        try {
+                                            if (files_2_1 && !files_2_1.done && (_a = files_2.return)) _a.call(files_2);
+                                        }
+                                        finally { if (e_1) throw e_1.error; }
+                                        return [7 /*endfinally*/];
+                                    case 9:
+                                        resolve(result);
+                                        return [3 /*break*/, 11];
+                                    case 10:
+                                        resolve(null);
+                                        _b.label = 11;
+                                    case 11: return [2 /*return*/];
                                 }
-                            }
-                            else {
-                                resolve(null);
-                            }
-                        })];
+                            });
+                        }); })];
                 });
             });
         };
@@ -56484,12 +56601,22 @@
             this.showTemplate = false;
             this.editor.insertContent(evt);
         };
+        TnTinymceComponent.prototype.dataURItoBlob = function (dataURI, fileType) {
+            var byteString = window.atob(dataURI);
+            var arrayBuffer = new ArrayBuffer(byteString.length);
+            var int8Array = new Uint8Array(arrayBuffer);
+            for (var i = 0; i < byteString.length; i++) {
+                int8Array[i] = byteString.charCodeAt(i);
+            }
+            var blob = new Blob([int8Array], { type: fileType });
+            return blob;
+        };
         return TnTinymceComponent;
     }(ComponentBase));
     TnTinymceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'tn-tinymce',
-                    template: "<input *ngIf=\"!_deviceDetectorService.isDesktop()\" class=\"input-tab-trap\" (focus)=\"focusTrap($event)\" />\r\n<textarea class=\"tinymce-control\" id={{id}} [ngStyle]=\"{height: height+'px'}\">\r\n</textarea>\r\n<tn-dialog #dialog *ngIf=\"equationFormModel.show\" [closeOnEscape]=\"false\"\r\n    [header]=\"'C\u00F4ng th\u1EE9c to\u00E1n h\u1ECDc (d\u00F9ng laTex)' | translate\" [popupSize]=\"popupSize\">\r\n    <tn-custom-scrollbar #scrollbar>\r\n        <equation-editor [data]=\"dataEquation\">\r\n        </equation-editor>\r\n    </tn-custom-scrollbar>\r\n    <ng-template #footer>\r\n        <button icon=\"fas fa-check\" [disabled]=\"model.submitting\" pButton type=\"button\" (click)=\"handleOk($event)\"\r\n            [label]=\"'Ok' | translate\"></button>\r\n        <button icon=\"fas fa-undo\" [disabled]=\"model.submitting\" pButton class=\"ui-button-secondary\" type=\"button\"\r\n            (click)=\"equationFormModel.show = false\" [label]=\"'FORM.CANCEL' | translate\"></button>\r\n    </ng-template>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"isAddNews\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\" [popupSize]=\"popupSize\"\r\n    (onHide)=\"isAddNews = false\">\r\n    <add-news #listBase [languageCode]=\"languageCode\" (showChange)=\"showChanged($event)\"></add-news>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showTemplate\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\" [popupSize]=\"popupSize\"\r\n    (onHide)=\"showTemplate = false\">\r\n    <tn-template (onChanged)=\"addTemplate($event)\"></tn-template>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"isAddFile\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\" [popupSize]=\"popupSize\"\r\n    (onHide)=\"isAddFile = false\">\r\n    <file-picker-dialog #formBase [parentModel]=\" model\" [parentContext]=\"context\" (closeForm)=\"isAddFile = false\"\r\n        (onCancel)=\"handleRFCancel($event)\" (onChanged)=\"showChanged($event)\">\r\n    </file-picker-dialog>\r\n</tn-dialog>\r\n",
+                    template: "<input *ngIf=\"!_deviceDetectorService.isDesktop()\" class=\"input-tab-trap\" (focus)=\"focusTrap($event)\" />\r\n<textarea class=\"tinymce-control\" id={{id}} [ngStyle]=\"{height: height+'px'}\"></textarea>\r\n<tn-dialog #dialog *ngIf=\"equationFormModel.show\" [closeOnEscape]=\"false\"\r\n    [header]=\"'C\u00F4ng th\u1EE9c to\u00E1n h\u1ECDc (d\u00F9ng laTex)' | translate\" [popupSize]=\"popupSize\">\r\n    <tn-custom-scrollbar #scrollbar>\r\n        <equation-editor [data]=\"dataEquation\">\r\n        </equation-editor>\r\n    </tn-custom-scrollbar>\r\n    <ng-template #footer>\r\n        <button icon=\"fas fa-check\" [disabled]=\"model.submitting\" pButton type=\"button\" (click)=\"handleOk($event)\"\r\n            [label]=\"'Ok' | translate\"></button>\r\n        <button icon=\"fas fa-undo\" [disabled]=\"model.submitting\" pButton class=\"ui-button-secondary\" type=\"button\"\r\n            (click)=\"equationFormModel.show = false\" [label]=\"'FORM.CANCEL' | translate\"></button>\r\n    </ng-template>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"isAddNews\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\" [popupSize]=\"popupSize\"\r\n    (onHide)=\"isAddNews = false\">\r\n    <add-news #listBase [languageCode]=\"languageCode\" (showChange)=\"showChanged($event)\"></add-news>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"showTemplate\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\"\r\n    [popupSize]=\"popupSize\" (onHide)=\"showTemplate = false\">\r\n    <tn-template (onChanged)=\"addTemplate($event)\"></tn-template>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"isAddFile\" #dialog [styleClass]=\"'address-form'\" [header]=\"header | translate\" [popupSize]=\"popupSize\"\r\n    (onHide)=\"isAddFile = false\">\r\n    <file-picker-dialog #formBase [parentModel]=\" model\" [parentContext]=\"context\" (closeForm)=\"isAddFile = false\"\r\n        (onCancel)=\"handleRFCancel($event)\" (onChanged)=\"showChanged($event)\">\r\n    </file-picker-dialog>\r\n</tn-dialog>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -56505,7 +56632,8 @@
         { type: i0.Injector },
         { type: ngxDeviceDetector.DeviceDetectorService },
         { type: NotifierService },
-        { type: FileExplorerService }
+        { type: FileExplorerService },
+        { type: FileObjectService }
     ]; };
     TnTinymceComponent.propDecorators = {
         equationForm: [{ type: i0.ViewChild, args: [EquationEditorComponent,] }],