tango-app-ui-analyse-trax 3.9.2 → 3.9.3

package/src/lib/components/flags-info/flags-info.interface.ts

@@ -0,0 +1,441 @@
+export interface Checklist {
+    checkListName: string;
+    sourceCheckList_id: string;
+    checkListType: "storeopenandclose" | "mobileusagedetection" | "uniformdetection" | "custom" | "customerunattended" | "staffleftinthemiddle" | "cleaning" | "scrum" | "outsidebusinesshoursqueuetracking" | "halfshutter"|"tvcompliance"|"cameratampering"|"queuealert"|"boxalert"|"employeeCount"|"storehygienemonitoring"|"staffgrouping";
+    createdByName: string;
+    storeCount: number;
+    scheduleRepeatedType: string;
+    scheduleStartTime: string;
+    scheduleEndTime: string;
+    publish: boolean;
+    coverage:String
+  }
+
+
+export  interface StoreOpenCloseData {
+    date: string;
+    dateString: string;
+    storeName: string;
+    storeId: string;
+    storeSpocEmail: string;
+    openTime: string;
+    openTimeFlag: boolean;
+    closeTime: string;
+    closeTimeFlag: boolean;
+    detectionStatus: string;
+    downtime: number;
+  }
+
+export  interface DetectionData {
+    date: string;
+    dateString: string;
+    storeName: string;
+    storeId: string;
+    storeSpocEmail: string;
+    detections: number;
+    checklistStatus:string;
+    questionFlagCount:number;
+    timeFlagCount:number,
+    reinitiateStatus?:boolean
+    _id:string;
+    userName:String;
+    userEmail:String;
+    detectionStatus: string;
+    detectionType?: string;
+    downtime: number;
+  }
+
+export  interface ChecklistFlagList {
+    status_code: string;
+    totalCount: number;
+    storeopenandcloseData: StoreOpenCloseData[];
+    mobileusagedetectionData: DetectionData[];
+    uniformdetectionData: DetectionData[];
+    customerunattendedData: DetectionData[];
+    staffleftinthemiddleData: DetectionData[];
+    customData: DetectionData[];
+    scrumdetectionData: DetectionData[];
+    outsidebusinesshoursqueuetrackingData: DetectionData[];
+    halfshutterData: DetectionData[];
+    tvcomplianceData: DetectionData[];
+    cameratamperingData: DetectionData[];
+    queuealertData: DetectionData[];
+    boxalertData: DetectionData[];
+    employeeCountData: DetectionData[];
+    storehygienemonitoringData: DetectionData[];
+    staffgroupingData: DetectionData[];
+  }
+
+export  interface FlagCardValues {
+    status_code: string;
+    customCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        count: number
+      }
+    },
+    storeopenandcloseCards: {
+      totalAssignedStores: {
+        count: number;
+      };
+      lateOpenStores: {
+        count: number;
+      };
+      earlyClosedStores: {
+        count: number;
+      };
+      complianceRate: {
+        rate: number;
+      };
+      assignedStores: {
+        count: number;
+      };
+    };
+    mobileusagedetectionCards: {
+      totalAssignedStores: {
+        count: number;
+      };
+      flagIncidents: {
+        count: number;
+      };
+      complianceRate: {
+        rate: number;
+      };
+      assignedStores: {
+        count: number;
+      };
+    };
+    uniformdetectionCards: {
+      totalAssignedStores: {
+        count: number;
+      };
+      flagIncidents: {
+        count: number;
+      };
+      complianceRate: {
+        rate: number;
+      };
+    };
+    customerunattendedCards: {
+      averageFootfall: {
+        count: number;
+      };
+      stafftoCustomerRatio: {
+        ratio: number;
+      };
+      attendedCustomers: {
+        count: number;
+      };
+      unattendedCustomers: {
+        count: number;
+      };
+      timeTakentoAssist: {
+        mins: number;
+      };
+      timeSpentwithCustomer: {
+        mins: number;
+      };
+      timeSpentwithCustomer_string: {
+        mins: string;
+      };
+      timeTakentoAssist_string: {
+        mins: string;
+      };
+      unattendedSummaryChart: {
+        chart1: {
+          category: string;
+          value: number;
+        }[];
+        chart2: {
+          category: string;
+          value: number;
+        }[];
+      };
+    };
+    staffleftinthemiddleCards: {
+      avgStaffPresent: {
+        count: number;
+      };
+      avgStaffleft: {
+        count: number;
+      };
+      avgStaffPresentInPeakHours: {
+        rate: number;
+      };
+      staffAvgPunctualityRate: {
+        rate: number;
+      };
+      staffAvgBreakHours: {
+        mins: number;
+      };
+      staffAvgProductiveHours: {
+        mins: number;
+      };
+    },
+    scrumCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    outsidebusinesshoursqueuetrackingCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    halfshutterCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    tvcomplianceCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    cameratamperingCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    queuealertCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    boxalertCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    employeeCountCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    storehygienemonitoringCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+    staffgroupingCards: {
+      totalAssignedStores: {
+        count: number
+      },
+      flagIncidents: {
+        count: number
+      },
+      complianceRate: {
+        rate: number
+      },
+      assignedStores: {
+        count: number
+      },
+    };
+  }
+
+  interface ComparisonData {
+    comparisonData: number;
+    ComparisonFlag: boolean;
+  }
+
+ export interface FlagCardTrends {
+    status_code: string;
+    customCards: {
+      totalAssignedStores: ComparisonData,
+      flagIncidents: ComparisonData
+      complianceRate: ComparisonData
+    },
+    storeopenandcloseCards: {
+      totalAssignedStores: ComparisonData;
+      lateOpenStores: ComparisonData;
+      earlyClosedStores: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    mobileusagedetectionCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    uniformdetectionCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    customerunattendedCards: {
+      averageFootfall: ComparisonData;
+      stafftoCustomerRatio: ComparisonData;
+      attendedCustomers: ComparisonData;
+      unattendedCustomers: ComparisonData;
+      timeTakentoAssist: ComparisonData;
+      timeSpentwithCustomer: ComparisonData;
+    };
+    staffleftinthemiddleCards: {
+      avgStaffPresent: ComparisonData;
+      avgStaffleft: ComparisonData;
+      avgStaffPresentInPeakHours: ComparisonData;
+      staffAvgPunctualityRate: ComparisonData;
+      staffAvgBreakHours: ComparisonData;
+      staffAvgProductiveHours: ComparisonData;
+    };
+    halfshutterCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    tvcomplianceCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    cameratamperingCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    queuealertCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    boxalertCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    employeeCountCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    storehygienemonitoringCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    staffgroupingCards: {
+      totalAssignedStores: ComparisonData;
+      flagIncidents: ComparisonData;
+      complianceRate: ComparisonData;
+      assignedStores: ComparisonData;
+    };
+    traxMonthlyComparison: ComparisonData
+  }
+
+  interface DateRange {
+    startDate: string;
+    endDate: string;
+  }
+
+  interface Store {
+    storeId: string;
+    storeName: string;
+    checked: boolean;
+  }
+
+  interface Group {
+    city: string;
+    checked: boolean;
+  }
+
+ export interface HeaderFilter {
+    client: string;
+    clientName: string;
+    clients: string[];
+    store: null | string;
+    date: DateRange;
+    stores: Store[];
+    group: Group[];
+  }

package/src/lib/components/flags-info/unattended-pie-chart/unattended-pie-chart.component.html

@@ -0,0 +1 @@
+<div [id]="chartId" class="chartdiv"></div>

package/src/lib/components/flags-info/unattended-pie-chart/unattended-pie-chart.component.scss

@@ -0,0 +1,4 @@
+.chartdiv{
+    width: 100%; 
+    height: 312px;
+}

package/src/lib/components/flags-info/unattended-pie-chart/unattended-pie-chart.component.ts

@@ -0,0 +1,78 @@
+import { Component, OnInit, OnDestroy, NgZone, Input } from '@angular/core';
+import * as am5 from "@amcharts/amcharts5";
+import * as am5percent from "@amcharts/amcharts5/percent";
+import am5themes_Animated from "@amcharts/amcharts5/themes/Animated";
+
+@Component({
+  selector: 'lib-unattended-pie-chart',
+  templateUrl: './unattended-pie-chart.component.html',
+  styleUrl: './unattended-pie-chart.component.scss'
+})
+
+export class UnattendedPieChartComponent implements OnInit, OnDestroy {
+  @Input() chartData:any
+  @Input() chartId:any
+  private root!: am5.Root;
+  
+
+  constructor(private zone: NgZone) {}
+
+  ngOnInit() {
+    setTimeout(() => {
+      this.zone.runOutsideAngular(() => {      
+        // Create root element
+          this.root = am5.Root.new(this.chartId);
+          this.root.setThemes([am5themes_Animated.new(this.root)]);
+          // Create chart
+        let chart = this.root.container.children.push(am5percent.PieChart.new(this.root, {
+          layout: this.root.verticalLayout,
+          innerRadius: am5.percent(50)
+        }));
+        let series = chart.series.push(am5percent.PieSeries.new(this.root, {
+          valueField: "value",
+          categoryField: "category",
+          alignLabels: false
+        }));
+  
+        series.labels.template.setAll({
+          forceHidden: true  // This hides the labels
+        });
+  
+        series.slices.template.set("tooltipText", "{value}");
+  
+        // Configure labels
+        // series.labels.template.setAll({
+        //   textType: "circular",
+        //   centerX: 0,
+        //   centerY: 0
+        // });
+  
+        // Set data
+        series.data.setAll(this.chartData);
+  
+        // Create legend
+        let legend = chart.children.push(am5.Legend.new(this.root, {
+          centerX: am5.percent(50),
+          x: am5.percent(50),
+          marginTop: 15,
+          marginBottom: 15
+        }));
+  
+        legend.data.setAll(series.dataItems);
+  
+        // Play initial series animation
+        series.appear(1000, 100);
+  
+  
+        
+      });
+    }, 0);
+    
+  }
+
+  ngOnDestroy() {
+    this.zone.runOutsideAngular(() => {      
+        this.root.dispose();
+    });
+  }
+}