tango-app-ui-manage-tickets 3.7.0-beta.15 → 3.7.0-beta.16

package/src/lib/components/footfall-dic/footfall-dic.component.ts

@@ -0,0 +1,1106 @@
+import { ChangeDetectorRef, Component, OnDestroy, OnInit,ElementRef,ViewChild } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import { GlobalStateService } from 'tango-app-ui-global';
+import { TicketService } from '../../services/ticket.service';
+import { ToastService } from 'tango-app-ui-shared';
+import { ExcelService } from '../../services/excel.service';
+import { FormBuilder, FormControl } from '@angular/forms';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+
+@Component({
+  selector: "lib-footfall-dic",
+  templateUrl: "./footfall-dic.component.html",
+  styleUrl: "./footfall-dic.component.scss",
+})
+export class FootfallDicComponent implements OnInit,OnDestroy {
+  searchValue: any;
+  loading: boolean = false;
+  noData: boolean = false;
+  sortedColumn: any='';
+  sortDirection: any=1;
+sortedColumn1: any='';
+  sortDirection1: any=1;
+  footfallView:boolean = true;
+  headerFilters: any;
+  footfallList_req: any;
+  form: any;
+  selectedRevopsType: FormControl;
+    revopsTypeArray: any = [
+    { value: "", label: "All" },
+    { value: "duplicateImages", label: "Duplicates" },
+    { value: "employee", label: "Employee/Staff" },
+    { value: "houseKeeping", label: "House Keeping" },
+  ];
+  type: any = [
+    { value: "open", label: "Open" },
+    { value: "closed", label: "Closed" },
+  ];
+  // selectedStatus: FormControl;
+
+    pendingArray: any = [
+      //  { value: "", label: "All" },
+    { value: "pending", label: "Pending" },
+    { value: "approved", label: "Approved" },
+    { value: "rejected", label: "Rejected" },
+  ];
+  actionStatus: FormControl;
+  filterForm:any;
+
+    ticketData: any = {
+    ticketName: "Footfall Directory",
+    ticketId: "TE_INF_F5645G4534A24",
+    storeName: "LKST98 | RK Salai, Mylapore, Chennai, Tamil Nadu, India",
+    status: "Open",
+    date: "04 Sep 2023",
+    footfall: {
+      total: 100,
+      duplicates: 10,
+      employee: 2,
+      houseKeeping: 1,
+    },
+    duplicates: [
+      { url: "assets/img1.jpg" },
+      { url: "assets/img2.jpg" },
+      { url: "assets/img3.jpg" },
+    ],
+  };
+  selectedStores: any[] = []; 
+allSelected: boolean = false;
+stores: any[] = []; 
+  private readonly destroy$ = new Subject();
+
+  constructor(
+    private gs: GlobalStateService,
+    private ticketService: TicketService,
+    private cd: ChangeDetectorRef,
+    private toast: ToastService,private modalService: NgbModal,
+    private excelservice: ExcelService,private fb: FormBuilder,
+  ) {}
+
+  ngOnDestroy(): void {
+    this.destroy$.next(true);
+    this.destroy$.complete();
+  }
+  ngOnInit(): void {
+    this.footfallView = true;
+
+    this.selectedRevopsType = new FormControl('');
+   this.filterForm = this.fb.group({
+    selectedStatus: new FormControl('open'),
+    actionStatus: new FormControl('pending'),
+    ClusterList: new FormControl([]),
+  });
+
+        this.form = this.fb.group({
+          selectedRevopsType: this.selectedRevopsType,
+        });
+    this.gs.dataRangeValue?.pipe(takeUntil(this.destroy$))?.subscribe({
+      next: (data: any) => {
+        if (data) {
+          this.headerFilters = data;
+          this.footfallList_req = {
+            client: this.headerFilters.clients.toString(),
+            fromDate: this.headerFilters?.date?.startDate,
+            toDate: this.headerFilters?.date?.endDate,
+          };
+          this.getTicketSummary();
+          this.getTicketList();      
+        }
+      },
+    });
+  }
+  getFootfallSummaryData: any;
+  getTicketSummary() {
+    this.ticketService
+      .getTicketSummaryApi(
+        this.footfallList_req.client,
+        this.footfallList_req.fromDate,
+        this.footfallList_req.toDate
+      )
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res?.data && res?.data?.result) {
+            this.getFootfallSummaryData = res?.data?.result;
+          } else {
+            this.getFootfallSummaryData = [];
+          }
+        },
+        error: (err: any) => {
+          this.getFootfallSummaryData = [];
+        },
+        complete: () => {
+          this.getFootfallSummaryData.length === 0;
+        },
+      });
+        this.cd.detectChanges();
+  }
+  offset = 0;
+  limit = 10;
+  isExport:any = false;
+  footfallListData:any;
+  totalItems:any;
+  paginationSizes = [10, 20, 30];
+  getTicketList(){
+    this.loading = true;
+    this.searchValue = this.searchValue?.trim() || '';
+    this.offset = this.offset || 1;
+    this.limit = this.limit || 10;
+    this.isExport = false;
+    this.ticketService
+      .getTicketListApi(
+        this.footfallList_req.client,
+        this.footfallList_req.fromDate,
+        this.footfallList_req.toDate,
+        this.searchValue,this.limit,
+        this.offset,this.isExport,this.sortedColumn,this.sortDirection
+      )
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res.code === 200) {
+            this.noData = false;
+            this.loading = false;
+            this.footfallListData = res?.data?.result;
+            
+            this.totalItems = res?.data?.count;
+            if (this.totalItems < 10) { this.paginationSizes = [this.totalItems] } else { this.paginationSizes = [10, 20, 30] }
+          } else {
+            this.noData = true;
+             this.loading = false;
+             this.footfallListData =[];
+             
+          }
+          this.cd.detectChanges();
+        },
+        error: (err: any) => {
+          this.noData = true;
+          this.loading = false;
+        },
+        complete: () => {
+          this.loading = false;
+        },
+      });
+  }
+
+currentPage:any = 1;
+pageSize:any = 10;
+    onPageChange(pageOffset: number) {
+    this.currentPage = Number(pageOffset);
+    this.offset = Number(pageOffset);
+    this.limit =10;
+    this.getTicketList();
+  }
+
+  onPageSizeChange(pageSize: number) {
+    this.pageSize = Number(pageSize);
+    this.limit = Number(pageSize);
+    this.currentPage = 1;
+    this.offset = 1;
+    this.getTicketList();
+  }
+
+   setpageSize() {
+    if (this.totalItems < 10) {
+      return this.totalItems;
+    } else {
+      return this.pageSize;
+    }
+  }
+  searchData() {
+    this.currentPage = 1;
+    this.offset = 1;
+    this.limit=10;
+    this.getTicketList();
+  }
+
+  exportXLSX() {
+    this.searchValue = this.searchValue?.trim() || '';
+    this.offset = 1;
+    this.limit = 10000;
+    this.isExport = true;
+    this.ticketService
+      .getTicketListExportApi(
+        this.footfallList_req.client,
+        this.footfallList_req.fromDate,
+        this.footfallList_req.toDate,
+        this.searchValue,this.limit,
+        this.offset,this.isExport,this.sortedColumn,this.sortDirection
+      )
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: (res: any) => {
+           this.excelservice.saveAsExcelFile(res, 'footfall directory ticket ')
+        },
+        error: (err: any) => {
+          this.toast.getErrorToast('Error exporting data:' + err.error ? err.error : err.message);
+        }
+      })
+  }
+
+  onSort(column: string) {
+    if (this.sortedColumn === column) {
+      this.sortDirection = this.sortDirection === 1 ? -1 : 1;
+    } else {
+      this.sortedColumn = column;
+      this.sortDirection = 1;
+    }
+    this.getTicketList();
+  }
+  storeCount:any;
+
+  searchStoresData(){
+this.getStores();
+  }
+
+  StoresSearchValue:any='';
+  sortOrderStores:any;
+
+    sortValue(column: string) {
+    if (this.sortedColumn1 === column) {
+      this.sortedColumn1 = this.sortDirection1 === 1 ? -1 : 1;
+    } else {
+      this.sortedColumn1 = column;
+      this.sortDirection1 = 1;
+    }
+    this.getStores();
+  }
+  getStores(){
+    this.ticketService.getTaggedStoresApi(
+      this.footfallList_req.client,
+      this.footfallList_req.fromDate,
+      this.footfallList_req.toDate,
+      this.StoresSearchValue,
+       this.groups,
+       this.sortDirection1,
+    ).pipe(takeUntil(this.destroy$))
+    .subscribe({
+      next: (res: any) => {
+         if (res && res.code === 200) {
+        if(res?.data?.result?.length){
+            this.stores = res?.data?.result;
+            this.storeCount = res.data?.count || 0;
+          } else {
+            this.stores = [];
+            this.storeCount =0;
+          }
+        } else{
+         this.stores = [];
+            this.storeCount =0; 
+        }
+        this.cd.detectChanges();
+      },
+      error: (err: any) => {
+       this.stores =[];
+       this.storeCount =0;
+      },
+      complete: () => {},
+    }); 
+  }
+getTaggedStoresData: any;
+
+
+typeChange(event: any) {
+  this.filterForm.get('selectedStatus')?.setValue(event || null);
+}
+
+pendingChange(event: any) {
+  this.filterForm.get('actionStatus')?.setValue(event || null);
+}
+
+RevopsTypeChange(event: any) {
+  const selectedType = event ?? '';
+    this.footfalloffset =1;
+  if(selectedType === '') {
+this.footfalllimit = 1;
+this.footfallcurrentPage =1;
+   } else {
+     this.footfalllimit = 10;
+   }
+   this.form.get('selectedRevopsType')?.setValue(selectedType);
+this.allSelectValue =false;
+  // Clear selected lists
+  this.selectedEmployeeImagesList = [];
+  this.selectedHousekeepingImagesList = [];
+  this.selectedDuplicateImagesList = [];
+this.cd.detectChanges();
+  // Reset counts
+  this.employeeACCount = '';
+  this.houseKeepingACCount = '';
+  this.duplicateACCount = '';
+  // console.log(this.footfalllimit)
+  this.dataStoreView(); 
+}
+
+
+
+  footfalloffset=1;
+  footfalllimit=1;
+footfallTicketsData:any=[];
+storeIdValue:any;
+ 
+
+dataReset(){
+    this.selectedStores = [];
+    this.allSelected = false;
+    this.StoresSearchValue ='';
+   this.getStores();
+  this.form.get('selectedRevopsType')?.setValue('');
+  this.filterForm.get('selectedStatus')?.setValue('open');
+  this.filterForm.get('actionStatus')?.setValue('pending');
+  this.dataStoreView();
+}
+dataApply() {
+      this.footfalloffset =1;
+      if(this.selectedRevopsType.value === '') {
+        this.footfallcurrentPage =1;
+        this.footfalllimit =  1;
+      } else{
+      this.footfalllimit = 10;
+    }
+  this.allSelectValue =false
+  this.dataStoreView();
+}
+imageUrl:any;
+dataIndexId:any;
+dateString:any;
+  footfallNoData = false;
+  footfallLoading = true;
+  private lastSelectedTicket: any = null;
+
+hasInitialStoreSynced = false;
+
+addStoreIfNotExists(store: any) {
+  if (this.hasInitialStoreSynced) return;
+
+  const storeId = store?.storeId;
+  if (storeId && !this.selectedStores.includes(storeId)) {
+    this.selectedStores.push(storeId);
+  }
+
+  this.hasInitialStoreSynced = true;
+  this.allSelected = this.selectedStores.length === this.stores.length;
+}
+selecteValues:any;
+selectedStatus:any;
+dataStoreView(data?: any) {
+  // console.log(data)
+      this.getAllGroups();
+   this.footfallTicketsData = [];
+  this.footfallNoData = false;
+  this.footfallLoading = true;
+  const ticket = data?._source ? data : this.lastSelectedTicket;
+
+  if (!ticket || !ticket._source) {
+    this.footfallLoading = false;
+    this.footfallNoData = true;
+    this.toast.getErrorToast('No ticket data available');
+    return;
+  }
+
+  this.lastSelectedTicket = ticket;
+this.addStoreIfNotExists(ticket._source);
+  this.dataIndexId = ticket._id || '';
+  this.dateString = ticket._source.dateString || '';
+  this.imageUrl = this.ticketService?.footfallCDN;
+ this.storeIdValue = this.selectedStores; 
+  const revopsType = this.form.get('selectedRevopsType')?.value;
+  const selectedStatus = this.selectedStatus = this.filterForm.get('selectedStatus')?.value;
+  const actionStatus = this.selecteValues = this.filterForm.get('actionStatus')?.value;
+
+  const storeId = this.storeIdValue;
+  const fromDate = this.footfallList_req.fromDate;
+  const toDate = this.footfallList_req.toDate;
+  const offset = this.footfalloffset;
+  const limit = revopsType ==='' ? this.footfalllimit :this.footfalllimit = 10;
+
+  this.ticketService
+    .getTicketsApi(storeId, fromDate, toDate, revopsType, selectedStatus, actionStatus, offset, limit)
+    .pipe(takeUntil(this.destroy$))
+    .subscribe({
+      next: (res: any) => {
+        if(res && res.code ===200){
+        if (res?.data?.result?.length === 0) {
+          this.footfallTicketsData = [];
+          this.footfallView = true;
+          this.footfallNoData = true;
+          this.footfallLoading = false;
+          this.toast.getErrorToast('No data found for the selected filters');
+        } else {
+          this.footfallTicketsData = res?.data?.result ?? [];
+          this.totalItemsFootfall = res?.data?.count;
+          if (this.footfalllimit === 1) {
+  this.paginationSizes = [1];
+  this.pageSizeFootfall = 1;
+} else {
+  const limit = this.totalItemsFootfall < 10 ? this.totalItemsFootfall : 10;
+  this.paginationSizes = [limit];
+  this.pageSizeFootfall = limit;
+}
+          // console.log(this.footfalllimit)
+// this.footfalllimit ===1 ?  this.paginationSizes : [this.totalItemsFootfall];
+//           this.paginationSizes = this.totalItemsFootfall < 1
+//             ? [this.totalItemsFootfall]
+//             : [1];
+
+          this.footfallView = false;
+          this.footfallNoData = false;
+          this.footfallLoading = false;
+        }
+      } else {
+        this.footfallTicketsData = [];
+        this.footfallView = false;
+        this.footfallNoData = true;
+        this.footfallLoading = false;
+      }
+      },
+      error: () => {
+        this.footfallTicketsData = [];
+        this.footfallView = false;
+        this.footfallNoData = true;
+        this.footfallLoading = false;
+      },
+      complete: () => {
+        this.cd.detectChanges();
+      },
+    });
+}
+
+isCollapsed = false;
+
+toggleSidebar() {
+  this.isCollapsed = !this.isCollapsed;
+}
+  matchedType: any;
+
+  matchedArray: any = [{ value: "all", label: "matched: All" }];
+  onFilterApply() {
+     this.getStores();
+     if(this.selectedRevopsType.value === '') 
+this.footfalllimit =    1;
+    else
+  this.footfalllimit = 10;
+  this.dataStoreView();
+
+  }
+pageSizeFootfall:any = 1;
+footfallcurrentPage:any = 1;
+    onFootfallPageChange(pageOffset: number) {
+    this.footfallcurrentPage = Number(pageOffset);
+    this.footfalloffset = Number(pageOffset);
+    this.footfalllimit =1;
+    this.cancel();
+  this.dataStoreView();
+  }
+
+  onFootfallPageSizeChange(pageSize: number) {
+    this.footfalllimit = Number(pageSize);
+     this.pageSizeFootfall = Number(pageSize);
+    this.footfallcurrentPage = 1;
+    this.footfalloffset = 1;
+    this.dataStoreView();
+  }
+totalItemsFootfall:any;
+   setFootfallpageSize() {
+    if(this.footfalllimit === 1){
+      if (this.totalItemsFootfall < 1) {
+        return this.totalItemsFootfall;
+      } else {
+        return this.pageSizeFootfall;
+      }
+    } else {
+      if (this.totalItemsFootfall < 10) {
+        return this.totalItemsFootfall;
+      } else {
+        return this.pageSizeFootfall;
+      }
+    }
+  }
+
+
+
+footfallMulticurrentPage:any = 1;
+    onFootfallMultiPageChange(pageOffset: number) {
+    this.footfallMulticurrentPage = Number(pageOffset);
+    this.footfalloffset = Number(pageOffset);
+    this.footfalllimit =10;
+    this.allSelectValue =false;
+    this.cancel();
+  this.dataStoreView();
+  }
+
+  onFootfallMultiPageSizeChange(pageSize: number) {
+    this.footfalllimit = Number(pageSize);
+     this.pageSizeFootfall = Number(pageSize);
+    this.footfallMulticurrentPage = 1;
+    this.footfalloffset = 1;
+   
+    this.dataStoreView();
+  }
+toggleStoreSelection(store: any) {
+  const storeId = store?.storeId;
+  if (!storeId) return;
+
+  const index = this.selectedStores.indexOf(storeId);
+
+  if (index > -1) {
+    this.selectedStores.splice(index, 1);
+  } else {
+    this.selectedStores.push(storeId);
+  }
+
+  this.allSelected = this.selectedStores.length === this.stores.length;
+}
+
+
+toggleSelectAll() {
+  const visibleStoreIds = this.filteredStores.map((s) => s.storeId);
+
+  if (this.allSelected) {
+    // Remove only the visible ones
+    this.selectedStores = this.selectedStores.filter(
+      id => !visibleStoreIds.includes(id)
+    );
+  } else {
+    // Add only those that are not already selected
+    const newIds = visibleStoreIds.filter(id => !this.selectedStores.includes(id)
+    );
+    this.selectedStores = [...this.selectedStores, ...newIds];
+  }
+
+  this.allSelected = this.selectedStores.length === this.stores.length;
+}
+
+
+isSelected(store: any): boolean {
+  return this.selectedStores.includes(store.storeId);
+}
+
+
+  imgtoggleSelectAll() {
+    this.allSelected = !this.allSelected;
+    this.ticketData.duplicates.forEach((img: any) => {
+      img.selected = this.allSelected;
+    });
+  }
+
+  selectedImagesList: any[] = [];
+
+  selectedDuplicateImagesList: any[] = [];
+  selectedHousekeepingImagesList: any[] = [];
+  selectedEmployeeImagesList: any[] = [];
+houseKeepingACCount:any;
+employeeACCount:any;
+duplicateACCount:any;
+
+cloneWithoutSelected(obj: any) {
+  const { ...rest } = obj;
+  return rest;
+}
+
+
+allSelectValue = false;
+
+cloneWithoutSelected1(data: any): any {
+  const {  __parent, ...rest } = data;
+  return { ...rest };
+}
+
+onImageCheckboxChange1(data: any, category: string, parentOriginal?: any) {
+  let selectedList: any;
+
+  if (category === 'duplicate') {
+    parentOriginal = parentOriginal || data.__parent;
+
+    const existingOriginal = this.selectedDuplicateImagesList.find(
+      (item: any) => item.tempId === parentOriginal?.tempId
+    );
+
+    if (data.selected) {
+      if (existingOriginal) {
+        const alreadyExists = existingOriginal.data?.some(
+          (dup: any) => dup.tempId === data.tempId
+        );
+        if (!alreadyExists) {
+          existingOriginal.data.push(this.cloneWithoutSelected1(data));
+        }
+      } else {
+        this.selectedDuplicateImagesList.push({
+          tempId: parentOriginal?.tempId,
+          filePath: parentOriginal?.filePath,
+          entryTime: parentOriginal?.entryTime,
+          exitTime: parentOriginal?.exitTime,
+          timeRange: parentOriginal?.timeRange,
+          data: [this.cloneWithoutSelected1(data)],
+        });
+      }
+    } else {
+      if (existingOriginal) {
+        existingOriginal.data = existingOriginal.data.filter(
+          (d: any) => d.tempId !== data.tempId
+        );
+
+        if (existingOriginal.data.length === 0) {
+          this.selectedDuplicateImagesList = this.selectedDuplicateImagesList.filter(
+            (o: any) => o.tempId !== parentOriginal?.tempId
+          );
+        }
+      }
+    }
+
+    this.duplicateACCount = this.selectedDuplicateImagesList.reduce(
+      (sum: number, orig: any) => sum + orig.data.length,
+      0
+    );
+  }
+
+  if (category === 'employee') {
+    selectedList = this.selectedEmployeeImagesList;
+  } else if (category === 'houseKeeping') {
+    selectedList = this.selectedHousekeepingImagesList;
+  }
+
+  if (category !== 'duplicate') {
+    if (data.selected) {
+      const alreadyExists = selectedList.some((item: any) => item.tempId === data.tempId);
+      if (!alreadyExists) {
+        selectedList.push(data);
+      }
+    } else {
+      const index = selectedList.findIndex((item: any) => item.tempId === data.tempId);
+      if (index !== -1) {
+        selectedList.splice(index, 1);
+      }
+    }
+
+    this.employeeACCount = this.selectedEmployeeImagesList.length;
+    this.houseKeepingACCount = this.selectedHousekeepingImagesList.length;
+  }
+
+  // 🔒 Disable other checkboxes if one type is selected
+  const totalSelected =
+    this.duplicateACCount + this.employeeACCount + this.houseKeepingACCount;
+
+  if (totalSelected > 0) {
+    this.checkedValue = false;
+  } else {
+    this.checkedValue = true;
+  }
+
+  this.cd.detectChanges(); // To update the template
+  this.allSelectValue = this.areAllCheckboxesSelected();
+
+  // console.log('✅ Counts:', {
+  //   duplicateACCount: this.duplicateACCount,
+  //   employeeACCount: this.employeeACCount,
+  //   houseKeepingACCount: this.houseKeepingACCount,
+  //   checkedValue: this.checkedValue,
+  // });
+}
+
+
+
+selectAllValue() {
+  this.allSelectValue = !this.allSelectValue;
+  this.checkedValue = !this.allSelectValue;
+
+  this.selectedEmployeeImagesList = [];
+  this.selectedHousekeepingImagesList = [];
+  this.selectedDuplicateImagesList = [];
+
+  for (const ticket of this.footfallTicketsData) {
+    const source = ticket._source;
+
+    // ✅ Employee
+    if (Array.isArray(source.employee)) {
+      source.employee.forEach((img: any) => {
+        img.selected = this.allSelectValue;
+        if (this.allSelectValue && !this.selectedEmployeeImagesList.some(e => e.tempId === img.tempId)) {
+          this.selectedEmployeeImagesList.push(img);
+        }
+      });
+    }
+
+    // ✅ Housekeeping
+    if (Array.isArray(source.houseKeeping)) {
+      source.houseKeeping.forEach((emp: any) => {
+        emp.selected = this.allSelectValue;
+        if (this.allSelectValue && !this.selectedHousekeepingImagesList.some(e => e.tempId === emp.tempId)) {
+          this.selectedHousekeepingImagesList.push(emp);
+        }
+      });
+    }
+
+    // ✅ Duplicate
+    if (Array.isArray(source.duplicateImages)) {
+      source.duplicateImages.forEach((original: any) => {
+        if (Array.isArray(original.data)) {
+          original.data.forEach((dup: any) => {
+            dup.selected = this.allSelectValue;
+            dup.__parent = original; // ✅ Needed for uncheck
+          });
+
+          if (this.allSelectValue && original.data.length > 0) {
+            const existing = this.selectedDuplicateImagesList.find(
+              (o: any) => o.tempId === original.tempId
+            );
+
+            if (!existing) {
+              this.selectedDuplicateImagesList.push({
+                tempId: original.tempId,
+                filePath: original.filePath,
+                entryTime: original.entryTime,
+                exitTime: original.exitTime,
+                timeRange: original.timeRange,
+                data: original.data.map((d: any) => this.cloneWithoutSelected1(d)),
+              });
+            }
+          }
+        }
+      });
+    }
+  }
+// console.log('✅ All selected:', this.selectedDuplicateImagesList);
+  this.houseKeepingACCount = this.selectedHousekeepingImagesList.length;
+  this.employeeACCount = this.selectedEmployeeImagesList.length;
+  this.duplicateACCount = this.selectedDuplicateImagesList.reduce(
+    (sum: number, orig: any) => sum + orig.data.length,
+    0
+  );
+}
+
+
+areAllCheckboxesSelected(): boolean {
+  for (const ticket of this.footfallTicketsData) {
+    const source = ticket._source;
+
+    if (source.employee?.some((img: any) => !img.selected)) return false;
+    if (source.houseKeeping?.some((img: any) => !img.selected)) return false;
+    if (source.duplicateImages?.some((original: any) => 
+      original.data?.some((dup: any) => !dup.selected))) return false;
+  }
+  return true;
+}
+checkedValue =true;
+
+
+
+
+
+
+
+
+onImageCheckboxChange(data: any, category: string, parentOriginal?: any) {
+  let selectedList;
+
+  switch (category) {
+    case 'duplicate':
+      // Ensure selectedDuplicateImagesList is an array of ORIGINALS with selected children
+      const existingOriginal = this.selectedDuplicateImagesList.find(
+        (item: any) => item.tempId === parentOriginal?.tempId
+      );
+
+    if (data.selected) {
+  if (existingOriginal) {
+    const alreadyExists = existingOriginal.data?.some(
+      (dup: any) => dup.tempId === data.tempId
+    );
+    if (!alreadyExists) {
+      existingOriginal.data.push(this.cloneWithoutSelected(data)); // ✅ no 'selected' key
+    }
+  } else {
+    this.selectedDuplicateImagesList.push({
+      tempId: parentOriginal?.tempId,
+      filePath: parentOriginal?.filePath,
+      entryTime: parentOriginal?.entryTime,
+      exitTime: parentOriginal?.exitTime,
+      timeRange: parentOriginal?.timeRange,
+      data: [this.cloneWithoutSelected(data)], // ✅
+    });
+  }
+} else {
+        // Remove from selected duplicates
+        if (existingOriginal) {
+          existingOriginal.data = existingOriginal.data.filter(
+            (d: any) => d.tempId !== data.tempId
+          );
+
+          // Remove the whole original if no duplicates are left
+          if (existingOriginal.data.length === 0) {
+            this.selectedDuplicateImagesList = this.selectedDuplicateImagesList.filter(
+              (o: any) => o.tempId !== parentOriginal?.tempId
+            );
+          }
+        }
+      }
+
+      // Count only from selected duplicates
+      this.duplicateACCount = this.selectedDuplicateImagesList.reduce(
+        (sum: number, orig: any) => sum + orig.data.length,
+        0
+      );
+      return;
+
+    case 'houseKeeping':
+      selectedList = this.selectedHousekeepingImagesList;
+      break;
+
+    case 'employee':
+      selectedList = this.selectedEmployeeImagesList;
+      break;
+
+    default:
+      return;
+  }
+
+  // Unchanged logic for employee and housekeeping
+  selectedList = selectedList || [];
+  if (data.selected) {
+    const alreadyExists = Array.isArray(selectedList) && selectedList.some((item: any) => item.tempId === data.tempId);
+    if (!alreadyExists) {
+      selectedList.push(data);
+    }
+  } else {
+    const updated = Array.isArray(selectedList) ? selectedList.filter((item: any) => item.tempId !== data.tempId) : [];
+
+    if (category === 'houseKeeping') {
+      this.selectedHousekeepingImagesList = updated;
+    } else if (category === 'employee') {
+      this.selectedEmployeeImagesList = updated;
+    }
+  }
+  this.houseKeepingACCount =  this.selectedHousekeepingImagesList?.length|| 0
+  this.employeeACCount = this.selectedEmployeeImagesList.length || 0
+}
+
+
+commentText:any;
+submitValue(status: string = 'approved', category: string = 'duplicate') {
+  // Step 1: Validate based on current category
+ let selectedList;
+  switch (category) {
+    case 'duplicate':
+      selectedList = this.selectedDuplicateImagesList;
+      break;
+    case 'houseKeeping':
+      selectedList = this.selectedHousekeepingImagesList;
+      break;
+    case 'employee':
+      selectedList = this.selectedEmployeeImagesList;
+      break;
+    default:
+      return;
+  }
+
+  if (selectedList.length === 0) {
+    this.toast.getErrorToast('Please select at least one image');
+    return;
+  }
+
+  // Replace selected → isChecked before sending
+  const transformedList = selectedList.map(item => {
+    const { selected, ...rest } = item;
+    return { ...rest, isChecked: true };
+  });
+
+  // Step 2: Build full payload
+const payload: any[] = [];
+
+for (const ticket of this.footfallTicketsData) {
+  const source = ticket._source;
+
+  const singlePayload: any = {
+    _id: ticket._id,
+    comments: this.commentText || '',
+    dateString: source.dateString || this.dateString,
+
+    employeeStatus: category === 'employee' ? status : source.employeeStatus,
+    houseKeepingStatus: category === 'houseKeeping' ? status : source.houseKeepingStatus,
+    duplicateStatus: category === 'duplicate' ? status : source.duplicateStatus,
+  };
+
+  if (category === 'employee') {
+    singlePayload.employee = transformedList;
+    singlePayload.employeeACCount = this.employeeACCount ? this.employeeACCount : 0;
+  }
+
+  if (category === 'houseKeeping') {
+    singlePayload.houseKeeping = transformedList;
+    singlePayload.houseKeepingACCount = this.houseKeepingACCount ? this.houseKeepingACCount : 0;
+  }
+
+  if (category === 'duplicate') {
+    singlePayload.duplicateImages = transformedList;
+    singlePayload.duplicateACCount = this.duplicateACCount ? this.duplicateACCount : 0;
+  }
+
+  payload.push(singlePayload);
+}
+
+//   console.log('Payload to submit:', payload);
+// return
+  // Step 3: Set status based on current category
+  switch (category) {
+    case 'duplicate':
+      payload.forEach(item => item.duplicateStatus = status);
+      break;
+    case 'houseKeeping':
+      payload.forEach(item => item.houseKeepingStatus = status);
+      break;
+    case 'employee':
+      payload.forEach(item => item.employeeStatus = status);
+      break;
+  }
+
+  // Step 4: Submit the payload
+  this.ticketService.getUpdateStatusApi({data:payload})
+    .pipe(takeUntil(this.destroy$))
+    .subscribe({
+      next: (res: any) => {
+        if (res && res.code === 200) {
+          this.toast.getSuccessToast(res?.message || 'Ticket updated successfully');
+    //      this.selectedStores =[];
+    // this.allSelected = false;
+    // this.allSelectValue =false;
+     this.footfalloffset =1;
+          this.dataStoreView();
+          this.cancel();
+        } else {
+          this.toast.getErrorToast('Failed to update ticket');
+        }
+      },
+      error: (err: any) => {
+        const msg = err.error.error || err.error || err?.error?.message || err.message || 'Unknown error';
+        this.toast.getErrorToast('Error updating ticket: ' + msg);
+       
+    this.allSelected = false;
+    this.allSelectValue =false;
+      }
+    });
+}
+searchTerm:any = '';
+get filteredStores() {
+  if (!this.searchTerm?.trim()) return this.stores;
+
+  const term = this.searchTerm.toLowerCase();
+  return this.stores.filter(store =>
+    store?.storeName?.toLowerCase().includes(term)
+  );
+}
+onImageError(event: any): void {
+  event.target.src = 'assets/images/fallback-image.png'; // or any default image path
+}
+  backToNavigation(){
+  this.selectedStores = [];
+    this.allSelected = false;
+    this.allSelectValue =false;
+      this.hasInitialStoreSynced = false;
+    this.footfallView =true;
+this.cancel();
+    this.ClusterList =[];
+      //   this.groups =[];
+      //  this.filterForm.get('ClusterList')?.setValue('')
+      this.form.get('selectedRevopsType')?.setValue('');
+  this.filterForm.get('selectedStatus')?.setValue('open');
+  this.filterForm.get('actionStatus')?.setValue('pending');
+    this.getTicketSummary();
+      this.getTicketList();
+  }
+  @ViewChild('zoomPopup') zoomPopup: ElementRef;
+  popupvalue:any;
+  popupType:any;
+  popupOpen(type:any,value:any){
+ const modalRef = this.modalService.open(this.zoomPopup, { centered: true, size: 'md',
+    backdrop: 'static',   // Prevent closing on outside click
+  keyboard: false       // Prevent closing on ESC key
+  });
+    this.popupType = type;
+    if(value ==='duplicateImages'){
+      this.popupvalue = 'duplicate';
+    } else{
+      this.popupvalue = value;
+    }
+  }
+cancel() {
+  // this.allSelected = false;
+  // this.allSelectValue = false;
+if(this.selectedRevopsType?.value !=='')
+  this.allSelectValue = false;
+  // Clear all selected flags from the data
+  for (const ticket of this.footfallTicketsData) {
+    const source = ticket._source;
+
+    source.employee?.forEach((img: any) => (img.selected = false));
+    source.houseKeeping?.forEach((img: any) => (img.selected = false));
+    source.duplicateImages?.forEach((original: any) => {
+      original.data?.forEach((dup: any) => (dup.selected = false));
+    });
+  }
+this.clear();
+
+  // this.checkedValue = true;
+}
+clear(){
+    this.modalService.dismissAll();
+   this.selectedEmployeeImagesList = [];
+  this.selectedHousekeepingImagesList = [];
+  this.selectedDuplicateImagesList = [];
+
+  // Reset counts
+  this.employeeACCount = '';
+  this.houseKeepingACCount = '';
+  this.duplicateACCount = '';
+}
+ClusterList:any=[];
+  getAllGroups() {
+    this.ClusterList =[];
+    // this.groups =[];
+ 
+    this.ticketService.getclusters({ clientId: this.headerFilters.client, group: [], city: [] }).subscribe({
+      next: (res: any) => {
+        if (res && res.code == 200) {
+          this.ClusterList = res?.data?.groupData;
+             this.getStores();
+        } else {
+          this.ClusterList = [];
+        }
+      }
+    })
+  }
+groups: any = [];
+   ongroupSelect(event: any) {
+    this.selectedStores =[];
+       this.allSelected = false;
+    this.allSelectValue =false;
+    this.filterForm.get('ClusterList')?.setValue(event)
+    this.groups = event.map((el: any) => el.groupName)
+   
+   }
+//   isSubmitDisabled(): boolean {
+//   switch (this.selectedRevopsType?.value) {
+//     case 'employee':
+//       return this.employeeACCount === 0;
+//     case 'houseKeeping':
+//       return this.houseKeepingACCount === 0;
+//     case 'duplicate':
+//       return this.duplicateACCount === 0;
+//     default:
+//       return true;
+//   }
+// }
+getFormattedEntryTime(entryTime: string): string {
+  if (!entryTime) return '-';
+  const [hours, minutes, seconds] = entryTime.split(':').map(Number);
+  const date = new Date();
+  date.setHours(hours, minutes, seconds);
+  return date.toLocaleTimeString('en-US', {
+    hour: '2-digit',
+    minute: '2-digit',
+    // second: '2-digit',
+    hour12: true
+  });
+}
+showSelectAllBox() {
+ this.filterForm.get('actionStatus')?.setValue('pending');
+}
+}