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

package/src/lib/components/checklist-configure/assign/assign.component.html

@@ -0,0 +1,665 @@
+<div class="card-body bg-white mt-3 rounded-4 px-7">
+    <div>
+        <div class="d-flex justify-content-between">
+            <div>
+                <h2 class="section-leftheading ">Assign Stores
+                    <!-- <span class="mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="16"
+                    height="16" viewBox="0 0 16 16" fill="none">
+                    <g clip-path="url(#clip0_1874_66195)">
+                        <path
+                            d="M8.00016 10.6673V8.00065M8.00016 5.33398H8.00683M14.6668 8.00065C14.6668 11.6826 11.6821 14.6673 8.00016 14.6673C4.31826 14.6673 1.3335 11.6826 1.3335 8.00065C1.3335 4.31875 4.31826 1.33398 8.00016 1.33398C11.6821 1.33398 14.6668 4.31875 14.6668 8.00065Z"
+                            stroke="#667085" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                    </g>
+                    <defs>
+                        <clipPath id="clip0_1874_66195">
+                            <rect width="16" height="16" fill="white" />
+                        </clipPath>
+                    </defs>
+                </svg></span> -->
+            </h2>
+            <p>Select stores to assign</p>
+            </div>
+        </div>
+
+        <div class="mt-5 ms-5 storeAssign sopTable d-flex">
+            <div><input class="form-check-input h-14px w-14px mx-1" type="checkbox" name="flag"
+                [(ngModel)]="configData.enableNewDeployedStore"></div> <div>
+                    <span class="ms-2 lineHeight">Auto assign to newly deployed stores</span>
+                </div>
+        </div>
+
+        <div class="w-100 ms-5">
+            <div *ngIf="this.configData?.aiConfig?.assignConfig !=='store'" class="d-flex align-items-center my-5 w-20">
+                <div class="flex-grow-2">
+                    <div class="sub">Selected <span>Stores</span> </div>
+                </div>
+            </div>
+            <!-- *ngIf="!['cluster','team'].includes(assignType)"  -->
+            <div class="w-100 pe-5">
+                <lib-multi-chip-dropdown *ngIf="storeList" [items]="storeList" [multi]="true" [searchField]="['storeName','openTime','closeTime','storeId']" [searchKey]="searchKey" [idField]="'_id'"
+                    (selected)="updateAssign($event)" (removed)="removedChip($event)" [selectedValues]="configData?.storeList" [assignType]="configData?.aiConfig?.assignConfig"></lib-multi-chip-dropdown>
+            </div>
+            <!-- <div *ngIf="['cluster','team'].includes(assignType)" class="w-100 pe-5">
+                <lib-multi-chip-dropdown *ngIf="storeList" [items]="storeList" [multi]="true" [searchField]="['storeName','clusterName','storeId','userName','teamName']" [searchKey]="searchKey" [idField]="'_id'"
+                    (selected)="updateAssign($event)" (removed)="removedChip($event)" [selectedValues]="configData?.checkListDetails?.assign"></lib-multi-chip-dropdown>
+            </div> -->
+        </div>
+        
+        <div class="" *ngIf="tableData.length || tableFilter.length || !showImage">
+
+            <div *ngIf="!tableLoading && tableArray?.length" class="card-body px-0 mt-0 pt-0 pb-0 mx-4 mb-5">
+                <div class="w-100">
+                    <div class="table-header mt-5 d-flex align-items-center justify-content-between">
+                        <div class="table-title">Selected <span>Stores</span> List</div>
+                        <div class="d-flex align-items-center justify-content-start">
+                            <div class="me-3">
+                                <input type="text" data-kt-subscription-table-filter="search" (change)="searchTableData()" [(ngModel)]="tableFilter"
+                                    class="form-control form-control-solid w-200px ps-5 mx-1 me-4" autocomplete="off" 
+                                    autocapitalize="none" 
+                                    spellcheck="false" style="text-transform: none" placeholder="Search..."> 
+                            </div>
+
+                            <div class="position-relative w-100 mt-5 mb-5">
+                                <button type="button"
+                                    class="btn py-3 btn-default w-100 btn-outline btn-outline-default rounded-3 text-nowrap border-val d-flex justify-content-between">
+                                    <span class="me-3 cursor-pointer" #upload (click)="file.click()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                        <path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5M14.1667 6.66667L10 2.5M10 2.5L5.83333 6.66667M10 2.5V12.5" stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
+                                        </svg> <span class="template-dropdown bg-white ms-3">BulkUpload </span>
+                                    </span>
+                                    <span><input style="display: none;" type="file" #file
+                                        id="kt_account_team_size_select_1" (change)="onFileUpload($event)" /></span>
+                                    <span class="subtitle mx-3 me-2"> | </span>
+                                    <span class="cursor-pointer" (click)="openDropdown($event)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                                        <path d="M6 9L12 15L18 9" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                    </svg></span>
+                                </button>
+
+                                <div *ngIf="dropDown" class="card template-dropdown h-40px w-100 position-absolute rounded-3 z-1 top-50px end-0">
+                                    <ul class="list-unstyled mb-0 w-auto cursor-pointer" (click)="bulkuploadModel()">
+                                        <li class="px-5 fw-semibold cursor-pointer py-2">Download Template</li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <!-- <div *ngIf="['cluster','team'].includes(assignType)">
+                                <button type="button"
+                                    class="btn py-3 btn-default w-100 btn-outline btn-outline-default rounded-3 text-nowrap border-val d-flex justify-content-between" (click)="downloadTemplateV2()">
+                                    <span class="me-3 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                        <path d="M8.125 13.125H16.3562L14.7438 14.7438L15.625 15.625L18.75 12.5L15.625 9.375L14.7438 10.2562L16.3562 11.875H8.125V13.125Z" fill="black"/>
+                                        <path d="M13.75 8.75001V6.25001C13.7505 6.16776 13.7347 6.08622 13.7036 6.01007C13.6725 5.93392 13.6267 5.86466 13.5688 5.80626L9.19375 1.43126C9.13535 1.37333 9.06609 1.32751 8.98994 1.2964C8.91379 1.2653 8.83225 1.24953 8.75 1.25001H2.5C2.16848 1.25001 1.85054 1.38171 1.61612 1.61613C1.3817 1.85055 1.25 2.16849 1.25 2.50001V17.5C1.25 17.8315 1.3817 18.1495 1.61612 18.3839C1.85054 18.6183 2.16848 18.75 2.5 18.75H12.5C12.8315 18.75 13.1495 18.6183 13.3839 18.3839C13.6183 18.1495 13.75 17.8315 13.75 17.5V16.25H12.5V17.5H2.5V2.50001H7.5V6.25001C7.5 6.58153 7.6317 6.89947 7.86612 7.13389C8.10054 7.36831 8.41848 7.50001 8.75 7.50001H12.5V8.75001H13.75ZM8.75 6.25001V2.75626L12.2438 6.25001H8.75Z" fill="black"/>
+                                        </svg> <span class="template-dropdown bg-white ms-3">Export </span>
+                                    </span>
+                                </button>
+                            </div> -->
+
+                        </div>
+                    </div>
+                    <div class="d-flex p-3 bg-light align-items-center justify-content-between ">
+                        <div class="d-flex">
+                            <span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                <g clip-path="url(#clip0_9558_104867)">
+                                  <path d="M9.9974 13.3346V10.0013M9.9974 6.66797H10.0057M18.3307 10.0013C18.3307 14.6037 14.5998 18.3346 9.9974 18.3346C5.39502 18.3346 1.66406 14.6037 1.66406 10.0013C1.66406 5.39893 5.39502 1.66797 9.9974 1.66797C14.5998 1.66797 18.3307 5.39893 18.3307 10.0013Z" stroke="#009BF3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                </g>
+                                <defs>
+                                  <clipPath id="clip0_9558_104867">
+                                    <rect width="20" height="20" fill="white"/>
+                                  </clipPath>
+                                </defs>
+                              </svg></span>
+                            <span class="text-primary fw-semibold ms-3">Incase, you want to change the Store Open and Close time</span>
+                        </div>
+                        <div routerLink="/manage/settings/configuration" class="btn btn-sm bg-light-primary">
+                            <span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                <g clip-path="url(#clip0_10234_43824)">
+                                  <path d="M9.16406 3.33417H3.33073C2.8887 3.33417 2.46478 3.50977 2.15222 3.82233C1.83966 4.13489 1.66406 4.55881 1.66406 5.00084V16.6675C1.66406 17.1095 1.83966 17.5335 2.15222 17.846C2.46478 18.1586 2.8887 18.3342 3.33073 18.3342H14.9974C15.4394 18.3342 15.8633 18.1586 16.1759 17.846C16.4885 17.5335 16.6641 17.1095 16.6641 16.6675V10.8342M15.4141 2.08417C15.7456 1.75265 16.1952 1.56641 16.6641 1.56641C17.1329 1.56641 17.5825 1.75265 17.9141 2.08417C18.2456 2.41569 18.4318 2.86533 18.4318 3.33417C18.4318 3.80301 18.2456 4.25265 17.9141 4.58417L9.9974 12.5008L6.66406 13.3342L7.4974 10.0008L15.4141 2.08417Z" stroke="#009BF3" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
+                                </g>
+                                <defs>
+                                  <clipPath id="clip0_10234_43824">
+                                    <rect width="20" height="20" fill="white"/>
+                                  </clipPath>
+                                </defs>
+                              </svg></span> <span class="ms-3 text-light-primary">Edit Store Time</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row mt-2">
+                <div class="col-lg-12" *ngIf="!tableData?.length && !tableFilter && !showImage">
+                        <div class="card-body my-8 d-flex justify-content-center align-items-center flex-column">
+                            <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                            <div class="nodata-title">No data found</div>
+                            <div class="nodata-sub">There is no result for the <span>{{assignType}}</span></div>
+                        </div>
+                </div>
+            </div>
+           
+            <div class="pt-0 mx-4" *ngIf="tableArray?.length">
+                    <div class="sopTable table-responsive overflow-hidden">
+                        <div *ngIf="tableLoading" 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>
+                        <div class="col-lg-12" *ngIf="tableFilter && !tableData?.length">
+                            <div class="card-body my-8 d-flex justify-content-center align-items-center flex-column">
+                                <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                                <div class="nodata-title">No data found</div>
+                                <div class="nodata-sub">There is no result for the <span>{{assignType}}</span></div>
+                            </div>
+                    </div>
+                        <div class="card-body-sop" *ngIf="tableData.length && !tableLoading">
+                            <div class="table-responsive" >
+                                <table class="w-100 table bottom-border text-nowrap">
+                                    <thead>
+                                        <tr>
+                                            <th class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('storeName')">
+                                                    Store Name
+                                                    <span
+                                                        *ngIf="sortColumn === 'storeName' && sortBy !== 1 || sortColumn !== 'storeName' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'storeName' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            
+                                            <th class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('openTime')">
+                                                    Open Time
+                                                    <span
+                                                        *ngIf="sortColumn === 'openTime' && sortBy !== 1 || sortColumn !== 'openTime' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'openTime' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('closeTime')">
+                                                    Close Time
+                                                    <span
+                                                        *ngIf="sortColumn === 'closeTime' && sortBy !== 1 || sortColumn !== 'closeTime' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'closeTime' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('startTime1')">
+                                                    Huddle Start Time 1
+                                                    <span
+                                                        *ngIf="sortColumn === 'startTime1' && sortBy !== 1 || sortColumn !== 'startTime1' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'startTime1' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('configTime1')">
+                                                    Huddle Duration 1
+                                                    <span
+                                                        *ngIf="sortColumn === 'configTime1' && sortBy !== 1 || sortColumn !== 'configTime1' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'configTime1' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('startTime2')">
+                                                    Huddle Start Time 2
+                                                    <span
+                                                        *ngIf="sortColumn === 'startTime2' && sortBy !== 1 || sortColumn !== 'startTime2' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'startTime2' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('configTime2')">
+                                                    Huddle Duration 2
+                                                    <span
+                                                        *ngIf="sortColumn === 'configTime2' && sortBy !== 1 || sortColumn !== 'configTime2' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'configTime2' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('startTime3')">
+                                                    Huddle Start Time 3
+                                                    <span
+                                                        *ngIf="sortColumn === 'startTime3' && sortBy !== 1 || sortColumn !== 'startTime3' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'startTime3' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="configData?.aiConfig?.assignConfig === 'store'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('configTime3')">
+                                                    Huddle Duration 3
+                                                    <span
+                                                        *ngIf="sortColumn === 'configTime3' && sortBy !== 1 || sortColumn !== 'configTime3' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'configTime3' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr *ngFor="let data of tableData;let i=index">
+                                            <td>{{data.storeName}}
+                                            </td>
+                                            <td>{{data.openTime ? data.openTime : '--'}}</td>
+                                            <td>{{data.closeTime ? data.closeTime : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.startTime1 ? data.startTime1 : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.configTime1 ? data.configTime1 : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.startTime2 ? data.startTime2 : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.configTime2 ? data.configTime2 : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.startTime3 ? data.startTime3 : '--'}}</td>
+                                            <td *ngIf="configData?.aiConfig?.assignConfig === 'store'">{{data.configTime3 ? data.configTime3 : '--'}}</td>
+                                    </tbody>
+                                </table>
+                                <!-- <table *ngIf="userCoverage" class="w-100 table bottom-border text-nowrap">  
+                                    <thead>
+                                        <tr>
+                                            <th class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('userName')">
+                                                    User Name
+                                                    <span
+                                                        *ngIf="sortColumn === 'userName' && sortBy !== 1 || sortColumn !== 'userName' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'userName' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('userEmail')">
+                                                    User Email
+                                                    <span
+                                                        *ngIf="sortColumn === 'userEmail' && sortBy !== 1 || sortColumn !== 'userEmail' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'userEmail' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            <th *ngIf="assignType ==='team'" class="text-align-left">
+                                                <div class="cursor-pointer" (click)="sortData('teamName')">
+                                                    Teams Name
+                                                    <span
+                                                        *ngIf="sortColumn === 'teamName' && sortBy !== 1 || sortColumn !== 'teamName' ">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004"
+                                                                stroke="#667085" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                    <span *ngIf="sortColumn === 'teamName' && sortBy !== -1">
+                                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <path
+                                                                d="M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004"
+                                                                stroke="#00A3FF" stroke-width="1.33333" stroke-linecap="round"
+                                                                stroke-linejoin="round" />
+                                                        </svg>
+                                                    </span>
+                                                </div>
+                                            </th>
+                                            
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr *ngFor="let data of tableData;let i=index">
+                                            <td>
+                                                <span class="form-check-label mx-4 line-height">{{data.userName}}</span>
+                                            </td>
+                                            <td>{{data.userEmail ? data.userEmail : '--'}}</td>
+                                            <td *ngIf="assignType ==='team'">{{data.teamName ? data.teamName : '--'}}</td>
+                                    </tbody>
+                                </table> -->
+                            </div>
+                            <lib-pagination [itemsPerPage]="size" [currentPage]="currentValue" [totalItems]="recordsTotal"
+                                [paginationSizes]="paginationSize" [pageSize]="size" (pageChange)="onPageChange($event)"
+                                (pageSizeChange)="onPageSizeChange($event)"></lib-pagination>
+                        </div>
+                    </div>
+                <br>
+            </div>
+        </div>
+
+        <div *ngIf="tableLoading1 && showImage" 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>
+        <div>
+            <!-- !configData.storeList -->
+            <div *ngIf="!tableArray?.length && !tableLoading1 && !tableFilter?.length && showImage" class="row mb-6">
+                <div class="col-lg-12 assignpadding mb-10 mt-10">
+                    <div class="row">
+                        <div class="hr w-100 border border-1 position-relative">
+                            <div class="position-absolute template-dropdown orposition bg-white w-100px">or</div>
+                        </div>
+                        <div class="uploadpadding mt-10">
+                            <ul class="subtext list-unstyled d-flex flex-column align-items-center mx-4">
+                                <li>Use the template to upload multiple stores at once.</li>  
+                                <li> Download the template here - <span (click)="downloadTemplateV2()" class="cursor-pointer"><span class="me-3"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                    <path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5M5.83333 8.33333L10 12.5M10 12.5L14.1667 8.33333M10 12.5V2.5" stroke="#009BF3" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
+                                    </svg></span><span class="text-primary">Download Template</span></span></li>
+                                <li> Add your data to the Template File</li>
+                            </ul>
+                        </div>
+                        <div class="w-100 border border-2 text-center border-dashed rounded-3 border-primary p-5" (dragover)="onDragOver($event)" 
+                        (dragleave)="onDragLeave($event)"
+                        (drop)="onDrop($event)"
+                        (click)="file.click()">
+                             <div class=""><svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" fill="none">
+                                <rect x="3" y="3" width="40" height="40" rx="20" fill="#F2F4F7"/>
+                                <rect x="3" y="3" width="40" height="40" rx="20" stroke="#F9FAFB" stroke-width="6"/>
+                                <g clip-path="url(#clip0_7979_5202)">
+                                <path d="M26.3335 26.3332L23.0002 22.9999M23.0002 22.9999L19.6669 26.3332M23.0002 22.9999V30.4999M29.9919 28.3249C30.8047 27.8818 31.4467 27.1806 31.8168 26.3321C32.1868 25.4835 32.2637 24.5359 32.0354 23.6388C31.807 22.7417 31.2865 21.9462 30.5558 21.3778C29.8251 20.8094 28.9259 20.5005 28.0002 20.4999H26.9502C26.698 19.5243 26.2278 18.6185 25.5752 17.8507C24.9225 17.0829 24.1042 16.4731 23.182 16.0671C22.2597 15.661 21.2573 15.4694 20.2503 15.5065C19.2433 15.5436 18.2578 15.8085 17.3679 16.2813C16.4779 16.7541 15.7068 17.4225 15.1124 18.2362C14.518 19.05 14.1158 19.9879 13.936 20.9794C13.7563 21.9709 13.8036 22.9903 14.0746 23.961C14.3455 24.9316 14.8329 25.8281 15.5002 26.5832" stroke="#475467" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+                                </g>
+                                <defs>
+                                <clipPath id="clip0_7979_5202">
+                                <rect width="20" height="20" fill="white" transform="translate(13 13)"/>
+                                </clipPath>
+                                </defs>
+                                </svg></div>
+                                <div class="storetext cursor-pointer mb-2 fw-bold"><span class="text-primary text-decoration-underline">Click To Upload</span> 
+                                    or drag and drop
+                                </div>
+                                <div class="headeralign fw-400">the data added template file for processing.</div>
+                                <input style="visibility: hidden;" type="file" #file
+                                id="kt_account_team_size_select_1" (change)="onFileUpload($event)" />
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <div *ngIf="!tableArray?.length && !tableLoading1 && !tableFilter?.length && showImage && !configData.storeList" class="row loader d-flex justify-content-center align-items-center">
+                <div class="card-body my-8 d-flex justify-content-center align-items-center flex-column">
+                    <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
+                    <div class="nodata-title">No data found</div>
+                    <div class="nodata-sub">There is no result for the <span>Stores</span></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<ng-template #bulkupload let-model>
+    <div class="card border-0">
+        <div class="card-header border-0 mt-5">
+             <div class="card-title mt-3">
+                <div class="bg-light-primary rounded-5 w-40px h-40px d-flex justify-content-center align-items-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                        <path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5M14.1667 6.66667L10 2.5M10 2.5L5.83333 6.66667M10 2.5V12.5" stroke="#00A3FF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                </div> <span class="config-heading fw-semibold ms-5 w-auto">Bulk Upload</span>
+             </div>
+        </div>
+        <div class="card-body pt-0">
+            <div class="flex-column">
+                <div class="storeAssign mt-3" style="font-weight: 400">Step 1 - <a class="text-decoration-underline cursor-pointer" (click)="downloadTemplateV2()">Download the template here</a></div>
+                <div class="storeAssign mt-3" style="font-weight: 400">Step2 - Add your data to the Template File with existing store data</div>
+                <div class="storeAssign mt-3" style="font-weight: 400">Step3 - Upload it below for processing</div>
+
+                <div class="fw-bold storeAssign mt-10">**Note : On upload, all the existing data will be replaced</div>
+            </div>
+        </div>
+        <div class="card-footer border-0 text-end pt-0">
+            <button class="btn btn-md btn-default btn-outline" (click)="model.close()">Cancel</button>
+            <button class="btn btn-md py-3 btn-default ms-3 btn-primary" (click)="file1.click()">Upload</button>
+            <input style="visibility: hidden;" #file1 type="file" id="kt_account_team_size_select_2"
+                                            (change)="onFileUpload($event)" />
+        </div>
+    </div>
+</ng-template>
+
+<ng-template #afterValidation let-model>
+    <div class="card border-0">
+        <div class="card-header border-0 mt-0">
+             <div class="card-title mt-3"><span class="config-heading fw-semibold w-auto">Assign Stores</span></div>
+        </div>
+        <div class="card-body pt-0">
+            <div class="row">
+                <div class="col-sm-4">
+                   <div class="popup-card rounded-3 p-3 flex-column h-80px">
+                         <div class="fw-semibold config-heading w-100">{{getStoreCounts(excelData)}}</div>
+                         <div class="fw-semibold subtitle mt-1">Total Stores</div>
+                   </div>
+                </div>
+                <div class="col-sm-4">
+                    <div class="popup-card rounded-3 p-3 flex-column h-80px">
+                        <div class="fw-semibold config-heading w-100">{{excelData?.length}}</div>
+                        <div class="fw-semibold subtitle mt-1">Rows processed</div>
+                  </div>
+                </div>
+                <div class="col-sm-4">
+                    <div class="popup-card rounded-3 p-3 flex-column h-80px">
+                        <div [ngClass]="excelError ? 'error-heading':''" class="fw-semibold config-heading w-100">{{excelError?.error?.length || 0}}</div>
+                        <div [ngClass]="excelError ? 'excel-error':''" class="fw-semibold subtitle mt-1">Error</div>
+                  </div>
+                </div>
+            </div>
+            <div *ngIf="!excelError" class="table-header mt-5" style="font-weight: 400;">
+                <div *ngIf="!showStore&&!showInactive">You're about to assign {{getStoreCounts(excelData)}} stores to the checklist. Are you sure want to proceed?</div>
+                <div *ngIf="showStore" class="mt-3">Store <span *ngFor="let store of validatedStore;let last = last" class="fw-semibold config-heading">{{store}}<span *ngIf="!last">,</span></span> that I’m looking for isn’t  available, <a  routerLink="/manage/stores" [queryParams]="{type: 'stores'}" class="text-decoration-underline cursor-pointer" (click)="closeactivepopup()">Onboard Stores</a></div>
+                <div *ngIf="showInactive" class="mt-3">Store <span *ngFor="let store of inactiveStores;let last = last" class="fw-semibold config-heading">{{store}}<span *ngIf="!last">,</span></span> that I’m looking for is inactive, <a  routerLink="/manage/stores" [queryParams]="{type: 'stores'}" class="text-decoration-underline cursor-pointer" (click)="closeactivepopup()">Onboard Stores</a></div>
+            </div>
+            <div *ngIf="excelError" class="flex-column mt-5">
+                <div class="config-heading fw-bold">Invalid Details !</div>
+                <div class="subtitle mt-5">Please provide correct and complete layout information.</div>
+                <div class="p-5 w-100 rounded-3 border-error mt-5 flex-column">
+                    <div *ngFor="let error of excelError?.error; let i = index; let last = last" [ngClass]="!last ? 'mb-2' : ''" class="text-error">{{i + 1}}) {{error}}</div>
+                </div>
+            </div>
+
+        </div>
+        <div class="card-footer border-0 text-end pt-0">
+            <button class="btn btn-md btn-default btn-outline" (click)="closeactivepopup()">Cancel</button>
+            <button *ngIf="!excelError&&!showStore&&!showInactive" class="btn btn-md py-3 btn-default ms-3 btn-primary" (click)="confirmUserpopup();closeactivepopup()">Proceed</button>
+            <button *ngIf="excelError||showStore|| showInactive" class="btn py-3 btn-md btn-default ms-3 btn-danger" (click)="Reupload();">Reupload</button>
+            <input style="visibility: hidden;" #file1 type="file" id="kt_account_team_size_select_2"
+                                            (change)="onFileUpload($event,'reupload')" />
+        </div>
+    </div>
+</ng-template>
+
+<ng-template #confirmUser let-model>
+    <div class="card border-0">
+        <div class="card-header border-0 mt-5">
+             <div class="card-title d-flex flex-column mt-3">
+                <div class="bg-light-primary rounded-5 w-40px h-40px d-flex justify-content-center align-items-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>
+                </div><br>
+                <div class="config-heading fw-semibold w-auto">New User found in uploaded file</div>
+            </div>
+        </div>
+        <div class="card-body pt-0">
+            <div class="flex-column">
+                <div class="storeAssign mt-3" style="font-weight: 400">This CSV contains a new User. Add new User in the User Management under Manage menu.</div>
+            </div>
+        </div>
+        <div class="card-footer border-0 text-end pt-0">
+            <!-- <button class="btn btn-md btn-default btn-outline" routerLink="/manage/users/client" (click)="closeactivepopup()">Skip New Entries</button> -->
+            <button class="btn btn-md py-4 btn-default ms-3 btn-primary" (click)="model.close('confirm')">Invite Selected</button>
+        </div>
+    </div>
+</ng-template>