@wizishop/img-manager 15.0.3 → 15.0.6

package/fesm2020/wizishop-img-manager.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Directive, Input, Output, Pipe, Component, ViewEncapsulation, HostBinding, HostListener, ViewChild, Inject, NgModule } from '@angular/core';
-import { ReplaySubject, Observable, Subject, BehaviorSubject, forkJoin } from 'rxjs';
+import { ReplaySubject, Observable, of, delay, tap, Subject, BehaviorSubject, forkJoin } from 'rxjs';
 import * as i3 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClientModule } from '@angular/common/http';
 import * as i7 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1 from '@wizishop/ng-wizi-bulma';
 import { NwbAllModule } from '@wizishop/ng-wizi-bulma';
-import { take, debounceTime, map, takeUntil, distinctUntilChanged, tap } from 'rxjs/operators';
+import { take, debounceTime, map, takeUntil, distinctUntilChanged, tap as tap$1 } from 'rxjs/operators';
 import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { trigger, state, style, transition, animate, query, stagger } from '@angular/animations';
@@ -209,7 +209,13 @@ class ImgManagerService {
         return header;
     }
     getShopImgList(params) {
-        return this.http.get(`${this.imgManagerRoute}/images`, this.getOptionsHeaders(params));
+        if (params && this.previousParams && this.previousParams.limit === params.limit && this.previousParams.page === params.page && this.shopImgList) {
+            return of(this.shopImgList).pipe(delay(0));
+        }
+        return this.http.get(`${this.imgManagerRoute}/images`, this.getOptionsHeaders(params)).pipe(tap((shopImgList) => {
+            this.shopImgList = shopImgList;
+            this.previousParams = params;
+        }));
     }
     getShopTotalImgList(params) {
         return this.http.get(`${this.imgManagerRoute}/total/image`, this.getOptionsHeaders(params));
@@ -1279,7 +1285,7 @@ class AbstractDebounceDirective {
     }
     ngOnInit() {
         this.emitEvent$
-            .pipe(takeUntil(this.subscription$), debounceTime(this.debounceTime), distinctUntilChanged(), tap(value => this.emitChange(value)))
+            .pipe(takeUntil(this.subscription$), debounceTime(this.debounceTime), distinctUntilChanged(), tap$1(value => this.emitChange(value)))
             .subscribe();
     }
     emitChange(value) {
@@ -3143,7 +3149,7 @@ class ImagesViewComponent {
         this.nbImgToDelSelected = 0;
         this.disable = false; // Use to disable action during server request
         this.isLoading = true;
-        this.isTotalRetieved = false;
+        this.isTotalRetrieved = false;
         this.delListImgLoader = false;
         this.initComponent = true;
         this.failLoaded = false;
@@ -3346,7 +3352,7 @@ class ImagesViewComponent {
      * Set a img list in order to fill properly all the line of images displayed in mosaic.
      * Otherwise, the space-between css will do a bad display
      */
-    calculNbImgFake(nbImgDisplayed) {
+    calculateNbImgFake(nbImgDisplayed) {
         const nbImgPerLine = this.stateDisplayed === 'small' || this.tabDisplayed === 'img-upload' ? this.nbMaxImgPerLine : this.nbMinImgPerLine;
         if (nbImgDisplayed % nbImgPerLine !== 0) {
             this.nbFakeImg = nbImgPerLine - nbImgDisplayed % nbImgPerLine;
@@ -3417,35 +3423,38 @@ class ImagesViewComponent {
         this.displayPexelsResults = false;
         this.setParams();
         this.refreshTotalImgList();
-        this.imgManager.getShopImgList(this.params).pipe(take(1)).subscribe((data) => {
-            this.initVariables(true);
-            const nbImgDisplayed = data.data.length;
-            this.calculNbImgFake(nbImgDisplayed);
-            this.picturesList = data.data;
-            this.renamePictureService.setPicturesList(this.picturesList);
-            this.selectImgSelected();
-            this.length = this.isTotalRetieved ? this.length : data.totalRecords;
-            this.tableFilters.totalItems = this.isTotalRetieved ? this.tableFilters.totalItems : data.totalRecords;
-            this.tableFilters.itemsPerPage = this.tableFilters.itemsPerPage ? this.tableFilters.itemsPerPage : this.pageSize;
-            // Display Pexels if no result
-            if (data.totalRecords === 0) {
-                this.displayPexelsLib();
+        this.imgManager.getShopImgList(this.params).pipe(take(1)).subscribe({
+            next: (data) => {
+                this.initVariables(true);
+                const nbImgDisplayed = data.data.length;
+                this.calculateNbImgFake(nbImgDisplayed);
+                this.picturesList = data.data;
+                this.renamePictureService.setPicturesList(this.picturesList);
+                this.selectImgSelected();
+                this.length = this.isTotalRetrieved ? this.length : data.totalRecords;
+                this.tableFilters.totalItems = this.isTotalRetrieved ? this.tableFilters.totalItems : data.totalRecords;
+                this.tableFilters.itemsPerPage = this.tableFilters.itemsPerPage ? this.tableFilters.itemsPerPage : this.pageSize;
+                // Display Pexels if no result
+                if (data.totalRecords === 0) {
+                    this.displayPexelsLib();
+                }
+            },
+            error: error => {
+                this.alertService.openAlert(this.errorGetAllImg);
+                this.initVariables(false);
             }
-        }, error => {
-            this.alertService.openAlert(this.errorGetAllImg);
-            this.initVariables(false);
         });
     }
     refreshTotalImgList() {
         const searchValue = this.tableFilters.searchValue;
-        if (this.isTotalRetieved && searchValue === this.previousSearchValue) {
+        if (this.isTotalRetrieved && searchValue === this.previousSearchValue) {
             // Keep current total result
             return;
         }
-        this.isTotalRetieved = false;
+        this.isTotalRetrieved = false;
         this.imgManager.getShopTotalImgList(this.params).pipe(take(1)).subscribe((data) => {
             this.previousSearchValue = searchValue;
-            this.isTotalRetieved = true;
+            this.isTotalRetrieved = true;
             this.length = data.totalRecords;
             this.tableFilters.totalItems = data.totalRecords;
         }, error => {
@@ -4140,3 +4149,4 @@ class ImgCDNConfigDTO {
 
 export { CanvaButtonApi, CanvaService, ImgApiDto, ImgCDNConfigDTO, ImgManagerConfigDto, ImgManagerService, ImgSelectionService, RenamePictureService, WzImgManagerComponent, WzImgManagerModule };
 //# sourceMappingURL=wizishop-img-manager.mjs.map
+//# sourceMappingURL=wizishop-img-manager.mjs.map