tango-app-ui-analyse-zone 3.3.1-beta.3 → 3.3.1-beta.31

package/.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "extends": "../../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "lib",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "lib",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "rules": {}
+    }
+  ]
+}

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/tango-analyse-zone",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,25 +1,12 @@
-{
-  "name": "tango-app-ui-analyse-zone",
-  "version": "3.3.1-beta.3",
-  "peerDependencies": {
-    "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/tango-app-ui-analyse-zone.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/tango-app-ui-analyse-zone.mjs",
-      "esm": "./esm2022/tango-app-ui-analyse-zone.mjs",
-      "default": "./fesm2022/tango-app-ui-analyse-zone.mjs"
-    }
-  }
-}
+{
+  "name": "tango-app-ui-analyse-zone",
+  "version": "3.3.1-beta.31",
+  "peerDependencies": {
+    "@angular/common": "^17.3.0",
+    "@angular/core": "^17.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

package/src/lib/components/interation-table-client430/interation-table-client430.component.html

@@ -0,0 +1,269 @@
+
+<div class="row">
+
+<div class="col-6 ps-5 pe-0" *ngIf="!cardNoData" >
+    <div class="card">
+      <div class="card-header border-0 p-2">
+        <div class="card-title align-items-start flex-column headtext p-3">Customer Funnel</div>
+        <div class="card-toolbar">
+          <div class="d-flex">
+            <div class="d-flex align-items-center position-relative my-1">
+              <button type="button" (click)="onExport()" class="btn-outline btn align-items-end text-nowrap invheader me-4" [disabled]="!cardData.length">
+                <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="ms-2">Export</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div  *ngIf="!cardDataLoading && !cardNoData" class="body me-4">
+        <div *ngFor="let item of cardData" class="m-4">
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Passer By
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.passer_by || '--' }}
+                    </span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Footfall
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.footfall || '--' }}
+                    </span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Drop In Rate
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.drop_in_rate || '--' }}%
+                    </span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Customer Attended
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.customer_attended || '--' }}
+                    </span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Interaction Rate
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <!-- <span class="table-title">{{ roundof(overallStoreData?.concentrationRate) ||  '0' }} %</span> -->
+                    <span class="table-title">{{ item.interaction_rate || '--' }} %</span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Billing Conversion
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.footfall_overamin_inzone || '--' }}
+                    </span>
+                </div>
+            </div>
+            <div class="borderdashed my-3"></div>
+            <div class="d-flex flex-stack">
+                <span class="d-flex flex-row align-items-center">
+                    <div class="overalltext me-2">
+                        Billing Conversion Rate
+                    </div>
+                </span>
+                <div class="d-flex align-items-center">
+                    <span class="table-title">
+                        {{ item.billing_conversion_rate || '--' }}%
+                    </span>
+                </div>
+            </div>
+        </div>
+    
+        </div>
+        <div>
+        <ng-container *ngIf="cardDataLoading">
+            <div class="row loader d-flex justify-content-center align-items-center mb-15">
+                <div class="shimmer my-17">
+                    <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="cardNoData && !cardDataLoading">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div
+                        class="card-body d-flex justify-content-center align-items-center flex-column mb-10">
+                        <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 Interation Table Analysis</div>
+                    </div>
+                </div>
+            </div>
+        </ng-container>
+    </div>
+       
+
+        <!-- <div class="card-body p-0">
+            <div class="mx-3 agerangescroll">
+                <table *ngIf="!cardDataLoading && !cardNoData" class="table bottom-border">
+                    <thead class="fixed-header">
+                      <tr>
+                       
+                        <th>Interaction Rate</th>
+                        <th>Customer Attended</th>
+                        <th>Passer By</th>
+                      
+                        <th>Drop In Rate</th>
+                        <th>Billing Conversion</th>
+                        <th>Footfall</th>
+                      </tr>
+                    </thead>
+                    <tbody class="table-responsive">
+                        <tr *ngFor="let item of cardData">
+                         
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.interaction_rate }}</div>
+                          </td>
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.customer_attended }}</div>
+                          </td>
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.passer_by }}</div>
+                          </td>
+                         
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.zonename }}</div>
+                          </td>
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.drop_in_rate }}</div>
+                          </td>
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.footfall_overamin_inzone }}</div>
+                          </td>
+                          <td>
+                            <div class="table-title subscribedtext">{{ item.footfall }}</div>
+                          </td>
+                        </tr>
+                      </tbody>
+                  </table>
+                  
+                <ng-container *ngIf="cardDataLoading">
+                    <div class="row loader d-flex justify-content-center align-items-center mb-15">
+                        <div class="shimmer my-17">
+                            <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="cardNoData && !cardDataLoading">
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div
+                                class="card-body d-flex justify-content-center align-items-center flex-column mb-10">
+                                <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 Interation Table Analysis</div>
+                            </div>
+                        </div>
+                    </div>
+                </ng-container>
+            </div>
+        </div> -->
+    </div>
+</div>
+
+<div class="col-6 ps-7 pe-0" *ngIf="!cardNoData">
+        <div class="card">
+            <div class="card-header border-0 p-3">
+                <div class="card-title align-items-start flex-column headtext p-3">Conversion Rate</div>
+                <div class="card-toolbar">
+                  <div class="d-flex">
+                    <div class="d-flex align-items-center position-relative my-1">
+                        <!-- [disabled]="!cardData.length" -->
+                      <button type="button" (click)="onRateExport()" class="btn-outline btn align-items-end text-nowrap invheader me-4" >
+                        <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="ms-2">Export</span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="card-body mb-3 p-0">
+                <div *ngIf="!cardDataLoading && !cardNoData" id="chartdiv"></div>
+                <ng-container *ngIf="cardDataLoading">
+                    <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="cardNoData && !cardDataLoading">
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div
+                                class="card-body mb-13 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 Gender Analysis</div>
+                            </div>
+                        </div>
+                    </div>
+                </ng-container>
+                </div>
+        </div>
+</div>
+    
+</div>