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

package/src/lib/components/reactive-select/reactive-select.component.html

@@ -1,18 +0,0 @@
-<div class="custom-select">
-    <div class="form-group">
-        <label *ngIf="label" class="form-label">{{label}}</label>
-        <div class="position-relative">
-            <div (click)="openDropdown()" [ngClass]="isDisabled ? 'disable' : ''" class="form-select dropselect text-nowrap">
-                {{selected?.[nameField]}}</div>
-            <div *ngIf="isOpened" class="card py-2 w-100 position-absolute end-0 z-1 drop-list">
-                <ul class="list-unstyled mb-2">
-                    <li *ngFor="let item of data" (click)="onSelect(item)"
-                        [ngClass]="item?.[idField] === selected?.[idField] ? 'active' : ''"
-                        class="text px-5 items cursor-pointer py-4 ">
-                        {{item?.[nameField]}}
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</div>

package/src/lib/components/reactive-select/reactive-select.component.scss

@@ -1,52 +0,0 @@
-.custom-select {
-    min-width: 100px;
-    .items:hover,
-    .tems.focus,
-    .items.active,
-    .camera.focus-visible {
-        background: var(--Gray-50, #F9FAFB);
-    }
-
-    .drop-list{
-        max-height: 300px;
-        overflow-y: scroll;
-    }
-
-    .dropselect {
-        color: var(--Gray-500, #667085);
-        font-family: 'Inter';
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-        /* 150% */
-        height: 45px !important;
-        cursor: default;
-        white-space: nowrap;
-        overflow: hidden;
-    }
-
-    .text {
-        color: var(--Gray-700, #344054);
-        font-size: 14px;
-        font-weight: 500;
-        line-height: 20px;
-    }
-
-    .disable{
-        pointer-events: none;
-        background-color: #F9FAFB !important;
-    }
-}
-
-.ellipse1{
-    min-width:auto;
-    max-width:100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.z-1 {
-    z-index: 9 !important;
-}

package/src/lib/components/reactive-select/reactive-select.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ReactiveSelectComponent } from './reactive-select.component';
-
-describe('ReactiveSelectComponent', () => {
-  let component: ReactiveSelectComponent;
-  let fixture: ComponentFixture<ReactiveSelectComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ReactiveSelectComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(ReactiveSelectComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/reactive-select/reactive-select.component.ts

@@ -1,104 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, HostListener, Input, OnInit, Output, Provider, forwardRef } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { TicketService } from '../../services/ticket.service';
-
-const SELECT_CONTROL_VALUE_ACCESSOR: Provider = {
-  provide: NG_VALUE_ACCESSOR,
-  useExisting: forwardRef(() => ReactiveSelectComponent),
-  multi: true,
-};
-
-@Component({
-  selector: 'lib-reactive-select',
-  templateUrl: './reactive-select.component.html',
-  styleUrl: './reactive-select.component.scss',
-  providers: [SELECT_CONTROL_VALUE_ACCESSOR]
-})
-export class ReactiveSelectComponent implements ControlValueAccessor, OnInit {
-
-  private onTouched: Function;
-  private onChanged: Function;
-  @Input() isDisabled: boolean;
-  @Input() idField: string
-  @Input() nameField: string
-  @Input() label: string
-  @Input() data: any
-  @Output() itemChange = new EventEmitter()
-  protected isOpened: boolean = false
-  protected selected: Record<string, any> | null = null
-  protected selectedId: string | number
-  instanceId: string;
-
-
-  constructor(private apiService: TicketService, private cd: ChangeDetectorRef) {
-
-  }
-
-  ngOnInit(): void {
-    this.instanceId = crypto.randomUUID();
-    this.apiService.dropDownTrigger.subscribe((e) => {
-      if (e !== this.instanceId) {
-        this.isOpened = false
-        this.cd.detectChanges()
-      }
-    })
-  }
-
-
-  writeValue(val: string | number): void {
-    this.selectedId = val
-    this.selected = this.data.filter((item: Record<string, any>) => item?.[this.idField] === val)[0]
-    
-  }
-  registerOnChange(fn: any): void {
-    this.onChanged = fn
-    
-  }
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    this.isDisabled = isDisabled
-
-  }
-
-  onSelect(item: Record<string, any>) {
-    this.onTouched()
-    this.selected = item
-    this.selectedId = item?.[this.idField]
-    this.isOpened = false
-    this.itemChange.next(this.selectedId)
-    this.onChanged(this.selectedId)
-  }
-
-  @HostListener('document:click', ['$event'])
-  onClick(event: MouseEvent) {
-    // console.log(this.isDisabled)
-    if (!this.isDisabled) {
-      const targetElement = event.target as HTMLElement;
-      if (!this.isComponentClicked(targetElement)) {
-        this.isOpened = false;
-      }
-    }
-  }
-
-  isComponentClicked(targetElement: HTMLElement): boolean {
-    const parentElement = targetElement.parentElement;
-    if (parentElement) {
-      const clickedOnComponent = parentElement.classList.contains('custom-select');
-      if (clickedOnComponent) {
-        return true;
-      } else {
-        return this.isComponentClicked(parentElement);
-      }
-    }
-    return false;
-  }
-
-  openDropdown(){
-    this.isOpened = !this.isOpened;
-    this.apiService.dropDownTrigger.next(this.instanceId)
-  }
-
-
-}

package/src/lib/components/remove-audit/remove-audit.component.html

@@ -1,38 +0,0 @@
-<div class="modal-body mt-5">
-    <div class=" d-flex">
-        <div class="d-flex justify-content-between w-100">
-            <div class="d-flex flex-column">
-                <div class="d-flex align-items-center mb-2">
-                    <div class="fs-2 text-dark fw-bolder my-3 mx-7"> <span class="card-label fw-bold text-dark">
-                          {{maindata?.detectionType ? maindata?.detectionType : 'Customer' }} Files -
-                            <span>{{maindata?.count}}</span></span></div>
-                </div>
-            </div>
-        </div>
-        <div class="btn btn-sm btn-icon btn-active-color-primary me-5" (click)="closepopup()" data-bs-dismiss="modal">
-            <span class="svg-icon svg-icon-1">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)"
-                        fill="black"></rect>
-                    <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black">
-                    </rect>
-                </svg>
-            </span>
-        </div>
-    </div>
-    <div class="card-body">
-        <div class="row mx-3">
-            <div class="col-md-12 item scroll-y">
-                <div class="item" *ngFor="let item of imagelist;let i=index" style="padding: 10px;">
-
-                    <img class="mx-3 mb-3 img" [src]="item.img_path">
-                    <div class="text-center m-0 fs-7 fw-bold">{{item.img_name}}</div>
-                    <span *ngIf="i" class="notify-badge1 cursor-pointer" (click)="removeimage(item)"><i class="fa fa-close" aria-hidden="true"
-                            style="font-size:15px;color:#00A3FF"></i>
-                        </span>
-
-                </div>
-                   </div>
-        </div>
-    </div>
-</div>

package/src/lib/components/remove-audit/remove-audit.component.scss

@@ -1,27 +0,0 @@
-.img {
-    width: 95px;
-    height: 200px;
-}
-.item {
-    position: relative;
-    padding-top: 20px;
-    display: inline-block;
-    max-height: 595px;
-}
-
-.scroll-y{
-    overflow-y: auto !important;
-    position: relative !important;
-}
-    
-        .notify-badge1 {
-            position: absolute;
-            right: 14px;
-            top: 5px;
-            background: var(--Primary-50, #EAF8FF);
-            text-align: center;
-            border-radius: 6px;
-            color: #00A3FF;border: 2px solid var(--Primary-600, #00A3FF);
-            padding: 0px 8px;
-            font-size: 20px;
-        }

package/src/lib/components/remove-audit/remove-audit.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RemoveAuditComponent } from './remove-audit.component';
-
-describe('RemoveAuditComponent', () => {
-  let component: RemoveAuditComponent;
-  let fixture: ComponentFixture<RemoveAuditComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [RemoveAuditComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(RemoveAuditComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,81 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { NgbModal, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import * as LZString from 'lz-string';
-
-@Component({
-  selector: 'lib-remove-audit',
-  templateUrl: './remove-audit.component.html',
-  styleUrl: './remove-audit.component.scss'
-})
-export class RemoveAuditComponent implements OnInit {
-
-  imagelist: any = []
-  maindata: any;
-  @Input() data: any;
-
-  constructor(private modalService: NgbModal, public activeModal: NgbActiveModal) {
-  }
-
-  ngOnInit(): void {
-    if (this.data) {
-      this.maindata = this.data
-      this.imagelist = this.data.mappedid
-    }
-  }
-  removeimage(data: any) {
-    this.imagelist.splice(this.imagelist.findIndex(({ img_name }: { img_name: string }) => img_name == data.img_name), 1);
-    this.maindata.mappedid = this.imagelist
-    this.maindata.count = this.maindata.count - 1
-    var framedobj: any = {}
-    framedobj.img_name = data.img_name
-    framedobj.img_id = data.img_id
-    framedobj.img_path = data.img_path
-    framedobj.mappedid = [{
-      img_name: data.img_name,
-      img_id: data.img_id,
-      img_path: data.img_path
-    }]
-    framedobj.count = 1
-    framedobj.selected = false
-    framedobj.demographic = ""
-    framedobj.dropped = false
-    let stringifydata = sessionStorage.getItem('audit') || '{}'
-    const decompressedData = LZString.decompress(stringifydata);
-    var customer = JSON.parse(decompressedData || '{}')
-    var foundIndex = customer.findIndex((x: any) => x.img_id == this.maindata.img_id);
-    if (foundIndex == -1) {
-      var retag = JSON.parse(sessionStorage.getItem('retag') || '{}')
-      var newindex = retag.findIndex((x: any) => x.img_id == this.maindata.img_id);
-      retag[newindex] = this.maindata;
-      retag.push(framedobj)
-      sessionStorage.setItem('retag', JSON.stringify(retag))
-    } else {
-      customer[foundIndex] = this.maindata;
-      customer.push(framedobj)
-      const jsonString = JSON.stringify(customer);
-      const compressedData = LZString.compress(jsonString);
-      sessionStorage.setItem('audit', compressedData)
-    }
-
-
-    console.log(this.maindata,framedobj)
-    if ('duplicate' in sessionStorage) {
-      let filedata = JSON.parse(sessionStorage.getItem('duplicate') || '{}')
-      console.log("🚀 ~ RemoveAuditComponent ~ removeimage ~ filedata:", filedata)
-      let filterData = filedata.filter((x: any) => x.img_name != framedobj.img_name)
-      console.log(filterData)
-   
-        sessionStorage.setItem('duplicate', JSON.stringify(filterData))
-      
-    }
-
-
-    if (this.imagelist.length == 1) {
-      this.activeModal.close({ reload: true });
-    }
-  }
-  closepopup() {
-    this.activeModal.close({ reload: true });
-  }
-
-}

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

@@ -1,174 +0,0 @@
-<div class="mb-5 d-flex justify-content-between align-items-center w-100">
-    <div class="d-flex align-items-center">
-        <div class="border w-40px bg-white cursor-pointer me-5 text-center" (click)="backtotickets()"><svg
-                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                <path d="M15.8334 10H4.16669M4.16669 10L10 15.8334M4.16669 10L10 4.16669" stroke="#344054"
-                    stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-            </svg>
-        </div>
-        <a (click)="cameraPreview()"><span *ngIf="filedetails?.Date">{{filedetails?.Date}}</span><span> -
-            </span><span *ngIf="filedetails?.storeId">{{filedetails?.storeId}}</span><span> - </span><span
-                *ngIf="storedetails?.storeName">{{storedetails?.storeName}}</span><span *ngIf="selectedType ==='zone'">
-                - </span><span
-                *ngIf="filedetails?.zoneName && selectedType ==='zone'">{{filedetails?.zoneName}}</span><span
-                *ngIf="storedetails?.address"> | {{storedetails?.address}} </span></a>
-    </div>
-    <div class="rounded-3 d-flex align-items-center bg-timer">
-        <span class="me-3 text-timer fw-semibold">{{ formattedTime }}</span>
-        <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-                <path
-                    d="M9.16667 2.87071C9.16667 2.62023 9.26617 2.38001 9.44329 2.20289C9.62041 2.02577 9.86063 1.92627 10.1111 1.92627H13.8889C14.1394 1.92627 14.3796 2.02577 14.5567 2.20289C14.7338 2.38001 14.8333 2.62023 14.8333 2.87071C14.8333 3.1212 14.7338 3.36142 14.5567 3.53854C14.3796 3.71565 14.1394 3.81516 13.8889 3.81516H12.9444V5.07442L12.9432 5.12605C14.5396 5.30097 16.0528 5.92787 17.3053 6.93308L17.3141 6.92553L18.2585 5.98108C18.374 5.85676 18.5208 5.76588 18.6835 5.71801C18.8463 5.67014 19.019 5.66706 19.1833 5.70908C19.3477 5.75111 19.4977 5.83669 19.6175 5.9568C19.7373 6.07692 19.8225 6.22713 19.8641 6.3916C19.906 6.55578 19.903 6.72823 19.8554 6.89085C19.8077 7.05348 19.7172 7.20029 19.5933 7.3159L18.6489 8.26034L18.6413 8.26915C19.6403 9.51974 20.2658 11.027 20.446 12.6174C20.6261 14.2078 20.3536 15.8167 19.6597 17.2591C18.9658 18.7014 17.8788 19.9185 16.5237 20.7704C15.1686 21.6222 13.6006 22.0741 12 22.0741C10.3994 22.0741 8.83137 21.6222 7.47629 20.7704C6.12122 19.9185 5.03419 18.7014 4.3403 17.2591C3.64641 15.8167 3.37386 14.2078 3.55402 12.6174C3.73418 11.027 4.35973 9.51974 5.35867 8.26915L5.35111 8.26034L4.40667 7.3159C4.23964 7.1369 4.14865 6.90003 4.15287 6.65524C4.1571 6.41045 4.25622 6.17687 4.42934 6.00375C4.60246 5.83063 4.83604 5.73151 5.08083 5.72728C5.32562 5.72306 5.56249 5.81405 5.74149 5.98108L6.68593 6.92553L6.69474 6.93308C7.94681 5.92809 9.45963 5.3012 11.0556 5.12605V3.81516H10.1111C9.86063 3.81516 9.62041 3.71565 9.44329 3.53854C9.26617 3.36142 9.16667 3.1212 9.16667 2.87071ZM12 20.1855C13.7535 20.1854 15.4352 19.4886 16.675 18.2485C17.9148 17.0085 18.6113 15.3267 18.6111 13.5732C18.6109 11.8196 17.9142 10.138 16.6741 8.89813C15.4341 7.65831 13.7523 6.96188 11.9987 6.96204C10.2452 6.96221 8.56354 7.65896 7.32372 8.89902C6.0839 10.1391 5.38747 11.8209 5.38763 13.5744C5.3878 15.328 6.08455 17.0096 7.32461 18.2494C8.56467 19.4893 10.2465 20.1857 12 20.1855ZM12.4899 11.7485L14.1647 10.0737C14.2517 9.98343 14.3559 9.91143 14.4711 9.86188C14.5863 9.81233 14.7102 9.78622 14.8356 9.78507C14.9611 9.78392 15.0854 9.80776 15.2015 9.85519C15.3176 9.90262 15.4231 9.9727 15.5118 10.0613C15.6005 10.15 15.6707 10.2554 15.7182 10.3714C15.7658 10.4875 15.7897 10.6118 15.7887 10.7372C15.7877 10.8626 15.7617 10.9866 15.7122 11.1018C15.6628 11.2171 15.5909 11.3213 15.5007 11.4085L13.8259 13.0846C13.9003 13.3645 13.9095 13.6579 13.8526 13.942C13.7958 14.226 13.6745 14.4933 13.4981 14.7231C13.3217 14.9529 13.0949 15.1391 12.8352 15.2675C12.5754 15.3958 12.2897 15.4628 12 15.4633C11.7327 15.461 11.4688 15.4019 11.226 15.29C10.9832 15.1781 10.767 15.0159 10.5916 14.8141C10.4162 14.6123 10.2857 14.3755 10.2087 14.1195C10.1316 13.8635 10.1099 13.594 10.1448 13.329C10.1798 13.0639 10.2706 12.8093 10.4114 12.582C10.5522 12.3547 10.7396 12.1599 10.9613 12.0104C11.183 11.861 11.4339 11.7604 11.6974 11.7152C11.9609 11.6701 12.231 11.6814 12.4899 11.7485Z"
-                    fill="black" />
-            </svg></span>
-    </div>
-</div>
-<div class="card py-2">
-    <div class="card-header align-items-center border-0 overflow">
-        <div class="card-title border-0">
-            <!-- <div class="w-50px h-50px badge-light-primary text-center align-content-center rounded-3">
-                 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
-                     <path d="M21 15.1667V23.3334H4.66665V7.00004H10.5233C10.5816 6.17171 10.78 5.39004 11.0833 4.66671H4.66665C3.38331 4.66671 2.33331 5.71671 2.33331 7.00004V23.3334C2.33331 24.6167 3.38331 25.6667 4.66665 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3334V17.5L21 15.1667ZM19.25 21H6.41665L9.62498 16.8817L11.9116 19.635L15.12 15.505L19.25 21ZM22.5166 10.3717C23.03 9.55504 23.3333 8.61004 23.3333 7.58337C23.3333 4.67837 20.9883 2.33337 18.0833 2.33337C15.1783 2.33337 12.8333 4.67837 12.8333 7.58337C12.8333 10.4884 15.1783 12.8334 18.0716 12.8334C19.0983 12.8334 20.055 12.53 20.86 12.0167L24.5 15.6567L26.1566 14L22.5166 10.3717ZM18.0833 10.5C17.3098 10.5 16.5679 10.1927 16.0209 9.64577C15.4739 9.09879 15.1666 8.35692 15.1666 7.58337C15.1666 6.80983 15.4739 6.06796 16.0209 5.52098C16.5679 4.974 17.3098 4.66671 18.0833 4.66671C18.8569 4.66671 19.5987 4.974 20.1457 5.52098C20.6927 6.06796 21 6.80983 21 7.58337C21 8.35692 20.6927 9.09879 20.1457 9.64577C19.5987 10.1927 18.8569 10.5 18.0833 10.5Z" fill="#00A3FF"/>
-                     </svg> 
-             </div> -->
-            <div class="d-grid">
-                <div class="card-label ms-2"><span *ngIf="filedetails?.type">{{filedetails?.type ? filedetails?.type :
-                        ''}}</span>
-                </div>
-                <div *ngIf="filedetails" class="sub-text mt-2">
-                    <span class="badge badge-light-default"><svg class="me-2" xmlns="http://www.w3.org/2000/svg"
-                            width="12" height="12" viewBox="0 0 12 12" fill="none">
-                            <g clip-path="url(#clip0_14508_18583)">
-                                <path
-                                    d="M2.5 10.5H9.5C10.0523 10.5 10.5 10.0523 10.5 9.5V2.5C10.5 1.94772 10.0523 1.5 9.5 1.5H2.5C1.94772 1.5 1.5 1.94772 1.5 2.5V9.5C1.5 10.0523 1.94772 10.5 2.5 10.5ZM2.5 10.5L8 5L10.5 7.5M5 4.25C5 4.66421 4.66421 5 4.25 5C3.83579 5 3.5 4.66421 3.5 4.25C3.5 3.83579 3.83579 3.5 4.25 3.5C4.66421 3.5 5 3.83579 5 4.25Z"
-                                    stroke="#667085" stroke-width="1.1" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </g>
-                            <defs>
-                                <clipPath id="clip0_14508_18583">
-                                    <rect width="12" height="12" fill="white" />
-                                </clipPath>
-                            </defs>
-                        </svg>{{totalfile ? totalfile : 0}} After Count</span>
-                </div>
-            </div>
-        </div>
-        <div class="d-flex align align-items-center gap-2">
-            <div class="border border-1 rounded-3 w-auto h-45px px-2 d-flex justify-content-between align-items-center"
-                *ngFor="let item of category">
-                <div class="h-100 align-content-center text-nowrap fw-semibold cursor-pointer mx-2" (click)="viewcategory(item)">
-                    <span class="badge badge-light-primary me-2">{{item?.count}}</span>{{item?.name}}<span class=" ms-3 badge badge-light-primary me-5 text-capitalize">{{item?.key}}</span></div>                    
-            </div>
-            <!-- <div class="border border-1 rounded-3 w-auto h-45px px-4 d-flex justify-content-between align-items-center">
-            <div class="px-5 h-100 align-content-center text fw-semibold pe-none"><span
-                    class="badge badge-light-primary me-5">{{auditmappingdata?.length ? auditmappingdata?.length : 0
-                    }}</span>Unique Customers</div>
-            </div> -->
-            <div *ngIf="!auditLoading && !Nodata" class="card-toolbar text-nowrap ms-5">
-                <button type="button" class="btn btn-sm btn-default btn-outline ms-3 py-2"
-                    [disabled]="!employeecount && !junkcount && (auditmappingdata?.length === totalfile)"
-                    (click)="savedraft()">Save Draft</button>
-                <button type="submit" class="btn btn-sm btn-primary py-2 ms-3" [disabled]="submitted"
-                    (click)="Reviewdata()">Review <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
-                        viewBox="0 0 20 20" fill="none">
-                        <path
-                            d="M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333"
-                            stroke="white" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                    </svg></button>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- scroll-top -->
-<div class="card mt-5">
-    <div class="card-body">
-        <div class="row">
-            <div *ngIf="auditLoading">
-                <div class="row loader d-flex justify-content-center align-items-center">
-                    <div class="shimmer">
-                        <div class="wrapper">
-                            <div class="stroke animate title"></div>
-                            <div class="stroke animate link"></div>
-                            <div class="stroke animate description"></div>
-                        </div>
-                    </div>
-                    <div class="shimmer">
-                        <div class="wrapper">
-                            <div class="stroke animate title"></div>
-                            <div class="stroke animate link"></div>
-                            <div class="stroke animate description"></div>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-            <ng-container *ngIf="Nodata">
-                <div class="row">
-                    <div class="col-lg-12 mb-3">
-                        <div class="card-body d-flex justify-content-center align-items-center flex-column">
-                            <img class="img-nodata" src="./assets/tango/Icons/Nodata1.svg" alt="">
-                            <div class="nodata-title">No data found</div>
-                            <div class="nodata-sub">There is no result for this conversion funnel</div>
-                        </div>
-                    </div>
-                </div>
-            </ng-container>
-            <!-- scroll-y h-500px -->
-            <div *ngIf="!auditLoading" class="col-md-12 item ">
-
-                <div class="item" *ngFor="let item of auditmappingdata;let i=index" style="padding: 5px 10px;">
-
-                    <img class="mx-3 my-3 img" [src]="item?.img_path" id="{{item?.img_name}}" alt="Image"
-                        (dragover)="allowDrop($event)" (drop)="dropImage($event)" draggable="true"
-                        (dragstart)="dragImage($event)" (click)="toggleImage(item?.img_name )">
-                    <div class="text-center m-0 fs-7 fw-bold">{{item?.img_name}}</div>
-
-                    <span *ngIf="item?.selected" class="notify-badge1"><i class="fa fa-check" aria-hidden="true"
-                            style="font-size:15px;color:#00A3FF"></i></span>
-                    <!-- (click)="removeaudit(item)" -->
-                    <span class="notify-badge cursor-pointer"  (click)="removeaudit(item)" *ngIf="item?.count>1">{{item?.count}}</span>
-                </div>
-
-                <ngx-spinner size="medium" type="ball-atom"></ngx-spinner>
-
-            </div>
-        </div>
-    </div>
-</div>
-
-<ng-template #confirmDraft let-modal>
-    <div class="card h-auto p-10">
-        <div class="card-header d-grid p-0 border-0">
-            <span><img src="./assets/tango/Images/Successtoast.png"></span>
-            <!-- <span *ngIf="getBack"><img src="./assets/tango/custompopup-Icons/danger-icon.svg"></span>  -->
-            <div class="card-label mt-5">Save Changes</div>
-            <!-- <div *ngIf="getBack" class="card-label mt-5">Unsaved Changes</div> -->
-        </div>
-        <div class="card-body p-0">
-            <p class="text-sub mt-5">Do you want to draft the file?</p>
-            <!-- <p *ngIf="getBack" class="text-sub mt-5">Do you want to get back?</p> -->
-            <textarea class="form-control mt-5" [(ngModel)]="datareason"
-                placeholder="Type your reason (Required) ..."></textarea>
-            <div class="w-100 d-flex mt-10">
-                <button class="btn btn-outline w-50 me-2 fw-bold" [disabled]="!datareason"
-                    (click)="modal.close('isConfirmed')">Save & Exit</button>
-                <button class="btn btn-primary savebtn w-50 ms-2" (click)="modal.close('isDenied')">save &
-                    Continue</button>
-            </div>
-        </div>
-    </div>
-</ng-template>
-
-<ng-template #confirmerror let-modal>
-    <div class="w-400px h-auto p-10 card">
-        <div class="card-header border-0">
-            <div class="card-label">{{Errormsg}}</div>
-        </div>
-        <div class="card-body mt-5">
-            <div class="w-100 d-flex mt-10">
-                <button class="btn btn-outline w-50 me-2" (click)="modal.close('isDenied')">Cancel</button>
-                <button class="btn btn-primary w-50 ms-2" (click)="modal.close('isConfirmed')">Confirm</button>
-            </div>
-        </div>
-    </div>
-</ng-template>