tango-app-ui-store-ticket-infra 3.0.10-dev → 3.0.12-dev

package/fesm2022/tango-app-ui-store-ticket-infra.mjs

@@ -218,6 +218,9 @@ class TicketInfraComponent {
         if (this.selectedIssue == 'Camera Issues') {
             this.cameraList(this.headerFilter?.store);
         }
+        else {
+            this.showcamIssue = true;
+        }
         this.secondaryReason(this.selectedIssue);
         this.cd.detectChanges();
     }
@@ -565,25 +568,39 @@ class TangoStoreInfraComponent {
     pageInfo;
     router;
     gs;
+    route;
     selectedTab = 'infra';
     detach = new Subject();
     storeId;
-    constructor(pageInfo, router, gs) {
+    constructor(pageInfo, router, gs, route) {
         this.pageInfo = pageInfo;
         this.router = router;
         this.gs = gs;
+        this.route = route;
+    }
+    ngOnDestroy() {
+        this.detach.next(true);
+        this.detach.complete();
     }
     ngOnInit() {
         this.gs.dataRangeValue.pipe(takeUntil(this.detach)).subscribe({
             next: (data) => {
                 if (data) {
-                    this.storeId = data && data.store ? data.store : this.router.url.split("/")[3];
+                    this.storeId =
+                        data && data.store ? data.store : this.router.url.split("/")[3];
+                    this.updateStoreIdQueryParam(this.storeId);
                     this.setPageData();
-                    // this.router.navigate([`/manage/stores/${this.storeId}/infra-ticket`])
                 }
-            }
+            },
         });
     }
+    updateStoreIdQueryParam(storeId) {
+        const queryParams = { ...this.route.snapshot.queryParams };
+        // Update storeId in queryParams
+        queryParams.storeId = storeId;
+        // Navigate to the same route with updated queryParams
+        this.router.navigate([], { queryParams: queryParams, queryParamsHandling: 'merge' });
+    }
     setPageData() {
         this.pageInfo.setTitle("Tickets");
         this.pageInfo.setDescription("View, share, download and benchmark the stores performance in one screen");
@@ -602,30 +619,30 @@ class TangoStoreInfraComponent {
                 isActive: false,
                 isSeparator: true,
             },
-            // {
-            //   title: this.storeId,
-            //   path: "/manage/stores/" + this.storeId,
-            //   isActive: false,
-            //   isSeparator: false,
-            // },
-            // {
-            //   title: this.storeId,
-            //   path: "/manage/stores/" + this.storeId,
-            //   isActive: false,
-            //   isSeparator: true,
-            // },
+            {
+                title: this.storeId,
+                path: "/manage/stores/" + this.storeId,
+                isActive: false,
+                isSeparator: false,
+            },
+            {
+                title: this.storeId,
+                path: "/manage/stores/" + this.storeId,
+                isActive: false,
+                isSeparator: true,
+            },
         ]);
     }
     selectedTabs(value) {
         this.selectedTab = value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TangoStoreInfraComponent, deps: [{ token: i1.PageInfoService }, { token: i2.Router }, { token: i1.GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TangoStoreInfraComponent, deps: [{ token: i1.PageInfoService }, { token: i2.Router }, { token: i1.GlobalStateService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: TangoStoreInfraComponent, selector: "lib-tango-store-infra", ngImport: i0, template: "<div class=\"card mb-5 py-3 px-5\">\r\n        <ul class=\"nav nav-stretch nav-line-tabs1 nav-line-tabs border-transparent flex-nowrap\">\r\n            <li class=\"nav-item\" (click)=\"selectedTabs('infra')\"><a [ngClass]=\"selectedTab ==='infra' ? 'active' :''\"\r\n                    class=\"nav-link cursor-pointer no-border me-6 \">Infra</a>\r\n            </li>\r\n            <li class=\"nav-item\" (click)=\"selectedTabs('datamismatch')\">\r\n                <a [ngClass]=\"selectedTab ==='datamismatch' ? 'active' :''\" class=\"nav-link cursor-pointer me-6\">Data Mismatch</a>\r\n            </li>\r\n        </ul>\r\n</div>\r\n<div *ngIf=\"selectedTab ==='infra'\">\r\n     <lib-ticket-infra></lib-ticket-infra>\r\n</div>\r\n<router-outlet></router-outlet>", styles: [".nav-item .nav-link.active{border:none;border-radius:6px;background:var(--Primary-50, #EAF8FF);padding:8px 12px}.nav-item .nav-link:hover{border:none}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: TicketInfraComponent, selector: "lib-ticket-infra" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TangoStoreInfraComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-tango-store-infra', template: "<div class=\"card mb-5 py-3 px-5\">\r\n        <ul class=\"nav nav-stretch nav-line-tabs1 nav-line-tabs border-transparent flex-nowrap\">\r\n            <li class=\"nav-item\" (click)=\"selectedTabs('infra')\"><a [ngClass]=\"selectedTab ==='infra' ? 'active' :''\"\r\n                    class=\"nav-link cursor-pointer no-border me-6 \">Infra</a>\r\n            </li>\r\n            <li class=\"nav-item\" (click)=\"selectedTabs('datamismatch')\">\r\n                <a [ngClass]=\"selectedTab ==='datamismatch' ? 'active' :''\" class=\"nav-link cursor-pointer me-6\">Data Mismatch</a>\r\n            </li>\r\n        </ul>\r\n</div>\r\n<div *ngIf=\"selectedTab ==='infra'\">\r\n     <lib-ticket-infra></lib-ticket-infra>\r\n</div>\r\n<router-outlet></router-outlet>", styles: [".nav-item .nav-link.active{border:none;border-radius:6px;background:var(--Primary-50, #EAF8FF);padding:8px 12px}.nav-item .nav-link:hover{border:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i2.Router }, { type: i1.GlobalStateService }] });
+        }], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i2.Router }, { type: i1.GlobalStateService }, { type: i2.ActivatedRoute }] });
 
 const routes = [
     {