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

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

@@ -1,1106 +0,0 @@
-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');
-}
-}