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

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

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