tango-app-ui-shared 3.3.1-beta.63 → 3.3.1-beta.64

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

@@ -3636,49 +3636,69 @@ class TrafficHeaderComponent {
         const data = { city, clusters: group, clientId: this.users.clientId ? this.users.clientId : this.selectedFilters.client };
         this.auth.getHeaderStores(data).subscribe({
             next: (res) => {
-                this.stores = res.data.storesData;
-                // Retrieve checked store IDs from selectedFilters
-                const checkedStoreIds = this.selectedFilters?.stores
-                    ? this.selectedFilters.stores.filter((store) => store.checked).map((store) => store.storeId)
-                    : [];
-                this.stores.forEach(store => {
-                    if (checkedStoreIds.includes(store.storeId)) {
-                        store.checked = true; // Sync the checked state with full store list
-                    }
-                });
-                // Map the stores and retain the 'checked' status
-                if (this.searchStoreText.length) {
-                    this.filteredStores = this.stores?.filter(store => store.storeName.toLowerCase().includes(this.searchStoreText));
-                }
-                else {
-                    this.filteredStores = this.stores;
-                }
-                // Ensure selectedFilters is in sync with filteredStores
-                if (!this.selectedFilters.stores || !this.selectedFilters.stores.length) {
+                if (res && res.code === 200) {
+                    this.stores = res.data.storesData;
+                    // Retrieve checked store IDs from selectedFilters
+                    const checkedStoreIds = this.selectedFilters?.stores
+                        ? this.selectedFilters.stores.filter((store) => store.checked).map((store) => store.storeId)
+                        : [];
                     this.stores.forEach(store => {
-                        store.checked = true; // Sync the checked state with full store list
+                        if (checkedStoreIds.includes(store.storeId)) {
+                            store.checked = true; // Sync the checked state with full store list
+                        }
                     });
-                    // No previously selected stores, mark all as checked
-                    this.filteredStores = this.selectedFilters.stores = this.filteredStores.map(store => ({
-                        ...store,
-                        checked: true
-                    }));
+                    // Map the stores and retain the 'checked' status
+                    if (this.searchStoreText.length) {
+                        this.filteredStores = this.stores?.filter(store => store.storeName.toLowerCase().includes(this.searchStoreText));
+                    }
+                    else {
+                        this.filteredStores = this.stores;
+                    }
+                    // Ensure selectedFilters is in sync with filteredStores
+                    if (!this.selectedFilters.stores || !this.selectedFilters.stores.length) {
+                        this.stores.forEach(store => {
+                            store.checked = true; // Sync the checked state with full store list
+                        });
+                        // No previously selected stores, mark all as checked
+                        this.filteredStores = this.selectedFilters.stores = this.filteredStores.map(store => ({
+                            ...store,
+                            checked: true
+                        }));
+                    }
+                    else {
+                        // Update selectedFilters to reflect current state of stores
+                        this.selectedFilters.stores = this.filteredStores.map(store => ({
+                            ...store,
+                            checked: store.checked
+                        }));
+                    }
+                    // Update localStorage with the latest selectedFilters
+                    localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
+                    // Emit data via service
+                    // this.gs.dataRangeValue.next(this.selectedFilters);
+                    // Trigger change detection to reflect changes in the UI
+                    this.cd.detectChanges();
                 }
                 else {
-                    // Update selectedFilters to reflect current state of stores
+                    this.stores = [];
+                    this.selectedFilters.stores = [];
+                    this.filteredStores = [];
                     this.selectedFilters.stores = this.filteredStores.map(store => ({
                         ...store,
-                        checked: store.checked
+                        checked: false
                     }));
+                    localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
                 }
-                // Update localStorage with the latest selectedFilters
-                localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
-                // Emit data via service
-                // this.gs.dataRangeValue.next(this.selectedFilters);
-                // Trigger change detection to reflect changes in the UI
-                this.cd.detectChanges();
             },
             error: (err) => {
+                this.stores = [];
+                this.selectedFilters.stores = this.filteredStores.map(store => ({
+                    ...store,
+                    checked: false
+                }));
+                this.filteredStores = [];
+                this.selectedFilters.stores = [];
+                localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
                 console.error("Failed to fetch stores", err);
             },
         });
@@ -4417,49 +4437,69 @@ class TraxHeaderComponent {
         const data = { city, clusters: group, clientId: this.users.clientId ? this.users.clientId : this.selectedFilters.client };
         this.auth.getHeaderStores(data).subscribe({
             next: (res) => {
-                this.stores = res.data.storesData;
-                // Retrieve checked store IDs from selectedFilters
-                const checkedStoreIds = this.selectedFilters?.stores
-                    ? this.selectedFilters.stores.filter((store) => store.checked).map((store) => store.storeId)
-                    : [];
-                this.stores.forEach(store => {
-                    if (checkedStoreIds.includes(store.storeId)) {
-                        store.checked = true; // Sync the checked state with full store list
-                    }
-                });
-                // Map the stores and retain the 'checked' status
-                if (this.searchStoreText.length) {
-                    this.filteredStores = this.stores?.filter(store => store.storeName.toLowerCase().includes(this.searchStoreText));
-                }
-                else {
-                    this.filteredStores = this.stores;
-                }
-                // Ensure selectedFilters is in sync with filteredStores
-                if (!this.selectedFilters.stores || !this.selectedFilters.stores.length) {
+                if (res && res.code === 200) {
+                    this.stores = res.data.storesData;
+                    // Retrieve checked store IDs from selectedFilters
+                    const checkedStoreIds = this.selectedFilters?.stores
+                        ? this.selectedFilters.stores.filter((store) => store.checked).map((store) => store.storeId)
+                        : [];
                     this.stores.forEach(store => {
-                        store.checked = true; // Sync the checked state with full store list
+                        if (checkedStoreIds.includes(store.storeId)) {
+                            store.checked = true; // Sync the checked state with full store list
+                        }
                     });
-                    // No previously selected stores, mark all as checked
-                    this.filteredStores = this.selectedFilters.stores = this.filteredStores.map(store => ({
-                        ...store,
-                        checked: true
-                    }));
+                    // Map the stores and retain the 'checked' status
+                    if (this.searchStoreText.length) {
+                        this.filteredStores = this.stores?.filter(store => store.storeName.toLowerCase().includes(this.searchStoreText));
+                    }
+                    else {
+                        this.filteredStores = this.stores;
+                    }
+                    // Ensure selectedFilters is in sync with filteredStores
+                    if (!this.selectedFilters.stores || !this.selectedFilters.stores.length) {
+                        this.stores.forEach(store => {
+                            store.checked = true; // Sync the checked state with full store list
+                        });
+                        // No previously selected stores, mark all as checked
+                        this.filteredStores = this.selectedFilters.stores = this.filteredStores.map(store => ({
+                            ...store,
+                            checked: true
+                        }));
+                    }
+                    else {
+                        // Update selectedFilters to reflect current state of stores
+                        this.selectedFilters.stores = this.filteredStores.map(store => ({
+                            ...store,
+                            checked: store.checked
+                        }));
+                    }
+                    // Update localStorage with the latest selectedFilters
+                    localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
+                    // Emit data via service
+                    // this.gs.dataRangeValue.next(this.selectedFilters);
+                    // Trigger change detection to reflect changes in the UI
+                    this.cd.detectChanges();
                 }
                 else {
-                    // Update selectedFilters to reflect current state of stores
+                    this.stores = [];
+                    this.selectedFilters.stores = [];
+                    this.filteredStores = [];
                     this.selectedFilters.stores = this.filteredStores.map(store => ({
                         ...store,
-                        checked: store.checked
+                        checked: false
                     }));
+                    localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
                 }
-                // Update localStorage with the latest selectedFilters
-                localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
-                // Emit data via service
-                // this.gs.dataRangeValue.next(this.selectedFilters);
-                // Trigger change detection to reflect changes in the UI
-                this.cd.detectChanges();
             },
             error: (err) => {
+                this.stores = [];
+                this.selectedFilters.stores = [];
+                this.filteredStores = [];
+                this.selectedFilters.stores = this.filteredStores.map(store => ({
+                    ...store,
+                    checked: false
+                }));
+                localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
                 console.error("Failed to fetch stores", err);
             },
         });
@@ -4816,8 +4856,11 @@ class ToolbarComponent {
         this.appPageTitleDescription = this.layout.getProp("app.pageTitle.description", config);
         document.body.setAttribute("data-kt-app-toolbar-enabled", "true");
     }
+    destroy$ = new Subject();
     ngOnDestroy() {
         this.unsubscribe.forEach((sb) => sb.unsubscribe());
+        this.destroy$.next(true);
+        this.destroy$.complete();
     }
     showPageTitle() {
         let URL = "";