ngx-render-material-forms 2.2.8 → 2.3.0

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

@@ -2679,7 +2679,12 @@ class CommonService {
     loadProducts(pageNumber, pazeSize, search = '', onlyActive = true, description = false, levelOneId, levelTwoId, levelThreeId, levelFourId) {
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
-        return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetVendorProductsV2?vendorId=${vendorId}&pageNumber=${pageNumber}&pageSize=${pazeSize}&search=${search}&onlyActive=${onlyActive}&includeDescription=${description}&levelOne=${levelOneId}&levelTwo=${levelTwoId}&levelThree=${levelThreeId}&levelFour=${levelFourId}`);
+        const programId = this.getValueByKey(this.paramsData, 'programId');
+        let apiUrl = `${baseApiUrl}/api/VendorFormBuilder/GetVendorProductsV2?vendorId=${vendorId}&pageNumber=${pageNumber}&pageSize=${pazeSize}&search=${search}&onlyActive=${onlyActive}&includeDescription=${description}&levelOne=${levelOneId}&levelTwo=${levelTwoId}&levelThree=${levelThreeId}&levelFour=${levelFourId}`;
+        if (programId) {
+            apiUrl += `&programId=${programId}`;
+        }
+        return this.http.get(apiUrl);
     }
     listSubCategory(category) {
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
@@ -2885,6 +2890,7 @@ class MaterialSelectComponent extends MaterialComponent {
         const vendorId = this.getValueByKey(paramsData, 'vendorId');
         const onlyActive = this.getValueByKey(paramsData, 'onlyActive');
         const includeCountry = this.getValueByKey(paramsData, 'filterProductBasedOnCustomerCountry');
+        const programId = this.getValueByKey(paramsData, "programId");
         var currentUser = JSON.parse(localStorage.getItem('currentUser'));
         let headers;
         if (currentUser && currentUser.Tokens && currentUser.Tokens.AccessToken) {
@@ -2903,6 +2909,7 @@ class MaterialSelectComponent extends MaterialComponent {
         const ensearchQuery = this.commonService.scrumble(searchQuery);
         const encodeIncludeCountry = this.commonService.scrumble(includeCountry);
         let enactive = this.commonService.scrumble(onlyActive);
+        const enprogramId = this.commonService.scrumble(programId);
         //Check if enactive is undefined, null, or blank
         if (enactive === undefined || enactive === null || enactive === '') {
             enactive = this.commonService.scrumble(true); // Set default value to true
@@ -2923,6 +2930,9 @@ class MaterialSelectComponent extends MaterialComponent {
         const hostname = window.location.hostname;
         const baseApiUrl = baseUrlMapping[btoa(hostname)] || null;
         let url = `${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`;
+        if (enprogramId && programId) {
+            url += `&programId=${enprogramId}`;
+        }
         // Only add includeCountryId if it has a valid value
         if (encodeIncludeCountry !== null && encodeIncludeCountry !== undefined && this.isFilterProductBasedOnCustomerCountryValid(this.instance.component.data)) {
             url += `&filterProductBasedOnCustomerCountry=${encodeIncludeCountry}`;
@@ -3507,7 +3517,7 @@ class AddOnProductsComponent {
         this.priceTweek = data.dropdownsFlag?.priceTweek || "Price";
         this.productTweek = data.dropdownsFlag?.productTweek || "Product Name";
         this.quantityTweek = data.dropdownsFlag?.quantityTweek || "Quantity";
-        this.showCost = data.dropdownsFlag.showDialogCost;
+        this.showCost = data.dropdownsFlag?.showDialogCost;
         this.categoryTweek = data.dropdownsFlag?.categoryTweek || "Category Name";
         this.subCategoryTweek = data.dropdownsFlag?.subCategoryTweek || "Sub Category";
         this.inventoryTweek = data.dropdownsFlag?.inventoryTweek || "Inventory";
@@ -4066,6 +4076,8 @@ class AddOnProductsComponent {
     }
     updateActiveFiltersCount() {
         this.activeFiltersCount = 0;
+        if (this.searchQuery !== '')
+            this.activeFiltersCount++;
         if (this.form.get('dropdownLevel1').value)
             this.activeFiltersCount++;
         if (this.form.get('dropdownLevel2').value)
@@ -4104,14 +4116,17 @@ class AddOnProductsComponent {
         this.levelFourId = 0;
         this.pageNumber = 1;
         this.pageSize = 20;
+        this.form.controls['searchProductName'].setValue('');
+        this.searchQuery = '';
+        this.dataSource.data = [];
+        this.spinnerFlag = false;
         this.updateActiveFiltersCount();
-        if (this.searchQuery === '') {
-            this.dataSource.data = [];
-            this.spinnerFlag = false;
-        }
-        else {
-            this.getProducts(false);
-        }
+        // if (this.searchQuery === '') {
+        //   this.dataSource.data = [];
+        //   this.spinnerFlag = false;
+        // } else {
+        //   this.getProducts(false);
+        // }
     }
     shouldResetTable(search, levelOneId, levelTwoId, levelThreeId, levelFourId) {
         return search === '' && levelOneId === 0 && levelTwoId === 0 && levelThreeId === 0 && levelFourId === 0;
@@ -4401,7 +4416,7 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
                 width: '90%',
                 maxWidth: '1000px',
                 autoFocus: false,
-                data: { dropdownsFlag: { showDialogInventory: this.showDialogInventory, showInventory: this.showInventory, inventoryTweek: this.inventoryTweek, quantityTweek: this.quantityTweek, subCategoryTweek: this.subCategoryTweek, categoryTweek: this.categoryTweek, productTweek: this.productTweek, costTweek: this.costTweek, skuTweek: this.skuTweek, priceTweek: this.priceTweek, showDialogCost: this.showDialogCost, showNewProductPicker: this.showNewProductPicker, showDialogSubCategory: this.showDialogSubCategory, showDialogSkuNumber: this.showDialogSkuNumber, showDialogCategory: this.showDialogCategory, showDialogPrice: this.showDialogPrice, showDialogQuantity: this.showDialogQuantity, dropdownL1: this.dropdownL1, dropdownL2: this.dropdownL2, dropdownL3: this.dropdownL3, dropdownL4: this.dropdownL4, dropdownL1Label: this.dropdownL1Label, dropdownL2Label: this.dropdownL2Label, dropdownL3Label: this.dropdownL3Label, dropdownL4Label: this.dropdownL4Label, checkSubmissionStatus: this.checkSubmissionStatus, priceDisable: this.isPriceDisable, showCost: this.showDialogCost }, selectedProducts: this.dataSourceNew }
+                data: { dropdownsFlag: { showDialogInventory: this.showDialogInventory, showInventory: this.showInventory, inventoryTweek: this.inventoryTweek, quantityTweek: this.quantityTweek, subCategoryTweek: this.subCategoryTweek, categoryTweek: this.categoryTweek, productTweek: this.productTweek, costTweek: this.costTweek, skuTweek: this.skuTweek, priceTweek: this.priceTweek, showDialogCost: this.showDialogCost, showNewProductPicker: this.showNewProductPicker, showDialogSubCategory: this.showDialogSubCategory, showDialogSkuNumber: this.showDialogSkuNumber, showDialogCategory: this.showDialogCategory, showDialogPrice: this.showDialogPrice, showDialogQuantity: this.showDialogQuantity, dropdownL1: this.dropdownL1, dropdownL2: this.dropdownL2, dropdownL3: this.dropdownL3, dropdownL4: this.dropdownL4, dropdownL1Label: this.dropdownL1Label, dropdownL2Label: this.dropdownL2Label, dropdownL3Label: this.dropdownL3Label, dropdownL4Label: this.dropdownL4Label, checkSubmissionStatus: this.checkSubmissionStatus, priceDisable: this.isPriceDisable }, selectedProducts: this.dataSourceNew }
             })
                 .afterClosed().subscribe(response => {
                 this.instance.addRow();