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

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

@@ -0,0 +1,809 @@
+import { ChangeDetectorRef, Component, OnDestroy, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { GlobalStateService } from "tango-app-ui-global";
+import { Subject, takeUntil } from "rxjs";
+import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
+import { AddCsmModalComponent } from "../add-csm-modal/add-csm-modal.component";
+import { TicketService } from "../../services/ticket.service";
+import { ExcelService } from '../../services/excel.service';
+import { CommentModelComponent } from "../comment-model/comment-model.component";
+@Component({
+  selector: "lib-tickets",
+  templateUrl: "./tickets.component.html",
+  styleUrl: "./tickets.component.scss",
+})
+export class TicketsComponent implements OnInit, OnDestroy {
+  type = "Infra";
+  searchValue: any = "";
+  selectedTab: any = "total";
+  // paginationVariables
+  itemsPerPage = 10;
+  currentPage = 1;
+  totalItems = 0;
+  paginationSizes = [10, 20, 30];
+  pageSize = 10;
+  private readonly destroy$ = new Subject();
+  assignTicket: boolean = false;
+  filterByStores: any = [];
+  filterByinstalled: any = [];
+  filterByStatus: any = [];
+  filterByQueryType: any = [];
+  issueType: any = [];
+  sortedColumn: string;
+  sortDirection: number;
+  headerFilters: any;
+  userList_req: any;
+  userList: any = [];
+  dataObject: any = [];
+  storeList: any = [];
+  statusType: { text: string; id: string }[];
+  typeName: string;
+  users: any;
+  limit: number = 10;
+  offset: number = 1;
+  sortBy: any = -1;
+  sortColumName: any = "";
+  listArray: any = [];
+  tableListArray: any = [];
+  loading: boolean = true;
+  noData: boolean = false;
+  selectAll: any = false;
+  assignStores: any = [];
+  issueTypeList: any = [];
+  queryTypeList: any = [];
+  ClusterList: any[];
+  filterByCluster: any[];
+  showClusterFilter: boolean = false
+  constructor(
+    private cd: ChangeDetectorRef,
+    private router: Router,
+    private route: ActivatedRoute,
+    public gs: GlobalStateService,
+    private modalService: NgbModal,
+    private service: TicketService,
+    private excelservice: ExcelService,
+  ) { }
+
+  ngOnInit(): void {
+    const userData: any = JSON.parse(localStorage.getItem("user-info") || "{}");
+    this.users = userData;
+    this.route?.queryParams
+      ?.pipe(takeUntil(this.destroy$))
+      .subscribe((params) => {
+        this.type = params.type;
+        this.filterByStores = []; this.storeList = []
+        this.filterByinstalled = []; this.statusType = []
+        this.filterByStatus = []; this.userList = [];
+        this.issueType = []; this.issueTypeList = []
+        this.filterByQueryType = []; this.queryTypeList = [];
+        this.filterByCluster = []; this.ClusterList = []
+        this.dataObject = []
+        this.gs.manageRefreshTrigger.next(true)
+        this.getInitload();
+        this.gs.dataRangeValue?.pipe(takeUntil(this.destroy$))?.subscribe({
+          next: (data: any) => {
+            if (data) {
+              this.headerFilters = data;
+              this.userList_req = {
+                limit: 10000,
+                offset: 1,
+                userType: this.users.userType,
+              };
+              this.getstoreFilter();
+              this.getAllGroups()
+            }
+          },
+        });
+        if (this.type === "installation") {
+          this.typeName = "Installed By";
+          this.statusType = [
+            { text: "Onboarded", id: "onboarded" },
+            { text: "Paired", id: "paired" },
+            { text: "Installationfailed", id: "installationfailed" },
+            { text: "Deployed", id: "deployed" },
+          ];
+        } else {
+          this.typeName = "Resolved By";
+
+          if (this.users.userType === "tango" && this.type === 'infra') {
+            this.statusType = [
+              { text: "Open", id: "open" },
+              { text: "In Progress", id: "inprogress" },
+              { text: "Refresh Ticket", id: "refreshticket" },
+              { text: "Closed", id: "closed" },
+            ];
+          } else {
+            this.statusType = [
+              { text: "Open", id: "open" },
+              { text: "In Progress", id: "inprogress" },
+              { text: "Closed", id: "closed" },
+            ];
+          }
+          this.issueTypeList = [
+            { text: "High Count", id: "highcount" },
+            { text: "Low Count", id: "lowcount" },
+          ];
+          this.queryTypeList = [
+            { text: "Internal", id: "internal" },
+            { text: "External", id: "external" },
+          ];
+        }
+      });
+  }
+  getInitload() {
+    this.searchValue = "";
+    this.limit = 10;
+    this.pageSize = 10;
+    this.currentPage = 1;
+    this.offset = 1;
+    this.selectedTab = "total";
+    this.loading = true;
+    this.noData = false;
+    this.sortedColumn = '';
+  }
+  getstoreFilter() {
+    this.service
+      .getSotresList({ issueType: this.type, clientId: this.headerFilters.clients })
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res.code === 200) {
+            this.storeList = res?.data?.data;
+            this.storeList.forEach((element: any) => {
+              element.text = element.storeId;
+              element.id = element.storeId;
+            });
+            if (this.users.userType === "tango") {
+              this.getuserlist();
+            } else {
+              if (this.type === 'installation') {
+                this.dataObject = [
+                  { Description: "Store ID", Issues: this.storeList },
+                  { Description: "Deployed Status", Issues: this.statusType },
+
+                ];
+                if (this.showClusterFilter) {
+                  this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+                }
+              } else if (this.type === 'infra' || this.type === 'dataMismatch') {
+                this.dataObject = [
+                  { Description: "Store ID", Issues: this.storeList },
+                  { Description: "Status", Issues: this.statusType },
+
+
+                ];
+                if (this.showClusterFilter) {
+                  this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+                }
+              } else if (this.type === 'mat') {
+                this.dataObject = [
+                  { Description: "Status", Issues: this.statusType },
+
+
+                ];
+                if (this.showClusterFilter) {
+                  this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+                }
+              }
+            }
+            this.getTable();
+          } else {
+            this.getTable();
+          }
+        },
+        error: (err: any) => {
+          this.loading = false;
+          this.noData = true;
+          this.cd.detectChanges();
+        },
+        complete: () => { },
+      });
+  }
+  getuserlist() {
+    this.service
+      .getUserList(this.userList_req)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((res: any) => {
+        if (res && res.code === 200) {
+          this.userList = res?.data?.result;
+          this.userList?.forEach((element: any) => {
+            element.text = element.userName;
+            element.id = element.email;
+          });
+        }
+
+        if (this.users.userType === "tango" && (this.type === 'installation')) {
+          this.dataObject = [
+            { Description: "Store ID", Issues: this.storeList },
+            { Description: "Deployed Status", Issues: this.statusType },
+            { Description: this.typeName, Issues: this.userList },
+
+          ];
+          if (this.showClusterFilter) {
+            this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+          }
+        } else if (this.users.userType === "tango" && this.type === 'infra') {
+          this.dataObject = [
+            { Description: "Store ID", Issues: this.storeList },
+            { Description: "Status", Issues: this.statusType },
+            { Description: this.typeName, Issues: this.userList },
+
+          ];
+          if (this.showClusterFilter) {
+            this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+          }
+        } else if (this.users.userType === "tango" && this.type === 'dataMismatch') {
+          this.dataObject = [
+            { Description: "Store ID", Issues: this.storeList },
+            { Description: "Query Type", Issues: this.queryTypeList },
+            { Description: "Status", Issues: this.statusType },
+
+          ];
+          if (this.showClusterFilter) {
+            this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+          }
+        } else if (this.type === 'mat') {
+          this.dataObject = [
+            { Description: "Status", Issues: this.statusType },
+
+          ];
+          if (this.showClusterFilter) {
+            this.dataObject.push({ Description: "Clusters", Issues: this.ClusterList },)
+          }
+        }
+      });
+  }
+  ngOnDestroy(): void {
+    this.destroy$.next(true);
+    this.destroy$.complete();
+  }
+  searchData() {
+    this.currentPage = 1;
+    this.offset = 1;
+    this.limit = 10;
+    this.getTable();
+  }
+
+  onSort(column: string) {
+    if (this.sortedColumn === column) {
+      this.sortDirection = this.sortDirection === 1 ? -1 : 1;
+    } else {
+      this.sortedColumn = column;
+      this.sortDirection = 1;
+    }
+    this.getTable();
+  }
+  exportXLSX() {
+    let obj: Record<string, any> = {
+      clientId: this.headerFilters?.clients,
+      fromDate: this.headerFilters?.date?.startDate,
+      toDate: this.headerFilters?.date?.endDate,
+      offset: this.offset,
+      limit: this.limit,
+      filterIssue: this.selectedTab ? this.selectedTab : "",
+      searchValue: this.searchValue ? this.searchValue : "",
+      export: true,
+    };
+    if (this.sortedColumn) {
+      obj.sortColumName = this.sortedColumn;
+      obj.sortBy = this.sortDirection;
+    }
+     if (this.filterByCluster?.length) {
+      obj.filterByCluster = this.filterByCluster ? this.filterByCluster : [];
+    }
+    if (this.type === "installation" || this.type === "infra") {
+      if (this.filterByStores?.length) {
+        obj.storeIdFilter = this.filterByStores ? this.filterByStores : [];
+      }
+      if (this.filterByStatus?.length) {
+        obj.statusFilter = this.filterByStatus ? this.filterByStatus : [];
+      }
+      if (this.filterByinstalled?.length) {
+        obj.userFilter = this.filterByinstalled ? this.filterByinstalled : [];
+      }
+    } else if (this.type === "mat") {
+      if (this.filterByStatus?.length) {
+        obj.statusFilter = this.filterByStatus ? this.filterByStatus : [];
+      }
+    } else {
+      if (this.filterByStores?.length) {
+        obj.filterByStores = this.filterByStores ? this.filterByStores : [];
+      }
+      if (this.filterByStatus?.length) {
+        obj.filterByStatus = this.filterByStatus ? this.filterByStatus : [];
+      }
+      if (this.filterByQueryType?.length) {
+        obj.filterByQueryType = this.filterByQueryType ? this.filterByQueryType : [];
+      }
+      if (this.filterByCluster?.length) {
+        obj.filterByCluster = this.filterByCluster ? this.filterByCluster : [];
+      }
+    }
+    if (this.type === "installation") {
+      this.service
+        .exportInstallationList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            this.excelservice.saveAsExcelFile(res, 'Installation')
+
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === "infra") {
+      this.service
+        .exportInfraList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+
+            this.excelservice.saveAsExcelFile(res, 'Infra')
+
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === "mat") {
+      this.service
+        .exportMatList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+
+            this.excelservice.saveAsExcelFile(res, 'Mat')
+
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === 'dataMismatch') {
+      this.service
+        .exportDataMismatchList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            this.excelservice.saveAsExcelFile(res, 'Data Mismatch')
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    }
+
+
+
+  }
+
+  selectedTabs(type: any) {
+    this.currentPage = 1;
+    this.offset = 1;
+    this.limit = 10;
+    if (this.type === 'dataMismatch') {
+      this.selectedTab = type.name.replace(/\s+/g, '').toLocaleLowerCase();
+      this.currentPage = 1;
+      this.offset = 1;
+      this.limit = 10;
+      this.pageSize = 10;
+      this.getTable();
+      this.transformName(type);
+    } else {
+      this.selectedTab = type.name;
+      this.currentPage = 1;
+      this.offset = 1;
+      this.limit = 10;
+      this.pageSize = 10;
+      this.getTable();
+    }
+  }
+  transformName(name: string): string {
+    return name.toLocaleLowerCase().replace(/\s+/g, '');
+
+  }
+  onPageChange(pageOffset: number) {
+    this.currentPage = Number(pageOffset);
+    this.offset = Number(pageOffset);
+    this.limit = 10;
+    this.getTable();
+  }
+
+  onPageSizeChange(pageSize: number) {
+    this.pageSize = Number(pageSize);
+    this.limit = Number(pageSize);
+    this.currentPage = 1;
+    this.offset = 1;
+    this.getTable();
+  }
+  selectAllStore(event: any) {
+    this.selectAll = event.target.checked;
+    this.tableListArray.forEach((obj: any) => (obj.checked = this.selectAll));
+    // If all checkboxes are checked, assign all ticketIds to assignStores, otherwise clear assignStores
+    this.assignStores = this.selectAll
+      ? this.tableListArray.map((obj: any) => obj.ticketId)
+      : [];
+    this.assignTicket = this.selectAll; // Update assignTicket based on selectAll state
+  }
+  getAllGroups() {
+    this.ClusterList = [];
+    if (this.headerFilters?.clients[0] && this.headerFilters?.clients[0] != '') {
+      this.service.getclusters({ clientId: this.headerFilters?.clients[0], group: [], city: [] }).subscribe({
+        next: (res: any) => {
+          if (res && res.code == 200) {
+            this.showClusterFilter = true;
+            this.ClusterList = res?.data?.groupData
+            this.ClusterList.forEach((element: any) => {
+              element.text = element.groupName;
+              element.id = element.groupName;
+            });
+          } else {
+            this.ClusterList = [];
+          }
+        }
+      })
+    }
+  }
+
+  updateCheck(event: any, ticketId: any) {
+    const ticket = this.tableListArray.find(
+      (obj: any) => obj.ticketId === ticketId
+    );
+
+    if (ticket) {
+      ticket.checked = event.target.checked;
+      // If the checkbox is checked, add or remove the corresponding array from the selected arrays
+      if (event.target.checked) {
+        this.assignStores.push(ticketId);
+      } else {
+        const index = this.assignStores.indexOf(ticketId);
+        if (index !== -1) {
+          this.assignStores.splice(index, 1);
+        }
+      }
+      // Update selectAll based on the current state of checkboxes
+      this.selectAll = this.tableListArray.every((obj: any) => obj.checked);
+      // Update assignTicket based on whether any individual ticket checkbox is checked
+      this.assignTicket = this.tableListArray.some((obj: any) => obj.checked);
+    }
+  }
+
+  addAssignTicket() {
+    const modalRef = this.modalService.open(AddCsmModalComponent, {
+      centered: true,
+      size: "md",
+      scrollable: true,
+      backdrop: "static"
+    });
+    modalRef.componentInstance.ticketId = this.assignStores;
+    modalRef.result.then((result) => {
+      if (result === "submit") {
+        this.searchValue = "";
+        this.assignStores = [];
+        this.selectAll = false;
+        this.assignTicket = false;
+        this.getTable();
+      }
+    });
+  }
+
+  applyFilters(event: any) {
+    if (event?.length) {
+      event.forEach((element: any) => {
+        if (element.Description === "Store ID") {
+          this.filterByStores = element.Issues.map((val: any) => val?.id);
+        }
+        if (this.type !== 'installation') {
+          if (element.Description === "Status") {
+            this.filterByStatus = element.Issues.map((val: any) => val?.id);
+          }
+        } if (this.type === 'installation') {
+          if (element.Description === "Deployed Status") {
+            this.filterByStatus = element.Issues.map((val: any) => val?.id);
+          }
+        }
+        if (this.users.userType === "tango" && (this.type === 'installation' || this.type === 'infra')) {
+          if (element.Description === this.typeName) {
+            this.filterByinstalled = element.Issues.map((val: any) => val?.id);
+          }
+        } else {
+          this.filterByinstalled = [];
+        }
+        if (element.Description === "Query Type") {
+          this.filterByQueryType = element.Issues.map((val: any) => val?.id);
+        }
+        if (element.Description === "Clusters") {
+          this.filterByCluster = element.Issues.map((val: any) => val?.id);
+        }
+      });
+    }
+
+    this.currentPage = 1;
+    this.offset = 1;
+    this.limit = 10;
+    this.getTable();
+  }
+
+  getTable() {
+    this.loading = true;
+    this.noData = false;
+    let obj: Record<string, any> = {
+      clientId: this.headerFilters?.clients,
+      fromDate: this.headerFilters?.date?.startDate,
+      toDate: this.headerFilters?.date?.endDate,
+      offset: this.offset,
+      limit: this.limit,
+      filterIssue: this.selectedTab ? this.selectedTab : "",
+      searchValue: this.searchValue ? this.searchValue : "",
+      export: false,
+    };
+    if (this.sortedColumn) {
+      if (this.type === 'dataMismatch') {
+        obj.sortColumnName = this.sortedColumn;
+        obj.sortBy = this.sortDirection;
+      } else {
+        obj.sortColumName = this.sortedColumn;
+        obj.sortBy = this.sortDirection;
+      }
+    }
+    if (this.type === "installation" || this.type === "infra") {
+      if (this.filterByStores?.length) {
+        obj.storeIdFilter = this.filterByStores ? this.filterByStores : [];
+      }
+      if (this.filterByStatus?.length) {
+        obj.statusFilter = this.filterByStatus ? this.filterByStatus : [];
+      }
+      if (this.filterByinstalled?.length) {
+        obj.userFilter = this.filterByinstalled ? this.filterByinstalled : [];
+      }
+    } else if (this.type === "mat") {
+      if (this.filterByStatus?.length) {
+        obj.statusFilter = this.filterByStatus ? this.filterByStatus : [];
+      }
+    } else {
+      if (this.filterByStores?.length) {
+        obj.filterByStores = this.filterByStores ? this.filterByStores : [];
+      }
+      if (this.filterByStatus?.length) {
+        obj.filterByStatus = this.filterByStatus ? this.filterByStatus : [];
+      }
+      if (this.filterByQueryType?.length) {
+        obj.filterByQueryType = this.filterByQueryType ? this.filterByQueryType : [];
+      }
+    }
+    if (this.filterByCluster?.length) {
+      obj.filterByCluster = this.filterByCluster ? this.filterByCluster : [];
+    }
+    if (this.type === "installation") {
+      this.service
+        .getInstallationList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            if (res && res.code === 200) {
+              this.listArray = res.data.response;
+              if (res.data.result.length === 0) {
+                this.loading = false;
+                this.noData = true;
+              } else {
+                this.tableListArray = res.data.result;
+                this.totalItems = res.data?.count;
+                if (this.totalItems < 10) { this.paginationSizes = [this.totalItems] } else { this.paginationSizes = [10, 20, 30] }
+                this.loading = false;
+                this.noData = false;
+                this.selectAll = false;
+                this.assignTicket = false;
+                this.cd.detectChanges();
+              }
+            } else {
+              this.loading = false;
+              this.noData = true;
+            }
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === "infra") {
+      this.service
+        .getInfraList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            if (res && res.code === 200) {
+              this.listArray = res.data.response;
+              if (res.data.result.length === 0) {
+                this.loading = false;
+                this.noData = true;
+              } else {
+                this.tableListArray = res.data.result;
+                this.totalItems = res.data?.count;
+                if (this.totalItems < 10) { this.paginationSizes = [this.totalItems] } else { this.paginationSizes = [10, 20, 30] }
+                this.loading = false;
+                this.noData = false;
+                this.selectAll = false;
+                this.assignTicket = false;
+              }
+            } else {
+              this.loading = false;
+              this.noData = true;
+            }
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === "mat") {
+      this.service
+        .getMatList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            if (res && res.code === 200) {
+              this.listArray = res?.data?.response;
+              this.tableListArray = res?.data?.result;
+              this.totalItems = res.data?.count;
+              if (this.totalItems < 10) { this.paginationSizes = [this.totalItems] } else { this.paginationSizes = [10, 20, 30] } this.loading = false;
+              this.noData = false;
+            } else {
+              this.loading = false;
+              this.noData = true;
+            }
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    } else if (this.type === 'dataMismatch') {
+      this.service
+        .getDataMismathList(obj)
+        .pipe(takeUntil(this.destroy$))
+        .subscribe({
+          next: (res: any) => {
+            if (res && res.code === 200) {
+              this.listArray = res?.data?.response;
+              if (res.data.result.length === 0) {
+                this.loading = false;
+                this.noData = true;
+              } else {
+                this.tableListArray = res?.data?.result;
+                this.totalItems = res.data?.count;
+                if (this.totalItems < 10) { this.paginationSizes = [this.totalItems] } else { this.paginationSizes = [10, 20, 30] }
+                this.loading = false;
+                this.noData = false;
+                this.selectAll = false;
+                this.assignTicket = false;
+                this.cd.detectChanges();
+              }
+            } else {
+              this.loading = false;
+              this.noData = true;
+            }
+          },
+          error: (err: any) => {
+            this.loading = false;
+            this.noData = true;
+            this.cd.detectChanges();
+          },
+          complete: () => { },
+        });
+    }
+  }
+
+  routeToStore(storeId: any, clientId: any) {
+    let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+    data.store = storeId;
+    data.client = clientId;
+    localStorage.setItem("header-filters", JSON.stringify(data));
+    this.gs.dataRangeValue.next(data);
+    this.router.navigate(['/manage/stores/infra-ticket'], {
+      queryParams: { storeId: storeId }
+    });
+  }
+  routeToMat(storeId: any, clientId: any, clientName: any) {
+    let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+    data.store = storeId;
+    data.client = clientId;
+    data.clientName = clientName ? clientName : 'Stores';
+    localStorage.setItem("header-filters", JSON.stringify(data));
+    this.gs.dataRangeValue.next(data);
+    this.router.navigate(['/manage/stores/mat'], {
+      queryParams: { storeId: storeId }
+    });
+  }
+  commentModal(obj: any) {
+    const modalRef = this.modalService.open(CommentModelComponent, {
+      centered: true,
+      size: "md",
+      scrollable: true,
+      backdrop: "static"
+    });
+    modalRef.componentInstance.ticketId = obj.ticketId;
+    modalRef.result.then((result) => {
+    })
+  }
+
+  tickets(type: any, clientId: any, storeId: any, clientName: any) {
+    if (type === 'mat') {
+      let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+      data.store = storeId;
+      data.client = clientId;
+      data.clientName = clientName ? clientName : 'Stores';
+      localStorage.setItem("header-filters", JSON.stringify(data));
+      this.gs.dataRangeValue.next(data);
+      this.router.navigate(['/manage/stores/mat'], {
+        queryParams: { storeId: storeId }
+      });
+    } else {
+      let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+      data.store = storeId;
+      data.client = clientId;
+      data.clientName = clientName ? clientName : 'Stores';
+      localStorage.setItem("header-filters", JSON.stringify(data));
+      this.gs.dataRangeValue.next(data);
+      this.router.navigate(['/manage/stores/infra-ticket'], {
+        queryParams: { storeId: storeId, type: type }
+      });
+    }
+  }
+
+  clientTickets(clientId: any, storeId: any, clientName: any) {
+    let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+    data.store = storeId;
+    data.client = clientId;
+    data.clientName = clientName ? clientName : 'Stores';
+    localStorage.setItem("header-filters", JSON.stringify(data));
+    this.gs.dataRangeValue.next(data);
+    this.router.navigate(['/manage/stores']);
+  }
+  storeTickets(clientId: any, storeId: any, clientName: any) {
+    let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+    data.store = storeId;
+    data.client = clientId;
+    data.clientName = clientName ? clientName : 'Stores';
+    localStorage.setItem("header-filters", JSON.stringify(data));
+    this.gs.dataRangeValue.next(data);
+    this.router.navigate(['/manage/stores/cameras'], {
+      queryParams: { storeId: storeId }
+    });
+  }
+  userTickets(clientId: any, storeId: any) {
+    let data: any = JSON.parse(localStorage.getItem("header-filters") || "");
+    data.store = storeId;
+    data.client = clientId;
+    localStorage.setItem("header-filters", JSON.stringify(data));
+    this.gs.dataRangeValue.next(data);
+    this.router.navigate(['/manage/users']);
+  }
+
+  setpageSize() {
+    if (this.totalItems < 10) {
+      return this.totalItems;
+    } else {
+      return this.pageSize;
+    }
+  }
+
+}