ngx-wapp-components 2.3.7-alpha.2 → 2.3.7-alpha.3

package/fesm2022/ngx-wapp-components.mjs

@@ -6855,6 +6855,7 @@ class WImageFileUploaderComponent {
         if (this.activeImageUpload == true) {
             if (this.cropperImages.length > 0) {
                 let base64Images = this.mapToObjectB64(this.cropperImages);
+                console.log(base64Images);
                 this.isUploadingMultiMode = true;
                 this.http.post(this.uploadUrl, base64Images, { headers: this.headers }).subscribe({
                     next: (imagesUploaded) => {
@@ -6971,7 +6972,8 @@ class WImageFileUploaderComponent {
         }
     }
     updateImage(imagesToUpdate) {
-        let updateUrlFinal = this.updateUrl + "/" + this.identificatorValue;
+        console.log(imagesToUpdate);
+        let updateUrlFinal = this.updateUrl.replace('{id}', this.identificatorValue);
         this.http.put(updateUrlFinal, imagesToUpdate, { headers: this.headers }).subscribe({
             next: (imagesUpdated) => {
                 this.disableMoveButtons = false;
@@ -7042,11 +7044,21 @@ class WImageFileUploaderComponent {
                 base64: img.base64,
                 name: this.sanitizeImageName(img.name),
                 fileBase64: img.fileBase64,
-                ...(img.position !== undefined && { position: img.position }),
+                ...(this.activePositionProperty ? { position: this.startPostionFromZero ? 0 : 1 } : null),
                 ...(this.activeTypeMediaProperty ? { typeMedia: TypeMedia.Image } : null)
             };
         });
     }
+    mapFromImageUploaded(images) {
+        return images.map(img => {
+            return {
+                name: img.mediaName,
+                position: img.position,
+                base64: img.mediaUrl,
+                typeMedia: TypeMedia.Url
+            };
+        });
+    }
     sanitizeImageName(name) {
         name = name
             .normalize('NFD')