@wizishop/img-manager 0.2.75 → 0.2.76

package/fesm2015/wizishop-img-manager.js

@@ -1667,6 +1667,10 @@ let ImgEditorComponent = class ImgEditorComponent {
             return;
         }
         this.isLoading = true;
+        if (!this.isImgModified && !this.isNameModified) {
+            this.isLoading = false;
+            this.onEditClosed();
+        }
         const obsReplaceImg = this.imgManagerService.replaceImg(this.currentCroppedImage, this.imgToEdit.id_file);
         const obsChangeImgName = this.imgManagerService.changeImgName(this.imgToEdit.display_name, this.imgToEdit.id_file);
         if (this.isImgModified && this.isNameModified) {
@@ -1742,7 +1746,7 @@ __decorate([
 ImgEditorComponent = __decorate([
     Component({
         selector: 'img-editor',
-        template: "<div class=\"img-editor\" [@easeInOut]=\"'in'\">\n\n    <ng-scrollbar\n        #scrollable\n        [visibility]=\"'native'\"\n        class=\"img-editor__scroll\"\n        [ngClass]=\"{\n            'img-editor__scroll--full': stateDisplayed === 'full',\n            'img-editor__scroll--smallDisplay': stateDisplayed === 'small',\n            'img-editor__scroll--window': stateDisplayed === 'window'\n        }\"\n    >\n    <div class=\"columns\">\n        <!-- Left section -->\n        <div class=\"column is-one-third img-editor__infoSection\">\n\n            <info-section\n              [imgToEdit]=\"imgToEdit\"\n              [(isNameModified)]=\"isNameModified\"\n              >\n            </info-section>\n\n            <!-- Button Action Section -->\n\n            <div class=\"img-editor__infoSection__actions\">\n                <div>\n                    <button\n                      class=\"button img-editor__infoSection__actions__cancel\"\n                      (click)=\"onCancel()\"\n                      [disabled]=\"isLoading\"\n                    >\n                        {{ 'ImgManager.ImgLib.cancel' | translate }}\n                    </button>\n                    <div\n                        class=\"button danger button img-editor__infoSection__actions__save\"\n                        [ngClass]=\"{'img-editor__infoSection__actions__save--disable': isLoading}\"\n                        (click)=\"onSave()\"\n                    >\n                        {{ 'ImgManager.ImgEditor.saveBtn' | translate }}\n                        <span btnLoadingAnim *ngIf=\"isLoading\" class=\"btnLoadingAnnimation\"></span>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n\n\n        <!-- Right section -->\n        <div class=\"column img-editor__container\">\n            <cropper\n              [imgToEdit]=\"imgToEdit\"\n              [(isImgModified)]=\"isImgModified\"\n              (currentCroppedImageChange)=\"onImgCropped($event)\"\n              (editClosed)=\"onEditClosed($event)\">\n            </cropper>\n        </div>\n    </div>\n    </ng-scrollbar>\n</div>\n",
+        template: "<div class=\"img-editor\" [@easeInOut]=\"'in'\">\n\n    <ng-scrollbar\n        #scrollable\n        [visibility]=\"'native'\"\n        class=\"img-editor__scroll\"\n        [ngClass]=\"{\n            'img-editor__scroll--full': stateDisplayed === 'full',\n            'img-editor__scroll--smallDisplay': stateDisplayed === 'small',\n            'img-editor__scroll--window': stateDisplayed === 'window'\n        }\"\n    >\n    <div class=\"columns\">\n        <!-- Left section -->\n        <div class=\"column is-one-third img-editor__infoSection\">\n\n            <info-section\n              [imgToEdit]=\"imgToEdit\"\n              [(isNameModified)]=\"isNameModified\"\n              >\n            </info-section>\n\n            <!-- Button Action Section -->\n\n            <div class=\"img-editor__infoSection__actions\">\n                <div>\n                    <button\n                      class=\"button img-editor__infoSection__actions__cancel\"\n                      (click)=\"onCancel()\"\n                      [disabled]=\"isLoading || (!isImgModified  && !isNameModified)\"\n                    >\n                        {{ 'ImgManager.ImgLib.cancel' | translate }}\n                    </button>\n                    <div\n                        class=\"button danger button img-editor__infoSection__actions__save\"\n                        [ngClass]=\"{'img-editor__infoSection__actions__save--disable': isLoading}\"\n                        (click)=\"onSave()\"\n                    >\n                        {{ 'ImgManager.ImgEditor.saveBtn' | translate }}\n                        <span btnLoadingAnim *ngIf=\"isLoading\" class=\"btnLoadingAnnimation\"></span>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n\n\n        <!-- Right section -->\n        <div class=\"column img-editor__container\">\n            <cropper\n              [imgToEdit]=\"imgToEdit\"\n              [(isImgModified)]=\"isImgModified\"\n              (currentCroppedImageChange)=\"onImgCropped($event)\"\n              (editClosed)=\"onEditClosed($event)\">\n            </cropper>\n        </div>\n    </div>\n    </ng-scrollbar>\n</div>\n",
         animations: [
             easeInOut
         ]
@@ -2796,8 +2800,8 @@ let ImagesViewComponent = class ImagesViewComponent {
     _getImgList() {
         this.isLoading = true;
         this.displayPexelsResults = false;
-        this.isTotalRetieved = false;
         this.setParams();
+        this.refreshTotalImgList();
         this.imgManager.getShopImgList(this.params).pipe(take(1)).subscribe((data) => {
             this.initVariables(true);
             const nbImgDisplayed = data.data.length;
@@ -2815,19 +2819,25 @@ let ImagesViewComponent = class ImagesViewComponent {
             if (data.totalRecords === 0) {
                 this.displayPexelsLib();
             }
-            this.refreshTotalImgList();
         }, error => {
             this.alertService.openAlert(this.errorGetAllImg);
             this.initVariables(false);
         });
     }
     refreshTotalImgList() {
+        const searchValue = this.tableFilters.searchValue;
+        if (this.isTotalRetieved && searchValue === this.previousSearchValue) {
+            // Keep current total result
+            return;
+        }
+        this.isTotalRetieved = false;
         this.imgManager.getShopTotalImgList(this.params).pipe(take(1)).subscribe((data) => {
+            this.previousSearchValue = searchValue;
             this.isTotalRetieved = true;
             this.length = data.totalRecords;
             this.tableFilters.totalItems = data.totalRecords;
         }, error => {
-            this.alertService.openAlert(this.errorGetTotalImg);
+            //this.alertService.openAlert(this.errorGetTotalImg);
             this.initVariables(false);
         });
     }