tnx-shared 5.8.1 → 5.8.3

package/fesm2015/tnx-shared.js

@@ -24801,6 +24801,16 @@ class FileObjectService extends BaseService {
         const url = `${this.serviceUri}/UploadWithByteArray`;
         return this._http.post(url, formData, { responseType: 'text' }).toPromise();
     }
+    UploadExternalImage(url) {
+        const options = {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json-patch+json',
+            }),
+            responseType: 'text',
+        };
+        const apiUrl = `${this.serviceUri}/UploadExternalImage`;
+        return this._http.post(apiUrl, { url: url }, options).toPromise();
+    }
 }
 FileObjectService.ɵprov = ɵɵdefineInjectable({ factory: function FileObjectService_Factory() { return new FileObjectService(ɵɵinject(HttpClient), ɵɵinject(INJECTOR), ɵɵinject(ModuleConfigService)); }, token: FileObjectService, providedIn: "root" });
 FileObjectService.decorators = [
@@ -32550,9 +32560,9 @@ class FilePickerDialogComponent extends DataFormBase {
         else if (element.extension.toUpperCase() == '.MP4' || element.extension.toUpperCase() == '.AVI' || element.extension.toUpperCase() == '.MOV' || element.extension.toUpperCase() == '.WMV' || element.extension.toUpperCase() == '.FLV') {
             result = '<div style="width:100%; margin-bottom: 15px"><video style="display: block;margin-left: auto;margin-right: auto;" width="500" height="auto" controls><source src="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download" type="video/mp4"></video></div>';
         }
-        else if (element.extension.toUpperCase() == '.PDF') {
-            result = '<div style="width:100%; margin-bottom: 15px"><iframe style="aspect-ratio: 9/16;"" src="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download" width="100%"></iframe></div>';
-        }
+        // else if (element.extension.toUpperCase() == '.PDF') {
+        //     result = '<div style="width:100%; margin-bottom: 15px"><iframe style="aspect-ratio: 9/16;"" src="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download" width="100%"></iframe></div>';
+        // }
         else {
             result = '<a style="width:100%; margin-bottom: 15px" href="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download">' + element.name + '</a>';
         }
@@ -53067,6 +53077,7 @@ class TnTinymceComponent extends ComponentBase {
                 '/assets/vendor/tinymce/custom.css'
             ],
             imagetools_toolbar: 'rotateleft rotateright | flipv fliph | editimage imageoptions',
+            contextmenu: 'link image imagetools table',
             language: 'vi_VN',
             statusbar: false,
             relative_urls: false,
@@ -53180,7 +53191,48 @@ class TnTinymceComponent extends ComponentBase {
                 };
                 if (types.indexOf('text/html') !== -1) {
                     if (pastedData.indexOf('<v:imagedata ') == -1) {
-                        resolve(pastedData);
+                        // Parse HTML
+                        let docm = new DOMParser().parseFromString(pastedData, 'text/html');
+                        let imgTags = docm.getElementsByTagName('img');
+                        const imageUploaded = [];
+                        for (let i = 0; i < imgTags.length; i++) {
+                            let src = imgTags[i].src;
+                            try {
+                                if (src.startsWith('data:image/')) {
+                                    // Case base64
+                                    const imageType = src.substring(5, src.indexOf(';'));
+                                    const base64 = src.substring(src.indexOf('base64,') + 7);
+                                    const imageBlob = this.dataURItoBlob(base64, imageType);
+                                    const file = new File([imageBlob], `paste_${Date.now()}_${i}.png`, { type: imageType });
+                                    const uploadImage = yield this._fileObjectService.uploadWithByteArray(file);
+                                    if (typeof uploadImage == 'string') {
+                                        imgTags[i].src = this._fileObjectService.getUrlImage(uploadImage);
+                                        imageUploaded.push(imgTags[i].src);
+                                    }
+                                }
+                                else if (src.startsWith('http')) {
+                                    // Case link ảnh từ web khác
+                                    try {
+                                        const uploadImage = yield this._fileObjectService.UploadExternalImage(src);
+                                        if (typeof uploadImage == 'string') {
+                                            imgTags[i].src = this._fileObjectService.getUrlImage(uploadImage);
+                                            imageUploaded.push(imgTags[i].src);
+                                        }
+                                    }
+                                    catch (err) {
+                                        console.error('Skip external image:', err);
+                                        imageUploaded.push(src);
+                                    }
+                                }
+                            }
+                            catch (err) {
+                                console.error('Paste image error:', err);
+                                this._notifierService.showWarning('Upload ảnh khi dán nội dung thất bại');
+                            }
+                        }
+                        // Serialize lại HTML sau khi thay link ảnh
+                        const result = new XMLSerializer().serializeToString(docm);
+                        resolve(result);
                     }
                     else {
                         if (types.indexOf('text/rtf') !== -1) {