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

package/src/lib/components/viewcategory/viewcategory.component.html

@@ -0,0 +1,38 @@
+<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?.name ? maindata?.name : '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 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/viewcategory/viewcategory.component.scss

@@ -0,0 +1,29 @@
+.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/viewcategory/viewcategory.component.spec.ts

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

package/src/lib/components/viewcategory/viewcategory.component.ts

@@ -0,0 +1,79 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { NgbModal, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import * as LZString from 'lz-string';
+@Component({
+  selector: 'lib-viewcategory',
+  templateUrl: './viewcategory.component.html',
+  styleUrl: './viewcategory.component.scss'
+})
+export class ViewcategoryComponent {
+  maindata: any = {}
+  imagelist: any = []
+  counter: any = 0;
+  @Input() data: any
+  constructor(public modalService: NgbModal, public activeModel: NgbActiveModal) { }
+
+  ngOnInit(): void {
+    if (this.data) {
+      this.maindata = this.data
+    }
+    var saveData = JSON.parse(sessionStorage.getItem(this.maindata?.type) || '{}')
+    if (saveData.length > 0) {
+      this.imagelist = saveData
+    }
+  }
+  removeimage(data: any) {
+    
+    this.counter = 0;
+    let oldData = JSON.parse(sessionStorage.getItem(this.maindata?.type) || '{}')
+    let auditData = sessionStorage.getItem('audit') || '{}'
+    const decompressedData = LZString.decompress(auditData);
+    var customer = JSON.parse(decompressedData || '{}')
+    customer.map((cus: any) => {
+      if (cus.count > 0) {
+        cus.mappedid = cus.mappedid.filter((x: any) => x.img_name != data.img_name)
+        cus.count =  cus.mappedid.length
+      }
+    })
+    console.log(customer)
+    const jsonString = JSON.stringify(customer);
+    const compressedData = LZString.compress(jsonString);
+    sessionStorage.setItem('audit', compressedData)
+    if (this.counter < oldData?.length) {
+      this.counter = this.counter + 1;
+      var wrongData = oldData.splice(oldData.findIndex(({ img_name }: { img_name: string }) => img_name == data?.img_name), 1);
+      let stringifydata = sessionStorage.getItem('audit') || '{}'
+      const decompressedData = LZString.decompress(stringifydata);
+      var customer = JSON.parse(decompressedData || '{}')
+      console.log(wrongData)
+      if (wrongData.length > 0) {
+        wrongData[0].selected = false
+      }
+      customer.push(wrongData[0])
+      const jsonString = JSON.stringify(customer);
+      const compressedData = LZString.compress(jsonString);
+      sessionStorage.setItem('audit', compressedData)
+      sessionStorage.setItem(this.maindata?.type, JSON.stringify(oldData))
+      var newdata = JSON.parse(sessionStorage.getItem(this.maindata?.type) || '{}')
+      if (newdata.length > 0) {
+        this.imagelist = newdata
+      } else if (newdata.length == 0) {
+        this.activeModel.close({ reload: true });
+      } else {
+        this.imagelist = []
+
+      }
+    } else {
+
+    }
+    
+
+  }
+
+  closepopup() {
+    console.log(this.counter)
+    if (this.counter > 0) {
+      this.activeModel.close({ reload: true });
+    } else { this.activeModel.close({ reload: false }); }
+  }
+}

package/src/lib/services/audit.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuditService } from './audit.service';
+
+describe('AuditService', () => {
+  let service: AuditService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AuditService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/services/audit.service.ts

@@ -0,0 +1,98 @@
+import { Injectable, Optional } from '@angular/core';
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import { Observable, catchError, map, throwError,BehaviorSubject } from 'rxjs';
+import { GlobalStateService } from 'tango-app-ui-global';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuditService {
+
+
+  ticketApiUrl: any;
+  storeApiUrl: any;
+  data: any;
+  userUrl: any;
+  tokenStorage: any;
+  zoneauditApiUrl:any;
+  edgeAppApiUrl: any;
+  clientApiUrl:string
+
+  clientId = new BehaviorSubject<string>('')
+  clientData = new BehaviorSubject<any>(null)
+  auditApiUrl: any;
+  traxauditApiUrl: any;
+  vmsAuditUrl: any;
+  footfallDirapiUrl: any;
+
+  dropDownTrigger = new BehaviorSubject<any>(null)
+  constructor(private http: HttpClient, private gs: GlobalStateService) {
+    this.gs.environment.subscribe((env) => {
+      if (env) {
+        this.ticketApiUrl = env.ticketsApiUrl
+        this.storeApiUrl = env.storeApiUrl;
+        this.userUrl = env.userUrl;
+        this.edgeAppApiUrl = env.edgeAppApiUrl;
+        this.auditApiUrl = env.auditApiUrl;
+        this.clientApiUrl = env.clientApiUrl
+        this.vmsAuditUrl = env.vmsAuditUrl
+        this.footfallDirapiUrl = env.footfallDirapiUrl
+      }
+      this.gs.dataRangeValue.subscribe((e:any)=>{      
+        if(e){
+          this.clientId.next(e.client)
+        }
+      })
+    });
+
+  }
+
+// audit code
+
+getAuditMapping(payload:any) {
+  return this.http.get(`${this.vmsAuditUrl}/get-file?storeId=${payload?.storeId}&nextId=${payload?.nextId}&limit=${payload?.limit}&Date=${payload?.Date}&count=${payload?.count}`)
+}
+getAuditconfig(clientId:any) {
+  return this.http.get(`${this.clientApiUrl}/get-footfall-directory-config?clientId=${clientId}`)
+}
+
+
+export(data: any) {
+  return this.http.get(`${this.clientApiUrl}/audit/processing_info?export=${data.export}&userId=${data.userId}`, {responseType: 'arraybuffer'})
+}
+
+getauditCard(filter: any,user:any){
+  return this.http.get(`${this.clientApiUrl}/audit/userAuditSummary?range=${filter}&userId=${user}`)
+}
+
+getactivitylog(data: any) {
+  return this.http.post(`${this.clientApiUrl}/activitylog/list`, data)
+}
+saveDraft(data: any) {
+  return this.http.post(`${this.vmsAuditUrl}/save-draft`, data)
+}
+getAuditmappinglist(payload:any) {
+  return this.http.get(`${this.vmsAuditUrl}/get-drafted-data?fileDate=${payload?.fileDate}&storeId=${payload?.storeId}&auditId=${payload?.auditId}`)
+}
+saveaudit(data: any) {
+  return this.http.post(`${this.footfallDirapiUrl}/tango-review-ticket`, data)
+}
+
+
+
+userDetails() {
+  return this.http.get(`${this.auditApiUrl}/auth/me`, {
+  }).pipe(map((response: any) => {
+          localStorage.setItem('user-info', JSON.stringify(response.data));
+          return response
+      }),
+          catchError(this.handleError));
+}
+
+private handleError(error: HttpErrorResponse): Observable<never> {
+  return throwError(
+    () => new Error("Something bad happened; please try again later")
+  );
+}
+
+}

package/src/lib/services/excel.service.ts

@@ -0,0 +1,48 @@
+import { Injectable } from '@angular/core';
+import * as FileSaver from 'file-saver';
+import * as XLSX from 'xlsx';
+
+const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+const EXCEL_EXTENSION = '.xlsx';
+const ZIP_TYPE = 'application/zip'
+const ZIP_EXTENSION = '.zip'
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ExcelService {
+
+  
+  constructor() { }
+
+  public exportAsExcelFile(json: any[], excelFileName: string): void {
+    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
+    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
+    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+    this.saveAsExcelFile(excelBuffer, excelFileName);
+  }
+
+  public saveAsExcelFile(buffer: any, fileName: string): void {
+    console.log(buffer, fileName);
+    
+    const data: Blob = new Blob([buffer], {
+      type: EXCEL_TYPE
+    });
+    FileSaver.saveAs(data, fileName + 'list'+ EXCEL_EXTENSION);
+  }
+  
+  private saveAsTemplate(buffer: any, fileName: string): void {
+    const data: Blob = new Blob([buffer], {
+      type: EXCEL_TYPE
+    });
+    FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);
+  }
+
+  public saveAsZipFile(buffer: any, fileName: string): void {
+    const data: Blob = new Blob([buffer], {
+      type: ZIP_TYPE
+    });
+    FileSaver.saveAs(data, fileName + 'Images'+ ZIP_EXTENSION);
+  }
+
+}

package/src/lib/services/ticket.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { TicketService } from './ticket.service';
+
+describe('TicketService', () => {
+  let service: TicketService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(TicketService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});