tango-app-ui-manage-tickets 3.7.0-beta.61 → 3.7.0-beta.62

package/src/lib/components/start-audit/start-audit.component.ts

@@ -1,761 +0,0 @@
-import { Component, OnInit, HostListener, ViewChild, viewChild, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { ActivatedRoute, Route, Router } from '@angular/router';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { Observable, Subject, timer, Subscription } from 'rxjs';
-import { AuditService } from '../../services/audit.service';
-import { ToastService } from 'tango-app-ui-shared';
-import { NgxSpinnerService } from 'ngx-spinner';
-import { RemoveAuditComponent } from '../remove-audit/remove-audit.component';
-import * as LZString from 'lz-string';
-import { ExcelService } from '../../services/excel.service';
-import { takeUntil } from 'rxjs';
-import { TimerService } from '../../services/timer.service';
-import { ViewcategoryComponent } from '../viewcategory/viewcategory.component';
-
-@Component({
-  selector: 'lib-start-audit',
-  templateUrl: './start-audit.component.html',
-  styleUrl: './start-audit.component.scss'
-})
-export class StartAuditComponent implements OnInit, OnDestroy {
-  junkimage: any;
-  employeimage: any;
-  filedetails: any = {};
-  datareason: any;
-  limit: any = 500;
-  nextId: any = ''
-  spinnerstart = true
-  submitted: boolean = false;
-  auditId: any;
-  customercount = 0;
-  junkcount = 0;
-  employeecount = 0;
-  demographic: any;
-  id: any = '';
-  queueName: any = '';
-  auditmappingdata: any;
-  totalfile: any = 0;
-  auditLoading = true;
-  badge = false;
-  imagelist: any = "./assets/tango/Images/loading-img.png"
-  selected: any = [];
-  selectedType: any;
-  auditLoading1 = true;
-  Nodata = false;
-  counter: any = 1;
-  clickedImages: boolean[] = [];
-  @ViewChild('confirmDraft') confirmDraft: any;
-  @ViewChild('confirmerror') confirmerror: any;
-  Errormsg: any;
-  storedetails: any;
-  openmodel: boolean = false;
-  private readonly destroy$ = new Subject();
-  getBack: boolean = false;
-  category: any = []
-  @HostListener("window:scroll", [])
-  onScroll(): void {
-    if ('totalfiles' in sessionStorage) {
-      let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-      if (filedata?.filedetails?.nextToken) {
-        if (Math.ceil(window.innerHeight + window.scrollY) >= document.body.scrollHeight) {//this condition failed when the browser inspect screen open in horizontal
-          if (this.spinnerstart) {
-            this.spinnerService.show();
-            this.getMapping('nextId')
-          }
-        }
-      }
-    } else {
-      var result: any = window.confirm("Something Went Wrong. Please clear browser cache or Use incognito window")
-      if (result) {
-        console.log("OK button clicked!");
-        this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-      } else {
-        console.log("Alert closed without clicking OK");
-      }
-    }
-  }
-
-  @HostListener('window:keydown', ['$event'])
-  handleKeyPress(event: KeyboardEvent) {
-    if (this.openmodel) return;
-    // if (event.key === 'g' || event.code === 'KeyG') {
-    //   var group = this.auditmappingdata.filter((data: any) => data.selected === true)
-    //   if (group.length > 0) {
-    //     if (group.length == 1) {
-    //       this.toastr.getErrorToast('Please Select multiple file then add to Group')
-    //     } else {
-    //       let dummyarray = group.shift()
-    //       var groupimages: any = []
-    //       group.forEach((data: any) => {
-    //         this.auditmappingdata.splice(this.auditmappingdata.findIndex(({ img_name }: { img_name: string }) => img_name == data.img_name), 1);
-    //         groupimages.push(data.mappedid[0])
-    //       })
-    //       this.demographic = this.auditmappingdata.filter((data: any) => data.demographic === 'd').length;
-    //       dummyarray.count = dummyarray.count + groupimages.length
-    //       dummyarray.selected = false
-    //       dummyarray.demographic = ''
-    //       dummyarray.mappedid = [...dummyarray.mappedid, ...groupimages]
-    //       const jsonString = JSON.stringify(this.auditmappingdata);
-    //       const compressedData = LZString.compress(jsonString);
-    //       sessionStorage.setItem('audit', compressedData)
-    //     }
-
-    //     // this.initial_data_loading()
-    //   } else {
-    //     this.toastr.getErrorToast('Please Select file then add to Group')
-    //   }
-    // }
-    const pressed = (event.key || '').toLowerCase();
-    const matched = this.category.find((m: any) => {
-      if (!m.key) return false;
-      const mapKey = m.key.toLowerCase();
-      // match by event.key (preferred) OR by event.code like 'KeyJ'
-      return pressed === mapKey || event.code === `Key${mapKey.toUpperCase()}`;
-    });
-    console.log(matched)
-    if (!matched) return
-    if (matched) {
-      var newData = this.auditmappingdata.filter((data: any) => data.selected === true)
-      if (newData.length > 0) {
-        var oldData = JSON.parse(sessionStorage.getItem(matched?.type) || '{}')
-        if (Number(oldData.length) > 0) {
-          newData = [...oldData, ...newData]
-        } else {
-          newData = newData
-        }
-        this.category.map((data: any) => {
-          if (data.type === matched?.type) {
-            data.count = newData.length
-          }
-        })
-        sessionStorage.setItem(matched?.type, JSON.stringify(newData))
-        this.auditmappingdata = this.auditmappingdata.filter((data: any) => data.selected === false)
-        const jsonString = JSON.stringify(this.auditmappingdata);
-        const compressedData = LZString.compress(jsonString);
-        sessionStorage.setItem('audit', compressedData)
-        this.toastr.getSuccessToast(`${matched?.type} Added Succesfully!`);
-      } else {
-        this.toastr.getErrorToast(`Please Select file then add to ${matched?.type} `)
-      }
-
-    }
-
-  }
-
-  constructor(
-    private excel: ExcelService,
-    private auditservice: AuditService,
-    private toastr: ToastService,
-    private router: Router, private cd: ChangeDetectorRef,
-    private modalService: NgbModal, private timerService: TimerService,
-    private spinnerService: NgxSpinnerService, private route: ActivatedRoute
-  ) {
-    this.selectedType = this.route.snapshot.paramMap.get('type')
-  }
-  destroy = new Subject();
-  showDialog = false;
-  timePassed: number = 0;
-  subscription: Subscription | null = null;
-  formattedTime: string = '00:00:00';
-
-  notice = 'session expired';
-  showNotice = false;
-  rxjsTimer: Subscription[] = [];
-
-  ngOnInit(): void {
-
-    this.getAuditConfig()
-    if ('user-info' in localStorage) {
-      var user = JSON.parse(localStorage.getItem('user-info') || '{}')
-      this.id = user._id
-    }
-    if ('audit' in sessionStorage) {
-      let stringifydata = sessionStorage.getItem('audit') || '{}'
-      const decompressedData = LZString.decompress(stringifydata);
-      var auditdata = JSON.parse(decompressedData || '{}')
-      if (auditdata.length > 0) {
-        this.auditmappingdata = auditdata;
-        this.customercount = this.auditmappingdata.length
-      }
-      this.auditLoading = false;
-      this.setTimer();
-    } else {
-      var filedata
-      if ('totalfiles' in sessionStorage) {
-        filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-        this.getMapping()
-      }
-    }
-  }
-
-  setTimer() {
-    this.subscription = this.timerService.getTimePassed().subscribe(time => {
-      this.timePassed = time;
-      this.formattedTime = this.timerService.formatTime(time);
-      this.cd.detectChanges();
-    });
-    this.timerService.startTimer();
-    document.addEventListener('mousemove', this.handleGlobalMouseEvent);
-    document.addEventListener('click', this.handleGlobalMouseEvent);
-    document.addEventListener('mouseenter', this.handleGlobalMouseEvent);
-    document.addEventListener('scroll', this.handleGlobalMouseEvent);
-  }
-
-  handleGlobalMouseEvent = (): void => {
-    this.timerService.startTimer();
-  }
-
-
-  ngOnDestroy(): void {
-    this.destroy$.next(true);
-    this.destroy$.complete();
-    document.removeEventListener('mousemove', this.handleGlobalMouseEvent);
-    document.removeEventListener('click', this.handleGlobalMouseEvent);
-    document.removeEventListener('mouseenter', this.handleGlobalMouseEvent);
-    document.removeEventListener('scroll', this.handleGlobalMouseEvent);
-    this.timerService.clearTimer()
-  }
-
-  initial_data_loading() {
-    if ('audit' in sessionStorage) {
-      let stringifydata = sessionStorage.getItem('audit') || '{}'
-      const decompressedData = LZString.decompress(stringifydata);
-      var auditdata = JSON.parse(decompressedData || '{}')
-      if (auditdata.length > 0) {
-        this.auditmappingdata = auditdata;
-        this.demographic = this.auditmappingdata.filter((data: any) => data.demographic === 'd').length;
-        this.customercount = this.auditmappingdata.length
-        this.auditLoading = false;
-      } else {
-        this.auditmappingdata = []
-        this.customercount = 0
-      }
-    }
-
-
-    this.category.map((data: any) => {
-      var count = JSON.parse(sessionStorage.getItem(data.type) || '{}')
-      data.count = count?.length
-    })
-    if ('retag' in sessionStorage) {
-      var retagiamge = JSON.parse(sessionStorage.getItem('retag') || '[]')
-      if (retagiamge.length > 0) {
-        let stringifydata = sessionStorage.getItem('audit') || '{}'
-        const decompressedData = LZString.decompress(stringifydata);
-        var customer = JSON.parse(decompressedData || '{}')
-        customer = [...customer, ...retagiamge]
-        const jsonString = JSON.stringify(this.auditmappingdata);
-        const compressedData = LZString.compress(jsonString);
-        sessionStorage.setItem('audit', compressedData)
-        sessionStorage.removeItem('retag')
-      }
-    }
-    if ('totalfiles' in sessionStorage) {
-      var files = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-      this.totalfile = files?.totalfiles
-      this.filedetails = files?.filedetails
-      this.storedetails = files?.storedetails
-    }
-  }
-  toggleImage(img_name: any) {
-    this.selected.push(img_name)
-    this.auditmappingdata.map((data: any) => {
-
-      if (data.img_name == img_name) {
-        if (data.mappedid.length == 1) {
-          data.selected = !data.selected
-        } else {
-          data.dropped = !data.dropped
-        }
-      }
-    })
-  }
-  getAuditConfig() {
-
-    let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-    this.auditservice.getAuditconfig(filedata?.filedetails?.clientId).pipe(takeUntil(this.destroy$)).subscribe({
-      next: (res: any) => {
-        if (res && res?.code == 200) {
-          console.log(res.data.footfallDirectoryConfigs.taggingLimitation)
-          this.category = res.data.footfallDirectoryConfigs.taggingLimitation
-          this.category.map((data:any)=>{
-            if(data?.type in sessionStorage){
-
-            }else{
-              sessionStorage.setItem(data.type, JSON.stringify([]))
-            }
-          })
-          this.initial_data_loading()
-
-        }
-      }
-    })
-  }
-  getMapping(nextId?: any) {
-    this.auditLoading = true;
-    this.spinnerstart = false
-    let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-    console.log("--->", filedata)
-    let payload = {
-      storeId: filedata?.filedetails?.storeId,
-      limit: this.limit,
-      nextId: filedata?.filedetails?.nextToken ? filedata?.filedetails?.nextToken : '',
-      Date: filedata?.filedetails?.Date,
-      count:filedata?.totalfiles
-    }
-
-
-    this.auditservice.getAuditMapping(payload).pipe(takeUntil(this.destroy$)).subscribe({
-      next: (res: any) => {
-        if (res && res?.code == 200) {
-          this.storedetails = res?.data;
-          setTimeout(() => {
-            if (res?.data?.file?.nextToken) {
-              this.getMapping(res?.data?.file?.nextToken)
-            }
-          }, 100)
-          if (res?.data?.isDraft) {
-            sessionStorage.setItem('timeSpent', JSON.stringify(res?.data?.timeSpent));
-            this.spinnerstart = false;
-
-            this.category.map((data: any) => {
-
-              let filterData = res?.data?.result.filter((x: any) => x.type === data.type)
-              console.log("🚀 ~ StartAuditComponent ~ getMapping ~ filterData:", filterData)
-              sessionStorage.setItem(data.type, JSON.stringify(filterData[0].value))
-            })
-            let customerData = res?.data?.result.filter((x: any) => x.type === 'customer')
-            console.log("🚀 ~ StartAuditComponent ~ getMapping ~ customerData:", customerData)
-            this.auditmappingdata = customerData[0].value
-            const jsonString = JSON.stringify(customerData[0].value);
-            const compressedData = LZString.compress(jsonString);
-            sessionStorage.setItem('audit', compressedData)
-
-
-            this.totalfile = res?.data?.count;
-            this.filedetails = res?.data?.file;
-
-
-            this.category.map((data: any) => {
-              console.log("🚀 ~ StartAuditComponent ~ getMapping ~ data.type:", data.type)
-              var count = JSON.parse(sessionStorage.getItem(data.type) || '{}')
-              data.count = count?.length
-            })
-
-            if (res?.data?.result?.retag_image?.length > 0) {
-              let stringifydata = sessionStorage.getItem('audit') || '{}'
-              const decompressedData = LZString.decompress(stringifydata);
-              var customer = JSON.parse(decompressedData || '{}')
-              customer = [...customer, ...res.data.result.retag_image]
-              this.auditmappingdata = customer;
-              const jsonString = JSON.stringify(customer);
-              const compressedData = LZString.compress(jsonString);
-              sessionStorage.setItem('audit', compressedData)
-            }
-
-            var totalfiles = {
-              "storedetails": {
-                "storeName": res?.data?.storeName,
-                "address": res?.data?.address
-              },
-              "totalfiles": this.storedetails?.count,
-              "auditId": res?.data.file?.auditId,
-              "filedetails": {
-                "storeId": this.storedetails?.file?.storeId,
-                "Date": res?.data?.file?.Date,
-                "userId": res?.data?.file?.userId,
-                "clientId": res?.data?.file?.clientId,
-              }
-            }
-            sessionStorage.setItem('totalfiles', JSON.stringify(totalfiles))
-            this.auditLoading = false;
-            this.setTimer();
-          } else {
-            this.spinnerstart = false
-            this.spinnerService.hide();
-            let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-            if (filedata?.filedetails?.nextToken) {
-              this.auditLoading = false;
-              this.auditId = res.data.file?.auditId;
-              this.totalfile = res?.data?.count;
-              this.filedetails = res?.data?.file;
-              this.filedetails.zoneName = res?.data?.file?.zoneName;
-              if ('audit' in sessionStorage) {
-                if (this.auditmappingdata?.length > 0) {
-                  this.auditmappingdata = [...this.auditmappingdata, ...res?.data?.result]
-                  this.customercount = this.auditmappingdata?.length
-                }
-              }
-            } else {
-              this.auditLoading = false;
-              this.auditLoading1 = false;
-              this.filedetails = res?.data?.file;
-              this.auditId = res.data.file?.auditId;
-              this.auditmappingdata = res?.data?.result;
-              this.totalfile = res?.data?.count;
-              this.filedetails.queueName = this.queueName;
-              this.filedetails.zoneName = res?.data?.file?.zoneName;
-            }
-            const jsonString = JSON.stringify(this.auditmappingdata);
-            const compressedData = LZString.compress(jsonString);
-            sessionStorage.setItem('audit', compressedData)
-            let obj = {
-              totalfiles: this.totalfile,
-              filedetails: this.filedetails,
-              auditId: this.auditId,
-
-              storedetails: {
-                "storeName": res?.data?.storeName,
-                "address": res?.data?.address
-              },
-            }
-            sessionStorage.setItem('totalfiles', JSON.stringify(obj))
-            this.spinnerstart = true
-            this.setTimer();
-          }
-
-        } else if (!res || res.code == 204) {
-          if (this.counter < 6) {
-            this.counter = this.counter + 1;
-            this.getMapping()
-            this.showDialog = true;
-          } else {
-            this.auditLoading = false;
-            if (!nextId) { this.Nodata = true } else { }
-            this.submitted = true;
-            this.destroy.next(true);
-            this.destroy.complete();
-            this.showNotice = true;
-          }
-        }
-
-      },
-      error: (err: any) => {
-        console.log(err)
-        if (err?.status == 404) {
-          let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}');
-          if (filedata.filedetails && filedata.filedetails.nextToken) {
-            delete filedata.filedetails.nextToken;
-            sessionStorage.setItem('totalfiles', JSON.stringify(filedata));
-            this.getMapping('')
-          }
-        } else {
-          this.toastr.getErrorToast(err?.error?.message)
-        }
-      }
-    })
-  }
-
-  removeaudit(data: any) {
-    const modalRef = this.modalService.open(RemoveAuditComponent, {
-      size: 'lg',
-      centered: true,
-      backdrop: 'static',
-      keyboard: false
-    })
-    modalRef.componentInstance.data = data,
-      modalRef.closed.subscribe((res: any) => {
-        if (res && res?.reload) {
-          this.initial_data_loading()
-        }
-      })
-  }
-  allowDrop(event: any) {
-    event.preventDefault();
-  }
-
-  dragImage(event: any) {
-    event.dataTransfer.setData('text/plain', event.target.id);
-  }
-
-  dropImage(event: any) {
-    event.preventDefault();
-    const draggedImageId = event.dataTransfer.getData('text/plain');
-    const draggedImage = document.getElementById(draggedImageId);
-    event.target.appendChild(draggedImage);
-    const dropZone = event.target;
-    this.auditmappingdata.map((data: any, index: number) => {
-      if (data.img_name == dropZone.id) {
-        if (data.mappedid.length > 0) {
-          var findone = this.auditmappingdata.filter((data: any) => data.img_name == draggedImageId)
-          console.log(findone)
-          if (findone.length > 0) {
-            data.count = data.count + findone[0].count
-            data.mappedid = [...data.mappedid, ...findone[0].mappedid]
-          }
-          if ('duplicate' in sessionStorage) {
-            let filedata = JSON.parse(sessionStorage.getItem('duplicate') || '{}')
-            filedata = [...filedata, ...findone[0].mappedid]
-            sessionStorage.setItem('duplicate', JSON.stringify(filedata))
-          } else {
-            sessionStorage.setItem('duplicate', JSON.stringify(findone))
-            let filedata = JSON.parse(sessionStorage.getItem('duplicate') || '{}')
-            console.log("🚀 ~ StartAuditComponent ~ dropImage ~ filedata:", filedata)
-
-          }
-          this.category.map((data: any) => {
-            var count = JSON.parse(sessionStorage.getItem(data.type) || '{}')
-            data.count = count?.length
-          })
-        } else {
-          data.count = data.count + 1,
-            data.mappedid.push(draggedImageId)
-        }
-      }
-    })
-
-
-
-    this.auditmappingdata.splice(this.auditmappingdata.findIndex(({ img_name }: { img_name: string }) => img_name == draggedImageId), 1);
-    this.auditmappingdata.map((data: any) => data.selected = false)
-    const jsonString = JSON.stringify(this.auditmappingdata);
-    const compressedData = LZString.compress(jsonString);
-    sessionStorage.setItem('audit', compressedData)
-  }
-
-  dragStart(event: DragEvent) {
-    const target = event.target as HTMLImageElement;
-    event.dataTransfer?.setData('text/plain', target.id);
-  }
-
-  Reviewdata() {
-    let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-    if (filedata?.filedetails?.nextToken) {
-      this.toastr.getErrorToast('Scroll Down to bottom load the files before Move to Next page!');
-    } else {
-      this.submitted = true;
-      var totalfile: any = JSON.parse(sessionStorage.getItem('totalfiles') || '{}');
-      let stringifydata = sessionStorage.getItem('audit') || '{}'
-      const decompressedData = LZString.decompress(stringifydata);
-      var customer = JSON.parse(decompressedData || '{}')
-      let storedData = [
-        {
-          type: "customer",
-          value: customer ? customer : [],
-        }
-      ]
-
-      this.category.map((data: any) => {
-        let sessionvalue = JSON.parse(sessionStorage.getItem(data.type) || '[]');
-        storedData.push({
-          type: data.type,
-          value: sessionvalue&&sessionvalue.length>0 ? sessionvalue : []
-        })
-      })
-      console.log("🚀 ~ StartAuditComponent ~ Reviewdata ~ storedData:", storedData)
-      var inserobj: any = {
-        userCommands: this.datareason ? this.datareason : "",
-         customerCount: customer ? customer?.length : 0,
-        storeId: totalfile?.filedetails?.storeId,
-        auditId: totalfile?.auditId ? totalfile?.auditId : totalfile?.filedetails.auditId,
-        fileDate: totalfile?.filedetails?.Date,
-        totalCount: totalfile?.totalfiles ? totalfile.totalfiles : 0,
-        retagCount: 0,
-        timeSpent: this.timePassed,
-        retagImage: [],
-        draftedData: storedData
-      }
-      console.log("🚀 ~ StartAuditComponent ~ Reviewdata ~ inserobj:", inserobj)
-      this.auditservice.saveDraft(inserobj).pipe(takeUntil(this.destroy$)).subscribe({
-        next: (res: any) => {
-          if (res && res?.code == 200) {
-            this.submitted = false;
-            this.router.navigate(["/manage/tickets/mapping-list"])
-          } if (res && res.code == 203) {
-            this.Errormsg = res.message
-            const modalRef = this.modalService.open(this.confirmerror, { centered: true })
-            modalRef.result.then((result) => {
-              if (result.isConfirmed) {
-                  this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-              }
-            })
-          }
-        },
-        error: (err: any) => {
-          if (err?.code == 400 || err?.code == 204 || err?.code == 404 || err?.code == 500) {
-            this.Errormsg = err.message
-            const modalRef = this.modalService.open(this.confirmerror, { centered: true })
-            modalRef.result.then((result) => {
-              if (result.isConfirmed) {
-                this.submitted = true;
-              }
-            })
-          }
-        }
-      })
-    }
-
-  }
-
-  viewcategory(data: any) {
-    const modalRef = this.modalService.open(ViewcategoryComponent, {
-      size: 'lg',
-      centered: true,
-      backdrop: 'static',
-      keyboard: false
-    })
-    modalRef.componentInstance.data = data
-    modalRef.componentInstance.imageList = data,
-      modalRef.closed.subscribe((res: any) => {
-        if (res && res?.reload) {
-          this.initial_data_loading()
-        }
-      })
-  }
-  async savedraft() {
-    let filedata = JSON.parse(sessionStorage.getItem('totalfiles') || '{}')
-    if (filedata?.filedetails?.nextToken) {
-      this.toastr.getErrorToast('Scroll Down to bottom load the files before save!');
-    } else {
-      this.openmodel = true;
-      const modalRef = this.modalService.open(this.confirmDraft, {
-        centered: true, size: 'md'
-      })
-      modalRef.result.then((result) => {
-        console.log("🚀 ~ StartAuditComponent ~ savedraft ~ result:", result)
-        
-        if (result === 'isDenied') {
-          var totalfile: any = JSON.parse(sessionStorage.getItem('totalfiles') || '{}');
-          let stringifydata = sessionStorage.getItem('audit') || '{}'
-          const decompressedData = LZString.decompress(stringifydata);
-          var customer = JSON.parse(decompressedData || '{}')
-          let storedData = [
-            {
-              type: "customer",
-              value: customer ? customer : [],
-            }
-          ]
-
-          this.category.map((data: any) => {
-            let sessionvalue = JSON.parse(sessionStorage.getItem(data.type) || '[]');
-            storedData.push({
-              type: data.type,
-              value: sessionvalue&&sessionvalue.length>0 ? sessionvalue : []
-            })
-          })
-
-          var inserobj: any = {
-            userCommands: this.datareason ? this.datareason : "",
-            //   userId: user?.user,
-            storeId: totalfile?.filedetails?.storeId,
-            fileDate: totalfile?.filedetails?.Date,
-            auditId: totalfile?.auditId ? totalfile?.auditId : totalfile?.filedetails.auditId,
-            totalCount: totalfile?.totalfiles ? totalfile.totalfiles : 0,
-             customerCount: customer ? customer?.length : 0,
-            retagCount: 0,
-            timeSpent: this.timePassed,
-            retagImage: [],
-            draftedData: storedData
-          }
-          if(inserobj?.auditId&&inserobj?.auditId!=''){
-            this.auditservice.saveDraft(inserobj).pipe(takeUntil(this.destroy$)).subscribe({
-              next: (res: any) => {
-                if (res && res.code == 200) {
-                  this.submitted = false;
-                  this.toastr.getSuccessToast(res?.data?.result)
-                } else {
-                  if (res && res.code == 203) {
-                    this.Errormsg = res.error;
-                    const modalRef = this.modalService.open(this.confirmerror)
-                    modalRef.result.then((result) => {
-                      if (result.isConfirmed) {
-                          this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-                      }
-                    })
-                  }
-                }
-              },
-              error: (err: any) => {
-                if (err?.code == 400 || err?.code == 204 || err?.code == 404 || err?.code == 500) {
-                  this.toastr.getErrorToast('File not saved!')
-                }
-              }
-            })
-          }else{
-             this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-          }
-
-        } else if (result === 'isConfirmed') {
-          var totalfile: any = JSON.parse(sessionStorage.getItem('totalfiles') || '{}');
-
-          let stringifydata = sessionStorage.getItem('audit') || '{}'
-          const decompressedData = LZString.decompress(stringifydata);
-          var customer = JSON.parse(decompressedData || '{}')
-          let storedData = [
-            {
-              type: "customer",
-              value: this.auditmappingdata ? this.auditmappingdata : [],
-            }
-          ]
-
-          this.category.map((data: any) => {
-            let sessionvalue = JSON.parse(sessionStorage.getItem(data.type) || '[]');
-            storedData.push({
-              type: data.type,
-              value: sessionvalue&&sessionvalue.length>0 ? sessionvalue : []
-            })
-          })
-          var inserobj: any = {
-            userCommands: this.datareason ? this.datareason : "",
-             customerCount: customer ? customer?.length : 0,
-            storeId: totalfile?.filedetails?.storeId,
-            auditType: totalfile?.filedetails?.type,
-            fileDate: totalfile?.filedetails?.Date,
-            auditId: totalfile?.auditId ? totalfile?.auditId : totalfile?.filedetails.auditId,
-            totalCount: totalfile?.totalfiles ? totalfile.totalfiles : 0,
-            retagCount: 0,
-            timeSpent: this.timePassed,
-            retagImage: [],
-             draftedData: storedData
-          }
-          if(inserobj?.auditId&&inserobj.auditId!==''){
-
-            this.auditservice.saveDraft(inserobj).pipe(takeUntil(this.destroy$)).subscribe({
-              next: (res: any) => {
-                if (res && res.code == 200) {
-                  this.submitted = false;
-                   this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-                } else {
-                  if (res && res.code == 203) {
-                    this.Errormsg = res.error;
-                    const modalRef = this.modalService.open(this.confirmerror)
-                    modalRef.result.then((result) => {
-                      if (result.isConfirmed) {
-                         this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-                      }
-                    })
-                  }
-  
-                }
-              },
-              error: (err: any) => {
-                if (err?.code == 400 || err?.code == 204 || err?.code == 404 || err?.code == 500) {
-                  this.toastr.getErrorToast('File not saved!')
-                }
-              }
-            })
-          }  else{
-             this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-          }
-        }else{
-
-        }
-      })
-      modalRef.result.finally(() => {
-        this.openmodel = false;
-      });
-    }
-  }
-
-  backtotickets() {   
-      this.savedraft();
-      // this.router.navigate(['/manage/tickets'], { queryParams: { type: 'footfall' } })
-    
-  }
-  cameraPreview() {
-    // const ModalRef = this.modalService.open(CameraPreviewComponent,{
-    //   centered: true,
-    //   size:'lg'
-    // })
-  }
-}