ngx-render-material-forms 1.2.4 → 1.2.6

package/fesm2020/ngx-render-material-forms.js

@@ -2532,8 +2532,8 @@ class MaterialSelectComponent extends MaterialComponent {
         this._onDestroy = new Subject();
         // Variables to track pagination
         this.pageNumber = 1;
-        this.pageSize = 3;
-        this.totalPages = 3;
+        this.pageSize = 20;
+        this.totalPages = 0;
         this.searchQuery = '';
         this.holy = '';
         this.grail = '';
@@ -2588,10 +2588,12 @@ class MaterialSelectComponent extends MaterialComponent {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
             const scrollElement = event.target;
             const trackHeight = scrollElement.scrollHeight - scrollElement.offsetHeight;
+            console.log('productsloadingFlagScroll=>', this.productsloadingFlag);
             if (this.productsloadingFlag && Math.floor(scrollElement.scrollTop / trackHeight * 100) > 50) {
                 this.productsloadingFlag = false;
-                if (this.pageNumber < this.totalPages && this.totalPages > 1) {
+                if (this.pageNumber < this.totalPages) {
                     this.pageNumber = this.pageNumber + 1;
+                    console.log('this.pageNumber', this.pageNumber, this.totalPages);
                     this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
                 }
             }
@@ -2639,7 +2641,7 @@ class MaterialSelectComponent extends MaterialComponent {
         const baseApiUrl = baseUrlMapping[hostname] || null;
         this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`, { headers }).subscribe(response => {
             if (response && response.code === 200) {
-                this.totalPages = response.data.dataSource;
+                this.totalPages = response?.data?.totalPages;
                 if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
                     const transformedData = this.transformResponseData(response.data.dataSource);
                     // Process the transformed data
@@ -2652,6 +2654,8 @@ class MaterialSelectComponent extends MaterialComponent {
                 setTimeout(() => {
                     this.productsloadingFlag = true;
                 }, 1000);
+                console.log('productsloadingFlag', this.productsloadingFlag);
+                console.log('totalPage=>', this.totalPages);
             }
         });
     }