tango-app-ui-manage-tickets 3.7.0-beta.7 → 3.7.0-beta.70

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

@@ -0,0 +1,501 @@
+import { HttpClient } from "@angular/common/http";
+import { Injectable, Optional } from "@angular/core";
+import { GlobalStateService } from "tango-app-ui-global";
+import {
+  BehaviorSubject,
+  Observable,
+  catchError,
+  map,
+  of,
+  throwError,
+} from "rxjs";
+import { HttpParams } from "@angular/common/http";
+@Injectable({
+  providedIn: "root",
+})
+export class TicketService {
+  userApiUrl: any;
+  ticketsApiUrl: any;
+  auditApiUrl: any;
+  auditmetricApiUrl: any;
+  zoneauditApiUrl: any;
+  footfallDirapiUrl: any;
+  footfallCDN: any;
+  trafficApiUrl: any;
+  revopApiUrl: any;
+  clientApiUrl:any;
+  vmsAuditUrl:any;
+  dropDownTrigger = new BehaviorSubject<any>(null);
+  constructor(private http: HttpClient, private gs: GlobalStateService) {
+    this.gs.environment.subscribe((env) => {
+      if (env) {
+        this.userApiUrl = env.userApiUrl;
+        this.ticketsApiUrl = env.ticketsApiUrl;
+        this.auditmetricApiUrl = env.auditmetricApiUrl;
+        this.auditApiUrl = env.auditApiUrl;
+        this.zoneauditApiUrl = env.zoneauditApiUrl;
+        this.clientApiUrl = env.clientApiUrl;
+        this.footfallDirapiUrl = env.footfallDirapiUrl;
+        this.footfallCDN = env.footfallCDN;
+        this.trafficApiUrl = env.trafficApiUrl;
+        this.revopApiUrl = env.revopApiUrl;
+        this.vmsAuditUrl = env.vmsAuditUrl;
+      }
+    });
+  }
+
+  getUserList(params: any): Observable<any> {
+    return this.http.post<any>(`${this.userApiUrl}/get-list`, params);
+  }
+
+  exportInstallationList(data: any) {
+    return this.http.post(
+      `${this.ticketsApiUrl}/infra/installationTable`,
+      data,
+      { responseType: "arraybuffer" }
+    );
+  }
+
+  exportInfraList(data: any) {
+    return this.http.post(`${this.ticketsApiUrl}/infra/infraTable`, data, {
+      responseType: "arraybuffer",
+    });
+  }
+
+  exportMatList(data: any) {
+    return this.http.post(`${this.ticketsApiUrl}/infra/matTable`, data, {
+      responseType: "arraybuffer",
+    });
+  }
+
+  getSotresList(data: any) {
+    return this.http.post<any>(`${this.ticketsApiUrl}/infra/storeFilter`, data);
+  }
+
+  getInstallationList(data: any) {
+    return this.http.post<any>(
+      `${this.ticketsApiUrl}/infra/installationTable`,
+      data
+    );
+  }
+
+  getInfraList(data: any) {
+    return this.http.post<any>(`${this.ticketsApiUrl}/infra/infraTable`, data);
+  }
+
+  getAssignTicket(data: any) {
+    return this.http.post<any>(
+      `${this.ticketsApiUrl}/infra/assignTicket`,
+      data
+    );
+  }
+
+  getMatList(data: any) {
+    return this.http.post<any>(`${this.ticketsApiUrl}/infra/matTable`, data);
+  }
+
+  updateTicketIssue(data: any) {
+    return this.http.post<any>(
+      `${this.ticketsApiUrl}/employeeTraning/updatecomment`,
+      data
+    );
+  }
+
+  getUserActiveList(params: any): Observable<any> {
+    return this.http.post<any>(`${this.userApiUrl}/list`, params);
+  }
+
+  getAllCounts(data:any){
+    return this.http.post<any>(`${this.ticketsApiUrl}/infra/allCounts`, data)
+  }
+  getstoreMetrics(data:any){
+    return this.http.post(`${this.auditApiUrl}/metrics/store-metrics`,data)
+  }
+  getstoreMetricsExport(data:any){
+    return this.http.post(`${this.auditApiUrl}/metrics/store-metrics`,data,{responseType: 'arraybuffer'})
+  }
+  getclientList(){
+    return this.http.get(`${this.auditApiUrl}/clients`)
+  }
+  getuserList(){
+    return this.http.get(`${this.auditApiUrl}/tango-users`)
+  }
+  auditretrigger(data:any){
+    return this.http.post(`${this.auditApiUrl}/metrics/re-trigger`,data)
+ }
+ getfootfallcount(data:any){
+     return this.http.get(`${this.revopApiUrl}/store-processed-data?storeId=${data.storeId}&fromDate=${data.Date}&toDate=${data.Date}`)
+  
+ }
+ getstoreList(data:any){
+  return this.http.post(`${this.auditApiUrl}/audit-stores`,data)
+ }
+ checkTicketExists(data:any){
+  return this.http.post(`${this.footfallDirapiUrl}/checkTicketExists`,data)
+ }
+ mergeticket(data:any){
+  return this.http.post(`${this.footfallDirapiUrl}/mergeticket`,data)
+ }
+  getDataMismathList(data: any) {
+    return this.http.post<any>(
+      `${this.ticketsApiUrl}/infra/dataMismatchTable`,
+      data
+    );
+  }
+  accuracyReasonsupdate(data: any) {
+    return this.http.post<any>(
+      `${this.footfallDirapiUrl}/tango-review-accuracy-ticket`,
+      data
+    );
+  }
+
+  exportDataMismatchList(data: any) {
+    return this.http.post(
+      `${this.ticketsApiUrl}/infra/dataMismatchTable`,
+      data,
+      { responseType: "arraybuffer" }
+    );
+  }
+
+
+  getAuditImages(data: any) {
+    return this.http.get(
+      `${this.auditApiUrl}/audit-images?fileDate=${data?.fileDate}&storeId=${data?.storeId}&imageType=${data?.imageType}&export=${data?.export}&zoneName=${data?.zoneName}&moduleType=${data?.moduleType}`
+    );
+  }
+  ExportAuditImagesasxlsx(data: any) {
+    return this.http.get(
+      `${this.auditApiUrl}/audit-images?fileDate=${data?.fileDate}&storeId=${data?.storeId}&imageType=${data?.imageType}&export=${data?.export}&zoneName=${data?.zoneName}&moduleType=${data?.moduleType}`,
+      { responseType: "arraybuffer" }
+    );
+  }
+
+  getTicketSummaryApi(
+    client: any,
+    fromDate: any,
+    toDate: any,
+    tangoType:any,
+     permissionType?: string | null,
+  ): Observable<any> {
+     let url =
+    `${this.footfallDirapiUrl}/ticket-summary?` +
+    `clientId=${client}` +
+    `&fromDate=${fromDate}` +
+    `&toDate=${toDate}` +
+    `&tangoType=${tangoType}`;
+    if (permissionType) {
+    url += `&permissionType=${permissionType}`;
+  }
+
+  return this.http.get(url);
+  }
+  accuracyReasons(
+    client: any,
+  ): Observable<any> {
+    return this.http.get(
+      `${this.footfallDirapiUrl}/get-accuarcy-issues?clientId=${client}`
+    );
+  }
+
+  getTicketListOldApi(
+    client: any,
+    fromDate: any,
+    toDate: any,
+    searchvalue: any,
+    limit: any,
+    offset: any,
+    isExport: any,
+    sortBy: any,
+    sortOrder: any
+  ): Observable<any> {
+    return this.http.get(
+      `${this.footfallDirapiUrl}/ticket-list?clientId=${client}&fromDate=${fromDate}&toDate=${toDate}&searchValue=${searchvalue}&limit=${limit}&offset=${offset}&isExport=${isExport}&sortBy=${sortBy}&sortOrder=${sortOrder}`
+    );
+  }
+
+getTicketListApi(
+  client: any,
+  fromDate: any,
+  toDate: any,
+  searchvalue: any,
+  limit: any,
+  offset: any,
+  isExport: any,
+  sortBy: any,
+  sortOrder: any,
+  tangoType: any,
+  permissionType?: string | null,
+  filters?: {
+    filterByStatus: any[];
+    filterByReviewer: any | null;
+    filterByApprover: any | null;
+    filterByTango: any | null;
+    filterByReviewedBy: any[];
+    fileterByApprovedBy: any[];
+  }
+): Observable<any> {
+  let url =
+    `${this.footfallDirapiUrl}/ticket-list?` +
+    `clientId=${client}` +
+    `&fromDate=${fromDate}` +
+    `&toDate=${toDate}` +
+    `&searchValue=${searchvalue}` +
+    `&limit=${limit}` +
+    `&offset=${offset}` +
+    `&isExport=${isExport}` +
+    `&sortBy=${sortBy}` +
+    `&sortOrder=${sortOrder}` +
+    `&tangoType=${tangoType}`;
+
+  if (permissionType) {
+    url += `&permissionType=${permissionType}`;
+  }
+
+  if (filters) {
+    // array params – send as comma-separated
+    if (filters.filterByStatus?.length) {
+      url += `&filterByStatus=${encodeURIComponent(filters.filterByStatus.join(','))}`;
+    }
+
+    if (filters.filterByReviewedBy?.length) {
+      url += `&filterByReviewedBy=${encodeURIComponent(filters.filterByReviewedBy.join(','))}`;
+    }
+
+    if (filters.fileterByApprovedBy?.length) {
+      url += `&fileterByApprovedBy=${encodeURIComponent(filters.fileterByApprovedBy.join(','))}`;
+    }
+
+    // string params – JSON stringified accuracy
+    if (filters.filterByReviewer) {
+      url += `&filterByReviewer=${encodeURIComponent(filters.filterByReviewer)}`;
+    }
+
+    if (filters.filterByApprover) {
+      url += `&filterByApprover=${encodeURIComponent(filters.filterByApprover)}`;
+    }
+
+    if (filters.filterByTango) {
+      url += `&filterByTango=${encodeURIComponent(filters.filterByTango)}`;
+    }
+  }
+
+  return this.http.get(url);
+}
+
+
+  getTicketListExportOldApi(
+    client: any,
+    fromDate: any,
+    toDate: any,
+    searchvalue: any,
+    limit: any,
+    offset: any,
+    isExport: any,
+    sortBy: any,
+    sortOrder: any
+  ): Observable<any> {
+    return this.http.get(
+      `${this.footfallDirapiUrl}/ticket-list?clientId=${client}&fromDate=${fromDate}&toDate=${toDate}&searchValue=${searchvalue}&limit=${limit}&offset=${offset}&isExport=${isExport}&sortBy=${sortBy}&sortOrder=${sortOrder}`,
+      { responseType: "arraybuffer" }
+    );
+  }
+
+getTicketListExportApi(
+  client: any,
+  fromDate: any,
+  toDate: any,
+  searchvalue: any,
+  limit: any,
+  offset: any,
+  isExport: any,
+  sortBy: any,
+  sortOrder: any,
+  tangoType: any,
+  permissionType?: string | null,
+  filters?: {
+    filterByStatus?: string[];
+    filterByReviewer?: string | null;
+    filterByApprover?: string | null;
+    filterByTango?: string | null;
+    filterByReviewedBy?: string[];
+    fileterByApprovedBy?: string[];
+  }
+): Observable<any> {
+  let url =
+    `${this.footfallDirapiUrl}/ticket-list?` +
+    `clientId=${client}` +
+    `&fromDate=${fromDate}` +
+    `&toDate=${toDate}` +
+    `&searchValue=${searchvalue}` +
+    `&limit=${limit}` +
+    `&offset=${offset}` +
+    `&isExport=${isExport}` +
+    `&sortBy=${sortBy}` +
+    `&sortOrder=${sortOrder}` +
+    `&tangoType=${tangoType}`;
+
+  if (permissionType) {
+    url += `&permissionType=${permissionType}`;
+  }
+
+  if (filters) {
+    if (filters.filterByStatus?.length) {
+      url += `&filterByStatus=${encodeURIComponent(filters.filterByStatus.join(','))}`;
+    }
+
+    if (filters.filterByReviewedBy?.length) {
+      url += `&filterByReviewedBy=${encodeURIComponent(filters.filterByReviewedBy.join(','))}`;
+    }
+
+    if (filters.fileterByApprovedBy?.length) {
+      url += `&fileterByApprovedBy=${encodeURIComponent(filters.fileterByApprovedBy.join(','))}`;
+    }
+
+    if (filters.filterByReviewer) {
+      url += `&filterByReviewer=${encodeURIComponent(filters.filterByReviewer)}`;
+    }
+
+    if (filters.filterByApprover) {
+      url += `&filterByApprover=${encodeURIComponent(filters.filterByApprover)}`;
+    }
+
+    if (filters.filterByTango) {
+      url += `&filterByTango=${encodeURIComponent(filters.filterByTango)}`;
+    }
+  }
+
+  const options = isExport
+    ? { responseType: 'arraybuffer' as 'json' }
+    : {};
+
+  return this.http.get(url, options);
+}
+
+
+  getTicketsApi(
+    store: any,
+    fromDate: any,
+    toDate: any,
+    revopsType: any,
+    status: any,
+    action: any,
+    offset: any,
+    limit: any
+  ): Observable<any> {
+    let params = new HttpParams()
+      .set("storeId", store)
+      .set("fromDate", fromDate)
+      .set("toDate", toDate)
+      .set("offset", offset)
+      .set("limit", limit);
+    if (revopsType) {
+      params = params.set("revopsType", revopsType);
+    }
+    if (status) {
+      params = params.set("status", status);
+    }
+    if (action) {
+      params = params.set("action", action);
+    }
+    return this.http.get(`${this.footfallDirapiUrl}/get-tickets`, { params });
+  }
+
+  getTicketsNewApi(ticketId: any): Observable<any> {
+    let params = new HttpParams().set("ticketId", ticketId);
+    return this.http.get(`${this.footfallDirapiUrl}/get-tickets`, { params });
+  }
+
+  getTaggedStoresApi(
+    client: any,
+    fromDate: any,
+    toDate: any,
+    searchValue: any,
+    clusters: any,
+    sortOrder: any
+  ): Observable<any> {
+    let params = new HttpParams()
+      .set("clientId", client)
+      .set("fromDate", fromDate)
+      .set("toDate", toDate); // Add searchValue as an empty string if not provided
+    // Only add 'clusters' if it's not null, undefined, or an empty array/string
+    if (searchValue) {
+      params = params.set("searchValue", searchValue);
+    }
+
+    if (clusters && clusters.length > 0) {
+      params = params.set("clusters", clusters);
+    }
+    if (sortOrder) {
+      params = params.set("sortOrder", sortOrder);
+    }
+    return this.http.get(`${this.footfallDirapiUrl}/get-tagged-stores`, {
+      params,
+    });
+  }
+
+  getUpdateStatusApi(data: any): Observable<any> {
+    const url = `${this.footfallDirapiUrl}/update-status`;
+    return this.http.put(url, data);
+  }
+
+  getUpdateTempStatusApi(data: any): Observable<any> {
+    return this.http.post(`${this.footfallDirapiUrl}/update-temp-status`, data);
+  }
+
+  getOpenTicketListApi(data: any): Observable<any> {
+    return this.http.post(`${this.footfallDirapiUrl}/open-ticket-list`, data);
+  }
+
+  getUpdateTicketStatusApi(data: any): Observable<any> {
+    return this.http.post(
+      `${this.footfallDirapiUrl}/update-ticket-status`,
+      data
+    );
+  }
+
+getCreateTicketListApi(data:any): Observable<any> {
+  return this.http.post(`${this.footfallDirapiUrl}/create-ticket`, data);
+}
+CreateinternalTicketApi(data:any): Observable<any> {
+  return this.http.post(`${this.footfallDirapiUrl}/create-internalticket`, data);
+}
+  getclusters(data: any) {
+    return this.http.post(`${this.trafficApiUrl}/headercluster_v2`, data);
+  }
+
+  getReviewerApi(clientId: any,type:any,tangotype:any): Observable<any> {
+    let params = new HttpParams().set("clientId", clientId)
+      .set("type",type).set("tangotype",tangotype);
+    return this.http.get(`${this.footfallDirapiUrl}/reviewer-list`, { params });
+  }
+
+  getTicketAssignApi(data: any): Observable<any> {
+    return this.http.post(`${this.footfallDirapiUrl}/assign-ticket`, data);
+  }
+  reAssignAudit(data: any): Observable<any> {
+    return this.http.post(`${this.vmsAuditUrl}/reAssign-audit`, data);
+  }
+
+  getMultiCloseTicketApi(data: any): Observable<any> {
+    return this.http.post(
+      `${this.footfallDirapiUrl}/multi-close-tickets`,
+      data
+    );
+  }
+
+  getTypeFunction(clientId: any): Observable<any> {
+    let params = new HttpParams().set("clientId", clientId);
+    return this.http.get(`${this.clientApiUrl}/get-footfall-directory-config`, { params });
+
+    
+  }
+  private footfallData: any;
+
+  setFootfallData(data: any) {
+    this.footfallData = data;
+  }
+
+  getFootfallData() {
+    return this.footfallData;
+  }
+}

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

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

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

@@ -0,0 +1,92 @@
+import { Injectable, OnDestroy, OnInit } from '@angular/core';
+import { interval,Observable,BehaviorSubject,Subscription } from 'rxjs';
+import { Router,ActivatedRoute } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TimerService {
+
+  private timePassed = new BehaviorSubject<number>(0);  // Timer count
+  private subscription: Subscription | null = null;    // Timer subscription
+  private inactivityTimeout: any = null;               // Timeout for inactivity
+  private INACTIVITY_LIMIT = 5000;
+
+  constructor(private route:ActivatedRoute) {
+      
+   }
+
+   startTimer(): void {
+    if (!this.subscription) {
+      let currentTime = 0;
+      let timeSpent: any;
+      if ('timeSpent' in sessionStorage) {
+        timeSpent = JSON.parse(sessionStorage.getItem('timeSpent') || '{}');
+        currentTime = timeSpent || 0;  // Retrieve the existing timer value
+      }
+  
+      const timer$ = interval(1000);  // Emits every 1 second
+  
+      this.subscription = timer$.subscribe(() => {
+        currentTime += 1; 
+        this.timePassed.next(currentTime); 
+        timeSpent = currentTime;
+        sessionStorage.setItem('timeSpent', JSON.stringify(timeSpent));  // Store the updated object
+      });
+    }
+    this.resetInactivityTimeout();
+  }
+
+  stopTimer(): void {
+    if (this.subscription) {
+      this.subscription.unsubscribe();
+      this.subscription = null;
+    }
+  }
+
+  stopTimerAfterInactivity(): void {
+    this.inactivityTimeout = setTimeout(() => {
+      this.stopTimer();  // Stop the timer after inactivity
+    }, this.INACTIVITY_LIMIT);
+  }
+
+  resetInactivityTimeout(): void {
+    if (this.inactivityTimeout) {
+      clearTimeout(this.inactivityTimeout);  // Clear the previous inactivity timeout
+    }
+    this.stopTimerAfterInactivity();  // Set a new inactivity timeout
+  }
+
+  getTimePassed(): BehaviorSubject<number> {
+    return this.timePassed;
+  }
+
+   clearTimer(): void {
+    if (this.subscription) {
+      this.subscription.unsubscribe();
+      this.subscription = null;
+    }
+    // this.timePassed.next(0);  // Optionally reset the timePassed
+    // sessionStorage.removeItem('totalfiles');  // Optionally clear session storage
+    // sessionStorage.removeItem('timeSpent')
+  }
+
+  resetTimer(): void {
+    this.timePassed.next(0);  // Reset to 0
+    // this.resetInactivityTimeout();  // Reset inactivity timeout
+  }
+
+  formatTime(seconds: number): string {
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    const secs = seconds % 60;
+
+    return `${this.padZero(hours)}:${this.padZero(minutes)}:${this.padZero(secs)}`;
+  }
+
+  // Helper method to pad single digit numbers with a leading zero
+  private padZero(num: number): string {
+    return num < 10 ? '0' + num : '' + num;
+  }
+
+}

package/src/lib/tango-manage-tickets-routing.module.ts

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { TangoManageTicketsComponent } from './components/tango-manage-tickets/tango-manage-tickets.component';
+import { FootfallDicviewComponent } from './components/footfall-dicview/footfall-dicview.component';
+import { StartAuditComponent } from './components/start-audit/start-audit.component';
+import { AuditMappingListComponent } from './components/audit-mapping-list/audit-mapping-list.component';
+import { AuditRetagComponent } from './components/audit-retag/audit-retag.component';
+
+
+const routes: Routes = [
+  {
+    path:'',
+    component:TangoManageTicketsComponent
+  },
+  {
+      path: 'list',
+      component: FootfallDicviewComponent
+  },
+  {
+    path:"audit",
+    component:StartAuditComponent
+  },
+  {
+    path:"mapping-list",
+    component:AuditMappingListComponent
+  },
+   {
+      path:'retag-mapping',
+      component:AuditRetagComponent 
+    },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TangoManageTicketsRoutingModule { }