tango-app-ui-analyse-trax 3.7.9 → 3.7.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/esm2022/lib/components/eye-test-audit/eye-test/eye-test.component.mjs +201 -13
  2. package/esm2022/lib/components/eye-test-audit/group-select/group-select.component.mjs +3 -1
  3. package/fesm2022/{tango-app-ui-analyse-trax-eye-test-audit.module-crycZaAZ.mjs → tango-app-ui-analyse-trax-eye-test-audit.module-CPGUWUYM.mjs} +204 -14
  4. package/fesm2022/tango-app-ui-analyse-trax-eye-test-audit.module-CPGUWUYM.mjs.map +1 -0
  5. package/fesm2022/{tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-BSSmu2xb.mjs → tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-Du5xAcR9.mjs} +2 -2
  6. package/fesm2022/{tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-BSSmu2xb.mjs.map → tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-Du5xAcR9.mjs.map} +1 -1
  7. package/fesm2022/tango-app-ui-analyse-trax.mjs +1 -1
  8. package/lib/components/eye-test-audit/eye-test/eye-test.component.d.ts +6 -0
  9. package/package.json +1 -1
  10. package/fesm2022/tango-app-ui-analyse-trax-eye-test-audit.module-crycZaAZ.mjs.map +0 -1
package/fesm2022/{tango-app-ui-analyse-trax-eye-test-audit.module-crycZaAZ.mjs → tango-app-ui-analyse-trax-eye-test-audit.module-CPGUWUYM.mjs} RENAMED
@@ -10,7 +10,7 @@ import 'dayjs/locale/en';
10
10
  import { BehaviorSubject, takeUntil, Subject } from 'rxjs';
11
11
  import * as i1$1 from '@angular/forms';
12
12
  import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
13
- import { T as TraxService } from './tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-BSSmu2xb.mjs';
13
+ import { T as TraxService } from './tango-app-ui-analyse-trax-tango-app-ui-analyse-trax-Du5xAcR9.mjs';
14
14
  import * as FileSaver from 'file-saver';
15
15
  import * as XLSX from 'xlsx';
16
16
  import * as i1 from '@angular/common/http';
@@ -551,6 +551,7 @@ class GroupSelectComponent {
551
551
  initializeItems() {
552
552
  this.filteredValues = this.items.map((item) => ({ ...item }));
553
553
  this.updateSelectedValues();
554
+ this.cd.detectChanges();
554
555
  }
555
556
  updateSelectedValues() {
556
557
  this.selectedValues?.forEach((selectedItem) => {
@@ -559,6 +560,7 @@ class GroupSelectComponent {
559
560
  item.isSelected = true;
560
561
  }
561
562
  });
563
+ this.cd.detectChanges();
562
564
  }
563
565
  openDropdown(event) {
564
566
  this.authService.dropDownTrigger.next(this.instanceId);
@@ -710,6 +712,7 @@ class EyeTestComponent {
710
712
  },
711
713
  { label: "Fake Eye Test", value: "fake" },
712
714
  ];
715
+ showEyeTest = true;
713
716
  constructor(pageInfo, fb, traxService, eyeService, router, cd, gs, ts, route) {
714
717
  this.pageInfo = pageInfo;
715
718
  this.fb = fb;
@@ -729,6 +732,10 @@ class EyeTestComponent {
729
732
  this.destroy$.next(true);
730
733
  this.destroy$.complete();
731
734
  }
735
+ closeEyeTest() {
736
+ this.showEyeTest = false;
737
+ this.cd.detectChanges();
738
+ }
732
739
  ngOnInit() {
733
740
  let userinfo = JSON.parse(localStorage.getItem("user-info") || "");
734
741
  this.users = userinfo;
@@ -779,7 +786,24 @@ class EyeTestComponent {
779
786
  // let data = JSON.parse(localStorage.getItem("header-filters") || "")
780
787
  if (data?.client) {
781
788
  this.headerFilters = data;
782
- this.getAllRm();
789
+ setTimeout(() => {
790
+ if (this.headerFilters.client) {
791
+ switch (this.users?.role) {
792
+ case "superadmin":
793
+ this.getAllRm();
794
+ break;
795
+ case "admin":
796
+ this.getAllGroups();
797
+ break;
798
+ case "user":
799
+ this.getAllStores();
800
+ break;
801
+ default:
802
+ this.getAllStores();
803
+ }
804
+ }
805
+ this.cd.detectChanges();
806
+ }, 1000);
783
807
  }
784
808
  else {
785
809
  setTimeout(() => {
@@ -820,8 +844,10 @@ class EyeTestComponent {
820
844
  // }
821
845
  // })
822
846
  // }
847
+ loading1 = true;
823
848
  // clusters new api
824
849
  getAllGroups(event) {
850
+ this.loading1 = true;
825
851
  let rmList = [];
826
852
  this.ClusterList = [];
827
853
  if (Array.isArray(this.eyeTestForm.value.RmList)) {
@@ -844,6 +870,7 @@ class EyeTestComponent {
844
870
  }
845
871
  else {
846
872
  this.ClusterList = [];
873
+ this.loading1 = false;
847
874
  }
848
875
  this.cd.detectChanges();
849
876
  },
@@ -875,7 +902,7 @@ class EyeTestComponent {
875
902
  if (res && res?.code == 200) {
876
903
  this.storeList = res.data.storesData;
877
904
  this.eyeTestForm.get("storeList")?.setValue(this.storeList);
878
- this.getCardData();
905
+ this.loading1 = false;
879
906
  this.onSubmit();
880
907
  }
881
908
  else {
@@ -979,6 +1006,7 @@ class EyeTestComponent {
979
1006
  });
980
1007
  }
981
1008
  ongroupSelect(event) {
1009
+ this.loading1 = true;
982
1010
  this.eyeTestForm.get("ClusterList")?.setValue(event);
983
1011
  this.groups = event.map((el) => el.clusterName);
984
1012
  this.traxService
@@ -992,6 +1020,8 @@ class EyeTestComponent {
992
1020
  if (res && res.code == 200) {
993
1021
  this.storeList = res.data.storesData;
994
1022
  this.eyeTestForm.get("storeList")?.setValue(this.storeList);
1023
+ this.loading1 = false;
1024
+ this.onSubmit();
995
1025
  }
996
1026
  },
997
1027
  });
@@ -1020,15 +1050,153 @@ class EyeTestComponent {
1020
1050
  RmListData = [];
1021
1051
  keyType;
1022
1052
  rmEmail;
1053
+ // typeVal(val: any, obj?: any) {
1054
+ // this.loading = true;
1055
+ // this.searchValue = "";
1056
+ // this.limit = 10;
1057
+ // this.offset = 1;
1058
+ // this.pageSize = 10;
1059
+ // this.keyType = val;
1060
+ // this.rmEmail = obj?.RMEmail ? obj?.RMEmail : obj;
1061
+ // // 🔍 find the RM object in your RmList array
1062
+ // if (this.users?.role === "superadmin" && this.RmList?.length) {
1063
+ // this.RmList?.forEach((element: any) => {
1064
+ // if (element?.email === this.rmEmail) {
1065
+ // this.eyeTestForm.get("RmList")?.setValue([element]);
1066
+ // this.onRmSelect([element]);
1067
+ // }
1068
+ // });
1069
+ // }
1070
+ // this.groups = obj?.clusterName ? [obj?.clusterName] : this.groups;
1071
+ // if (
1072
+ // this.users?.role === "admin" &&
1073
+ // this.ClusterList?.length &&
1074
+ // obj?.clusterName
1075
+ // ) {
1076
+ // this.ClusterList.forEach((element: any) => {
1077
+ // if (element?.clusterName === this.groups) {
1078
+ // this.eyeTestForm.get("ClusterList")?.setValue([element]);
1079
+ // this.ongroupSelect([element]);
1080
+ // }
1081
+ // });
1082
+ // }
1083
+ // this.sortedColumn = "date";
1084
+ // if (this.rmEmail === "") this.onSubmit();
1085
+ // }
1086
+ demoGrapics;
1023
1087
  typeVal(val, obj) {
1088
+ console.log(val, obj);
1089
+ this.loading = true;
1024
1090
  this.searchValue = "";
1025
1091
  this.limit = 10;
1026
1092
  this.offset = 1;
1027
1093
  this.pageSize = 10;
1028
1094
  this.keyType = val;
1029
- this.rmEmail = obj?.RMEmail ? obj?.RMEmail : obj;
1030
1095
  this.sortedColumn = "date";
1031
- this.onSubmit();
1096
+ this.demoGrapics = this.eyeTestForm.value.auditType;
1097
+ if (this.demoGrapics === "all") {
1098
+ this.demoGrapics = ["adult", "kid"];
1099
+ }
1100
+ if (this.users?.role === "superadmin" && this.RmList?.length)
1101
+ this.rmEmail = obj?.RMEmail ? obj?.RMEmail : obj;
1102
+ this.groups = obj?.clusterName ? [obj?.clusterName] : this.groups;
1103
+ let foundRM = false;
1104
+ let foundCluster = false;
1105
+ if ((this.users?.role === "superadmin" || this.users?.role === "admin") && val === "store" &&
1106
+ this.ClusterList?.length &&
1107
+ obj?.clusterName) {
1108
+ this.ClusterList.forEach((element) => {
1109
+ if (element?.clusterName === obj.clusterName) {
1110
+ this.eyeTestForm.get("ClusterList")?.setValue([element]);
1111
+ this.ongroupSelect([element]);
1112
+ foundCluster = true;
1113
+ }
1114
+ });
1115
+ }
1116
+ else if ((this.users?.role === "superadmin" || this.users?.role === "admin") && val === "cluster" &&
1117
+ this.ClusterList?.length &&
1118
+ obj?.clusterName) {
1119
+ this.ClusterList.forEach((element) => {
1120
+ if (element?.clusterName === obj.clusterName) {
1121
+ this.eyeTestForm.get("ClusterList")?.setValue([element]);
1122
+ this.ongroupSelect([element]);
1123
+ foundCluster = true;
1124
+ }
1125
+ });
1126
+ }
1127
+ // ✅ RM selection (only for superadmin)
1128
+ if (this.users?.role === "superadmin" && val === "cluster" && this.RmList?.length) {
1129
+ this.RmList.forEach((element) => {
1130
+ if (element?.email === this.rmEmail) {
1131
+ this.eyeTestForm.get("RmList")?.setValue([element]);
1132
+ this.onRmSelect([element]);
1133
+ foundRM = true;
1134
+ }
1135
+ });
1136
+ }
1137
+ // ✅ Cluster selection (only for admin)
1138
+ // ✅ Submit fallback
1139
+ if (!foundRM && !foundCluster) {
1140
+ this.getAllStores();
1141
+ }
1142
+ this.cd.detectChanges();
1143
+ }
1144
+ typeVal1(val, obj) {
1145
+ console.log(val, obj);
1146
+ this.loading = true;
1147
+ this.searchValue = "";
1148
+ this.limit = 10;
1149
+ this.offset = 1;
1150
+ this.pageSize = 10;
1151
+ this.keyType = val;
1152
+ this.sortedColumn = "date";
1153
+ if (this.users?.role === "superadmin" && this.RmList?.length)
1154
+ this.rmEmail = obj?.RMEmail ? obj?.RMEmail : obj;
1155
+ this.groups = obj?.clusterName ? [obj?.clusterName] : this.groups;
1156
+ this.demoGrapics = this.eyeTestForm.value.auditType;
1157
+ if (this.demoGrapics === "all") {
1158
+ this.demoGrapics = ["adult", "kid"];
1159
+ }
1160
+ let foundRM = false;
1161
+ let foundCluster = false;
1162
+ if ((this.users?.role === "superadmin" || this.users?.role === "admin") && val === "store" &&
1163
+ this.ClusterList?.length &&
1164
+ obj?.clusterName) {
1165
+ this.ClusterList.forEach((element) => {
1166
+ if (element?.clusterName === obj.clusterName) {
1167
+ this.eyeTestForm.get("ClusterList")?.setValue([element]);
1168
+ this.ongroupSelect([element]);
1169
+ foundCluster = true;
1170
+ }
1171
+ });
1172
+ }
1173
+ else if ((this.users?.role === "superadmin" || this.users?.role === "admin") && val === "cluster" &&
1174
+ this.ClusterList?.length &&
1175
+ obj?.clusterName) {
1176
+ this.ClusterList.forEach((element) => {
1177
+ if (element?.clusterName === obj.clusterName) {
1178
+ this.eyeTestForm.get("ClusterList")?.setValue([element]);
1179
+ this.ongroupSelect([element]);
1180
+ foundCluster = true;
1181
+ }
1182
+ });
1183
+ }
1184
+ // ✅ RM selection (only for superadmin)
1185
+ if (this.users?.role === "superadmin" && val === "rm" && this.RmList?.length) {
1186
+ this.RmList.forEach((element) => {
1187
+ if (element?.email === this.rmEmail) {
1188
+ this.eyeTestForm.get("RmList")?.setValue([element]);
1189
+ this.onRmSelect([element]);
1190
+ foundRM = true;
1191
+ }
1192
+ });
1193
+ }
1194
+ // ✅ Cluster selection (only for admin)
1195
+ // ✅ Submit fallback
1196
+ if (!foundRM && !foundCluster) {
1197
+ this.getAllStores();
1198
+ }
1199
+ this.cd.detectChanges();
1032
1200
  }
1033
1201
  buildRequestData(params) {
1034
1202
  let finalStores = [];
@@ -1055,19 +1223,27 @@ class EyeTestComponent {
1055
1223
  if (this.RmListData.length === 0) {
1056
1224
  this.RmListData = [];
1057
1225
  }
1058
- if (this.eyeTestForm.value.auditType === "all") {
1059
- this.eyeTestForm.value.auditType = ["adult", "kid"];
1226
+ this.demoGrapics = this.eyeTestForm.value.auditType;
1227
+ // normalize auditType → always array
1228
+ let auditTypes = [];
1229
+ if (this.demoGrapics === "all") {
1230
+ auditTypes = ["adult", "kid"];
1231
+ }
1232
+ else if (Array.isArray(this.demoGrapics)) {
1233
+ auditTypes = this.demoGrapics;
1234
+ }
1235
+ else if (this.demoGrapics) {
1236
+ auditTypes = [this.demoGrapics];
1060
1237
  }
1061
1238
  this.cd.detectChanges();
1239
+ this.cd.detectChanges();
1062
1240
  return {
1063
1241
  clientId: this.headerFilters?.client,
1064
1242
  fromDate: this.eyeTestForm.value.fromDate,
1065
1243
  toDate: this.eyeTestForm.value.toDate,
1066
1244
  type: this.eyeTestForm.value.type,
1067
1245
  ...(this.eyeTestForm.value.type !== "remote" && {
1068
- demographics: Array.isArray(this.eyeTestForm.value.auditType)
1069
- ? this.eyeTestForm.value.auditType
1070
- : [this.eyeTestForm.value.auditType],
1246
+ demographics: auditTypes,
1071
1247
  }),
1072
1248
  cluster: this.groups,
1073
1249
  storeId: finalStores,
@@ -1077,7 +1253,11 @@ class EyeTestComponent {
1077
1253
  complianceScore: Number(this.eyeTestForm.value.complianceScore),
1078
1254
  nearAddition: this.eyeTestForm.value.nearAddition,
1079
1255
  category: this.eyeTestForm.value.category,
1080
- RMList: this.rmEmail ? [this.rmEmail] : rmListValue.length > 0 ? rmListValue : [this.users?.email],
1256
+ RMList: this.rmEmail
1257
+ ? [this.rmEmail]
1258
+ : rmListValue.length > 0
1259
+ ? rmListValue
1260
+ : [this.users?.email],
1081
1261
  //["suresh.r@thelenskart.com","k.vasanth@lenskart.in", "tamilselvan.kirubagaran@lenskart.in"],
1082
1262
  searchValue: this.searchValue,
1083
1263
  isExport: params?.isExport ?? false,
@@ -1108,6 +1288,7 @@ class EyeTestComponent {
1108
1288
  offset = 1;
1109
1289
  limit = 10;
1110
1290
  onSubmit() {
1291
+ this.eyeTestData = [];
1111
1292
  this.typeValue = this.eyeTestForm?.value?.type;
1112
1293
  this.loading = true;
1113
1294
  this.noData = false;
@@ -1251,6 +1432,7 @@ class EyeTestComponent {
1251
1432
  onRmSelect(event) {
1252
1433
  this.eyeTestForm.get("RmList")?.setValue(event);
1253
1434
  this.getAllGroups(event);
1435
+ this.cd.detectChanges();
1254
1436
  }
1255
1437
  eyeTestCardData = [];
1256
1438
  getCardData() {
@@ -1320,12 +1502,20 @@ class EyeTestComponent {
1320
1502
  queryParams: { type: this.eyeTestForm.value.type },
1321
1503
  });
1322
1504
  }
1505
+ getApplyButtonClass(role, type) {
1506
+ const roleClassMap = {
1507
+ superadmin: type === "remote" ? "col-7 mb-4" : "col-5 mb-4",
1508
+ admin: type === "remote" ? "col-10 mb-4" : "col-8 mb-4",
1509
+ user: type === "remote" ? "col-2 mb-4" : "col-10 mb-4",
1510
+ };
1511
+ return roleClassMap[role] || "col-12 mb-4";
1512
+ }
1323
1513
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EyeTestComponent, deps: [{ token: i2.PageInfoService }, { token: i1$1.FormBuilder }, { token: TraxService }, { token: EyeTestAuditService }, { token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: i2.GlobalStateService }, { token: i3.ToastService }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
1324
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EyeTestComponent, selector: "lib-eye-test", ngImport: i0, template: "<div class=\"card mb-2\">\r\n <form [formGroup]=\"eyeTestForm\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 mt-7 mb-3\">\r\n <div class=\"row px-3\">\r\n <!-- <div class=\"col-md-12\">\r\n <div class=\"row\"> -->\r\n <div class=\"col-3 mb-0\">\r\n <div class=\"position-relative\">\r\n <span style=\"top: 20%;\" class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14 z-2\" style=\"min-width: 230px !important;\" type=\"text\"\r\n matInput ngxDaterangepickerMd [drops]=\"'down'\" [opens]=\"'right'\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"false\" autocomplete=\"off\"\r\n [(ngModel)]=\"selectedDateRange\" [ngModelOptions]=\"{standalone: true}\"\r\n (datesUpdated)=\"datechange($event)\" (click)=\"resetValidation()\"\r\n (startDateChanged)=\"onStartDateChange($event)\" [isCustomDate]=\"isCustomDate\" [autoApply]=\"true\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n name=\"daterange\" [readonly]=\"true\" />\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2 mb-4' : 'col-2 mb-4'\" class=\"col-2 mb-4\">\r\n <lib-reactive-select formControlName=\"type\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"type\"\r\n (itemChange)=\"typeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-1 mb-4\">\r\n <lib-reactive-select formControlName=\"auditType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"auditType\"\r\n (itemChange)=\"auditTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <!-- </div>\r\n </div> -->\r\n <div *ngIf=\"users?.role ==='superadmin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('RmList')?.value?.length)\">\r\n Select RM\r\n </div>\r\n <lib-group-select [items]=\"RmList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'userName'\"\r\n [idField]=\"'userName'\" (selected)=\"onRmSelect($event)\" [selectedValues]=\"eyeTestForm.get('RmList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n \r\n \r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('ClusterList')?.value?.length)\">\r\n Select cluster\r\n </div>\r\n <lib-group-select [items]=\"ClusterList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'clusterName'\"\r\n [idField]=\"'clusterName'\" (selected)=\"ongroupSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('ClusterList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-md-3\">\r\n \r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('storeList')?.value?.length)\">\r\n Select Stores\r\n </div>\r\n <lib-stores-select [items]=\"storeList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'storeName'\"\r\n [idField]=\"'storeId'\" (selected)=\"onStoreSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('storeList')?.value\"></lib-stores-select>\r\n \r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2' : 'col-2'\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"complianceScore\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"typePercentageArray\" (itemChange)=\"typePercentageChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"nearAddition\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"nearAdditionArray\" (itemChange)=\"nearAdditionChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"category\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"categoryArray\" (itemChange)=\"categoryTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-7 mb-4' : 'col-5 mb-4'\" class=\"text-end\">\r\n <a (click)=\"onSubmit()\" type=\"submit\" class=\"btn btn-primary py-3\"><span>Apply</span></a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </form>\r\n</div>\r\n\r\n\r\n\r\n<div class=\"card my-3\">\r\n <div class=\"card-header border-0 py-1\">\r\n <h3 class=\"card-title dashed w-100 align-items-start flex-column\">\r\n <span class=\"title-text\"><span class=\"mx-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\"\r\n viewBox=\"0 0 32 32\" fill=\"none\">\r\n <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#FEE4E2\" />\r\n <g clip-path=\"url(#clip0_235_24234)\">\r\n <path\r\n d=\"M16 13.3335V16.0002M16 18.6668H16.0067M22.6667 16.0002C22.6667 19.6821 19.6819 22.6668 16 22.6668C12.3181 22.6668 9.33337 19.6821 9.33337 16.0002C9.33337 12.3183 12.3181 9.3335 16 9.3335C19.6819 9.3335 22.6667 12.3183 22.6667 16.0002Z\"\r\n stroke=\"#D92D20\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_235_24234\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span><span class=\"dashed-desc\">Eye test video preview is available for 30 days. Audit data\r\n remains accessible, but videos will not be retained beyond this period.</span></span>\r\n </h3>\r\n </div>\r\n</div>\r\n\r\n<div class=\"row\">\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"col\">\r\n <div class=\"card p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Regional Managers</h5>\r\n <span class=\"text-value\">{{RmListData ?? '--'}}</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"card mt-5 p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Clusters</h5>\r\n <span class=\"text-value\">{{groups?.length ?? '--'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType !=='rm' || users?.role ==='admin'\" class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Clusters</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ groups?.length ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Total Tango AI Files</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.totalFiles ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Audit Completed</h5>\r\n </div>\r\n <div class=\"card-body py-3 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.completedFiles ?? '-' }}</span>\r\n\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-sub\">{{ (eyeTestCardData?.completedRatio ?? '-') + '%' }} <span\r\n class=\"test-sub\">Completed</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Tango Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.tangoScore ?? '-' }}</span>\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span>\r\n <svg *ngIf=\"eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"\r\n viewBox=\"0 0 12 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3216_118)\">\r\n <path d=\"M11.5 3L6.75 7.75L4.25 5.25L0.5 9M11.5 3H8.5M11.5 3V6\" stroke=\"#039855\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3216_118\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <svg *ngIf=\"!eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_760_9776)\">\r\n <path d=\"M11.575 9L6.82495 4.25L4.32495 6.75L0.574951 3M11.575 9H8.57495M11.575 9V6\"\r\n stroke=\"#D92D20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_760_9776\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" transform=\"translate(0.0749512)\" />\r\n </clipPath>\r\n </defs>\r\n </svg> \r\n <span class=\"text-sub ms-2\">{{ eyeTestCardData?.tangoScoreTrend !== null \r\n ? (getAbsValue(eyeTestCardData.tangoScoreTrend) | number:'1.0-0':'en-US') + '%' \r\n : '-' }}\r\n <span\r\n class=\"test-sub1\">vs previous week</span></span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ (eyeTestCardData?.trustScore && eyeTestCardData?.trustScore !== 'NA' \r\n ? eyeTestCardData.trustScore + '%' \r\n : 'NA') }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<div class=\"card mt-3\">\r\n <div class=\"card-header border-0 pt-3\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span *ngIf=\"users?.role === 'superadmin' && keyType ==='rm'\" class=\"title-text mb-2\">\r\n Audit Summary\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n\r\n <!-- Admin + cluster present \u2192 RM Summary -->\r\n <div class=\"d-flex\">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='cluster' && users?.role === 'superadmin'\" (click)=\"typeVal('rm','')\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\" filterUnits=\"userSpaceOnUse\"\r\n color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"users?.role === 'admin' && keyType ==='cluster' || users?.role === 'superadmin' && keyType ==='cluster'\" class=\"title-text my-4 mb-2\">\r\n RM Summary\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary text-capitalize\">{{ eyeTestData[0]?.RMName ? eyeTestData[0]?.RMName :users?.userName ? users?.userName : users?.email }}</span>\r\n </span>\r\n </div>\r\n\r\n <!-- All other cases \u2192 Eye Test -->\r\n <div class=\"d-flex \">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'admin' || users?.role === 'superadmin')\"\r\n (click)=\"typeVal('cluster',this.rmEmail)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"!(users?.role === 'superadmin' && keyType ==='rm') && !(users?.role === 'superadmin' && keyType ==='cluster') \r\n && !(users?.role === 'admin' && keyType ==='cluster')\" class=\"title-text my-4 mb-2\">\r\n Eye Test\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n </div>\r\n <span *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='admin' && keyType ==='cluster'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='user' && keyType ==='store'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n </h3>\r\n <div class=\"card-toolbar\">\r\n <div class=\"d-flex\">\r\n <div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect opacity=\"0.5\" x=\"17.0365\" y=\"15.1223\" width=\"8.15546\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(45 17.0365 15.1223)\" fill=\"currentColor\"></rect>\r\n <path\r\n d=\"M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z\"\r\n fill=\"currentColor\"></path>\r\n </svg>\r\n </span>\r\n <input (change)=\"searchData()\" [(ngModel)]=\"searchValue\" type=\"text\" class=\"form-control ps-14 me-2\" autocomplete=\"off\"\r\n [placeholder]=\"\r\n keyType === 'rm'\r\n ? 'Search by RMName'\r\n : keyType === 'cluster'\r\n ? 'Search by Cluster'\r\n : 'Search'\r\n \" />\r\n\r\n\r\n <span class=\"cursor-pointer\" *ngIf=\"users?.role ==='superadmin'\" (click)=\"settingsView()\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"46\"\r\n viewBox=\"0 0 45 46\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_760_9988)\">\r\n <rect x=\"2.71973\" y=\"1.98047\" width=\"40.04\" height=\"40.04\" rx=\"7.28\" fill=\"white\" />\r\n <rect x=\"3.17473\" y=\"2.43547\" width=\"39.13\" height=\"39.13\" rx=\"6.825\" stroke=\"#D0D5DD\"\r\n stroke-width=\"0.91\" />\r\n <g clip-path=\"url(#clip0_760_9988)\">\r\n <path\r\n d=\"M22.7396 24.2749C23.9961 24.2749 25.0146 23.2563 25.0146 21.9999C25.0146 20.7434 23.9961 19.7249 22.7396 19.7249C21.4832 19.7249 20.4646 20.7434 20.4646 21.9999C20.4646 23.2563 21.4832 24.2749 22.7396 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M28.3513 24.2749C28.2503 24.5036 28.2202 24.7573 28.2648 25.0033C28.3094 25.2493 28.4267 25.4763 28.6015 25.655L28.647 25.7005C28.788 25.8414 28.8999 26.0087 28.9762 26.1928C29.0526 26.3769 29.0919 26.5743 29.0919 26.7736C29.0919 26.9729 29.0526 27.1703 28.9762 27.3544C28.8999 27.5385 28.788 27.7058 28.647 27.8466C28.5062 27.9876 28.3389 28.0995 28.1548 28.1758C27.9707 28.2522 27.7733 28.2914 27.574 28.2914C27.3747 28.2914 27.1773 28.2522 26.9932 28.1758C26.8091 28.0995 26.6418 27.9876 26.5009 27.8466L26.4554 27.8011C26.2767 27.6263 26.0497 27.509 25.8037 27.4644C25.5577 27.4198 25.304 27.4499 25.0753 27.5509C24.851 27.647 24.6597 27.8066 24.525 28.0101C24.3902 28.2135 24.3179 28.4519 24.3169 28.696V28.8249C24.3169 29.2271 24.1572 29.6129 23.8727 29.8973C23.5883 30.1817 23.2025 30.3415 22.8003 30.3415C22.398 30.3415 22.0123 30.1817 21.7278 29.8973C21.4434 29.6129 21.2836 29.2271 21.2836 28.8249V28.7566C21.2777 28.5056 21.1965 28.2622 21.0504 28.058C20.9044 27.8538 20.7003 27.6982 20.4646 27.6115C20.2359 27.5106 19.9822 27.4805 19.7362 27.5251C19.4902 27.5697 19.2632 27.687 19.0844 27.8618L19.0389 27.9073C18.8981 28.0483 18.7308 28.1602 18.5467 28.2365C18.3626 28.3128 18.1652 28.3521 17.9659 28.3521C17.7666 28.3521 17.5692 28.3128 17.3851 28.2365C17.201 28.1602 17.0337 28.0483 16.8929 27.9073C16.7519 27.7664 16.64 27.5992 16.5637 27.415C16.4873 27.2309 16.448 27.0336 16.448 26.8342C16.448 26.6349 16.4873 26.4376 16.5637 26.2535C16.64 26.0693 16.7519 25.9021 16.8929 25.7612L16.9384 25.7157C17.1132 25.537 17.2305 25.31 17.2751 25.064C17.3197 24.818 17.2896 24.5643 17.1886 24.3355C17.0925 24.1112 16.9329 23.92 16.7294 23.7852C16.526 23.6505 16.2876 23.5782 16.0435 23.5772H15.9146C15.5124 23.5772 15.1266 23.4174 14.8422 23.133C14.5577 22.8486 14.3979 22.4628 14.3979 22.0605C14.3979 21.6583 14.5577 21.2725 14.8422 20.9881C15.1266 20.7037 15.5124 20.5439 15.9146 20.5439H15.9829C16.2339 20.538 16.4773 20.4568 16.6815 20.3107C16.8857 20.1646 17.0413 19.9605 17.1279 19.7249C17.2289 19.4961 17.259 19.2424 17.2144 18.9964C17.1698 18.7504 17.0525 18.5234 16.8777 18.3447L16.8322 18.2992C16.6912 18.1583 16.5793 17.9911 16.503 17.807C16.4267 17.6228 16.3874 17.4255 16.3874 17.2262C16.3874 17.0268 16.4267 16.8295 16.503 16.6454C16.5793 16.4612 16.6912 16.294 16.8322 16.1531C16.9731 16.0121 17.1403 15.9002 17.3244 15.8239C17.5086 15.7476 17.7059 15.7083 17.9052 15.7083C18.1046 15.7083 18.3019 15.7476 18.486 15.8239C18.6702 15.9002 18.8374 16.0121 18.9783 16.1531L19.0238 16.1986C19.2025 16.3734 19.4295 16.4907 19.6755 16.5353C19.9215 16.5799 20.1752 16.5498 20.4039 16.4489H20.4646C20.6889 16.3527 20.8802 16.1931 21.0149 15.9897C21.1497 15.7862 21.222 15.5478 21.2229 15.3038V15.1749C21.2229 14.7726 21.3827 14.3869 21.6672 14.1024C21.9516 13.818 22.3374 13.6582 22.7396 13.6582C23.1419 13.6582 23.5276 13.818 23.8121 14.1024C24.0965 14.3869 24.2563 14.7726 24.2563 15.1749V15.2431C24.2573 15.4871 24.3296 15.7256 24.4643 15.929C24.599 16.1325 24.7903 16.2921 25.0146 16.3882C25.2433 16.4891 25.4971 16.5193 25.7431 16.4747C25.9891 16.4301 26.2161 16.3128 26.3948 16.138L26.4403 16.0925C26.5811 15.9514 26.7484 15.8396 26.9325 15.7632C27.1167 15.6869 27.314 15.6476 27.5133 15.6476C27.7126 15.6476 27.91 15.6869 28.0941 15.7632C28.2782 15.8396 28.4455 15.9514 28.5864 16.0925C28.7274 16.2333 28.8392 16.4006 28.9156 16.5847C28.9919 16.7688 29.0312 16.9662 29.0312 17.1655C29.0312 17.3648 28.9919 17.5622 28.9156 17.7463C28.8392 17.9304 28.7274 18.0977 28.5864 18.2385L28.5409 18.284C28.366 18.4628 28.2488 18.6898 28.2042 18.9358C28.1596 19.1818 28.1897 19.4355 28.2906 19.6642V19.7249C28.3867 19.9492 28.5464 20.1404 28.7498 20.2752C28.9533 20.4099 29.1917 20.4822 29.4357 20.4832H29.5646C29.9669 20.4832 30.3526 20.643 30.6371 20.9274C30.9215 21.2119 31.0813 21.5976 31.0813 21.9999C31.0813 22.4021 30.9215 22.7879 30.6371 23.0723C30.3526 23.3567 29.9669 23.5165 29.5646 23.5165H29.4964C29.2523 23.5175 29.0139 23.5898 28.8105 23.7246C28.607 23.8593 28.4474 24.0506 28.3513 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_760_9988\" x=\"0.719727\" y=\"0.980469\" width=\"44.04\" height=\"44.04\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\r\n result=\"effect1_dropShadow_760_9988\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_760_9988\"\r\n result=\"shape\" />\r\n </filter>\r\n <clipPath id=\"clip0_760_9988\">\r\n <rect width=\"18.2\" height=\"18.2\" fill=\"white\"\r\n transform=\"translate(13.6396 12.9004)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n\r\n <button *ngIf=\"!noData && !loading\" type=\"button\" (click)=\"exportXLSX()\"\r\n class=\"btn btn-default mx-2 btn-outline btn-outline-default rounded-3 text-nowrap border-val\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\">\r\n <path d=\"M7.53369 12.8441H15.0241L13.5568 14.3172L14.3587 15.1191L17.2024 12.2754L14.3587 9.43164L13.5568 10.2336L15.0241 11.7066H7.53369V12.8441Z\" fill=\"black\"/>\r\n <path d=\"M12.6526 8.8631V6.5881C12.653 6.51325 12.6387 6.43904 12.6104 6.36975C12.5821 6.30045 12.5404 6.23743 12.4877 6.18428L8.5064 2.20303C8.45326 2.15032 8.39023 2.10862 8.32094 2.08031C8.25164 2.05201 8.17744 2.03766 8.10259 2.0381H2.41509C2.1134 2.0381 1.82408 2.15794 1.61075 2.37126C1.39743 2.58458 1.27759 2.87391 1.27759 3.1756V16.8256C1.27759 17.1273 1.39743 17.4166 1.61075 17.6299C1.82408 17.8433 2.1134 17.9631 2.41509 17.9631H11.5151C11.8168 17.9631 12.1061 17.8433 12.3194 17.6299C12.5327 17.4166 12.6526 17.1273 12.6526 16.8256V15.6881H11.5151V16.8256H2.41509V3.1756H6.96509V6.5881C6.96509 6.88978 7.08493 7.17911 7.29826 7.39243C7.51158 7.60575 7.80091 7.7256 8.10259 7.7256H11.5151V8.8631H12.6526ZM8.10259 6.5881V3.40878L11.2819 6.5881H8.10259Z\" fill=\"black\"/>\r\n</svg><span class=\"ms-2\">Export</span> </button>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"loading\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"noData\" class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-nodata-table\" src=\"./assets/tango/Icons/Nodata1.svg\" alt=\"\">\r\n <div class=\"nodata-title\">No data found</div>\r\n <div class=\"nodata-sub\">There is no result for this eye test table</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!noData && !loading\" class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table *ngIf=\"keyType ==='store'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('date')\"> Date <svg\r\n [ngClass]=\"sortedColumn === 'date' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'date' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Cluster Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeName')\">Store Name <svg\r\n [ngClass]=\"sortedColumn === 'storeName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeId')\">Store ID <svg\r\n [ngClass]=\"sortedColumn === 'storeId' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeId' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th *ngIf=\"this.typeValue ==='remote'\" class=\"text-start\">Engagement ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Optom ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Queue ID</th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> \r\n </th>\r\n \r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('coveredStepsAI')\">Steps Covered By AI <svg\r\n [ngClass]=\"sortedColumn === 'coveredStepsAI' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'coveredStepsAI' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n\r\n <th *ngIf=\"this.typeValue !=='remote'\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('visitorsType')\">Visitor Type <svg\r\n [ngClass]=\"sortedColumn === 'visitorsType' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'visitorsType' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th class=\"text-start\">Test Duration</th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('comment')\">Eye Test Status <svg\r\n [ngClass]=\"sortedColumn === 'comment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'comment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('subComment')\">Comments <svg\r\n [ngClass]=\"sortedColumn === 'subComment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'subComment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('auditStatus')\">Audit Status <svg\r\n [ngClass]=\"sortedColumn === 'auditStatus' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditStatus' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\" (click)=\"onSort('auditedBy')\">Audited By <svg\r\n [ngClass]=\"sortedColumn === 'auditedBy' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditedBy' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.date | date:'dd MMM, yyyy'}}</td>\r\n <td>{{obj?.RMName}}</td>\r\n <td>{{obj?.clusterName}}</td>\r\n <td>{{obj?.storeName}}</td>\r\n <td>{{obj?.storeId}}</td>\r\n <td *ngIf=\"this.typeValue ==='remote'\" class=\"engage-text\">{{obj?.engagementId}}</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">{{obj?.optumId ? obj?.optumId :''}}\r\n </td>\r\n <td *ngIf=\"this.typeValue !=='remote'\" class=\"engage-text\">{{obj?.queueId ?\r\n obj?.queueId:''}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n <td>{{obj?.trustScore ?? '--'}}</td>\r\n <td>{{obj?.coveredStepsAI ? obj?.coveredStepsAI:'--'}}</td>\r\n <td class=\"text-capitalize\" *ngIf=\"this.typeValue !=='remote'\">{{obj?.visitorsType ?\r\n obj?.visitorsType:'--'}}</td>\r\n <td>{{obj?.min ? obj?.min :'0'}} mins {{obj?.sec ?\r\n obj?.sec:'0'}} secs</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">\r\n <span \r\n class=\"badge\" \r\n [ngClass]=\"obj?.comment ? 'badge-light-danger' : 'badge-light-success'\">\r\n {{ obj?.comment ? 'Fake' : 'Genuine' }}\r\n </span>\r\n</td>\r\n <td>{{obj?.subComment ? obj?.subComment:'--'}}</td>\r\n <td><span class=\"badge badge-light-primary\"\r\n *ngIf=\"obj?.auditStatus ==='Yet-to-Audit'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-warning\"\r\n *ngIf=\"obj?.auditStatus ==='Re-Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-success\"\r\n *ngIf=\"obj?.auditStatus ==='Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-info\"\r\n *ngIf=\"obj?.auditStatus ==='In-Progress'\">{{obj?.auditStatus}}</span>\r\n </td>\r\n <td>{{obj?.auditedBy?obj?.auditedBy:\"-\"}}</td>\r\n <td class=\"cursor-pointer\" (click)=\"eyeTestView(obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='rm'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterCount')\"> Clusters Count <svg\r\n [ngClass]=\"sortedColumn === 'clusterCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.RMName ? obj?.RMName:'--'}}</td>\r\n <td>{{obj?.clusterCount ? obj?.clusterCount:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>{{obj.complianceScore ?? '--'}}\r\n \r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('cluster',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='cluster'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n \r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Clusters Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.clusterName ? obj?.clusterName:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('store',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n <div class=\"card-footer\" *ngIf=\"!noData && !loading\">\r\n <lib-pagination [itemsPerPage]=\"pageSize\" [currentPage]=\"offset\" [totalItems]=\"totalItems\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"pageSize\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n</div>", styles: [":host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .md-drppicker.shown.drops-down-right{transform-origin:0 0;width:560px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.show-ranges.shown{top:65px!important}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;right:-475px!important;left:unset!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}.select-wrapper{position:relative;display:inline-block;width:100%}.placeholder-overlay{position:absolute;color:var(--Gray-500, #667085);font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400;top:10px;left:15px;pointer-events:none;font-size:1.1rem;z-index:1}table th,table td{height:44px!important;padding:12px 24px!important;gap:12px;align-self:stretch}table th{border-bottom:1px solid var(--Gray-200, #EAECF0)!important;background:var(--Gray-50, #F9FAFB)!important;color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:500!important;line-height:18px}table td{color:var(--Gray-900, #667085);font-size:14px!important;font-weight:500!important;line-height:20px}.bottom-border td{border-bottom:1px solid var(--Gray-200, #EAECF0)!important}.rotate{rotate:180deg;transition:1s}.engage-text{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:capitalize}.dashed{border-radius:4px;border:1px dashed var(--Error-500, #F04438)!important;background:var(--Error-25, #FFFBFA)}.dashed-desc{color:var(--Error-600, #D92D20)!important;font-size:16px;font-weight:400;line-height:24px}.card-header,.header{color:var(--Gray-900, #101828);font-size:20px!important;font-style:normal;font-weight:700;line-height:30px}.sub-header{color:var(--Gray-700, #344054);font-size:14px!important;font-style:normal;font-weight:600;line-height:20px}.ellipse1{border-radius:6px;border-bottom:2px solid var(--Gray-200, #EAECF0);background:radial-gradient(206.89% 107.47% at 16.16% 32.77%,#fff6,#45bbfe33),#f2f4f7;box-shadow:0 4px 10px #0000000d}.text-value{color:var(--Black, #101828);font-size:24px;font-weight:600;line-height:32px}.text-sub{color:var(--Error-600, #667085)!important;font-size:16px;font-weight:600;line-height:18px}.test-sub1{color:var(--Gray-800, #1D2939);font-size:12px;font-weight:400;line-height:18px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"], outputs: ["itemChange"] }, { kind: "component", type: CustomSelectComponent, selector: "lib-stores-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "component", type: GroupSelectComponent, selector: "lib-group-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
1514
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EyeTestComponent, selector: "lib-eye-test", ngImport: i0, template: "<div class=\"card mb-2\">\r\n <div *ngIf=\"loading1\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <form *ngIf=\"!loading1\" [formGroup]=\"eyeTestForm\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 mt-7 mb-3\">\r\n <div class=\"row px-3\">\r\n <!-- <div class=\"col-md-12\">\r\n <div class=\"row\"> -->\r\n <div class=\"col-3 mb-0\">\r\n <div class=\"position-relative\">\r\n <span style=\"top: 20%;\" class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14 z-2\" style=\"min-width: 230px !important;\" type=\"text\"\r\n matInput ngxDaterangepickerMd [drops]=\"'down'\" [opens]=\"'right'\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"false\" autocomplete=\"off\"\r\n [(ngModel)]=\"selectedDateRange\" [ngModelOptions]=\"{standalone: true}\"\r\n (datesUpdated)=\"datechange($event)\" (click)=\"resetValidation()\"\r\n (startDateChanged)=\"onStartDateChange($event)\" [isCustomDate]=\"isCustomDate\" [autoApply]=\"true\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n name=\"daterange\" [readonly]=\"true\" />\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2 mb-4' : 'col-2 mb-4'\" class=\"col-2 mb-4\">\r\n <lib-reactive-select formControlName=\"type\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"type\"\r\n (itemChange)=\"typeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-1 mb-4\">\r\n <lib-reactive-select formControlName=\"auditType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"auditType\"\r\n (itemChange)=\"auditTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <!-- </div>\r\n </div> -->\r\n <div *ngIf=\"users?.role ==='superadmin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('RmList')?.value?.length)\">\r\n Select RM\r\n </div>\r\n <lib-group-select [items]=\"RmList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'userName'\"\r\n [idField]=\"'userName'\" (selected)=\"onRmSelect($event)\" [selectedValues]=\"eyeTestForm.get('RmList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n \r\n \r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('ClusterList')?.value?.length)\">\r\n Select cluster\r\n </div>\r\n <lib-group-select [items]=\"ClusterList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'clusterName'\"\r\n [idField]=\"'clusterName'\" (selected)=\"ongroupSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('ClusterList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-md-3\">\r\n \r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('storeList')?.value?.length)\">\r\n Select Stores\r\n </div>\r\n <lib-stores-select [items]=\"storeList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'storeName'\"\r\n [idField]=\"'storeId'\" (selected)=\"onStoreSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('storeList')?.value\"></lib-stores-select>\r\n \r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2' : 'col-2'\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"complianceScore\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"typePercentageArray\" (itemChange)=\"typePercentageChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"nearAddition\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"nearAdditionArray\" (itemChange)=\"nearAdditionChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"category\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"categoryArray\" (itemChange)=\"categoryTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div \r\n *ngIf=\"users?.role\" \r\n class=\"text-end\"\r\n [ngClass]=\"getApplyButtonClass(users?.role, eyeTestForm.get('type')?.value)\"\r\n>\r\n <a (click)=\"onSubmit()\" type=\"submit\" class=\"btn btn-sm btn-primary py-3\">\r\n <span>Apply</span>\r\n </a>\r\n</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </form>\r\n <div *ngIf=\"showEyeTest\" class=\"ms-6 mb-3\">\r\n\r\n <h3 class=\"card-title dashed w-100 row\">\r\n <span class=\"col-10 title-text py-3\"><span class=\"mx-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\"\r\n viewBox=\"0 0 32 32\" fill=\"none\">\r\n <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#FEE4E2\" />\r\n <g clip-path=\"url(#clip0_235_24234)\">\r\n <path\r\n d=\"M16 13.3335V16.0002M16 18.6668H16.0067M22.6667 16.0002C22.6667 19.6821 19.6819 22.6668 16 22.6668C12.3181 22.6668 9.33337 19.6821 9.33337 16.0002C9.33337 12.3183 12.3181 9.3335 16 9.3335C19.6819 9.3335 22.6667 12.3183 22.6667 16.0002Z\"\r\n stroke=\"#D92D20\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_235_24234\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span><span class=\"dashed-desc\">Eye test video preview is available for 30 days. Audit data\r\n remains accessible, but videos will not be retained beyond this period.</span></span>\r\n <span class=\"col-2 pt-2 text-end cursor-pointer\" (click)=\"closeEyeTest()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n <path d=\"M25 15L15 25M15 15L25 25\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </span>\r\n </h3>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- <div class=\"card my-3\">\r\n <div class=\"card-header border-0 py-1\">\r\n \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"row\">\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"col\">\r\n <div class=\"card p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Regional Managers</h5>\r\n <span class=\"text-value\">{{RmListData ?? '--'}}</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"card mt-5 p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Clusters</h5>\r\n <span class=\"text-value\">{{groups?.length ?? '--'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType !=='rm' || users?.role ==='admin'\" class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Clusters</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ groups?.length ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Total Tango AI Files</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.totalFiles ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Audit Completed</h5>\r\n </div>\r\n <div class=\"card-body py-3 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.completedFiles ?? '-' }}</span>\r\n\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-sub\">{{ (eyeTestCardData?.completedRatio ?? '-') + '%' }} <span\r\n class=\"test-sub\">Completed</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Tango Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.tangoScore ?? '-' }}</span>\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span>\r\n <svg *ngIf=\"eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"\r\n viewBox=\"0 0 12 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3216_118)\">\r\n <path d=\"M11.5 3L6.75 7.75L4.25 5.25L0.5 9M11.5 3H8.5M11.5 3V6\" stroke=\"#039855\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3216_118\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <svg *ngIf=\"!eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_760_9776)\">\r\n <path d=\"M11.575 9L6.82495 4.25L4.32495 6.75L0.574951 3M11.575 9H8.57495M11.575 9V6\"\r\n stroke=\"#D92D20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_760_9776\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" transform=\"translate(0.0749512)\" />\r\n </clipPath>\r\n </defs>\r\n </svg> \r\n <span class=\"text-sub ms-2\">{{ eyeTestCardData?.tangoScoreTrend !== null \r\n ? (getAbsValue(eyeTestCardData.tangoScoreTrend) | number:'1.0-0':'en-US') + '%' \r\n : '-' }}\r\n <span\r\n class=\"test-sub1\">vs previous week</span></span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ (eyeTestCardData?.trustScore && eyeTestCardData?.trustScore !== 'NA' \r\n ? eyeTestCardData.trustScore + '%' \r\n : 'NA') }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<div class=\"card mt-3\">\r\n <div class=\"card-header border-0 pt-3\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span *ngIf=\"users?.role === 'superadmin' && keyType ==='rm'\" class=\"title-text mb-2\">\r\n Audit Summary\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n\r\n <!-- Admin + cluster present \u2192 RM Summary -->\r\n <div class=\"d-flex\">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='cluster' && users?.role === 'superadmin'\" (click)=\"typeVal('rm','')\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\" filterUnits=\"userSpaceOnUse\"\r\n color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"users?.role === 'admin' && keyType ==='cluster' || users?.role === 'superadmin' && keyType ==='cluster'\" class=\"title-text my-4 mb-2\">\r\n RM Summary\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary text-capitalize\">{{ eyeTestData[0]?.RMName ? eyeTestData[0]?.RMName : '' }}</span>\r\n </span>\r\n </div>\r\n\r\n <!-- All other cases \u2192 Eye Test -->\r\n <div class=\"d-flex \">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'superadmin')\"\r\n (click)=\"typeVal1('cluster',this.rmEmail)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'admin')\"\r\n (click)=\"typeVal('cluster',this.groups)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"!(users?.role === 'superadmin' && keyType ==='rm') && !(users?.role === 'superadmin' && keyType ==='cluster') \r\n && !(users?.role === 'admin' && keyType ==='cluster')\" class=\"title-text my-4 mb-2\">\r\n Eye Test\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n </div>\r\n <span *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='admin' && keyType ==='cluster'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='user' && keyType ==='store'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n </h3>\r\n <div class=\"card-toolbar\">\r\n <div class=\"d-flex\">\r\n <div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect opacity=\"0.5\" x=\"17.0365\" y=\"15.1223\" width=\"8.15546\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(45 17.0365 15.1223)\" fill=\"currentColor\"></rect>\r\n <path\r\n d=\"M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z\"\r\n fill=\"currentColor\"></path>\r\n </svg>\r\n </span>\r\n <input (change)=\"searchData()\" [(ngModel)]=\"searchValue\" type=\"text\" class=\"form-control ps-14 me-2\" autocomplete=\"off\"\r\n [placeholder]=\"\r\n keyType === 'rm'\r\n ? 'Search by RMName'\r\n : keyType === 'cluster'\r\n ? 'Search by Cluster'\r\n : 'Search'\r\n \" />\r\n\r\n\r\n <span class=\"cursor-pointer\" *ngIf=\"users?.role ==='superadmin'\" (click)=\"settingsView()\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"46\"\r\n viewBox=\"0 0 45 46\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_760_9988)\">\r\n <rect x=\"2.71973\" y=\"1.98047\" width=\"40.04\" height=\"40.04\" rx=\"7.28\" fill=\"white\" />\r\n <rect x=\"3.17473\" y=\"2.43547\" width=\"39.13\" height=\"39.13\" rx=\"6.825\" stroke=\"#D0D5DD\"\r\n stroke-width=\"0.91\" />\r\n <g clip-path=\"url(#clip0_760_9988)\">\r\n <path\r\n d=\"M22.7396 24.2749C23.9961 24.2749 25.0146 23.2563 25.0146 21.9999C25.0146 20.7434 23.9961 19.7249 22.7396 19.7249C21.4832 19.7249 20.4646 20.7434 20.4646 21.9999C20.4646 23.2563 21.4832 24.2749 22.7396 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M28.3513 24.2749C28.2503 24.5036 28.2202 24.7573 28.2648 25.0033C28.3094 25.2493 28.4267 25.4763 28.6015 25.655L28.647 25.7005C28.788 25.8414 28.8999 26.0087 28.9762 26.1928C29.0526 26.3769 29.0919 26.5743 29.0919 26.7736C29.0919 26.9729 29.0526 27.1703 28.9762 27.3544C28.8999 27.5385 28.788 27.7058 28.647 27.8466C28.5062 27.9876 28.3389 28.0995 28.1548 28.1758C27.9707 28.2522 27.7733 28.2914 27.574 28.2914C27.3747 28.2914 27.1773 28.2522 26.9932 28.1758C26.8091 28.0995 26.6418 27.9876 26.5009 27.8466L26.4554 27.8011C26.2767 27.6263 26.0497 27.509 25.8037 27.4644C25.5577 27.4198 25.304 27.4499 25.0753 27.5509C24.851 27.647 24.6597 27.8066 24.525 28.0101C24.3902 28.2135 24.3179 28.4519 24.3169 28.696V28.8249C24.3169 29.2271 24.1572 29.6129 23.8727 29.8973C23.5883 30.1817 23.2025 30.3415 22.8003 30.3415C22.398 30.3415 22.0123 30.1817 21.7278 29.8973C21.4434 29.6129 21.2836 29.2271 21.2836 28.8249V28.7566C21.2777 28.5056 21.1965 28.2622 21.0504 28.058C20.9044 27.8538 20.7003 27.6982 20.4646 27.6115C20.2359 27.5106 19.9822 27.4805 19.7362 27.5251C19.4902 27.5697 19.2632 27.687 19.0844 27.8618L19.0389 27.9073C18.8981 28.0483 18.7308 28.1602 18.5467 28.2365C18.3626 28.3128 18.1652 28.3521 17.9659 28.3521C17.7666 28.3521 17.5692 28.3128 17.3851 28.2365C17.201 28.1602 17.0337 28.0483 16.8929 27.9073C16.7519 27.7664 16.64 27.5992 16.5637 27.415C16.4873 27.2309 16.448 27.0336 16.448 26.8342C16.448 26.6349 16.4873 26.4376 16.5637 26.2535C16.64 26.0693 16.7519 25.9021 16.8929 25.7612L16.9384 25.7157C17.1132 25.537 17.2305 25.31 17.2751 25.064C17.3197 24.818 17.2896 24.5643 17.1886 24.3355C17.0925 24.1112 16.9329 23.92 16.7294 23.7852C16.526 23.6505 16.2876 23.5782 16.0435 23.5772H15.9146C15.5124 23.5772 15.1266 23.4174 14.8422 23.133C14.5577 22.8486 14.3979 22.4628 14.3979 22.0605C14.3979 21.6583 14.5577 21.2725 14.8422 20.9881C15.1266 20.7037 15.5124 20.5439 15.9146 20.5439H15.9829C16.2339 20.538 16.4773 20.4568 16.6815 20.3107C16.8857 20.1646 17.0413 19.9605 17.1279 19.7249C17.2289 19.4961 17.259 19.2424 17.2144 18.9964C17.1698 18.7504 17.0525 18.5234 16.8777 18.3447L16.8322 18.2992C16.6912 18.1583 16.5793 17.9911 16.503 17.807C16.4267 17.6228 16.3874 17.4255 16.3874 17.2262C16.3874 17.0268 16.4267 16.8295 16.503 16.6454C16.5793 16.4612 16.6912 16.294 16.8322 16.1531C16.9731 16.0121 17.1403 15.9002 17.3244 15.8239C17.5086 15.7476 17.7059 15.7083 17.9052 15.7083C18.1046 15.7083 18.3019 15.7476 18.486 15.8239C18.6702 15.9002 18.8374 16.0121 18.9783 16.1531L19.0238 16.1986C19.2025 16.3734 19.4295 16.4907 19.6755 16.5353C19.9215 16.5799 20.1752 16.5498 20.4039 16.4489H20.4646C20.6889 16.3527 20.8802 16.1931 21.0149 15.9897C21.1497 15.7862 21.222 15.5478 21.2229 15.3038V15.1749C21.2229 14.7726 21.3827 14.3869 21.6672 14.1024C21.9516 13.818 22.3374 13.6582 22.7396 13.6582C23.1419 13.6582 23.5276 13.818 23.8121 14.1024C24.0965 14.3869 24.2563 14.7726 24.2563 15.1749V15.2431C24.2573 15.4871 24.3296 15.7256 24.4643 15.929C24.599 16.1325 24.7903 16.2921 25.0146 16.3882C25.2433 16.4891 25.4971 16.5193 25.7431 16.4747C25.9891 16.4301 26.2161 16.3128 26.3948 16.138L26.4403 16.0925C26.5811 15.9514 26.7484 15.8396 26.9325 15.7632C27.1167 15.6869 27.314 15.6476 27.5133 15.6476C27.7126 15.6476 27.91 15.6869 28.0941 15.7632C28.2782 15.8396 28.4455 15.9514 28.5864 16.0925C28.7274 16.2333 28.8392 16.4006 28.9156 16.5847C28.9919 16.7688 29.0312 16.9662 29.0312 17.1655C29.0312 17.3648 28.9919 17.5622 28.9156 17.7463C28.8392 17.9304 28.7274 18.0977 28.5864 18.2385L28.5409 18.284C28.366 18.4628 28.2488 18.6898 28.2042 18.9358C28.1596 19.1818 28.1897 19.4355 28.2906 19.6642V19.7249C28.3867 19.9492 28.5464 20.1404 28.7498 20.2752C28.9533 20.4099 29.1917 20.4822 29.4357 20.4832H29.5646C29.9669 20.4832 30.3526 20.643 30.6371 20.9274C30.9215 21.2119 31.0813 21.5976 31.0813 21.9999C31.0813 22.4021 30.9215 22.7879 30.6371 23.0723C30.3526 23.3567 29.9669 23.5165 29.5646 23.5165H29.4964C29.2523 23.5175 29.0139 23.5898 28.8105 23.7246C28.607 23.8593 28.4474 24.0506 28.3513 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_760_9988\" x=\"0.719727\" y=\"0.980469\" width=\"44.04\" height=\"44.04\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\r\n result=\"effect1_dropShadow_760_9988\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_760_9988\"\r\n result=\"shape\" />\r\n </filter>\r\n <clipPath id=\"clip0_760_9988\">\r\n <rect width=\"18.2\" height=\"18.2\" fill=\"white\"\r\n transform=\"translate(13.6396 12.9004)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n\r\n <button *ngIf=\"!noData && !loading\" type=\"button\" (click)=\"exportXLSX()\"\r\n class=\"btn btn-default mx-2 btn-outline btn-outline-default rounded-3 text-nowrap border-val\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\">\r\n <path d=\"M7.53369 12.8441H15.0241L13.5568 14.3172L14.3587 15.1191L17.2024 12.2754L14.3587 9.43164L13.5568 10.2336L15.0241 11.7066H7.53369V12.8441Z\" fill=\"black\"/>\r\n <path d=\"M12.6526 8.8631V6.5881C12.653 6.51325 12.6387 6.43904 12.6104 6.36975C12.5821 6.30045 12.5404 6.23743 12.4877 6.18428L8.5064 2.20303C8.45326 2.15032 8.39023 2.10862 8.32094 2.08031C8.25164 2.05201 8.17744 2.03766 8.10259 2.0381H2.41509C2.1134 2.0381 1.82408 2.15794 1.61075 2.37126C1.39743 2.58458 1.27759 2.87391 1.27759 3.1756V16.8256C1.27759 17.1273 1.39743 17.4166 1.61075 17.6299C1.82408 17.8433 2.1134 17.9631 2.41509 17.9631H11.5151C11.8168 17.9631 12.1061 17.8433 12.3194 17.6299C12.5327 17.4166 12.6526 17.1273 12.6526 16.8256V15.6881H11.5151V16.8256H2.41509V3.1756H6.96509V6.5881C6.96509 6.88978 7.08493 7.17911 7.29826 7.39243C7.51158 7.60575 7.80091 7.7256 8.10259 7.7256H11.5151V8.8631H12.6526ZM8.10259 6.5881V3.40878L11.2819 6.5881H8.10259Z\" fill=\"black\"/>\r\n</svg><span class=\"ms-2\">Export</span> </button>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"loading\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"noData\" class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-nodata-table\" src=\"./assets/tango/Icons/Nodata1.svg\" alt=\"\">\r\n <div class=\"nodata-title\">No data found</div>\r\n <div class=\"nodata-sub\">There is no result for this eye test table</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!noData && !loading\" class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table *ngIf=\"keyType ==='store'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('date')\"> Date <svg\r\n [ngClass]=\"sortedColumn === 'date' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'date' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th *ngIf=\"users?.role ==='superadmin'\" class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Cluster Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeName')\">Store Name <svg\r\n [ngClass]=\"sortedColumn === 'storeName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeId')\">Store ID <svg\r\n [ngClass]=\"sortedColumn === 'storeId' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeId' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th *ngIf=\"this.typeValue ==='remote'\" class=\"text-start\">Engagement ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Optum ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Queue ID</th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> \r\n </th>\r\n \r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('coveredStepsAI')\">Steps Covered By AI <svg\r\n [ngClass]=\"sortedColumn === 'coveredStepsAI' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'coveredStepsAI' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n\r\n <th *ngIf=\"this.typeValue !=='remote'\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('visitorsType')\">Visitor Type <svg\r\n [ngClass]=\"sortedColumn === 'visitorsType' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'visitorsType' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th class=\"text-start\">Test Duration</th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('comment')\">Eye Test Status <svg\r\n [ngClass]=\"sortedColumn === 'comment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'comment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('subComment')\">Comments <svg\r\n [ngClass]=\"sortedColumn === 'subComment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'subComment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('auditStatus')\">Audit Status <svg\r\n [ngClass]=\"sortedColumn === 'auditStatus' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditStatus' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\" (click)=\"onSort('auditedBy')\">Audited By <svg\r\n [ngClass]=\"sortedColumn === 'auditedBy' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditedBy' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.date | date:'dd MMM, yyyy'}}</td>\r\n <td *ngIf=\"users?.role ==='superadmin'\">{{obj?.RMName}}</td>\r\n <td *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\">{{obj?.clusterName}}</td>\r\n <td>{{obj?.storeName}}</td>\r\n <td>{{obj?.storeId}}</td>\r\n <td *ngIf=\"this.typeValue ==='remote'\" class=\"engage-text\">{{obj?.engagementId}}</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">{{obj?.optumId ? obj?.optumId :''}}\r\n </td>\r\n <td *ngIf=\"this.typeValue !=='remote'\" class=\"engage-text\">{{obj?.queueId ?\r\n obj?.queueId:''}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n <td>{{obj?.trustScore ?? '--'}}</td>\r\n <td>{{obj?.coveredStepsAI ? obj?.coveredStepsAI:'--'}}</td>\r\n <td class=\"text-capitalize\" *ngIf=\"this.typeValue !=='remote'\">{{obj?.visitorsType ?\r\n obj?.visitorsType:'--'}}</td>\r\n <td>{{obj?.min ? obj?.min :'0'}} mins {{obj?.sec ?\r\n obj?.sec:'0'}} secs</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">\r\n <span \r\n class=\"badge\" \r\n [ngClass]=\"obj?.comment ? 'badge-light-danger' : 'badge-light-success'\">\r\n {{ obj?.comment ? 'Fake' : 'Genuine' }}\r\n </span>\r\n</td>\r\n <td>{{obj?.subComment ? obj?.subComment:'--'}}</td>\r\n <td><span class=\"badge badge-light-primary\"\r\n *ngIf=\"obj?.auditStatus ==='Yet-to-Audit'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-warning\"\r\n *ngIf=\"obj?.auditStatus ==='Re-Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-success\"\r\n *ngIf=\"obj?.auditStatus ==='Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-info\"\r\n *ngIf=\"obj?.auditStatus ==='In-Progress'\">{{obj?.auditStatus}}</span>\r\n </td>\r\n <td>{{obj?.auditedBy?obj?.auditedBy:\"-\"}}</td>\r\n <td class=\"cursor-pointer\" (click)=\"eyeTestView(obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='rm'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterCount')\"> Clusters Count <svg\r\n [ngClass]=\"sortedColumn === 'clusterCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.RMName ? obj?.RMName:'--'}}</td>\r\n <td>{{obj?.clusterCount ? obj?.clusterCount:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>{{obj.complianceScore ?? '--'}}\r\n \r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('cluster',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='cluster'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n \r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Clusters Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.clusterName ? obj?.clusterName:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('store',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n <div class=\"card-footer\" *ngIf=\"!noData && !loading\">\r\n <lib-pagination [itemsPerPage]=\"pageSize\" [currentPage]=\"offset\" [totalItems]=\"totalItems\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"pageSize\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n</div>", styles: [":host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .md-drppicker.shown.drops-down-right{transform-origin:0 0;width:560px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.show-ranges.shown{top:65px!important}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;right:-475px!important;left:unset!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}.select-wrapper{position:relative;display:inline-block;width:100%}.placeholder-overlay{position:absolute;color:var(--Gray-500, #667085);font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400;top:10px;left:15px;pointer-events:none;font-size:1.1rem;z-index:1}table th,table td{height:44px!important;padding:12px 24px!important;gap:12px;align-self:stretch}table th{border-bottom:1px solid var(--Gray-200, #EAECF0)!important;background:var(--Gray-50, #F9FAFB)!important;color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:500!important;line-height:18px}table td{color:var(--Gray-900, #667085);font-size:14px!important;font-weight:500!important;line-height:20px}.bottom-border td{border-bottom:1px solid var(--Gray-200, #EAECF0)!important}.rotate{rotate:180deg;transition:1s}.engage-text{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:capitalize}.dashed{border-radius:4px;border:1px dashed var(--Error-500, #F04438)!important;background:var(--Error-25, #FFFBFA)}.dashed-desc{color:var(--Error-600, #3F4254)!important;font-size:14px;font-weight:600;line-height:24px}.card-header,.header{color:var(--Gray-900, #101828);font-size:20px!important;font-style:normal;font-weight:700;line-height:30px}.sub-header{color:var(--Gray-700, #344054);font-size:14px!important;font-style:normal;font-weight:600;line-height:20px}.ellipse1{border-radius:6px;border-bottom:2px solid var(--Gray-200, #EAECF0);background:radial-gradient(206.89% 107.47% at 16.16% 32.77%,#fff6,#45bbfe33),#f2f4f7;box-shadow:0 4px 10px #0000000d}.text-value{color:var(--Black, #101828);font-size:24px;font-weight:600;line-height:32px}.text-sub{color:var(--Error-600, #667085)!important;font-size:16px;font-weight:600;line-height:18px}.test-sub1{color:var(--Gray-800, #1D2939);font-size:12px;font-weight:400;line-height:18px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"], outputs: ["itemChange"] }, { kind: "component", type: CustomSelectComponent, selector: "lib-stores-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "component", type: GroupSelectComponent, selector: "lib-group-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
1325
1515
  }
1326
1516
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EyeTestComponent, decorators: [{
1327
1517
  type: Component,
1328
- args: [{ selector: "lib-eye-test", template: "<div class=\"card mb-2\">\r\n <form [formGroup]=\"eyeTestForm\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 mt-7 mb-3\">\r\n <div class=\"row px-3\">\r\n <!-- <div class=\"col-md-12\">\r\n <div class=\"row\"> -->\r\n <div class=\"col-3 mb-0\">\r\n <div class=\"position-relative\">\r\n <span style=\"top: 20%;\" class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14 z-2\" style=\"min-width: 230px !important;\" type=\"text\"\r\n matInput ngxDaterangepickerMd [drops]=\"'down'\" [opens]=\"'right'\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"false\" autocomplete=\"off\"\r\n [(ngModel)]=\"selectedDateRange\" [ngModelOptions]=\"{standalone: true}\"\r\n (datesUpdated)=\"datechange($event)\" (click)=\"resetValidation()\"\r\n (startDateChanged)=\"onStartDateChange($event)\" [isCustomDate]=\"isCustomDate\" [autoApply]=\"true\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n name=\"daterange\" [readonly]=\"true\" />\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2 mb-4' : 'col-2 mb-4'\" class=\"col-2 mb-4\">\r\n <lib-reactive-select formControlName=\"type\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"type\"\r\n (itemChange)=\"typeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-1 mb-4\">\r\n <lib-reactive-select formControlName=\"auditType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"auditType\"\r\n (itemChange)=\"auditTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <!-- </div>\r\n </div> -->\r\n <div *ngIf=\"users?.role ==='superadmin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('RmList')?.value?.length)\">\r\n Select RM\r\n </div>\r\n <lib-group-select [items]=\"RmList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'userName'\"\r\n [idField]=\"'userName'\" (selected)=\"onRmSelect($event)\" [selectedValues]=\"eyeTestForm.get('RmList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n \r\n \r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('ClusterList')?.value?.length)\">\r\n Select cluster\r\n </div>\r\n <lib-group-select [items]=\"ClusterList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'clusterName'\"\r\n [idField]=\"'clusterName'\" (selected)=\"ongroupSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('ClusterList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-md-3\">\r\n \r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('storeList')?.value?.length)\">\r\n Select Stores\r\n </div>\r\n <lib-stores-select [items]=\"storeList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'storeName'\"\r\n [idField]=\"'storeId'\" (selected)=\"onStoreSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('storeList')?.value\"></lib-stores-select>\r\n \r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2' : 'col-2'\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"complianceScore\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"typePercentageArray\" (itemChange)=\"typePercentageChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"nearAddition\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"nearAdditionArray\" (itemChange)=\"nearAdditionChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"category\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"categoryArray\" (itemChange)=\"categoryTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-7 mb-4' : 'col-5 mb-4'\" class=\"text-end\">\r\n <a (click)=\"onSubmit()\" type=\"submit\" class=\"btn btn-primary py-3\"><span>Apply</span></a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </form>\r\n</div>\r\n\r\n\r\n\r\n<div class=\"card my-3\">\r\n <div class=\"card-header border-0 py-1\">\r\n <h3 class=\"card-title dashed w-100 align-items-start flex-column\">\r\n <span class=\"title-text\"><span class=\"mx-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\"\r\n viewBox=\"0 0 32 32\" fill=\"none\">\r\n <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#FEE4E2\" />\r\n <g clip-path=\"url(#clip0_235_24234)\">\r\n <path\r\n d=\"M16 13.3335V16.0002M16 18.6668H16.0067M22.6667 16.0002C22.6667 19.6821 19.6819 22.6668 16 22.6668C12.3181 22.6668 9.33337 19.6821 9.33337 16.0002C9.33337 12.3183 12.3181 9.3335 16 9.3335C19.6819 9.3335 22.6667 12.3183 22.6667 16.0002Z\"\r\n stroke=\"#D92D20\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_235_24234\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span><span class=\"dashed-desc\">Eye test video preview is available for 30 days. Audit data\r\n remains accessible, but videos will not be retained beyond this period.</span></span>\r\n </h3>\r\n </div>\r\n</div>\r\n\r\n<div class=\"row\">\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"col\">\r\n <div class=\"card p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Regional Managers</h5>\r\n <span class=\"text-value\">{{RmListData ?? '--'}}</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"card mt-5 p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Clusters</h5>\r\n <span class=\"text-value\">{{groups?.length ?? '--'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType !=='rm' || users?.role ==='admin'\" class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Clusters</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ groups?.length ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Total Tango AI Files</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.totalFiles ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Audit Completed</h5>\r\n </div>\r\n <div class=\"card-body py-3 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.completedFiles ?? '-' }}</span>\r\n\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-sub\">{{ (eyeTestCardData?.completedRatio ?? '-') + '%' }} <span\r\n class=\"test-sub\">Completed</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Tango Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.tangoScore ?? '-' }}</span>\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span>\r\n <svg *ngIf=\"eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"\r\n viewBox=\"0 0 12 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3216_118)\">\r\n <path d=\"M11.5 3L6.75 7.75L4.25 5.25L0.5 9M11.5 3H8.5M11.5 3V6\" stroke=\"#039855\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3216_118\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <svg *ngIf=\"!eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_760_9776)\">\r\n <path d=\"M11.575 9L6.82495 4.25L4.32495 6.75L0.574951 3M11.575 9H8.57495M11.575 9V6\"\r\n stroke=\"#D92D20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_760_9776\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" transform=\"translate(0.0749512)\" />\r\n </clipPath>\r\n </defs>\r\n </svg> \r\n <span class=\"text-sub ms-2\">{{ eyeTestCardData?.tangoScoreTrend !== null \r\n ? (getAbsValue(eyeTestCardData.tangoScoreTrend) | number:'1.0-0':'en-US') + '%' \r\n : '-' }}\r\n <span\r\n class=\"test-sub1\">vs previous week</span></span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ (eyeTestCardData?.trustScore && eyeTestCardData?.trustScore !== 'NA' \r\n ? eyeTestCardData.trustScore + '%' \r\n : 'NA') }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<div class=\"card mt-3\">\r\n <div class=\"card-header border-0 pt-3\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span *ngIf=\"users?.role === 'superadmin' && keyType ==='rm'\" class=\"title-text mb-2\">\r\n Audit Summary\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n\r\n <!-- Admin + cluster present \u2192 RM Summary -->\r\n <div class=\"d-flex\">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='cluster' && users?.role === 'superadmin'\" (click)=\"typeVal('rm','')\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\" filterUnits=\"userSpaceOnUse\"\r\n color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"users?.role === 'admin' && keyType ==='cluster' || users?.role === 'superadmin' && keyType ==='cluster'\" class=\"title-text my-4 mb-2\">\r\n RM Summary\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary text-capitalize\">{{ eyeTestData[0]?.RMName ? eyeTestData[0]?.RMName :users?.userName ? users?.userName : users?.email }}</span>\r\n </span>\r\n </div>\r\n\r\n <!-- All other cases \u2192 Eye Test -->\r\n <div class=\"d-flex \">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'admin' || users?.role === 'superadmin')\"\r\n (click)=\"typeVal('cluster',this.rmEmail)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"!(users?.role === 'superadmin' && keyType ==='rm') && !(users?.role === 'superadmin' && keyType ==='cluster') \r\n && !(users?.role === 'admin' && keyType ==='cluster')\" class=\"title-text my-4 mb-2\">\r\n Eye Test\r\n <span *ngIf=\"totalItems\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n </div>\r\n <span *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='admin' && keyType ==='cluster'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='user' && keyType ==='store'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n </h3>\r\n <div class=\"card-toolbar\">\r\n <div class=\"d-flex\">\r\n <div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect opacity=\"0.5\" x=\"17.0365\" y=\"15.1223\" width=\"8.15546\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(45 17.0365 15.1223)\" fill=\"currentColor\"></rect>\r\n <path\r\n d=\"M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z\"\r\n fill=\"currentColor\"></path>\r\n </svg>\r\n </span>\r\n <input (change)=\"searchData()\" [(ngModel)]=\"searchValue\" type=\"text\" class=\"form-control ps-14 me-2\" autocomplete=\"off\"\r\n [placeholder]=\"\r\n keyType === 'rm'\r\n ? 'Search by RMName'\r\n : keyType === 'cluster'\r\n ? 'Search by Cluster'\r\n : 'Search'\r\n \" />\r\n\r\n\r\n <span class=\"cursor-pointer\" *ngIf=\"users?.role ==='superadmin'\" (click)=\"settingsView()\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"46\"\r\n viewBox=\"0 0 45 46\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_760_9988)\">\r\n <rect x=\"2.71973\" y=\"1.98047\" width=\"40.04\" height=\"40.04\" rx=\"7.28\" fill=\"white\" />\r\n <rect x=\"3.17473\" y=\"2.43547\" width=\"39.13\" height=\"39.13\" rx=\"6.825\" stroke=\"#D0D5DD\"\r\n stroke-width=\"0.91\" />\r\n <g clip-path=\"url(#clip0_760_9988)\">\r\n <path\r\n d=\"M22.7396 24.2749C23.9961 24.2749 25.0146 23.2563 25.0146 21.9999C25.0146 20.7434 23.9961 19.7249 22.7396 19.7249C21.4832 19.7249 20.4646 20.7434 20.4646 21.9999C20.4646 23.2563 21.4832 24.2749 22.7396 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M28.3513 24.2749C28.2503 24.5036 28.2202 24.7573 28.2648 25.0033C28.3094 25.2493 28.4267 25.4763 28.6015 25.655L28.647 25.7005C28.788 25.8414 28.8999 26.0087 28.9762 26.1928C29.0526 26.3769 29.0919 26.5743 29.0919 26.7736C29.0919 26.9729 29.0526 27.1703 28.9762 27.3544C28.8999 27.5385 28.788 27.7058 28.647 27.8466C28.5062 27.9876 28.3389 28.0995 28.1548 28.1758C27.9707 28.2522 27.7733 28.2914 27.574 28.2914C27.3747 28.2914 27.1773 28.2522 26.9932 28.1758C26.8091 28.0995 26.6418 27.9876 26.5009 27.8466L26.4554 27.8011C26.2767 27.6263 26.0497 27.509 25.8037 27.4644C25.5577 27.4198 25.304 27.4499 25.0753 27.5509C24.851 27.647 24.6597 27.8066 24.525 28.0101C24.3902 28.2135 24.3179 28.4519 24.3169 28.696V28.8249C24.3169 29.2271 24.1572 29.6129 23.8727 29.8973C23.5883 30.1817 23.2025 30.3415 22.8003 30.3415C22.398 30.3415 22.0123 30.1817 21.7278 29.8973C21.4434 29.6129 21.2836 29.2271 21.2836 28.8249V28.7566C21.2777 28.5056 21.1965 28.2622 21.0504 28.058C20.9044 27.8538 20.7003 27.6982 20.4646 27.6115C20.2359 27.5106 19.9822 27.4805 19.7362 27.5251C19.4902 27.5697 19.2632 27.687 19.0844 27.8618L19.0389 27.9073C18.8981 28.0483 18.7308 28.1602 18.5467 28.2365C18.3626 28.3128 18.1652 28.3521 17.9659 28.3521C17.7666 28.3521 17.5692 28.3128 17.3851 28.2365C17.201 28.1602 17.0337 28.0483 16.8929 27.9073C16.7519 27.7664 16.64 27.5992 16.5637 27.415C16.4873 27.2309 16.448 27.0336 16.448 26.8342C16.448 26.6349 16.4873 26.4376 16.5637 26.2535C16.64 26.0693 16.7519 25.9021 16.8929 25.7612L16.9384 25.7157C17.1132 25.537 17.2305 25.31 17.2751 25.064C17.3197 24.818 17.2896 24.5643 17.1886 24.3355C17.0925 24.1112 16.9329 23.92 16.7294 23.7852C16.526 23.6505 16.2876 23.5782 16.0435 23.5772H15.9146C15.5124 23.5772 15.1266 23.4174 14.8422 23.133C14.5577 22.8486 14.3979 22.4628 14.3979 22.0605C14.3979 21.6583 14.5577 21.2725 14.8422 20.9881C15.1266 20.7037 15.5124 20.5439 15.9146 20.5439H15.9829C16.2339 20.538 16.4773 20.4568 16.6815 20.3107C16.8857 20.1646 17.0413 19.9605 17.1279 19.7249C17.2289 19.4961 17.259 19.2424 17.2144 18.9964C17.1698 18.7504 17.0525 18.5234 16.8777 18.3447L16.8322 18.2992C16.6912 18.1583 16.5793 17.9911 16.503 17.807C16.4267 17.6228 16.3874 17.4255 16.3874 17.2262C16.3874 17.0268 16.4267 16.8295 16.503 16.6454C16.5793 16.4612 16.6912 16.294 16.8322 16.1531C16.9731 16.0121 17.1403 15.9002 17.3244 15.8239C17.5086 15.7476 17.7059 15.7083 17.9052 15.7083C18.1046 15.7083 18.3019 15.7476 18.486 15.8239C18.6702 15.9002 18.8374 16.0121 18.9783 16.1531L19.0238 16.1986C19.2025 16.3734 19.4295 16.4907 19.6755 16.5353C19.9215 16.5799 20.1752 16.5498 20.4039 16.4489H20.4646C20.6889 16.3527 20.8802 16.1931 21.0149 15.9897C21.1497 15.7862 21.222 15.5478 21.2229 15.3038V15.1749C21.2229 14.7726 21.3827 14.3869 21.6672 14.1024C21.9516 13.818 22.3374 13.6582 22.7396 13.6582C23.1419 13.6582 23.5276 13.818 23.8121 14.1024C24.0965 14.3869 24.2563 14.7726 24.2563 15.1749V15.2431C24.2573 15.4871 24.3296 15.7256 24.4643 15.929C24.599 16.1325 24.7903 16.2921 25.0146 16.3882C25.2433 16.4891 25.4971 16.5193 25.7431 16.4747C25.9891 16.4301 26.2161 16.3128 26.3948 16.138L26.4403 16.0925C26.5811 15.9514 26.7484 15.8396 26.9325 15.7632C27.1167 15.6869 27.314 15.6476 27.5133 15.6476C27.7126 15.6476 27.91 15.6869 28.0941 15.7632C28.2782 15.8396 28.4455 15.9514 28.5864 16.0925C28.7274 16.2333 28.8392 16.4006 28.9156 16.5847C28.9919 16.7688 29.0312 16.9662 29.0312 17.1655C29.0312 17.3648 28.9919 17.5622 28.9156 17.7463C28.8392 17.9304 28.7274 18.0977 28.5864 18.2385L28.5409 18.284C28.366 18.4628 28.2488 18.6898 28.2042 18.9358C28.1596 19.1818 28.1897 19.4355 28.2906 19.6642V19.7249C28.3867 19.9492 28.5464 20.1404 28.7498 20.2752C28.9533 20.4099 29.1917 20.4822 29.4357 20.4832H29.5646C29.9669 20.4832 30.3526 20.643 30.6371 20.9274C30.9215 21.2119 31.0813 21.5976 31.0813 21.9999C31.0813 22.4021 30.9215 22.7879 30.6371 23.0723C30.3526 23.3567 29.9669 23.5165 29.5646 23.5165H29.4964C29.2523 23.5175 29.0139 23.5898 28.8105 23.7246C28.607 23.8593 28.4474 24.0506 28.3513 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_760_9988\" x=\"0.719727\" y=\"0.980469\" width=\"44.04\" height=\"44.04\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\r\n result=\"effect1_dropShadow_760_9988\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_760_9988\"\r\n result=\"shape\" />\r\n </filter>\r\n <clipPath id=\"clip0_760_9988\">\r\n <rect width=\"18.2\" height=\"18.2\" fill=\"white\"\r\n transform=\"translate(13.6396 12.9004)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n\r\n <button *ngIf=\"!noData && !loading\" type=\"button\" (click)=\"exportXLSX()\"\r\n class=\"btn btn-default mx-2 btn-outline btn-outline-default rounded-3 text-nowrap border-val\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\">\r\n <path d=\"M7.53369 12.8441H15.0241L13.5568 14.3172L14.3587 15.1191L17.2024 12.2754L14.3587 9.43164L13.5568 10.2336L15.0241 11.7066H7.53369V12.8441Z\" fill=\"black\"/>\r\n <path d=\"M12.6526 8.8631V6.5881C12.653 6.51325 12.6387 6.43904 12.6104 6.36975C12.5821 6.30045 12.5404 6.23743 12.4877 6.18428L8.5064 2.20303C8.45326 2.15032 8.39023 2.10862 8.32094 2.08031C8.25164 2.05201 8.17744 2.03766 8.10259 2.0381H2.41509C2.1134 2.0381 1.82408 2.15794 1.61075 2.37126C1.39743 2.58458 1.27759 2.87391 1.27759 3.1756V16.8256C1.27759 17.1273 1.39743 17.4166 1.61075 17.6299C1.82408 17.8433 2.1134 17.9631 2.41509 17.9631H11.5151C11.8168 17.9631 12.1061 17.8433 12.3194 17.6299C12.5327 17.4166 12.6526 17.1273 12.6526 16.8256V15.6881H11.5151V16.8256H2.41509V3.1756H6.96509V6.5881C6.96509 6.88978 7.08493 7.17911 7.29826 7.39243C7.51158 7.60575 7.80091 7.7256 8.10259 7.7256H11.5151V8.8631H12.6526ZM8.10259 6.5881V3.40878L11.2819 6.5881H8.10259Z\" fill=\"black\"/>\r\n</svg><span class=\"ms-2\">Export</span> </button>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"loading\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"noData\" class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-nodata-table\" src=\"./assets/tango/Icons/Nodata1.svg\" alt=\"\">\r\n <div class=\"nodata-title\">No data found</div>\r\n <div class=\"nodata-sub\">There is no result for this eye test table</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!noData && !loading\" class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table *ngIf=\"keyType ==='store'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('date')\"> Date <svg\r\n [ngClass]=\"sortedColumn === 'date' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'date' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Cluster Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeName')\">Store Name <svg\r\n [ngClass]=\"sortedColumn === 'storeName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeId')\">Store ID <svg\r\n [ngClass]=\"sortedColumn === 'storeId' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeId' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th *ngIf=\"this.typeValue ==='remote'\" class=\"text-start\">Engagement ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Optom ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Queue ID</th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> \r\n </th>\r\n \r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('coveredStepsAI')\">Steps Covered By AI <svg\r\n [ngClass]=\"sortedColumn === 'coveredStepsAI' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'coveredStepsAI' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n\r\n <th *ngIf=\"this.typeValue !=='remote'\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('visitorsType')\">Visitor Type <svg\r\n [ngClass]=\"sortedColumn === 'visitorsType' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'visitorsType' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th class=\"text-start\">Test Duration</th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('comment')\">Eye Test Status <svg\r\n [ngClass]=\"sortedColumn === 'comment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'comment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('subComment')\">Comments <svg\r\n [ngClass]=\"sortedColumn === 'subComment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'subComment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('auditStatus')\">Audit Status <svg\r\n [ngClass]=\"sortedColumn === 'auditStatus' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditStatus' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\" (click)=\"onSort('auditedBy')\">Audited By <svg\r\n [ngClass]=\"sortedColumn === 'auditedBy' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditedBy' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.date | date:'dd MMM, yyyy'}}</td>\r\n <td>{{obj?.RMName}}</td>\r\n <td>{{obj?.clusterName}}</td>\r\n <td>{{obj?.storeName}}</td>\r\n <td>{{obj?.storeId}}</td>\r\n <td *ngIf=\"this.typeValue ==='remote'\" class=\"engage-text\">{{obj?.engagementId}}</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">{{obj?.optumId ? obj?.optumId :''}}\r\n </td>\r\n <td *ngIf=\"this.typeValue !=='remote'\" class=\"engage-text\">{{obj?.queueId ?\r\n obj?.queueId:''}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n <td>{{obj?.trustScore ?? '--'}}</td>\r\n <td>{{obj?.coveredStepsAI ? obj?.coveredStepsAI:'--'}}</td>\r\n <td class=\"text-capitalize\" *ngIf=\"this.typeValue !=='remote'\">{{obj?.visitorsType ?\r\n obj?.visitorsType:'--'}}</td>\r\n <td>{{obj?.min ? obj?.min :'0'}} mins {{obj?.sec ?\r\n obj?.sec:'0'}} secs</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">\r\n <span \r\n class=\"badge\" \r\n [ngClass]=\"obj?.comment ? 'badge-light-danger' : 'badge-light-success'\">\r\n {{ obj?.comment ? 'Fake' : 'Genuine' }}\r\n </span>\r\n</td>\r\n <td>{{obj?.subComment ? obj?.subComment:'--'}}</td>\r\n <td><span class=\"badge badge-light-primary\"\r\n *ngIf=\"obj?.auditStatus ==='Yet-to-Audit'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-warning\"\r\n *ngIf=\"obj?.auditStatus ==='Re-Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-success\"\r\n *ngIf=\"obj?.auditStatus ==='Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-info\"\r\n *ngIf=\"obj?.auditStatus ==='In-Progress'\">{{obj?.auditStatus}}</span>\r\n </td>\r\n <td>{{obj?.auditedBy?obj?.auditedBy:\"-\"}}</td>\r\n <td class=\"cursor-pointer\" (click)=\"eyeTestView(obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='rm'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterCount')\"> Clusters Count <svg\r\n [ngClass]=\"sortedColumn === 'clusterCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.RMName ? obj?.RMName:'--'}}</td>\r\n <td>{{obj?.clusterCount ? obj?.clusterCount:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>{{obj.complianceScore ?? '--'}}\r\n \r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('cluster',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='cluster'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n \r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Clusters Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.clusterName ? obj?.clusterName:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('store',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n <div class=\"card-footer\" *ngIf=\"!noData && !loading\">\r\n <lib-pagination [itemsPerPage]=\"pageSize\" [currentPage]=\"offset\" [totalItems]=\"totalItems\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"pageSize\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n</div>", styles: [":host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .md-drppicker.shown.drops-down-right{transform-origin:0 0;width:560px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.show-ranges.shown{top:65px!important}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;right:-475px!important;left:unset!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}.select-wrapper{position:relative;display:inline-block;width:100%}.placeholder-overlay{position:absolute;color:var(--Gray-500, #667085);font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400;top:10px;left:15px;pointer-events:none;font-size:1.1rem;z-index:1}table th,table td{height:44px!important;padding:12px 24px!important;gap:12px;align-self:stretch}table th{border-bottom:1px solid var(--Gray-200, #EAECF0)!important;background:var(--Gray-50, #F9FAFB)!important;color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:500!important;line-height:18px}table td{color:var(--Gray-900, #667085);font-size:14px!important;font-weight:500!important;line-height:20px}.bottom-border td{border-bottom:1px solid var(--Gray-200, #EAECF0)!important}.rotate{rotate:180deg;transition:1s}.engage-text{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:capitalize}.dashed{border-radius:4px;border:1px dashed var(--Error-500, #F04438)!important;background:var(--Error-25, #FFFBFA)}.dashed-desc{color:var(--Error-600, #D92D20)!important;font-size:16px;font-weight:400;line-height:24px}.card-header,.header{color:var(--Gray-900, #101828);font-size:20px!important;font-style:normal;font-weight:700;line-height:30px}.sub-header{color:var(--Gray-700, #344054);font-size:14px!important;font-style:normal;font-weight:600;line-height:20px}.ellipse1{border-radius:6px;border-bottom:2px solid var(--Gray-200, #EAECF0);background:radial-gradient(206.89% 107.47% at 16.16% 32.77%,#fff6,#45bbfe33),#f2f4f7;box-shadow:0 4px 10px #0000000d}.text-value{color:var(--Black, #101828);font-size:24px;font-weight:600;line-height:32px}.text-sub{color:var(--Error-600, #667085)!important;font-size:16px;font-weight:600;line-height:18px}.test-sub1{color:var(--Gray-800, #1D2939);font-size:12px;font-weight:400;line-height:18px}\n"] }]
1518
+ args: [{ selector: "lib-eye-test", template: "<div class=\"card mb-2\">\r\n <div *ngIf=\"loading1\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <form *ngIf=\"!loading1\" [formGroup]=\"eyeTestForm\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 mt-7 mb-3\">\r\n <div class=\"row px-3\">\r\n <!-- <div class=\"col-md-12\">\r\n <div class=\"row\"> -->\r\n <div class=\"col-3 mb-0\">\r\n <div class=\"position-relative\">\r\n <span style=\"top: 20%;\" class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14 z-2\" style=\"min-width: 230px !important;\" type=\"text\"\r\n matInput ngxDaterangepickerMd [drops]=\"'down'\" [opens]=\"'right'\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"false\" autocomplete=\"off\"\r\n [(ngModel)]=\"selectedDateRange\" [ngModelOptions]=\"{standalone: true}\"\r\n (datesUpdated)=\"datechange($event)\" (click)=\"resetValidation()\"\r\n (startDateChanged)=\"onStartDateChange($event)\" [isCustomDate]=\"isCustomDate\" [autoApply]=\"true\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n name=\"daterange\" [readonly]=\"true\" />\r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2 mb-4' : 'col-2 mb-4'\" class=\"col-2 mb-4\">\r\n <lib-reactive-select formControlName=\"type\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"type\"\r\n (itemChange)=\"typeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-1 mb-4\">\r\n <lib-reactive-select formControlName=\"auditType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"auditType\"\r\n (itemChange)=\"auditTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n <!-- </div>\r\n </div> -->\r\n <div *ngIf=\"users?.role ==='superadmin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('RmList')?.value?.length)\">\r\n Select RM\r\n </div>\r\n <lib-group-select [items]=\"RmList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'userName'\"\r\n [idField]=\"'userName'\" (selected)=\"onRmSelect($event)\" [selectedValues]=\"eyeTestForm.get('RmList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n \r\n \r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"col-md-3\">\r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('ClusterList')?.value?.length)\">\r\n Select cluster\r\n </div>\r\n <lib-group-select [items]=\"ClusterList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'clusterName'\"\r\n [idField]=\"'clusterName'\" (selected)=\"ongroupSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('ClusterList')?.value\">\r\n </lib-group-select>\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-md-3\">\r\n \r\n <div class=\"select-wrapper\">\r\n <div class=\"placeholder-overlay\" *ngIf=\"!(eyeTestForm.get('storeList')?.value?.length)\">\r\n Select Stores\r\n </div>\r\n <lib-stores-select [items]=\"storeList\" [disabled]=\"false\" [multi]=\"true\" [searchField]=\"'storeName'\"\r\n [idField]=\"'storeId'\" (selected)=\"onStoreSelect($event)\"\r\n [selectedValues]=\"eyeTestForm.get('storeList')?.value\"></lib-stores-select>\r\n \r\n </div>\r\n </div>\r\n <div [ngClass]=\"eyeTestForm.get('type')?.value ==='remote' ? 'col-2' : 'col-2'\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"complianceScore\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"typePercentageArray\" (itemChange)=\"typePercentageChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"nearAddition\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"nearAdditionArray\" (itemChange)=\"nearAdditionChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div *ngIf=\"eyeTestForm.get('type')?.value !=='remote'\" class=\"col-md-2\">\r\n <div class=\"mb-4\">\r\n <lib-reactive-select formControlName=\"category\" [idField]=\"'value'\" [nameField]=\"'label'\"\r\n [data]=\"categoryArray\" (itemChange)=\"categoryTypeChange($event)\"></lib-reactive-select>\r\n </div>\r\n </div>\r\n <div \r\n *ngIf=\"users?.role\" \r\n class=\"text-end\"\r\n [ngClass]=\"getApplyButtonClass(users?.role, eyeTestForm.get('type')?.value)\"\r\n>\r\n <a (click)=\"onSubmit()\" type=\"submit\" class=\"btn btn-sm btn-primary py-3\">\r\n <span>Apply</span>\r\n </a>\r\n</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </form>\r\n <div *ngIf=\"showEyeTest\" class=\"ms-6 mb-3\">\r\n\r\n <h3 class=\"card-title dashed w-100 row\">\r\n <span class=\"col-10 title-text py-3\"><span class=\"mx-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\"\r\n viewBox=\"0 0 32 32\" fill=\"none\">\r\n <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#FEE4E2\" />\r\n <g clip-path=\"url(#clip0_235_24234)\">\r\n <path\r\n d=\"M16 13.3335V16.0002M16 18.6668H16.0067M22.6667 16.0002C22.6667 19.6821 19.6819 22.6668 16 22.6668C12.3181 22.6668 9.33337 19.6821 9.33337 16.0002C9.33337 12.3183 12.3181 9.3335 16 9.3335C19.6819 9.3335 22.6667 12.3183 22.6667 16.0002Z\"\r\n stroke=\"#D92D20\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_235_24234\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span><span class=\"dashed-desc\">Eye test video preview is available for 30 days. Audit data\r\n remains accessible, but videos will not be retained beyond this period.</span></span>\r\n <span class=\"col-2 pt-2 text-end cursor-pointer\" (click)=\"closeEyeTest()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n <path d=\"M25 15L15 25M15 15L25 25\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </span>\r\n </h3>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- <div class=\"card my-3\">\r\n <div class=\"card-header border-0 py-1\">\r\n \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"row\">\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"col\">\r\n <div class=\"card p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Regional Managers</h5>\r\n <span class=\"text-value\">{{RmListData ?? '--'}}</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"card mt-5 p-2\">\r\n <div class=\"card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center\">\r\n <h5 class=\"card-title my-0\">Clusters</h5>\r\n <span class=\"text-value\">{{groups?.length ?? '--'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"users?.role ==='superadmin' && keyType !=='rm' || users?.role ==='admin'\" class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Clusters</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ groups?.length ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Total Tango AI Files</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.totalFiles ?? '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Audit Completed</h5>\r\n </div>\r\n <div class=\"card-body py-3 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.completedFiles ?? '-' }}</span>\r\n\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-sub\">{{ (eyeTestCardData?.completedRatio ?? '-') + '%' }} <span\r\n class=\"test-sub\">Completed</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Tango Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ eyeTestCardData?.tangoScore ?? '-' }}</span>\r\n </div>\r\n <div class=\"card-footer py-0 border-0 d-flex justify-content-center align-items-center\">\r\n <span>\r\n <svg *ngIf=\"eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"\r\n viewBox=\"0 0 12 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3216_118)\">\r\n <path d=\"M11.5 3L6.75 7.75L4.25 5.25L0.5 9M11.5 3H8.5M11.5 3V6\" stroke=\"#039855\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3216_118\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <svg *ngIf=\"!eyeTestCardData?.trend\" xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_760_9776)\">\r\n <path d=\"M11.575 9L6.82495 4.25L4.32495 6.75L0.574951 3M11.575 9H8.57495M11.575 9V6\"\r\n stroke=\"#D92D20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_760_9776\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\" transform=\"translate(0.0749512)\" />\r\n </clipPath>\r\n </defs>\r\n </svg> \r\n <span class=\"text-sub ms-2\">{{ eyeTestCardData?.tangoScoreTrend !== null \r\n ? (getAbsValue(eyeTestCardData.tangoScoreTrend) | number:'1.0-0':'en-US') + '%' \r\n : '-' }}\r\n <span\r\n class=\"test-sub1\">vs previous week</span></span></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col\">\r\n <div class=\"card h-100 p-2\">\r\n <div class=\"card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center\">\r\n <h5 class=\"card-title\">Trust Score</h5>\r\n </div>\r\n <div class=\"card-body py-7 d-flex justify-content-center align-items-center\">\r\n <span class=\"text-value\">{{ (eyeTestCardData?.trustScore && eyeTestCardData?.trustScore !== 'NA' \r\n ? eyeTestCardData.trustScore + '%' \r\n : 'NA') }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<div class=\"card mt-3\">\r\n <div class=\"card-header border-0 pt-3\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span *ngIf=\"users?.role === 'superadmin' && keyType ==='rm'\" class=\"title-text mb-2\">\r\n Audit Summary\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n\r\n <!-- Admin + cluster present \u2192 RM Summary -->\r\n <div class=\"d-flex\">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='cluster' && users?.role === 'superadmin'\" (click)=\"typeVal('rm','')\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\" filterUnits=\"userSpaceOnUse\"\r\n color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"users?.role === 'admin' && keyType ==='cluster' || users?.role === 'superadmin' && keyType ==='cluster'\" class=\"title-text my-4 mb-2\">\r\n RM Summary\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary text-capitalize\">{{ eyeTestData[0]?.RMName ? eyeTestData[0]?.RMName : '' }}</span>\r\n </span>\r\n </div>\r\n\r\n <!-- All other cases \u2192 Eye Test -->\r\n <div class=\"d-flex \">\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'superadmin')\"\r\n (click)=\"typeVal1('cluster',this.rmEmail)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span class=\"me-2 cursor-pointer\" *ngIf=\"keyType ==='store' && (users?.role === 'admin')\"\r\n (click)=\"typeVal('cluster',this.groups)\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_745_12128)\">\r\n <rect x=\"2\" y=\"1\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" />\r\n <rect x=\"2.5\" y=\"1.5\" width=\"39\" height=\"39\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n <path\r\n d=\"M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_745_12128\" x=\"0\" y=\"0\" width=\"44\" height=\"44\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_745_12128\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_745_12128\"\r\n result=\"shape\" />\r\n </filter>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span *ngIf=\"!(users?.role === 'superadmin' && keyType ==='rm') && !(users?.role === 'superadmin' && keyType ==='cluster') \r\n && !(users?.role === 'admin' && keyType ==='cluster')\" class=\"title-text my-4 mb-2\">\r\n Eye Test\r\n <span *ngIf=\"!loading\" class=\"badge badge-light-primary\">{{ totalItems }} Total</span>\r\n </span>\r\n </div>\r\n <span *ngIf=\"users?.role ==='superadmin' && keyType ==='rm'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='admin' && keyType ==='cluster'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n <span *ngIf=\"users?.role ==='user' && keyType ==='store'\" class=\"text-sub my-2\">Based on {{ headDate | date: 'MMM d' }} - {{\r\n headDateEnd | date: 'MMM d, y' }}</span>\r\n </h3>\r\n <div class=\"card-toolbar\">\r\n <div class=\"d-flex\">\r\n <div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect opacity=\"0.5\" x=\"17.0365\" y=\"15.1223\" width=\"8.15546\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(45 17.0365 15.1223)\" fill=\"currentColor\"></rect>\r\n <path\r\n d=\"M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z\"\r\n fill=\"currentColor\"></path>\r\n </svg>\r\n </span>\r\n <input (change)=\"searchData()\" [(ngModel)]=\"searchValue\" type=\"text\" class=\"form-control ps-14 me-2\" autocomplete=\"off\"\r\n [placeholder]=\"\r\n keyType === 'rm'\r\n ? 'Search by RMName'\r\n : keyType === 'cluster'\r\n ? 'Search by Cluster'\r\n : 'Search'\r\n \" />\r\n\r\n\r\n <span class=\"cursor-pointer\" *ngIf=\"users?.role ==='superadmin'\" (click)=\"settingsView()\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"46\"\r\n viewBox=\"0 0 45 46\" fill=\"none\">\r\n <g filter=\"url(#filter0_d_760_9988)\">\r\n <rect x=\"2.71973\" y=\"1.98047\" width=\"40.04\" height=\"40.04\" rx=\"7.28\" fill=\"white\" />\r\n <rect x=\"3.17473\" y=\"2.43547\" width=\"39.13\" height=\"39.13\" rx=\"6.825\" stroke=\"#D0D5DD\"\r\n stroke-width=\"0.91\" />\r\n <g clip-path=\"url(#clip0_760_9988)\">\r\n <path\r\n d=\"M22.7396 24.2749C23.9961 24.2749 25.0146 23.2563 25.0146 21.9999C25.0146 20.7434 23.9961 19.7249 22.7396 19.7249C21.4832 19.7249 20.4646 20.7434 20.4646 21.9999C20.4646 23.2563 21.4832 24.2749 22.7396 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M28.3513 24.2749C28.2503 24.5036 28.2202 24.7573 28.2648 25.0033C28.3094 25.2493 28.4267 25.4763 28.6015 25.655L28.647 25.7005C28.788 25.8414 28.8999 26.0087 28.9762 26.1928C29.0526 26.3769 29.0919 26.5743 29.0919 26.7736C29.0919 26.9729 29.0526 27.1703 28.9762 27.3544C28.8999 27.5385 28.788 27.7058 28.647 27.8466C28.5062 27.9876 28.3389 28.0995 28.1548 28.1758C27.9707 28.2522 27.7733 28.2914 27.574 28.2914C27.3747 28.2914 27.1773 28.2522 26.9932 28.1758C26.8091 28.0995 26.6418 27.9876 26.5009 27.8466L26.4554 27.8011C26.2767 27.6263 26.0497 27.509 25.8037 27.4644C25.5577 27.4198 25.304 27.4499 25.0753 27.5509C24.851 27.647 24.6597 27.8066 24.525 28.0101C24.3902 28.2135 24.3179 28.4519 24.3169 28.696V28.8249C24.3169 29.2271 24.1572 29.6129 23.8727 29.8973C23.5883 30.1817 23.2025 30.3415 22.8003 30.3415C22.398 30.3415 22.0123 30.1817 21.7278 29.8973C21.4434 29.6129 21.2836 29.2271 21.2836 28.8249V28.7566C21.2777 28.5056 21.1965 28.2622 21.0504 28.058C20.9044 27.8538 20.7003 27.6982 20.4646 27.6115C20.2359 27.5106 19.9822 27.4805 19.7362 27.5251C19.4902 27.5697 19.2632 27.687 19.0844 27.8618L19.0389 27.9073C18.8981 28.0483 18.7308 28.1602 18.5467 28.2365C18.3626 28.3128 18.1652 28.3521 17.9659 28.3521C17.7666 28.3521 17.5692 28.3128 17.3851 28.2365C17.201 28.1602 17.0337 28.0483 16.8929 27.9073C16.7519 27.7664 16.64 27.5992 16.5637 27.415C16.4873 27.2309 16.448 27.0336 16.448 26.8342C16.448 26.6349 16.4873 26.4376 16.5637 26.2535C16.64 26.0693 16.7519 25.9021 16.8929 25.7612L16.9384 25.7157C17.1132 25.537 17.2305 25.31 17.2751 25.064C17.3197 24.818 17.2896 24.5643 17.1886 24.3355C17.0925 24.1112 16.9329 23.92 16.7294 23.7852C16.526 23.6505 16.2876 23.5782 16.0435 23.5772H15.9146C15.5124 23.5772 15.1266 23.4174 14.8422 23.133C14.5577 22.8486 14.3979 22.4628 14.3979 22.0605C14.3979 21.6583 14.5577 21.2725 14.8422 20.9881C15.1266 20.7037 15.5124 20.5439 15.9146 20.5439H15.9829C16.2339 20.538 16.4773 20.4568 16.6815 20.3107C16.8857 20.1646 17.0413 19.9605 17.1279 19.7249C17.2289 19.4961 17.259 19.2424 17.2144 18.9964C17.1698 18.7504 17.0525 18.5234 16.8777 18.3447L16.8322 18.2992C16.6912 18.1583 16.5793 17.9911 16.503 17.807C16.4267 17.6228 16.3874 17.4255 16.3874 17.2262C16.3874 17.0268 16.4267 16.8295 16.503 16.6454C16.5793 16.4612 16.6912 16.294 16.8322 16.1531C16.9731 16.0121 17.1403 15.9002 17.3244 15.8239C17.5086 15.7476 17.7059 15.7083 17.9052 15.7083C18.1046 15.7083 18.3019 15.7476 18.486 15.8239C18.6702 15.9002 18.8374 16.0121 18.9783 16.1531L19.0238 16.1986C19.2025 16.3734 19.4295 16.4907 19.6755 16.5353C19.9215 16.5799 20.1752 16.5498 20.4039 16.4489H20.4646C20.6889 16.3527 20.8802 16.1931 21.0149 15.9897C21.1497 15.7862 21.222 15.5478 21.2229 15.3038V15.1749C21.2229 14.7726 21.3827 14.3869 21.6672 14.1024C21.9516 13.818 22.3374 13.6582 22.7396 13.6582C23.1419 13.6582 23.5276 13.818 23.8121 14.1024C24.0965 14.3869 24.2563 14.7726 24.2563 15.1749V15.2431C24.2573 15.4871 24.3296 15.7256 24.4643 15.929C24.599 16.1325 24.7903 16.2921 25.0146 16.3882C25.2433 16.4891 25.4971 16.5193 25.7431 16.4747C25.9891 16.4301 26.2161 16.3128 26.3948 16.138L26.4403 16.0925C26.5811 15.9514 26.7484 15.8396 26.9325 15.7632C27.1167 15.6869 27.314 15.6476 27.5133 15.6476C27.7126 15.6476 27.91 15.6869 28.0941 15.7632C28.2782 15.8396 28.4455 15.9514 28.5864 16.0925C28.7274 16.2333 28.8392 16.4006 28.9156 16.5847C28.9919 16.7688 29.0312 16.9662 29.0312 17.1655C29.0312 17.3648 28.9919 17.5622 28.9156 17.7463C28.8392 17.9304 28.7274 18.0977 28.5864 18.2385L28.5409 18.284C28.366 18.4628 28.2488 18.6898 28.2042 18.9358C28.1596 19.1818 28.1897 19.4355 28.2906 19.6642V19.7249C28.3867 19.9492 28.5464 20.1404 28.7498 20.2752C28.9533 20.4099 29.1917 20.4822 29.4357 20.4832H29.5646C29.9669 20.4832 30.3526 20.643 30.6371 20.9274C30.9215 21.2119 31.0813 21.5976 31.0813 21.9999C31.0813 22.4021 30.9215 22.7879 30.6371 23.0723C30.3526 23.3567 29.9669 23.5165 29.5646 23.5165H29.4964C29.2523 23.5175 29.0139 23.5898 28.8105 23.7246C28.607 23.8593 28.4474 24.0506 28.3513 24.2749Z\"\r\n stroke=\"#344054\" stroke-width=\"1.5197\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_d_760_9988\" x=\"0.719727\" y=\"0.980469\" width=\"44.04\" height=\"44.04\"\r\n filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\r\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n <feOffset dy=\"1\" />\r\n <feGaussianBlur stdDeviation=\"1\" />\r\n <feColorMatrix type=\"matrix\"\r\n values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\r\n result=\"effect1_dropShadow_760_9988\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_760_9988\"\r\n result=\"shape\" />\r\n </filter>\r\n <clipPath id=\"clip0_760_9988\">\r\n <rect width=\"18.2\" height=\"18.2\" fill=\"white\"\r\n transform=\"translate(13.6396 12.9004)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n\r\n <button *ngIf=\"!noData && !loading\" type=\"button\" (click)=\"exportXLSX()\"\r\n class=\"btn btn-default mx-2 btn-outline btn-outline-default rounded-3 text-nowrap border-val\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\">\r\n <path d=\"M7.53369 12.8441H15.0241L13.5568 14.3172L14.3587 15.1191L17.2024 12.2754L14.3587 9.43164L13.5568 10.2336L15.0241 11.7066H7.53369V12.8441Z\" fill=\"black\"/>\r\n <path d=\"M12.6526 8.8631V6.5881C12.653 6.51325 12.6387 6.43904 12.6104 6.36975C12.5821 6.30045 12.5404 6.23743 12.4877 6.18428L8.5064 2.20303C8.45326 2.15032 8.39023 2.10862 8.32094 2.08031C8.25164 2.05201 8.17744 2.03766 8.10259 2.0381H2.41509C2.1134 2.0381 1.82408 2.15794 1.61075 2.37126C1.39743 2.58458 1.27759 2.87391 1.27759 3.1756V16.8256C1.27759 17.1273 1.39743 17.4166 1.61075 17.6299C1.82408 17.8433 2.1134 17.9631 2.41509 17.9631H11.5151C11.8168 17.9631 12.1061 17.8433 12.3194 17.6299C12.5327 17.4166 12.6526 17.1273 12.6526 16.8256V15.6881H11.5151V16.8256H2.41509V3.1756H6.96509V6.5881C6.96509 6.88978 7.08493 7.17911 7.29826 7.39243C7.51158 7.60575 7.80091 7.7256 8.10259 7.7256H11.5151V8.8631H12.6526ZM8.10259 6.5881V3.40878L11.2819 6.5881H8.10259Z\" fill=\"black\"/>\r\n</svg><span class=\"ms-2\">Export</span> </button>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"loading\" class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"noData\" class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-nodata-table\" src=\"./assets/tango/Icons/Nodata1.svg\" alt=\"\">\r\n <div class=\"nodata-title\">No data found</div>\r\n <div class=\"nodata-sub\">There is no result for this eye test table</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!noData && !loading\" class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table *ngIf=\"keyType ==='store'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('date')\"> Date <svg\r\n [ngClass]=\"sortedColumn === 'date' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'date' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th *ngIf=\"users?.role ==='superadmin'\" class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\" class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Cluster Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeName')\">Store Name <svg\r\n [ngClass]=\"sortedColumn === 'storeName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('storeId')\">Store ID <svg\r\n [ngClass]=\"sortedColumn === 'storeId' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storeId' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th *ngIf=\"this.typeValue ==='remote'\" class=\"text-start\">Engagement ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Optum ID</th>\r\n <th *ngIf=\"this.typeValue !=='remote'\" class=\"text-start\">Queue ID</th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> \r\n </th>\r\n \r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('coveredStepsAI')\">Steps Covered By AI <svg\r\n [ngClass]=\"sortedColumn === 'coveredStepsAI' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'coveredStepsAI' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n\r\n <th *ngIf=\"this.typeValue !=='remote'\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('visitorsType')\">Visitor Type <svg\r\n [ngClass]=\"sortedColumn === 'visitorsType' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'visitorsType' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span> </th>\r\n <th class=\"text-start\">Test Duration</th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('comment')\">Eye Test Status <svg\r\n [ngClass]=\"sortedColumn === 'comment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'comment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\"\r\n (click)=\"onSort('subComment')\">Comments <svg\r\n [ngClass]=\"sortedColumn === 'subComment' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'subComment' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th><span class=\"cursor-pointer\" (click)=\"onSort('auditStatus')\">Audit Status <svg\r\n [ngClass]=\"sortedColumn === 'auditStatus' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditStatus' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\"><span class=\"cursor-pointer\" (click)=\"onSort('auditedBy')\">Audited By <svg\r\n [ngClass]=\"sortedColumn === 'auditedBy' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'auditedBy' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span></th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.date | date:'dd MMM, yyyy'}}</td>\r\n <td *ngIf=\"users?.role ==='superadmin'\">{{obj?.RMName}}</td>\r\n <td *ngIf=\"users?.role ==='superadmin' || users?.role ==='admin'\">{{obj?.clusterName}}</td>\r\n <td>{{obj?.storeName}}</td>\r\n <td>{{obj?.storeId}}</td>\r\n <td *ngIf=\"this.typeValue ==='remote'\" class=\"engage-text\">{{obj?.engagementId}}</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">{{obj?.optumId ? obj?.optumId :''}}\r\n </td>\r\n <td *ngIf=\"this.typeValue !=='remote'\" class=\"engage-text\">{{obj?.queueId ?\r\n obj?.queueId:''}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n <td>{{obj?.trustScore ?? '--'}}</td>\r\n <td>{{obj?.coveredStepsAI ? obj?.coveredStepsAI:'--'}}</td>\r\n <td class=\"text-capitalize\" *ngIf=\"this.typeValue !=='remote'\">{{obj?.visitorsType ?\r\n obj?.visitorsType:'--'}}</td>\r\n <td>{{obj?.min ? obj?.min :'0'}} mins {{obj?.sec ?\r\n obj?.sec:'0'}} secs</td>\r\n <td *ngIf=\"this.typeValue !=='remote'\">\r\n <span \r\n class=\"badge\" \r\n [ngClass]=\"obj?.comment ? 'badge-light-danger' : 'badge-light-success'\">\r\n {{ obj?.comment ? 'Fake' : 'Genuine' }}\r\n </span>\r\n</td>\r\n <td>{{obj?.subComment ? obj?.subComment:'--'}}</td>\r\n <td><span class=\"badge badge-light-primary\"\r\n *ngIf=\"obj?.auditStatus ==='Yet-to-Audit'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-warning\"\r\n *ngIf=\"obj?.auditStatus ==='Re-Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-success\"\r\n *ngIf=\"obj?.auditStatus ==='Audited'\">{{obj?.auditStatus}}</span>\r\n <span class=\"badge badge-light-info\"\r\n *ngIf=\"obj?.auditStatus ==='In-Progress'\">{{obj?.auditStatus}}</span>\r\n </td>\r\n <td>{{obj?.auditedBy?obj?.auditedBy:\"-\"}}</td>\r\n <td class=\"cursor-pointer\" (click)=\"eyeTestView(obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='rm'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('RMName')\"> RM Name <svg\r\n [ngClass]=\"sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'RMName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterCount')\"> Clusters Count <svg\r\n [ngClass]=\"sortedColumn === 'clusterCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.RMName ? obj?.RMName:'--'}}</td>\r\n <td>{{obj?.clusterCount ? obj?.clusterCount:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>{{obj.complianceScore ?? '--'}}\r\n \r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('cluster',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <table *ngIf=\"keyType ==='cluster'\" class=\"w-100 table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n \r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('clusterName')\"> Clusters Name <svg\r\n [ngClass]=\"sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('storesCount')\">Stores Count <svg\r\n [ngClass]=\"sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('totalFiles')\">Total Tango AI Files <svg\r\n [ngClass]=\"sortedColumn === 'totalFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'totalFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('completedFiles')\">Trust Audit Completed <svg\r\n [ngClass]=\"sortedColumn === 'completedFiles' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'completedFiles' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('complianceScore')\">Tango Score <svg\r\n [ngClass]=\"sortedColumn === 'complianceScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'complianceScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">\r\n <span class=\"cursor-pointer\" (click)=\"onSort('trustScore')\">Trust Score <svg\r\n [ngClass]=\"sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''\"\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004\"\r\n [attr.stroke]=\"sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </th>\r\n <th class=\"text-start\">Action</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let obj of eyeTestData; let i=index;\">\r\n <td>{{obj?.clusterName ? obj?.clusterName:'--'}}</td>\r\n <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>\r\n <td>{{obj?.totalFiles ?? '--'}}</td>\r\n <td>{{obj?.completedFiles ?? '--'}}</td>\r\n <td>\r\n {{ obj?.complianceScore ?? '--' }}\r\n</td>\r\n<td>\r\n {{ obj?.trustScore ?? '--' }}\r\n</td>\r\n <td class=\"cursor-pointer\" (click)=\"typeVal('store',obj)\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\r\n <path\r\n d=\"M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z\"\r\n stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n <div class=\"card-footer\" *ngIf=\"!noData && !loading\">\r\n <lib-pagination [itemsPerPage]=\"pageSize\" [currentPage]=\"offset\" [totalItems]=\"totalItems\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"pageSize\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n</div>", styles: [":host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .md-drppicker.shown.drops-down-right{transform-origin:0 0;width:560px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.show-ranges.shown{top:65px!important}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;right:-475px!important;left:unset!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}.select-wrapper{position:relative;display:inline-block;width:100%}.placeholder-overlay{position:absolute;color:var(--Gray-500, #667085);font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400;top:10px;left:15px;pointer-events:none;font-size:1.1rem;z-index:1}table th,table td{height:44px!important;padding:12px 24px!important;gap:12px;align-self:stretch}table th{border-bottom:1px solid var(--Gray-200, #EAECF0)!important;background:var(--Gray-50, #F9FAFB)!important;color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:500!important;line-height:18px}table td{color:var(--Gray-900, #667085);font-size:14px!important;font-weight:500!important;line-height:20px}.bottom-border td{border-bottom:1px solid var(--Gray-200, #EAECF0)!important}.rotate{rotate:180deg;transition:1s}.engage-text{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:capitalize}.dashed{border-radius:4px;border:1px dashed var(--Error-500, #F04438)!important;background:var(--Error-25, #FFFBFA)}.dashed-desc{color:var(--Error-600, #3F4254)!important;font-size:14px;font-weight:600;line-height:24px}.card-header,.header{color:var(--Gray-900, #101828);font-size:20px!important;font-style:normal;font-weight:700;line-height:30px}.sub-header{color:var(--Gray-700, #344054);font-size:14px!important;font-style:normal;font-weight:600;line-height:20px}.ellipse1{border-radius:6px;border-bottom:2px solid var(--Gray-200, #EAECF0);background:radial-gradient(206.89% 107.47% at 16.16% 32.77%,#fff6,#45bbfe33),#f2f4f7;box-shadow:0 4px 10px #0000000d}.text-value{color:var(--Black, #101828);font-size:24px;font-weight:600;line-height:32px}.text-sub{color:var(--Error-600, #667085)!important;font-size:16px;font-weight:600;line-height:18px}.test-sub1{color:var(--Gray-800, #1D2939);font-size:12px;font-weight:400;line-height:18px}\n"] }]
1329
1519
  }], ctorParameters: () => [{ type: i2.PageInfoService }, { type: i1$1.FormBuilder }, { type: TraxService }, { type: EyeTestAuditService }, { type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: i2.GlobalStateService }, { type: i3.ToastService }, { type: i1$2.ActivatedRoute }] });
1330
1520
 
1331
1521
  class EyeTestAuditComponent {
@@ -2587,4 +2777,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2587
2777
  }] });
2588
2778
 
2589
2779
  export { EyeTestAuditModule };
2590
- //# sourceMappingURL=tango-app-ui-analyse-trax-eye-test-audit.module-crycZaAZ.mjs.map
2780
+ //# sourceMappingURL=tango-app-ui-analyse-trax-eye-test-audit.module-CPGUWUYM.mjs.map