@wizishop/img-manager 14.0.11 → 14.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/i18n/en.json +1 -1
- package/assets/i18n/fr.json +1 -1
- package/esm2020/lib/components/img-upload/img-upload.component.mjs +17 -10
- package/fesm2015/wizishop-img-manager.mjs +10 -4
- package/fesm2015/wizishop-img-manager.mjs.map +1 -1
- package/fesm2020/wizishop-img-manager.mjs +10 -4
- package/fesm2020/wizishop-img-manager.mjs.map +1 -1
- package/lib/components/img-upload/img-upload.component.d.ts +3 -1
- package/package.json +1 -1
- package/wizishop-img-manager-14.0.12.tgz +0 -0
- package/wz-img-manager.scss +225 -225
- package/wizishop-img-manager-14.0.11.tgz +0 -0
|
@@ -1096,10 +1096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
1096
1096
|
}] } });
|
|
1097
1097
|
|
|
1098
1098
|
class ImgUploadComponent {
|
|
1099
|
-
constructor(imgManager, alertService, externalConfigService) {
|
|
1099
|
+
constructor(imgManager, alertService, externalConfigService, translateService) {
|
|
1100
1100
|
this.imgManager = imgManager;
|
|
1101
1101
|
this.alertService = alertService;
|
|
1102
1102
|
this.externalConfigService = externalConfigService;
|
|
1103
|
+
this.translateService = translateService;
|
|
1103
1104
|
this.files = [];
|
|
1104
1105
|
this.isLoading = false;
|
|
1105
1106
|
this.imgUploaded = new EventEmitter();
|
|
@@ -1135,7 +1136,12 @@ class ImgUploadComponent {
|
|
|
1135
1136
|
continue;
|
|
1136
1137
|
}
|
|
1137
1138
|
if (!this.isSizeValid(file.size)) {
|
|
1138
|
-
|
|
1139
|
+
// ImgManager.ImgUpload.ErrorImgSize
|
|
1140
|
+
this.alertService.openAlert(this.translateService.instant('ImgManager.ImgUpload.ErrorImgSize', {
|
|
1141
|
+
fileName: file.name,
|
|
1142
|
+
fileSize: this.getImageSizeInKo(file.size),
|
|
1143
|
+
maxFileSize: this.getImageSizeInKo(this.MAX_IMAGE_SIZE)
|
|
1144
|
+
}));
|
|
1139
1145
|
this.isLoading = false;
|
|
1140
1146
|
continue;
|
|
1141
1147
|
}
|
|
@@ -1181,7 +1187,7 @@ class ImgUploadComponent {
|
|
|
1181
1187
|
this.dragAndDropBox.nativeElement.style = '';
|
|
1182
1188
|
}
|
|
1183
1189
|
}
|
|
1184
|
-
ImgUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgUploadComponent, deps: [{ token: ImgManagerService }, { token: AlertService }, { token: ImgManagerConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1190
|
+
ImgUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImgUploadComponent, deps: [{ token: ImgManagerService }, { token: AlertService }, { token: ImgManagerConfigService }, { token: i7.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1185
1191
|
ImgUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ImgUploadComponent, selector: "img-upload", inputs: { stateDisplayed: "stateDisplayed" }, outputs: { imgUploaded: "imgUploaded" }, viewQueries: [{ propertyName: "dragAndDropBox", first: true, predicate: ["dragAndDropBox"], descendants: true }], ngImport: i0, template: "<div\n class=\"img-upload has-text-centered\"\n [ngClass]=\"{'img-upload--small': stateDisplayed === 'small'}\"\n (click)=\"fileInput.click()\"\n appDragDrop\n (onFileDropped)=\"filesChangeByDragAndDrop($any($event))\"\n #dragAndDropBox\n [@easeInOut]=\"'in'\"\n>\n <input hidden type=\"file\" #fileInput (change)=\"filesChangeByClick($event)\" accept=\"image/*\" multiple >\n <div class=\"img-upload__container\" [ngClass]=\"{'img-upload__container--small': stateDisplayed === 'small'}\">\n\n <div class=\"img-upload__container__wrapper\">\n\n <div class=\"img-upload__container__loader\" *ngIf=\"isLoading\">\n <wz-loader [small]=\"true\" [position]=\"'relative'\"></wz-loader>\n </div>\n\n <ng-container *ngIf=\"!isLoading\">\n <div class=\"blueColor img-upload__container__dropImgIconDiv\">\n <img *ngIf=\"assetsIcon\" [src]=\"assetsIcon\" alt=\"icon picture\" />\n <p>{{ 'ImgManager.ImgUpload.dropImg' | translate }}</p>\n </div>\n\n <p class=\"img-upload__container__or\">{{ 'ImgManager.ImgUpload.or' | translate }}</p>\n\n <div class=\"img-upload__container__text\">\n <i class=\"fal fa-file-upload\"></i>{{ 'ImgManager.ImgUpload.selectImg' | translate }}\n </div>\n </ng-container>\n\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "wz-loader", inputs: ["text", "small", "position"] }, { kind: "directive", type: DragDropDirective, selector: "[appDragDrop]", outputs: ["onFileDropped"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], animations: [
|
|
1186
1192
|
easeInOut
|
|
1187
1193
|
] });
|
|
@@ -1190,7 +1196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
1190
1196
|
args: [{ selector: 'img-upload', animations: [
|
|
1191
1197
|
easeInOut
|
|
1192
1198
|
], template: "<div\n class=\"img-upload has-text-centered\"\n [ngClass]=\"{'img-upload--small': stateDisplayed === 'small'}\"\n (click)=\"fileInput.click()\"\n appDragDrop\n (onFileDropped)=\"filesChangeByDragAndDrop($any($event))\"\n #dragAndDropBox\n [@easeInOut]=\"'in'\"\n>\n <input hidden type=\"file\" #fileInput (change)=\"filesChangeByClick($event)\" accept=\"image/*\" multiple >\n <div class=\"img-upload__container\" [ngClass]=\"{'img-upload__container--small': stateDisplayed === 'small'}\">\n\n <div class=\"img-upload__container__wrapper\">\n\n <div class=\"img-upload__container__loader\" *ngIf=\"isLoading\">\n <wz-loader [small]=\"true\" [position]=\"'relative'\"></wz-loader>\n </div>\n\n <ng-container *ngIf=\"!isLoading\">\n <div class=\"blueColor img-upload__container__dropImgIconDiv\">\n <img *ngIf=\"assetsIcon\" [src]=\"assetsIcon\" alt=\"icon picture\" />\n <p>{{ 'ImgManager.ImgUpload.dropImg' | translate }}</p>\n </div>\n\n <p class=\"img-upload__container__or\">{{ 'ImgManager.ImgUpload.or' | translate }}</p>\n\n <div class=\"img-upload__container__text\">\n <i class=\"fal fa-file-upload\"></i>{{ 'ImgManager.ImgUpload.selectImg' | translate }}\n </div>\n </ng-container>\n\n </div>\n </div>\n</div>\n" }]
|
|
1193
|
-
}], ctorParameters: function () { return [{ type: ImgManagerService }, { type: AlertService }, { type: ImgManagerConfigService }]; }, propDecorators: { stateDisplayed: [{
|
|
1199
|
+
}], ctorParameters: function () { return [{ type: ImgManagerService }, { type: AlertService }, { type: ImgManagerConfigService }, { type: i7.TranslateService }]; }, propDecorators: { stateDisplayed: [{
|
|
1194
1200
|
type: Input
|
|
1195
1201
|
}], imgUploaded: [{
|
|
1196
1202
|
type: Output
|