@wizishop/img-manager 0.2.100 → 0.2.101

package/bundles/wizishop-img-manager.umd.js

@@ -1136,6 +1136,7 @@
             this.loadingText = 'ImgManager.ImgUpload.loading';
             this.errorUploadingImg = 'ImgManager.ImgUpload.errorUploadingImg';
             this.errorNotImg = 'ImgManager.ImgUpload.errorNotImg';
+            this.MAX_IMAGE_SIZE = 10000000; // In bytes
         }
         ImgUploadComponent.prototype.ngOnInit = function () {
             this.assetsIcon = this.getAssets();
@@ -1161,13 +1162,19 @@
             try {
                 for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
                     var file = files_1_1.value;
-                    var formData = new FormData();
-                    formData.append('image', file, file.name);
+                    console.log('file', file.size);
                     if (!this.isFileImage(file.type)) {
                         this.alertService.openAlert(this.errorNotImg);
                         this.isLoading = false;
                         continue;
                     }
+                    if (!this.isSizeValid(file.size)) {
+                        this.alertService.openAlert("L'image : " + file.name + " est trop grande (" + this.getImageSizeInKo(file.size) + "ko). Taille maximum accept\u00E9e: " + this.getImageSizeInKo(this.MAX_IMAGE_SIZE) + "ko");
+                        this.isLoading = false;
+                        continue;
+                    }
+                    var formData = new FormData();
+                    formData.append('image', file, file.name);
                     imgToUploadList.push(this.imgManager.uploadFile(formData));
                 }
             }
@@ -1182,7 +1189,13 @@
                 _this.onImgUpload(img),
                     _this.isLoading = false;
             }, function (error) {
-                _this.alertService.openAlert(_this.errorUploadingImg);
+                var _a, _b;
+                if (((_b = (_a = error) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message) && error.statusText !== 'Bad Request') {
+                    _this.alertService.openAlertWithBackendRespons(_this.errorUploadingImg, error.error.message);
+                }
+                else {
+                    _this.alertService.openAlert(_this.errorUploadingImg);
+                }
                 _this.isLoading = false;
             });
         };
@@ -1197,6 +1210,12 @@
         ImgUploadComponent.prototype.isFileImage = function (fileType) {
             return fileType.split('/')[0] === 'image';
         };
+        ImgUploadComponent.prototype.isSizeValid = function (imageBytesSize) {
+            return imageBytesSize < this.MAX_IMAGE_SIZE;
+        };
+        ImgUploadComponent.prototype.getImageSizeInKo = function (size) {
+            return Math.round(size / 1024);
+        };
         /**
          * Remove the style of the drag and drop box
          * After an img is droped, the box is still grey