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

package/src/lib/components/action-centre/action-centre.component.html

@@ -0,0 +1,607 @@
+<div class="col-md-12">
+  <div class="row">
+    <div class="col-6">
+      <div class="card">
+        <div class="actioncard my-3 mx-3">
+          <div class="d-flex">
+            <span class="actioncount"> {{ overallCardsData.checklistApproval?.count !==null ?
+              overallCardsData.checklistApproval?.count.toLocaleString('en-US', {
+              minimumFractionDigits: 0 }) : '--' }}</span>
+            <span class="actiontext mx-5 mt-3">Checklist waiting for
+              approval</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="col-6">
+      <div class="card">
+        <div class="actioncard my-3 mx-3">
+          <div class="d-flex">
+            <span class="actioncount"> {{ overallCardsData.taskApproval?.count !==null ?
+              overallCardsData.taskApproval?.count.toLocaleString('en-US', {
+              minimumFractionDigits: 0 }) : '--' }}</span> <span class="actiontext mx-5 mt-3">Task waiting for
+              approval</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row m-0 my-3">
+    <div class="card">
+      <div class="card-header border-0 pt-3">
+        <h3 class="card-title align-items-start flex-column">
+          <span class="card-label mb-2">Approval</span>
+          <span class="text-sub mb-2">An Summary of all the checklists awaiting approval
+          </span>
+        </h3>
+        <div class="card-toolbar">
+          <div class="d-flex">
+            <div class="d-flex align-items-center  position-relative my-1">
+              <span class="svg-icon svg-icon-1 position-absolute ms-4 mt-1">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                  <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
+                    transform="rotate(45 17.0365 15.1223)" fill="currentColor">
+                  </rect>
+                  <path
+                    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"
+                    fill="currentColor"></path>
+                </svg>
+              </span>
+              <!-- [disabled]="searchDisabled" -->
+              <input [(ngModel)]="searchInput" type="text" class="form-control w-400px ps-14 mt-1 me-3"
+                placeholder="Search" autocomplete="off" (keyup.enter)="searchField()" />
+              <lib-filters *ngIf="isTaskSelected" class="me-3 mt-1" [dataObject]="dataObject"
+                (appliedFilters)="applyFilters($event)"></lib-filters>
+
+              <form class="mt-1 borderless-select" [formGroup]="form">
+                <lib-reactive-select [formControl]="selectedlistselectControl" [idField]="'_id'" [nameField]="'label'"
+                  [data]="statusselectControl" class="w-200px" (valueChange)="onValueChangeStatusSelect($event)">
+                  <ng-template let-item>
+                    <div class="d-flex justify-content-between align-items-center">
+                      <span>{{ item.label }}</span>
+                      <span class="d-flex align-items-center">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                          <path d="M5 7.5L10 12.5L15 7.5" stroke="#344054" stroke-width="1.67" stroke-linecap="round"
+                            stroke-linejoin="round" />
+                        </svg>
+                      </span>
+                    </div>
+                  </ng-template>
+                </lib-reactive-select>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-12">
+        <div class="row p-3">
+          <!-- open card start -->
+          <div class="col-4">
+            <div class="approvalcard">
+              <div class="approvalheader">
+                <h3 class="card-title align-items-start d-flex flex-column mt-1">
+                  <span class="cate-text">Open <span *ngIf="OpenApprovalListData.length"
+                      class="cate-sub badge badge-light-default mx-2"> {{OpenApprovalListData.length}}
+                    </span></span>
+                </h3>
+                <!-- <div class="card-toolbar">
+                  <div class="d-flex">
+                    <div class="d-flex align-items-center  position-relative">
+                      <span><svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16"
+                          fill="none">
+                          <path d="M8.66667 3.33325V12.6666M8.66667 12.6666L13.3333 7.99992M8.66667 12.6666L4 7.99992"
+                            stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
+                        </svg></span>
+                    </div>
+                  </div>
+                </div> -->
+              </div>
+              <div *ngIf="!approvalOpenLoading && !approvalOpenNoData" class="p-5 cardscroll">
+                <div *ngFor="let open of OpenApprovalListData" (click)="navigateToGallery(open)" class="approvalbody mb-4 cursor-pointer">
+                 <div class="d-flex">
+                  <span *ngIf="open.checkListType"
+                        class="cate-sub me-2 mt-1 badge"
+                        [ngClass]="{
+                          'badge-light-violet': open.checkListType !== 'cctv',
+                          'badge-light-warning': open.checkListType === 'cctv'
+                        }">
+                    {{
+                      open.checkListType === 'custom'
+                        ? 'Checklist'
+                        : (open.checkListType === 'cctv'
+                            ? 'CCTV'
+                            : (open.checkListType === 'checklistTask'
+                                ? 'Checklist Task'
+                                : (open.checkListType === 'task'
+                                    ? 'Task'
+                                    : (open.checkListType | titlecase) || '--')))
+                    }}
+                  </span>
+                  <span *ngIf="open.redo" class="cate-sub badge badge-light-blue me-2 mt-1"><svg
+                    xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+                    <g clip-path="url(#clip0_5119_5576)">
+                      <path
+                        d="M11.5 2.00004V5.00004M11.5 5.00004H8.5M11.5 5.00004L9.18 2.82004C8.64263 2.28239 7.97781 1.88964 7.2476 1.67842C6.51738 1.46721 5.74555 1.44441 5.00414 1.61217C4.26273 1.77992 3.5759 2.13275 3.00773 2.63775C2.43957 3.14274 2.00858 3.78343 1.755 4.50004M0.5 10V7.00004M0.5 7.00004H3.5M0.5 7.00004L2.82 9.18004C3.35737 9.71768 4.02219 10.1104 4.7524 10.3217C5.48262 10.5329 6.25445 10.5557 6.99586 10.3879C7.73727 10.2202 8.4241 9.86732 8.99227 9.36233C9.56043 8.85734 9.99142 8.21664 10.245 7.50004"
+                        stroke="#2E90FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_5119_5576">
+                        <rect width="12" height="12" fill="white" />
+                      </clipPath>
+                    </defs>
+                  </svg>Redo</span>
+                  <div *ngIf="open?.priorityType">
+                    <span class="cate-sub mt-1 me-2 badge text-end" [ngClass]="{
+                                    'badge-light-danger': open.priorityType === 'high',
+                                    'badge-light-blue': open.priorityType === 'medium',
+                                    'badge-light-warning': open.priorityType === 'low'
+                                  }">
+                      {{ open.priorityType | titlecase }} Priority
+                    </span>
+                  </div>
+                </div>
+                  <div class="d-flex justify-content-between w-100">
+                    <div class="headingtext d-flex">
+                      {{ open.checkListName || '--' }}
+                      <!-- <span *ngIf="!open.redo && open.checkListType"
+                        class="cate-sub mx-1 badge badge-light-violet mt-1"> {{ open.checkListType === 'custom' ? 'Checklist' : ((open.checkListType | titlecase) || '--') }}</span> -->
+                    </div>
+                    <!-- <span class="cate-sub badge badge-light-default">Store Based</span> -->
+                 
+                  </div>
+                  <div class="d-flex">
+                    <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                        fill="none">
+                        <path
+                          d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4"> {{ open.createdByName || '--' }}</span></span>
+                      <span>
+                    <span *ngIf="open.storeCount > 1"><svg *ngIf="open?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                      fill="none">
+                      <path
+                        d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg> <svg *ngIf="open?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg> 
+                    <span class="cardsubtext ms-2 me-4">{{ open.submitCount !==null ? open.submitCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }} / {{ open.storeCount !==null ?
+                        open.storeCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                      </span>
+                      <span *ngIf="open.storeCount === 1"><svg *ngIf="open?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                        fill="none">
+                        <path
+                          d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg> <svg *ngIf="open?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg>
+                      <span class="cardsubtext ms-2 me-4">{{(open?.coverage === 'user' ? open.userName : open.storeName) || '--'}}</span></span> 
+
+                    <span *ngIf="open.checkListType === 'custom'"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
+                        fill="none">
+                        <path
+                          d="M12 1.5V4.5M6 1.5V4.5M2.25 7.5H15.75M3.75 3H14.25C15.0784 3 15.75 3.67157 15.75 4.5V15C15.75 15.8284 15.0784 16.5 14.25 16.5H3.75C2.92157 16.5 2.25 15.8284 2.25 15V4.5C2.25 3.67157 2.92157 3 3.75 3Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4">Repeats {{ open.scheduleRepeatedType ?
+                        open.scheduleRepeatedType.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                  </div>
+                  <div class="ms-1 d-flex justify-content-between w-100">
+                    <span><svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <g clip-path="url(#clip0_5119_3178)">
+                          <mask id="path-1-inside-1_5119_3178" fill="white">
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                              d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z" />
+                          </mask>
+                          <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z"
+                            fill="black" stroke="black" stroke-width="2" mask="url(#path-1-inside-1_5119_3178)" />
+                        </g>
+                        <defs>
+                          <clipPath id="clip0_5119_3178">
+                            <rect width="12" height="12" fill="white" />
+                          </clipPath>
+                        </defs>
+                      </svg>
+                      <span class="cate-sub ms-3">{{ open.publishDate | date: "YYYY-MM-dd" }}</span></span>
+                    <span class="cate-sub badge badge-light-success mx-1 mt-1">Approved {{ open.approveCount !==null ?
+                      open.approveCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }} / {{ open.submitCount !==null ? open.submitCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }} </span>
+
+                  </div>
+                </div>
+              </div>
+            </div>
+            <ng-container *ngIf="approvalOpenLoading">
+              <div class="row loader  d-flex justify-content-center align-items-center">
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+            <ng-container *ngIf="approvalOpenNoData && !approvalOpenLoading">
+              <div class="row">
+                <div class="col-lg-12 my-6">
+                  <div class="card-body d-flex justify-content-center align-items-center flex-column">
+                    <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                    <div class="nodatamaintext mt-3">No data found</div>
+                    <div class="nodatasubtext">There is no result for Open Checklist
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+
+          </div>
+
+          <div class="col-4">
+            <div class="approvalcard">
+              <div class="approvalheader">
+                <h3 class="card-title align-items-start d-flex flex-column mt-1">
+                  <span class="cate-text">Inprogress
+                    <span *ngIf="InprogressApprovalListData.length"
+                      class="cate-sub badge badge-light-default mx-2">{{InprogressApprovalListData.length}}
+                    </span></span>
+                </h3>
+              </div>
+              <div *ngIf="!approvalInprogressLoading && !approvalInprogressNoData" class="p-5 cardscroll cursor-pointer">
+                <div *ngFor="let inprogress of InprogressApprovalListData"(click)="navigateToGallery(inprogress)" class="approvalbody mb-4">
+                  <div class="d-flex">
+                    <span *ngIf="!inprogress.redo && inprogress.checkListType"
+                    class="cate-sub me-2 mt-1 badge"
+                    [ngClass]="{
+                      'badge-light-violet': inprogress.checkListType !== 'cctv',
+                      'badge-light-warning': inprogress.checkListType === 'cctv'
+                    }">
+                {{
+                  inprogress.checkListType === 'custom'
+                    ? 'Checklist'
+                    : (inprogress.checkListType === 'cctv'
+                        ? 'CCTV'
+                        : (inprogress.checkListType === 'checklistTask'
+                            ? 'Checklist Task'
+                            : (inprogress.checkListType === 'task'
+                                ? 'Task'
+                                : (inprogress.checkListType | titlecase) || '--')))
+                }}
+                    </span>
+                    <span *ngIf="inprogress.redo"
+                    class="cate-sub badge badge-light-blue me-2 mt-1"><svg xmlns="http://www.w3.org/2000/svg"
+                      width="12" height="12" viewBox="0 0 12 12" fill="none">
+                      <g clip-path="url(#clip0_5119_5576)">
+                        <path
+                          d="M11.5 2.00004V5.00004M11.5 5.00004H8.5M11.5 5.00004L9.18 2.82004C8.64263 2.28239 7.97781 1.88964 7.2476 1.67842C6.51738 1.46721 5.74555 1.44441 5.00414 1.61217C4.26273 1.77992 3.5759 2.13275 3.00773 2.63775C2.43957 3.14274 2.00858 3.78343 1.755 4.50004M0.5 10V7.00004M0.5 7.00004H3.5M0.5 7.00004L2.82 9.18004C3.35737 9.71768 4.02219 10.1104 4.7524 10.3217C5.48262 10.5329 6.25445 10.5557 6.99586 10.3879C7.73727 10.2202 8.4241 9.86732 8.99227 9.36233C9.56043 8.85734 9.99142 8.21664 10.245 7.50004"
+                          stroke="#2E90FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                      </g>
+                      <defs>
+                        <clipPath id="clip0_5119_5576">
+                          <rect width="12" height="12" fill="white" />
+                        </clipPath>
+                      </defs>
+                    </svg>Redo</span>
+                    <div *ngIf="inprogress?.priorityType">
+                      <span class="cate-sub badge text-end me-2 mt-1" [ngClass]="{
+                                      'badge-light-danger': inprogress.priorityType === 'high',
+                                      'badge-light-blue': inprogress.priorityType === 'medium',
+                                      'badge-light-warning': inprogress.priorityType === 'low'
+                                    }">
+                        {{ inprogress.priorityType | titlecase }} Priority
+                      </span>
+                    </div>
+                   
+                  </div>
+                  <div class="d-flex justify-content-between w-100">
+                    <div class="headingtext d-flex">
+                      {{ inprogress.checkListName || '--'}}
+                    </div>
+                    <!-- <span class="cate-sub badge badge-light-default">Store Based</span> -->
+                  </div>
+                  <div class="d-flex">
+                    <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                        fill="none">
+                        <path
+                          d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4"> {{ inprogress.createdByName || '--' }}</span></span>
+                      <span *ngIf="inprogress.storeCount > 1">
+                    <span>
+                      <svg *ngIf="inprogress?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                      fill="none">
+                      <path
+                        d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg> <svg *ngIf="inprogress?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg>
+                        <span class="cardsubtext ms-2 me-4">{{ inprogress.submitCount !==null ? inprogress.submitCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }} / {{ inprogress.storeCount !==null ?
+                        inprogress.storeCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                      </span>
+                      <span *ngIf="inprogress.storeCount === 1"><svg *ngIf="inprogress?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                        fill="none">
+                        <path
+                          d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg> <svg *ngIf="inprogress?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg>
+                        <span class="cardsubtext ms-2 me-4">{{(inprogress?.coverage === 'user' ? inprogress.userName : inprogress.storeName) || '--'}}</span></span>
+                    <span *ngIf="inprogress.checkListType === 'custom'"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
+                        fill="none">
+                        <path
+                          d="M12 1.5V4.5M6 1.5V4.5M2.25 7.5H15.75M3.75 3H14.25C15.0784 3 15.75 3.67157 15.75 4.5V15C15.75 15.8284 15.0784 16.5 14.25 16.5H3.75C2.92157 16.5 2.25 15.8284 2.25 15V4.5C2.25 3.67157 2.92157 3 3.75 3Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4">Repeats {{ inprogress.scheduleRepeatedType ?
+                        inprogress.scheduleRepeatedType.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                  </div>
+                  <div class="ms-1 d-flex justify-content-between w-100">
+                    <span><svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <g clip-path="url(#clip0_5119_3178)">
+                          <mask id="path-1-inside-1_5119_3178" fill="white">
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                              d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z" />
+                          </mask>
+                          <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z"
+                            fill="black" stroke="black" stroke-width="2" mask="url(#path-1-inside-1_5119_3178)" />
+                        </g>
+                        <defs>
+                          <clipPath id="clip0_5119_3178">
+                            <rect width="12" height="12" fill="white" />
+                          </clipPath>
+                        </defs>
+                      </svg>
+                      <span class="cate-sub ms-3">{{ inprogress.publishDate | date: "YYYY-MM-dd" }}</span></span>
+                    <span class="cate-sub badge badge-light-success mx-1 mt-1">Approved {{ inprogress.approveCount !==null ?
+                      inprogress.approveCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }} / {{ inprogress.submitCount !==null ? inprogress.submitCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }}</span>
+
+                  </div>
+                </div>
+              </div>
+            </div>
+            <ng-container *ngIf="approvalInprogressLoading">
+              <div class="row loader  d-flex justify-content-center align-items-center">
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+            <ng-container *ngIf="approvalInprogressNoData && !approvalInprogressLoading">
+              <div class="row">
+                <div class="col-lg-12 my-6">
+                  <div class="card-body d-flex justify-content-center align-items-center flex-column">
+                    <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                    <div class="nodatamaintext mt-3">No data found</div>
+                    <div class="nodatasubtext">There is no result for Inprogress Checklilst
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+
+          </div>
+          <!-- inprogress card end -->
+          <!-- Approved card start -->
+          <div class="col-4">
+            <div class="approvalcard">
+              <div class="approvalheader">
+                <h3 class="card-title align-items-start d-flex flex-column mt-1">
+                  <span class="cate-text">Approved <span *ngIf="DoneApprovalListData.length"
+                      class="cate-sub badge badge-light-default mx-2"> {{DoneApprovalListData.length}}
+                    </span></span>
+                </h3>
+              </div>
+              <div *ngIf="!approvedLoading && !approvedNoData" class="p-5 cardscroll">
+                <div *ngFor="let done of DoneApprovalListData" (click)="navigateToGallery(done)" class="approvalbody mb-4 cursor-pointer">
+                  <div class="d-flex">
+                    <span *ngIf="!done.redo && done.checkListType"
+                    class="cate-sub me-2 mt-1 badge"
+                    [ngClass]="{
+                      'badge-light-violet': done.checkListType !== 'cctv',
+                      'badge-light-warning': done.checkListType === 'cctv'
+                    }">
+                {{
+                  done.checkListType === 'custom'
+                    ? 'Checklist'
+                    : (done.checkListType === 'cctv'
+                        ? 'CCTV'
+                        : (done.checkListType === 'checklistTask'
+                            ? 'Checklist Task'
+                            : (done.checkListType === 'task'
+                                ? 'Task'
+                                : (done.checkListType | titlecase) || '--')))
+                }}
+                    </span>
+                    <span *ngIf="done.redo" class="cate-sub badge badge-light-blue me-2 mt-1"><svg
+                      xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+                      <g clip-path="url(#clip0_5119_5576)">
+                        <path
+                          d="M11.5 2.00004V5.00004M11.5 5.00004H8.5M11.5 5.00004L9.18 2.82004C8.64263 2.28239 7.97781 1.88964 7.2476 1.67842C6.51738 1.46721 5.74555 1.44441 5.00414 1.61217C4.26273 1.77992 3.5759 2.13275 3.00773 2.63775C2.43957 3.14274 2.00858 3.78343 1.755 4.50004M0.5 10V7.00004M0.5 7.00004H3.5M0.5 7.00004L2.82 9.18004C3.35737 9.71768 4.02219 10.1104 4.7524 10.3217C5.48262 10.5329 6.25445 10.5557 6.99586 10.3879C7.73727 10.2202 8.4241 9.86732 8.99227 9.36233C9.56043 8.85734 9.99142 8.21664 10.245 7.50004"
+                          stroke="#2E90FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                      </g>
+                      <defs>
+                        <clipPath id="clip0_5119_5576">
+                          <rect width="12" height="12" fill="white" />
+                        </clipPath>
+                      </defs>
+                    </svg>Redo</span>
+                    <div>
+                      <span *ngIf="done.priorityType" class="cate-sub badge text-end me-2 mt-1" [ngClass]="{
+                                      'badge-light-danger': done.priorityType === 'high',
+                                      'badge-light-blue': done.priorityType === 'medium',
+                                      'badge-light-warning': done.priorityType === 'low'
+                                    }">
+                        {{ done.priorityType | titlecase }} Priority
+                      </span>
+                    </div>
+                  </div>
+                  <div class="d-flex justify-content-between w-100">
+                    <div class="headingtext d-flex">
+                      {{ done.checkListName || '--' }}
+                    </div>
+                  </div>
+                  <div class="d-flex">
+                    <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                        fill="none">
+                        <path
+                          d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4"> {{ done.createdByName || '--' }}</span></span>
+                    <span *ngIf="done.storeCount > 1">
+                    <span><svg *ngIf="done?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                      fill="none">
+                      <path
+                        d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg> <svg *ngIf="done?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg>
+                      <span class="cardsubtext ms-2 me-4">{{ done.submitCount !==null ? done.submitCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }} / {{ done.storeCount !==null ?
+                        done.storeCount.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                      </span>
+                      <span *ngIf="done.storeCount === 1">
+                        <svg *ngIf="done?.coverage ==='user'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+                      fill="none">
+                      <path
+                        d="M13.3346 14V12.6667C13.3346 11.9594 13.0537 11.2811 12.5536 10.781C12.0535 10.281 11.3752 10 10.668 10H5.33464C4.62739 10 3.94911 10.281 3.44902 10.781C2.94892 11.2811 2.66797 11.9594 2.66797 12.6667V14M10.668 4.66667C10.668 6.13943 9.47406 7.33333 8.0013 7.33333C6.52854 7.33333 5.33464 6.13943 5.33464 4.66667C5.33464 3.19391 6.52854 2 8.0013 2C9.47406 2 10.668 3.19391 10.668 4.66667Z"
+                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg> <svg *ngIf="done?.coverage ==='store'" _ngcontent-ng-c514516357="" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><path _ngcontent-ng-c514516357="" d="M3.14334 5.26383L3.09649 5.33701C2.61958 6.18313 3.13458 7.24243 4.04025 7.36366C4.12504 7.37402 4.20312 7.37939 4.27884 7.37939C4.77704 7.37939 5.21745 7.16583 5.52472 6.8323L6.07805 6.23168L6.6295 6.83403C6.93274 7.16525 7.37199 7.37939 7.87379 7.37939C8.37329 7.37939 8.81516 7.1649 9.11808 6.83403L9.67126 6.22979L10.2244 6.83403C10.5274 7.1649 10.9692 7.37939 11.4687 7.37939C11.9682 7.37939 12.4101 7.1649 12.713 6.83403L13.2662 6.22979L13.8194 6.83403C14.1223 7.1649 14.5642 7.37939 15.0637 7.37939C15.1368 7.37939 15.2173 7.374 15.3014 7.36377C16.2273 7.23713 16.7448 6.11962 16.1968 5.26433C16.1967 5.26427 16.1967 5.26422 16.1966 5.26416L14.6143 2.79691L14.6143 2.79691L14.6136 2.79579C14.6133 2.79543 14.6114 2.79328 14.6068 2.79079C14.6005 2.78742 14.5934 2.78564 14.5867 2.78564H4.75027C4.74363 2.78564 4.73648 2.78742 4.73026 2.79079C4.7252 2.79353 4.72337 2.79585 4.72337 2.79585L4.72302 2.79641L3.14334 5.26383ZM4.50753 9.74376C4.43281 9.74785 4.35748 9.74993 4.2816 9.74993C4.26875 9.74993 4.25593 9.74987 4.24314 9.74974V12.4821V14.2231C4.24314 14.7599 4.68913 15.2142 5.25753 15.2142H14.0795C14.6479 15.2142 15.0939 14.7599 15.0939 14.2231V12.4821V9.74979C15.0829 9.74988 15.0719 9.74993 15.0609 9.74993C14.9833 9.74993 14.9062 9.74775 14.8295 9.74345V12.4821V13.2321H14.0795H5.25753H4.50753V12.4821V9.74376Z" stroke="#667085" stroke-width="1.5"></path></svg>
+                        <span class="cardsubtext ms-2 me-4">{{(done?.coverage === 'user' ? done.userName : done.storeName) || '--'}}</span></span>
+                    <span *ngIf="done.checkListType === 'custom'"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
+                        fill="none">
+                        <path
+                          d="M12 1.5V4.5M6 1.5V4.5M2.25 7.5H15.75M3.75 3H14.25C15.0784 3 15.75 3.67157 15.75 4.5V15C15.75 15.8284 15.0784 16.5 14.25 16.5H3.75C2.92157 16.5 2.25 15.8284 2.25 15V4.5C2.25 3.67157 2.92157 3 3.75 3Z"
+                          stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
+                      </svg><span class="cardsubtext ms-2 me-4">Repeats {{ done.scheduleRepeatedType ?
+                        done.scheduleRepeatedType.toLocaleString('en-US', {
+                        minimumFractionDigits: 0 }) :
+                        '--' }}</span></span>
+                  </div>
+                  <div class="ms-1 d-flex justify-content-between w-100">
+                    <span><svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <g clip-path="url(#clip0_5119_3178)">
+                          <mask id="path-1-inside-1_5119_3178" fill="white">
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                              d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z" />
+                          </mask>
+                          <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M6.13055 0.00142049C5.25757 -0.0175778 4.39097 0.154192 3.59125 0.504738C2.79152 0.855284 2.07795 1.37616 1.50034 2.03099C0.922726 2.68583 0.495005 3.45885 0.247033 4.29608C-0.000939533 5.1333 -0.0631861 6.01457 0.0646388 6.87834C0.192464 7.74212 0.507279 8.56758 0.987107 9.29711C1.46693 10.0266 2.10021 10.6426 2.84272 11.1021C3.58523 11.5616 4.41908 11.8535 5.28606 11.9574C6.15303 12.0613 7.03224 11.9747 7.8623 11.7037C8.00412 11.6573 8.12173 11.5565 8.18924 11.4235C8.25675 11.2904 8.26864 11.136 8.2223 10.9942C8.17595 10.8523 8.07516 10.7347 7.9421 10.6672C7.80905 10.5997 7.65462 10.5878 7.5128 10.6342C6.61077 10.9287 5.6424 10.9536 4.72644 10.7058C3.81048 10.458 2.98675 9.94825 2.35627 9.2391C1.7258 8.52995 1.31598 7.65221 1.17709 6.71354C1.0382 5.77487 1.17627 4.81607 1.57436 3.95473C1.97246 3.09338 2.61327 2.36694 3.41822 1.86449C4.22317 1.36204 5.15725 1.10543 6.10592 1.12613C7.05458 1.14683 7.97659 1.44393 8.75885 1.98101C9.54112 2.51809 10.1496 3.27178 10.5098 4.14967C10.5664 4.28772 10.6755 4.39763 10.8131 4.45522C10.8813 4.48374 10.9544 4.49856 11.0282 4.49883C11.1021 4.4991 11.1753 4.48482 11.2437 4.4568C11.312 4.42878 11.3742 4.38757 11.4266 4.33552C11.479 4.28347 11.5207 4.22161 11.5492 4.15347C11.5777 4.08532 11.5926 4.01222 11.5928 3.93835C11.5931 3.86448 11.5788 3.79127 11.5508 3.72292C11.1076 2.64239 10.3586 1.7147 9.3958 1.05365C8.43299 0.392587 7.29817 0.0268946 6.13055 0.00142049ZM6.5618 2.81242C6.5618 2.66324 6.50253 2.52016 6.39704 2.41467C6.29155 2.30918 6.14848 2.24992 5.9993 2.24992C5.85011 2.24992 5.70704 2.30918 5.60155 2.41467C5.49606 2.52016 5.4368 2.66324 5.4368 2.81242V5.76742L3.9113 7.29217C3.85603 7.34367 3.8117 7.40577 3.78096 7.47477C3.75022 7.54377 3.73368 7.61825 3.73235 7.69378C3.73102 7.76931 3.74491 7.84433 3.7732 7.91437C3.80149 7.98441 3.8436 8.04804 3.89702 8.10145C3.95043 8.15486 4.01406 8.19697 4.0841 8.22526C4.15414 8.25355 4.22916 8.26745 4.30469 8.26612C4.38021 8.26478 4.4547 8.24825 4.5237 8.21751C4.5927 8.18676 4.6548 8.14244 4.7063 8.08717L6.3968 6.39742L6.5618 6.23242V2.81242ZM11.2493 11.2499C11.2493 11.4488 11.1703 11.6396 11.0296 11.7803C10.889 11.9209 10.6982 11.9999 10.4993 11.9999C10.3004 11.9999 10.1096 11.9209 9.96897 11.7803C9.82831 11.6396 9.7493 11.4488 9.7493 11.2499C9.7493 11.051 9.82831 10.8602 9.96897 10.7196C10.1096 10.5789 10.3004 10.4999 10.4993 10.4999C10.6982 10.4999 10.889 10.5789 11.0296 10.7196C11.1703 10.8602 11.2493 11.051 11.2493 11.2499ZM11.0618 6.56242C11.0618 6.41324 11.0025 6.27016 10.897 6.16467C10.7916 6.05919 10.6485 5.99992 10.4993 5.99992C10.3501 5.99992 10.207 6.05919 10.1015 6.16467C9.99606 6.27016 9.9368 6.41324 9.9368 6.56242V9.18742C9.9368 9.33661 9.99606 9.47968 10.1015 9.58517C10.207 9.69066 10.3501 9.74992 10.4993 9.74992C10.6485 9.74992 10.7916 9.69066 10.897 9.58517C11.0025 9.47968 11.0618 9.33661 11.0618 9.18742V6.56242Z"
+                            fill="black" stroke="black" stroke-width="2" mask="url(#path-1-inside-1_5119_3178)" />
+                        </g>
+                        <defs>
+                          <clipPath id="clip0_5119_3178">
+                            <rect width="12" height="12" fill="white" />
+                          </clipPath>
+                        </defs>
+                      </svg>
+                      <span class="cate-sub ms-3">{{ done.publishDate | date: "YYYY-MM-dd"}}</span></span>
+                    <span class="cate-sub badge badge-light-success mx-1 mt-1">Approved {{ done.approveCount !==null ?
+                      done.approveCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }} / {{ done.submitCount !==null ? done.submitCount.toLocaleString('en-US', {
+                      minimumFractionDigits: 0 }) :
+                      '--' }} </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <ng-container *ngIf="approvedLoading">
+              <div class="row loader  d-flex justify-content-center align-items-center">
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+                <div class="shimmer">
+                  <div class="wrapper">
+                    <div class="stroke animate title"></div>
+                    <div class="stroke animate link"></div>
+                    <div class="stroke animate description"></div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+            <ng-container *ngIf="approvedNoData && !approvedLoading">
+              <div class="row">
+                <div class="col-lg-12 my-6">
+                  <div class="card-body d-flex justify-content-center align-items-center flex-column">
+                    <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                    <div class="nodatamaintext mt-3">No data found</div>
+                    <div class="nodatasubtext">There is no result for Approved Checklist
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </ng-container>
+
+          </div>
+          <!-- Approved card end -->
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- <div class="row my-3">
+    <ng-container>
+      <div ngbAccordion>
+        <div ngbAccordionItem [collapsed]="false">
+          <h2 ngbAccordionHeader>
+            <button class="headtext" ngbAccordionButton>Activity Log<div class="divider"></div></button>
+          </h2>
+          <div ngbAccordionCollapse>
+            <div ngbAccordionBody>
+              <ng-template>
+                <lib-activity-log></lib-activity-log>
+              </ng-template>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </ng-container>
+  </div> -->
+  <div class="row my-3">
+    <lib-activity-log-v2></lib-activity-log-v2>
+  </div>
+</div>