tango-app-ui-analyse-trax 3.9.2 → 3.9.3

package/src/lib/components/dashboard-info/dashboard-info.component.ts

@@ -0,0 +1,772 @@
+import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Subject, debounceTime, takeUntil } from "rxjs";
+import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
+import { ToastService } from 'tango-app-ui-shared';
+import { TraxService } from '../../services/trax.service';
+import dayjs from 'dayjs';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+
+
+
+@Component({
+  selector: 'lib-dashboard-info',
+  templateUrl: './dashboard-info.component.html',
+  styleUrl: './dashboard-info.component.scss'
+})
+
+export class DashboardInfoComponent implements OnDestroy, OnInit {
+  dayjs = dayjs;
+  private detach = new Subject();
+  private destroy$ = new Subject<void>();
+  isExport: boolean = false;
+  itemsPerPage = 10
+  currentPage = 1
+  totalItems = 0
+  paginationSizes: any[] = [];
+  pageSize = 10
+  sortColumName: string = '';
+  sortBy: any = '';
+  sortDirection: any = '';
+  searchInput: any = "";
+  infoChecklistData: any[] = [];
+  checklistDropdown: any[] = [];
+  userlistDropdown: any[] = [];
+  searchDisabled: boolean = false;
+  invoiceList: any[] = [];
+  checklistLoading: boolean = true;
+  checklistNoData: boolean = false;
+  headerData: any;
+  receivedData: string = "Checklist";
+  form: FormGroup;
+  selectControl: FormControl;
+  checklistselectControl: FormControl;
+  userlistselectControl: FormControl;
+  selectedlistselectControl: FormControl;
+
+  selectedUser: any;
+  selectedUserType: string;
+  selectedSourceUserId: string;
+
+  selectedStatus: any;
+  selectedStatusType: string;
+  selectedSourceStatusId: string;
+  dateType = "daily";
+  checklistdatasets: Array<{ value: string, label: string }> = [];
+  infoCardDataLoading: boolean = true;
+  infoCardNoData: boolean = false;
+  infoCardsData: any = {};
+  // infoChecklistData: any = {};
+  selectedChecklist: any;
+  selectedChecklistType: string;
+  selectedSourceCheckListId: any;
+  selectDropdown: any[] = [];
+  selectedvalue: any;
+  statusselectControl = [
+    { _id: 'All', label: 'All' },
+    { _id: 'open', label: 'Open' },
+    { _id: 'inprogress', label: 'In Progress' },
+    { _id: 'submit', label: 'Submitted' },
+    { _id: 'redo', label: 'Redo' },
+  ];
+  timeFlag: any;
+  date: any;
+  infoComparisonCardsData: any = {};
+  searchValue: string;
+  limit: number;
+  offset: number;
+  dateLength: number;
+  checklistInfoDate: string;
+  refreshDropdown:boolean = true
+  refreshuserDropdown:boolean = true
+  selectAll: boolean = false;
+  isTodaySelected: boolean;
+  monthlyperformce: string;
+  todayDate: string;
+  userEmailes: any = [];
+  traxMonthlyComparisonData: any = "";
+
+  constructor(private route: ActivatedRoute, private router: Router, public gs: GlobalStateService, private changeDetector: ChangeDetectorRef, private toast: ToastService,
+    private TraxService: TraxService, private fb: FormBuilder, private pageInfo: PageInfoService, private toastService: ToastService
+  ) { this.userEmailes = JSON.parse(localStorage.getItem("usersEmail-info") || "[]" ) }
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+
+  ngOnInit(): void {
+    this.todayDate = dayjs().format('DD MMM YYYY');
+    // this.isTodaySelected = this.checklistInfoDate === today;
+    this.dateType = localStorage.getItem('dashboardDateType') || 'defaultType';
+    this.selectedlistselectControl = new FormControl('All');
+    this.date = this.dayjs().format('YYYY-MM-DD');
+    this.checklistInfoDate = this.dayjs().format('DD MMM YYYY');
+    this.route?.queryParams
+    this.route?.queryParams
+      ?.pipe(takeUntil(this.detach))
+      .subscribe((params) => {
+        if (params.type === 'Checklist') {
+          this.selectedvalue = params.checklist
+          if (params.status == 'submit') {
+            this.selectedlistselectControl.setValue('submit');
+          }
+          if (params.status == 'redo') {
+            this.selectedlistselectControl.setValue('redo');
+          }
+          this.receivedData = 'Checklist';
+          this.infoCardsData = params.checklistData ? JSON.parse(params.checklistData) : null;
+        } else if (params.type === 'store') {
+          this.selectedvalue = params.store_id
+          this.receivedData = 'Store';
+        } else if (params.type === 'user') {
+          this.selectedvalue = params.userEmail
+          this.receivedData = 'User';
+        }
+      });
+
+    this.checklistselectControl = new FormControl('');
+    this.form = this.fb.group({
+      checklistselectControl: this.checklistselectControl
+    });
+    this.checklistselectControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value: any) => {
+      this.onChecklistSelect({_id:this.selectedvalue});
+    });
+
+
+    this.userlistselectControl = new FormControl('');
+    this.form = this.fb.group({
+      userlistselectControl: this.userlistselectControl
+    });
+    this.userlistselectControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value: any) => {
+      this.onUserSelect({userEmail:value});
+    });
+
+    this.form = this.fb.group({
+      selectedlistselectControl: this.selectedlistselectControl
+    });
+    this.selectedlistselectControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value: any) => {
+      this.onValueChangeStatusSelect(value);
+    });
+    this.gs.dataRangeValue
+      .pipe(takeUntil(this.destroy$), debounceTime(300))
+      .subscribe((data: any) => {
+        if (data) {
+          this.headerData = data;
+          // this.dateLength = getDaysBetweenDates(data?.date.startDate, data?.date.endDate);
+          // if (this.dateLength > 28)
+          //   this.dateType = "monthly";
+          // else if (this.dateLength > 5)
+          //   this.dateType = "weekly";
+          // else if(this.dateLength === 0)
+          //   this.dateType = "weekly";
+
+          this.setPageData();
+          if (this.receivedData === 'Checklist') {
+            this.getchecklistDropdown();
+          } else if (this.receivedData === 'User') {
+            this.getUserlistDropdown();
+          } else {
+
+            this.getInfoCardsData();
+            this.getInfoComparisonCardsData()
+            this.getChecklistInfoData();
+          }
+
+        }
+      })
+
+  }
+
+  setPageData() {
+    this.pageInfo.setTitle("Dashboard");
+    // this.pageInfo.setDescription("Dashboard");
+    this.pageInfo.setBreadcrumbs([
+      { title: "Tango Trax", path: "/manage/trax/dashboard", isActive: false, isSeparator: false },
+      { title: "Tango Trax", path: "/manage/trax/dashboard", isActive: false, isSeparator: true },
+    ]);
+  }
+
+  getUserlistDropdown(): void {
+    const requestData = {
+      fromDate: this.headerData.date.startDate,
+      toDate: this.headerData.date.endDate,
+      storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+      userEmailes: this.userEmailes,
+      clientId: this.headerData.client,
+    };
+    this.TraxService.getUserlistDropdownData(requestData).pipe(takeUntil(this.destroy$)).subscribe(
+      (response: any) => {
+        if (response?.code === 200 && response?.status === "success") {
+          this.userlistDropdown = response.data?.userData;
+          this.selectedUser = this.userlistDropdown.find(item => item.userEmail === this.selectedvalue);
+          if (this.selectedUser) {
+            // setTimeout(() => {
+              this.userlistselectControl.setValue(this.selectedUser.userEmail);
+              this.selectedSourceCheckListId = this.selectedUser.userEmail;
+              this.checklistNoData = false;
+              this.changeDetector.detectChanges();
+            // }, 100);
+
+          }
+          else if (this.userlistDropdown.length > 0) {
+            this.userlistselectControl.setValue(this.userlistDropdown[0].userEmail);
+            this.selectedUser = this.userlistDropdown[0];
+            this.infoCardsData = []
+            this.infoComparisonCardsData = []
+            this.checklistLoading = false
+            this.checklistNoData = true;
+            this.infoCardNoData = true;
+          }
+        } else {
+          this.selectedUser = ""
+          this.userlistDropdown = [];
+          this.selectedSourceCheckListId = [];
+          this.refreshuserDropdown =  false
+          setTimeout(() => {
+            this.refreshuserDropdown = true
+            this.changeDetector.detectChanges();
+          }, 0);
+          this.infoCardsData = []
+          this.infoComparisonCardsData = []
+          this.checklistLoading = false
+          this.checklistNoData = true;
+          
+          this.infoCardNoData = true;
+          this.changeDetector.detectChanges();
+        }
+       
+      },
+      error => {
+        this.userlistDropdown = [];
+        this.selectedSourceCheckListId = [];
+        this.changeDetector.detectChanges();
+      }
+    );
+  }
+  getchecklistDropdown(): void {
+    const requestData = {
+      fromDate: this.headerData.date.startDate,
+      toDate: this.headerData.date.endDate,
+      storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+      userEmailes: this.userEmailes,
+      clientId: this.headerData.client,
+    };
+    this.TraxService.getChecklistDropdownDashboardData(requestData).pipe(takeUntil(this.destroy$)).subscribe(
+      (response: any) => {
+        if (response?.code === 200 && response?.status === "success") {
+          this.checklistDropdown = response.data?.checklistData;
+          this.selectedChecklist = this.checklistDropdown.find(item => item.sourceCheckList_id === this.selectedvalue);
+          if (this.selectedChecklist) {
+            this.checklistselectControl.setValue(this.selectedChecklist.sourceCheckList_id);
+            this.selectedChecklistType = this.selectedChecklist.checkListType;
+            this.selectedvalue = this.selectedChecklist.sourceCheckList_id;
+            this.checklistNoData = false;
+            this.changeDetector.detectChanges();
+          }
+          else if (this.checklistDropdown.length > 0) {
+            this.checklistselectControl.setValue(this.checklistDropdown[0].sourceCheckList_id);
+            this.infoCardsData = []
+            this.infoComparisonCardsData = []
+            this.checklistLoading = false
+            this.checklistNoData = true;
+            this.infoCardNoData = true;
+          }
+        } else {
+          this.checklistDropdown = [];
+          this.checklistLoading = false
+          this.checklistNoData = true;
+          this.selectedSourceCheckListId = [];
+          this.refreshDropdown = false
+          setTimeout(() => {
+            this.refreshDropdown = true
+            this.changeDetector.detectChanges();
+          }, 0);
+          this.infoCardsData = []
+          this.infoComparisonCardsData = []
+          this.checklistLoading = false
+          this.checklistNoData = true;
+          this.infoCardNoData = true;
+          this.changeDetector.detectChanges();
+        }
+      },
+      error => {
+        this.checklistDropdown = [];
+        this.selectedSourceCheckListId = [];
+        this.changeDetector.detectChanges();
+      }
+    );
+  }
+
+  getInfoCardsData(): void {
+    this.infoChecklistData = []
+    this.infoCardDataLoading = true;
+    this.infoCardNoData = true;
+    const requestData = {
+      fromDate: this.headerData.date.startDate,
+      toDate: this.headerData.date.endDate,
+      storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+      userEmailes: this.userEmailes,
+      clientId: this.headerData.client,
+      groupByType: this.receivedData,
+      groupByValue: this.selectedvalue,
+    };
+
+    this.TraxService.getInfoCardsData(requestData).pipe(takeUntil(this.destroy$)).subscribe((response: any) => {
+      this.infoCardDataLoading = false;
+      if (response?.code === 200 && response?.status === "success") {
+        this.infoCardsData = response.data?.overallInfoCards || {};
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = false;
+      } else {
+        this.infoCardsData = []
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = true;
+        
+      }
+    },
+      error => {
+        this.infoCardsData = []
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = true;
+        this.changeDetector.detectChanges()
+      }
+    );
+  }
+
+  getInfoComparisonCardsData(): void {
+    this.infoComparisonCardsData = []
+    this.infoCardDataLoading = true;
+    this.infoCardNoData = true;
+    const requestData = {
+      fromDate: this.headerData.date.startDate,
+      toDate: this.headerData.date.endDate,
+      storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+      userEmailes: this.userEmailes,
+      clientId: this.headerData.client,
+      groupByType: this.receivedData,
+      groupByValue: this.selectedvalue,
+      dateType: this.dateType,
+    };
+
+    this.TraxService.getInfoComparisonCardsData(requestData).pipe(takeUntil(this.destroy$)).subscribe((response: any) => {
+      this.infoCardDataLoading = false;
+      if (response?.code === 200 && response?.status === "success") {
+        this.infoComparisonCardsData = response.data?.infoComparisonCards || {};
+        if (this.traxMonthlyComparisonData == '') {
+          this.traxMonthlyComparisonData = response?.data?.infoComparisonCards?.traxMonthlyComparison
+        }
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = false;
+      } else {
+        this.infoComparisonCardsData = []
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = true;
+      }
+    },
+      error => {
+        this.infoComparisonCardsData = []
+        this.infoCardDataLoading = false;
+        this.infoCardNoData = true;
+        this.changeDetector.detectChanges()
+      }
+    );
+  }
+
+  getChecklistInfoData(): void {
+    
+    this.searchDisabled = true;
+    this.checklistLoading = true;
+    this.checklistNoData = true;
+
+    const selectedStores = this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId);
+    if (selectedStores.length > 1 && this.receivedData === 'Store') {
+      this.router.navigate(['/manage/trax/dashboard'], {
+        queryParams: { type: 'store' }
+      });
+      return;
+    }
+
+    const requestData = {
+      fromDate: this.headerData.date.startDate,
+      toDate: this.headerData.date.endDate,
+      storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+      userEmailes: this.userEmailes,
+      clientId: this.headerData.client,
+      limit: this.itemsPerPage,
+      offset: this.currentPage - 1,
+      sortBy: this.sortDirection,
+      sortColumnName: this.sortColumName,
+      searchValue: this.searchInput,
+      groupByType: this.receivedData,
+      groupByValue: this.selectedvalue,
+      export: false,
+      checklistStatus: this.selectedlistselectControl.value,
+    };
+
+    this.TraxService.getChecklistInfoData(requestData)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((response: any) => {
+        this.checklistLoading = false;
+        if (response?.code === 200 && response?.status === "success") {
+          this.infoChecklistData = response.data.checklistInfo;
+          this.totalItems = response.data.totalCount
+
+          this.isTodaySelected = this.headerData.date.startDate === new Date().toISOString().split('T')[0];
+          this.selectAll = false;
+          this.infoChecklistData.forEach((item) => (item.selected = false));
+          
+          this.setPaginationSizes()
+          this.checklistLoading = false;
+          this.checklistNoData = false;
+          this.searchDisabled = false;
+          this.timeFlag = response.data.timeFlag;
+        } else {
+          this.checklistLoading = false;
+          this.checklistNoData = true;
+          this.selectedSourceCheckListId = [];
+          this.searchDisabled = true;
+          if (this.searchInput?.length) {
+            this.searchDisabled = true
+          }
+          this.infoChecklistData = []
+          this.totalItems = 0
+          this.changeDetector.detectChanges()
+        }
+      }, error => {
+        this.infoChecklistData = []
+        this.selectedSourceCheckListId = [];
+        this.changeDetector.detectChanges()
+      });
+  }
+  // onExport(): void {
+  //   this.currentPage = 0;
+  //   const requestData = {
+  //     fromDate: this.headerData.date.startDate,
+  //     toDate: this.headerData.date.endDate,
+  //     storeId: this.headerData.stores.filter((store:any) => store.checked).map((store:any) => store.storeId),
+  //     // storeId: ["11-253", "11-511","11-1176"],
+  //     clientId:this.headerData.client,
+  //     // valueType: "sum",
+  //     search: this.searchInput,
+  //     sort: this.sortColumName,
+  //     sortBy: this.sortDirection,
+  //     limit: 10000,
+  //     offset: this.currentPage,
+  //     // export: true
+  //   };
+
+  //   this.TraxService.getSummaryTableExport(requestData)
+  //     .pipe(takeUntil(this.destroy$))
+  //     .subscribe({
+  //       next: (res) => {
+  //         this.TraxService.saveAsExcelFile(res, 'ZoneSummaryTable');
+  //       },
+  //       error: (e) => {
+  //         this.toast.getErrorToast('Something went Wrong..')
+  //       }
+  //     });
+  // }
+  searchField(): void {
+    this.headerData.search = this.searchInput;
+    this.currentPage = 1;
+    this.pageSize = 10;
+    this.getChecklistInfoData();
+  }
+  sortData(column: string): void {
+    if (this.sortColumName === column) {
+      this.sortDirection = this.sortDirection === 1 ? -1 : 1;
+    } else {
+      this.sortColumName = column;
+      this.sortDirection = 1;
+    }
+    this.changeDetector.detectChanges();
+    this.getChecklistInfoData();
+  }
+  onPageSizeChange(pageSize: any) {
+    this.currentPage = 1;
+    this.itemsPerPage = pageSize;
+    this.pageSize = pageSize;
+    this.changeDetector.detectChanges();
+    this.getChecklistInfoData()
+  }
+  onPageChange(pageOffset: any) {
+    this.currentPage = pageOffset
+    this.getChecklistInfoData()
+  }
+  setPaginationSizes() {
+    if (this.totalItems > 10) {
+      this.paginationSizes = [10, 20, 30];
+    } else {
+      this.paginationSizes = [this.totalItems];
+      this.pageSize = this.totalItems;
+    }
+  }
+
+  onChecklistSelect(event: any): void {
+    this.selectedChecklist = this.checklistDropdown.find(item => item._id === event?._id);
+    if (this.selectedChecklist) {
+      this.selectedvalue = event._id;
+      this.selectedChecklistType = this.selectedChecklist.checkListType;
+      this.selectedSourceCheckListId = this.selectedChecklist.sourceCheckList_id;
+      this.changeDetector.detectChanges();
+      this.router.navigate([], {
+        relativeTo: this.route,
+        queryParams: { checklist: this.selectedSourceCheckListId },
+        queryParamsHandling: 'merge'
+      });
+
+      this.getInfoCardsData();
+      this.getInfoComparisonCardsData();
+      this.getChecklistInfoData();
+    }
+  }
+
+  onUserSelect(event: any): void {
+    this.selectedvalue = event;
+    this.selectedUser = this.userlistDropdown.find(item => item.userEmail === event?.userEmail);
+    if (this.selectedUser) {
+      this.selectedvalue = event.userEmail;
+      this.selectedSourceCheckListId = this.selectedUser.userEmail;
+      this.changeDetector.detectChanges();
+      this.router.navigate([], {
+        relativeTo: this.route,
+        queryParams: { userEmail: this.selectedUser.userEmail },
+        queryParamsHandling: 'merge'
+      });
+      this.getInfoCardsData();
+      this.getInfoComparisonCardsData();
+      this.getChecklistInfoData();
+    }
+  }
+
+  trimText(text: string): string {
+    return text.length > 10 ? text.slice(0, 10) + '...' : text;
+  }
+
+  onValueChangeStatusSelect(event: any): void {
+    this.sortColumName = "",
+      this.sortDirection = "",
+      this.searchValue = "",
+      this.limit = 10,
+      this.offset = 1,
+      this.currentPage = 1,
+      this.pageSize = 10
+    this.selectedStatus = this.statusselectControl.find(item => item._id === event);
+    if (this.selectedStatus) {
+      this.changeDetector.detectChanges();
+      this.getChecklistInfoData();
+    }
+  }
+
+  reinitiate(id: string) {
+    const requestData = {
+      _id: id
+    }
+    this.TraxService.reinitiateChecklist(requestData)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((response: any) => {
+        this.checklistLoading = false;
+        if (response?.code === 200 && response?.status === "success") {
+          this.toastService.getSuccessToast(`Reinitiated successfully.`);
+          this.getChecklistInfoData();
+        }
+      }, error => {
+        this.toastService.getErrorToast(`Something went wrong !`)
+        this.changeDetector.detectChanges()
+      });
+  }
+
+sendAlert(id?: string): void {
+  let selectedItems = this.infoChecklistData.filter((item) => item.selected);
+  let requestData: any;
+  if (id) {
+      let singleItem = this.infoChecklistData.find((item) => item._id === id);
+      requestData = {
+        checklistStatus: this.selectedlistselectControl.value.toLowerCase(),
+          id: [singleItem._id],
+      };
+  } else if (this.selectAll) {
+      let sourceCheckListId = selectedItems[0]?.sourceCheckList_id;
+      requestData = {
+        checklistStatus: this.selectedlistselectControl.value.toLowerCase(),
+          sourceCheckList_id: sourceCheckListId,
+      };
+  } else if (selectedItems.length > 0) {
+      requestData = {
+        checklistStatus: this.selectedlistselectControl.value.toLowerCase(),
+          id: selectedItems.map((item) => item._id),
+      };
+  } else {
+      this.toastService.getErrorToast('Please select at least one user to send an alert.');
+      return;
+  }
+  this.TraxService.getSendAlert(requestData)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe(
+          (response: any) => {
+              this.checklistLoading = false;
+              if (response?.code === 200 && response?.status === 'success') {
+                  this.toastService.getSuccessToast('Alert Sent successfully.');
+                  this.getChecklistInfoData();
+              }
+              else{
+                this.toastService.getErrorToast('User not logged in, Notify the store to log in to Trax');
+              }
+          },
+          (error) => {
+              this.toastService.getErrorToast('Something went wrong!');
+              this.changeDetector.detectChanges();
+          }
+      );
+}
+onExport(){
+  const requestData = {
+    fromDate: this.headerData.date.startDate,
+    toDate: this.headerData.date.endDate,
+    storeId: this.headerData.stores.filter((store: any) => store.checked).map((store: any) => store.storeId),
+    userEmailes: this.userEmailes,
+    clientId: this.headerData.client,
+    limit: this.totalItems,
+    offset: this.currentPage - 1,
+    sortBy: this.sortDirection,
+    sortColumnName: this.sortColumName,
+    searchValue: this.searchInput,
+    groupByType: this.receivedData,
+    groupByValue: this.selectedvalue,
+    export: true,
+    checklistStatus: this.selectedlistselectControl.value,
+  };
+  this.TraxService.getChecklistInfoDataExport(requestData)
+  .pipe(takeUntil(this.destroy$))
+  .subscribe({
+    next: (res) => {
+      this.TraxService.saveAsExcelFile(res, 'ChecklistInfoTable');
+    },
+    error: (e) => {
+      this.toast.getErrorToast('Something went Wrong..')
+    }
+  });
+}
+  download(type: 'pdf', item: any) {
+    const user = JSON.parse(localStorage.getItem('user-info') as string)
+    const payload = {
+      "fromDate": this.headerData?.date.startDate,
+      "toDate": this.headerData?.date.endDate,
+      "checklistId": [item?._id],
+      "sourceCheckList_id": '',
+      "checklistName": item.checkListName,
+      "fileType": type,
+      // "storeIds": this.headerData?.stores.map((val: { storeId: string, storeName: string }) => val.storeId),
+      "storeIds": [item.store_id],
+    //  "userEmailList": [item?.userEmail],
+      "userId": user?._id,
+      "clientId": this.headerData?.client,
+      "downloadInsertFrom": "dashboard",
+      insertType:"checklist",
+      checkListType:item.checkListType 
+    }
+
+    this.TraxService.reportTableExport(payload).subscribe({
+      next: (res) => {
+        if (res.code === 200) {
+          this.toastService.getSuccessToast(`<div><span class="me-8" >Downloading your reports</span><a href="/notifications/alerts?tab=download" style="color:#99c3ff; text-decoration:underline; cursor:pointer" >View</a></div>`)
+        }
+      },
+      error: (err) => {
+        this.toastService.getErrorToast(`Something went wrong !`)
+      }
+    })
+  }
+  dateValue(type: string): void {
+    this.dateType = type;
+    this.getInfoComparisonCardsData();
+  }
+  navigateToGallery(item: any): void {    
+    if(item.store_id&&item.store_id!=''){
+      this.router.navigate(['/manage/trax/gallery'], {
+        queryParams: {
+          ChecklistDate: item.checklistDate,
+          storeId: item.store_id,
+          checklistType: item.checkListType,
+          sourceCheckList_id: item.sourceCheckList_id,
+        },
+      });
+    }else{
+      this.router.navigate(['/manage/trax/gallery'], {
+        queryParams: {
+          ChecklistDate: item.checklistDate,
+          userEmail: item.userEmail,
+          checklistType: item.checkListType,
+          sourceCheckList_id: item.sourceCheckList_id,
+        },
+      });
+    }
+  }
+  toggleSelectAll(): void {
+    if (!this.isTodaySelected) {
+      this.selectAll = false;
+      return;
+    }
+  
+    this.infoChecklistData.forEach((item) => {
+      item.selected = this.selectAll;
+    });
+  
+    if (this.selectAll) {
+      this.displaySelectAllBadge();
+    }
+  }
+  updateSelectAllState(): void {
+    this.selectAll = this.infoChecklistData.every((item) => item.selected);
+  
+    if (this.selectAll) {
+      this.displaySelectAllBadge();
+    }
+  }
+  displaySelectAllBadge(): void {
+    let currentPageCount = this.infoChecklistData.length;
+    let totalFilteredCount = this.totalItems;
+  
+    // this.toastService.getSuccessToast(
+    //   `All ${currentPageCount} users on this page are selected. Select all ${totalFilteredCount} users filtered.`
+    // );
+  }
+  getSvgColor(status: string): string {
+    switch (status) {
+        case 'Open':
+            return '#009BF3'; 
+        case 'In Progress':
+            return '#B54708';
+        case 'Submitted':
+            return '#027A48';
+        default:
+            return '#000000';
+    }
+}
+  get isSendAlertEnabled(): boolean {
+    return this.infoChecklistData.filter((item) => item.selected).length > 0;
+  }
+
+  get selectedCheckboxCount(): number {
+    return this.infoChecklistData.filter(item => item.selected).length;
+}
+}
+
+interface DataContext {
+  category: string;
+  value: number;
+  count: number;
+}
+
+function getDaysBetweenDates(fromDate: string, toDate: string): number {
+  const start = new Date(fromDate);
+  const end = new Date(toDate);
+
+  const differenceInMs = end.getTime() - start.getTime();
+
+  const millisecondsPerDay = 86400000;
+  const differenceInDays = Math.floor(differenceInMs / millisecondsPerDay);
+
+  return differenceInDays;
+}