tango-app-ui-shared 3.3.1-beta.81 → 3.3.1-beta.83

package/fesm2022/tango-app-ui-shared.mjs

@@ -2670,6 +2670,8 @@ class ClientSettingsComponent {
         store: null,
         stores: [],
         date: null,
+        group: [],
+        location: [],
     };
     constructor(auth, gs, cd) {
         this.auth = auth;
@@ -2722,6 +2724,9 @@ class ClientSettingsComponent {
         this.selectedFilters = headerFilters;
         this.selectedFilters.client = this.selectedClient.clientId;
         this.selectedFilters.clientName = this.selectedClient.clientName;
+        this.selectedFilters.stores = [];
+        this.selectedFilters.group = [];
+        this.selectedFilters.location = [];
         localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
         // this.gs.dataRangeValue.next(this.selectedFilters);
         window.location.reload();
@@ -2883,6 +2888,8 @@ class DateSingleSelectComponent {
         store: null,
         stores: [],
         date: null,
+        group: [],
+        location: []
     };
     dummyArray;
     respnsearray = [];
@@ -3037,6 +3044,9 @@ class DateSingleSelectComponent {
         else {
             this.selectedFilters.clients = [this.selectedClient.clientId];
         }
+        this.selectedFilters.stores = [];
+        this.selectedFilters.group = [];
+        this.selectedFilters.location = [];
         localStorage.setItem("header-filters", JSON.stringify(this.selectedFilters));
         // window.location.reload()
         // this.gs.dataRangeValue.next(this.selectedFilters);
@@ -3550,6 +3560,12 @@ class TrafficHeaderComponent {
                 if (this.searchLocationText) {
                     this.filteredLocations = this.locations.filter((location) => location.city.toLowerCase().includes(this.searchLocationText.toLowerCase()));
                 }
+                const selectedLocations = this.locations.filter((location) => location.checked).map((location) => location.city);
+                if (selectedLocations.length > 0) {
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
+                }
             },
             error: (err) => {
                 console.error("Failed to fetch locations", err);
@@ -3594,7 +3610,9 @@ class TrafficHeaderComponent {
                 // Auto-fetch stores when groups are selected
                 const selectedGroups = this.groupsData.filter((group) => group.checked).map((group) => group.groupName);
                 if (selectedGroups.length > 0) {
-                    this.getStore(); // Fetch stores based on selected groups
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
                 }
             },
             error: (err) => {
@@ -3781,10 +3799,11 @@ class TrafficHeaderComponent {
         });
         if (selectedCities.length > 0 || !selectedCities.length) {
             this.selectedFilters.stores = [];
-            this.selectedFilters.location = this.locations;
+            this.groupsData = [];
             this.getGroups(); // Fetch groups based on selected cities
             // If there are selected groups, fetch the stores based on selected groups
             this.getStore();
+            this.selectedFilters.location = this.locations;
         }
         else {
             this.filteredGroups = []; // Clear groups if no locations are selected
@@ -3800,11 +3819,6 @@ class TrafficHeaderComponent {
         const isChecked = event.target.checked;
         this.filteredGroups.forEach((group) => (group.checked = isChecked));
         this.updateSelectedGroups();
-        // if (!isChecked) {
-        //   this.selectedFilters.stores =[];
-        //    // If there are selected groups, fetch the stores based on selected groups
-        //    this.getStore();
-        //  }
     }
     updateSelectedGroups() {
         // Fetch the relevant stores after groups are selected
@@ -4341,6 +4355,12 @@ class TraxHeaderComponent {
                 if (this.searchLocationText) {
                     this.filteredLocations = this.locations.filter((location) => location.city.toLowerCase().includes(this.searchLocationText.toLowerCase()));
                 }
+                const selectedLocations = this.locations.filter((location) => location.checked).map((location) => location.city);
+                if (selectedLocations.length > 0) {
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
+                }
             },
             error: (err) => {
                 console.error("Failed to fetch locations", err);
@@ -4385,7 +4405,9 @@ class TraxHeaderComponent {
                 // Auto-fetch stores when groups are selected
                 const selectedGroups = this.groupsData.filter((group) => group.checked).map((group) => group.groupName);
                 if (selectedGroups.length > 0) {
-                    this.getStore(); // Fetch stores based on selected groups
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
                 }
             },
             error: (err) => {
@@ -4586,10 +4608,11 @@ class TraxHeaderComponent {
         });
         if (selectedCities.length > 0 || !selectedCities.length) {
             this.selectedFilters.stores = [];
-            this.selectedFilters.location = this.locations;
+            this.groupsData = [];
             this.getGroups(); // Fetch groups based on selected cities
             // If there are selected groups, fetch the stores based on selected groups
             this.getStore();
+            this.selectedFilters.location = this.locations;
         }
         else {
             this.filteredGroups = []; // Clear groups if no locations are selected
@@ -5172,6 +5195,12 @@ class TraxWithoutdateComponent {
                 if (this.searchLocationText) {
                     this.filteredLocations = this.locations.filter((location) => location.city.toLowerCase().includes(this.searchLocationText.toLowerCase()));
                 }
+                const selectedLocations = this.locations.filter((location) => location.checked).map((location) => location.city);
+                if (selectedLocations.length > 0) {
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
+                }
             },
             error: (err) => {
                 console.error("Failed to fetch locations", err);
@@ -5216,7 +5245,9 @@ class TraxWithoutdateComponent {
                 // Auto-fetch stores when groups are selected
                 const selectedGroups = this.groupsData.filter((group) => group.checked).map((group) => group.groupName);
                 if (selectedGroups.length > 0) {
-                    this.getStore(); // Fetch stores based on selected groups
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
                 }
             },
             error: (err) => {
@@ -5417,10 +5448,11 @@ class TraxWithoutdateComponent {
         });
         if (selectedCities.length > 0 || !selectedCities.length) {
             this.selectedFilters.stores = [];
-            this.selectedFilters.location = this.locations;
+            this.groupsData = [];
             this.getGroups(); // Fetch groups based on selected cities
             // If there are selected groups, fetch the stores based on selected groups
             this.getStore();
+            this.selectedFilters.location = this.locations;
         }
         else {
             this.filteredGroups = []; // Clear groups if no locations are selected
@@ -5948,6 +5980,12 @@ class TrafficNobComponent {
                 if (this.searchLocationText) {
                     this.filteredLocations = this.locations.filter((location) => location.city.toLowerCase().includes(this.searchLocationText.toLowerCase()));
                 }
+                const selectedLocations = this.locations.filter((location) => location.checked).map((location) => location.city);
+                if (selectedLocations.length > 0) {
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
+                }
             },
             error: (err) => {
                 console.error("Failed to fetch locations", err);
@@ -5992,7 +6030,9 @@ class TrafficNobComponent {
                 // Auto-fetch stores when groups are selected
                 const selectedGroups = this.groupsData.filter((group) => group.checked).map((group) => group.groupName);
                 if (selectedGroups.length > 0) {
-                    this.getStore(); // Fetch stores based on selected groups
+                    setTimeout(() => {
+                        this.getStore(); // Fetch stores based on selected groups
+                    }, 1000);
                 }
             },
             error: (err) => {
@@ -6193,10 +6233,11 @@ class TrafficNobComponent {
         });
         if (selectedCities.length > 0 || !selectedCities.length) {
             this.selectedFilters.stores = [];
-            this.selectedFilters.location = this.locations;
+            this.groupsData = [];
             this.getGroups(); // Fetch groups based on selected cities
             // If there are selected groups, fetch the stores based on selected groups
             this.getStore();
+            this.selectedFilters.location = this.locations;
         }
         else {
             this.filteredGroups = []; // Clear groups if no locations are selected