@thetradeengineorg1/snova-shell-module 1.0.2 → 1.0.3

package/fesm2015/thetradeengineorg1-snova-shell-module.js

@@ -12032,37 +12032,46 @@ SideBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideBarCom
             }]
     }], function () { return [{ type: i3.Store }, { type: i2.Router }]; }, null); })();
 
-function AdminLayoutComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelementStart(1, "div", 10);
-    i0.ɵɵelement(2, "div", 11);
-    i0.ɵɵelement(3, "div", 12);
+function AdminLayoutComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "app-sidebar", 10);
+    i0.ɵɵelementContainerEnd();
+} }
+function AdminLayoutComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "router-outlet");
+} }
+function AdminLayoutComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelementStart(1, "div", 12);
+    i0.ɵɵelement(2, "div", 13);
+    i0.ɵɵelement(3, "div", 14);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function AdminLayoutComponent_div_9_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 16);
+function AdminLayoutComponent_div_10_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 18);
 } }
-function AdminLayoutComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelementStart(1, "span", 14);
+function AdminLayoutComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelementStart(1, "span", 16);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, AdminLayoutComponent_div_9_div_5_Template, 1, 0, "div", 15);
+    i0.ɵɵtemplate(5, AdminLayoutComponent_div_10_div_5_Template, 1, 0, "div", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate3(" ", i0.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r1.totalLoadingTime, " ", i0.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
+    i0.ɵɵtextInterpolate3(" ", i0.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r4.totalLoadingTime, " ", i0.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.loading);
+    i0.ɵɵproperty("ngIf", ctx_r4.loading);
 } }
 const _c0$5 = function (a0, a1) { return { "blur-on-opened": a0, "show-in-dashboard": a1 }; };
 class AdminLayoutComponent {
-    constructor(router, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
+    constructor(router, activatedRoute, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
         this.router = router;
+        this.activatedRoute = activatedRoute;
         this.translate = translate;
         this.layout = layout;
         this.store = store;
@@ -12073,33 +12082,29 @@ class AdminLayoutComponent {
         this.pubnub = pubnub;
         this.signalr = signalr;
         this.isModuleLoading = false;
-        // private sidebarPS: PerfectScrollbar;
-        // private bodyPS: PerfectScrollbar;
-        // private headerFixedBodyPS: PerfectScrollbar;
         this.scrollConfig = {};
         this.layoutConf = {};
         this.ngDestroyed$ = new Subject();
-        this.userstory = 'userstory';
+        this.userstory = "userstory";
         this.loading = false;
         this.totalLoadingTime = 0;
         this.spinnerType = SPINNER.circle;
-        // let conId = sessionStorage.getItem('conectionId');
-        // if(!conId) {
+        // 👉 NEW FLAG
+        this.isHomeScreen = true;
         this.signalr.initializeSignalRConnection();
-        // }
         let environment = JSON.parse(localStorage.getItem(LocalStorageProperties.Environment));
         let companySettings = localStorage.getItem(LocalStorageProperties.CompanySettings);
-        if (!companySettings || companySettings == 'null' || companySettings == "undefined") {
+        if (!companySettings || companySettings == "null" || companySettings == "undefined") {
             pubnub.init({
                 publishKey: environment.publishKey,
                 subscribeKey: environment.subscribeKey
             });
         }
         else {
-            const comSet = JSON.parse(localStorage.getItem(LocalStorageProperties.CompanySettings));
-            var publishKey = comSet.find(i => i.key == "PubnubPublishKey");
-            var subscribeKey = comSet.find(i => i.key == "PubnubSubscribeKey");
-            if ((publishKey && publishKey.value) && (subscribeKey && subscribeKey.value)) {
+            const comSet = JSON.parse(companySettings);
+            var publishKey = comSet.find((i) => i.key == "PubnubPublishKey");
+            var subscribeKey = comSet.find((i) => i.key == "PubnubSubscribeKey");
+            if ((publishKey === null || publishKey === void 0 ? void 0 : publishKey.value) && (subscribeKey === null || subscribeKey === void 0 ? void 0 : subscribeKey.value)) {
                 pubnub.init({
                     publishKey: publishKey.value,
                     subscribeKey: subscribeKey.value
@@ -12114,14 +12119,15 @@ class AdminLayoutComponent {
         }
         // Close sidenav after route change in mobile
         this.routerEventSub = router.events
-            .pipe(filter(event => event instanceof NavigationEnd))
+            .pipe(filter((event) => event instanceof NavigationEnd))
             .subscribe((routeChange) => {
             this.layout.adjustLayout({ route: routeChange.url });
+            this.updateHomeToggle(); // 👉 update on every navigation
         });
         // Translator init
         let currentCulture = this.cookieService.get(LocalStorageProperties.CurrentCulture);
-        if (currentCulture === 'null' || currentCulture === 'undefined') {
-            currentCulture = 'en';
+        if (currentCulture === "null" || currentCulture === "undefined") {
+            currentCulture = "en";
         }
         translate.use(currentCulture);
         this.router.events.subscribe((event) => {
@@ -12142,30 +12148,23 @@ class AdminLayoutComponent {
                     this.loading = false;
                     break;
                 }
-                default: {
-                    break;
-                }
             }
         });
-        router.events.subscribe(val => {
+        router.events.subscribe((val) => {
             if (location.path() != "") {
-                if (location.path().includes('/dashboard-management/dashboard/')) {
+                if (location.path().includes("/dashboard-management/dashboard/")) {
                     this.dashboardPage = true;
-                    this.bgcolor = 'none';
+                    this.bgcolor = "none";
                 }
                 else {
                     this.dashboardPage = false;
-                    this.bgcolor = 'beige';
+                    this.bgcolor = "beige";
                 }
             }
         });
-        // if (this.cookieService.check(LocalStorageProperties.UserModel)) {
-        //   let data = JSON.parse(this.cookieService.get(LocalStorageProperties.UserModel));
-        //   if (data && data != 'null' && data != 'undefined')
-        //     this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
-        // }
-        if ((localStorage.getItem(LocalStorageProperties.UserModel) != null && localStorage.getItem(LocalStorageProperties.UserModel) != undefined)
-            && !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
+        if (localStorage.getItem(LocalStorageProperties.UserModel) != null &&
+            localStorage.getItem(LocalStorageProperties.UserModel) != undefined &&
+            !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
             let data = JSON.parse(localStorage.getItem(LocalStorageProperties.UserModel));
             this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
         }
@@ -12174,22 +12173,31 @@ class AdminLayoutComponent {
             if (result && result.companyId) {
                 this.getSoftLabels();
             }
-        })).subscribe();
+        }))
+            .subscribe();
     }
     ngOnInit() {
         this.getSoftLabelConfigurations();
         this.layoutConf = this.layout.layoutConf;
-        // this.layout.adjustLayout();
-        // FOR MODULE LOADER FLAG
-        this.moduleLoaderSub = this.router.events.subscribe(event => {
-            if (event instanceof RouteConfigLoadStart ||
-                event instanceof ResolveStart) {
-                this.isModuleLoading = false;
+        this.moduleLoaderSub = this.router.events.subscribe((event) => {
+            if (event instanceof RouteConfigLoadStart || event instanceof ResolveStart) {
+                this.isModuleLoading = true;
             }
             if (event instanceof RouteConfigLoadEnd || event instanceof ResolveEnd) {
                 this.isModuleLoading = false;
             }
         });
+        this.updateHomeToggle(); // initial check
+    }
+    updateHomeToggle() {
+        var _a, _b;
+        // 👉 logic: if route has no child OR path is '', we are home
+        let child = this.activatedRoute.firstChild;
+        while (child === null || child === void 0 ? void 0 : child.firstChild) {
+            child = child.firstChild;
+        }
+        const childPath = (_b = (_a = child === null || child === void 0 ? void 0 : child.routeConfig) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : "";
+        this.isHomeScreen = !child || childPath === "";
     }
     onResize(event) {
         this.layout.adjustLayout(event);
@@ -12198,7 +12206,7 @@ class AdminLayoutComponent {
         this.display = event;
     }
     getSoftLabelConfigurations() {
-        this.softLabels = JSON.parse(localStorage.getItem('SoftLabels'));
+        this.softLabels = JSON.parse(localStorage.getItem("SoftLabels"));
     }
     getSoftLabels() {
         let model = new SoftLabelConfigurationModel();
@@ -12207,33 +12215,12 @@ class AdminLayoutComponent {
             if (response.success) {
                 let data = response.data;
                 if (data) {
-                    localStorage.setItem('SoftLabels', JSON.stringify(data));
+                    localStorage.setItem("SoftLabels", JSON.stringify(data));
                 }
             }
         });
     }
-    ngAfterViewInit() {
-        // this.layoutConfSub = this.layout.layoutConf$.subscribe(change => {
-        //   // this.initBodyPS(change)
-        // })
-    }
-    // initBodyPS(layoutConf:any = {}) {
-    //   if(layoutConf.navigationPos === 'side' && layoutConf.topbarFixed) {
-    //     if (this.bodyPS) this.bodyPS.destroy();
-    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-    //     this.headerFixedBodyPS = new PerfectScrollbar('.rightside-content-hold', {
-    //       suppressScrollX: true
-    //     });
-    //     this.scrollToTop('.rightside-content-hold');
-    //   } else {
-    //     if (this.bodyPS) this.bodyPS.destroy();
-    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-    //     this.bodyPS = new PerfectScrollbar('.main-content-wrap', {
-    //       suppressScrollX: true
-    //     });
-    //     this.scrollToTop('.main-content-wrap');
-    //   }
-    // }
+    ngAfterViewInit() { }
     scrollToTop(selector) {
         if (document) {
             let element = document.querySelector(selector);
@@ -12241,18 +12228,11 @@ class AdminLayoutComponent {
         }
     }
     ngOnDestroy() {
-        if (this.moduleLoaderSub) {
-            this.moduleLoaderSub.unsubscribe();
-        }
-        if (this.layoutConfSub) {
-            this.layoutConfSub.unsubscribe();
-        }
-        if (this.routerEventSub) {
-            this.routerEventSub.unsubscribe();
-        }
-        if (this.sub) {
-            this.sub.unsubscribe();
-        }
+        var _a, _b, _c, _d;
+        (_a = this.moduleLoaderSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.layoutConfSub) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        (_c = this.routerEventSub) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+        (_d = this.sub) === null || _d === void 0 ? void 0 : _d.unsubscribe();
     }
     closeSidebar() {
         this.layout.publishLayoutChange({
@@ -12265,10 +12245,10 @@ class AdminLayoutComponent {
         }, 1000);
     }
 }
-AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i10.Location), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(SignalrService)); };
+AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i10.Location), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(SignalrService)); };
 AdminLayoutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminLayoutComponent, selectors: [["app-admin-layout"]], hostBindings: function AdminLayoutComponent_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("resize", function AdminLayoutComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
-    } }, decls: 10, vars: 8, consts: [["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "container-fluid", "p-0", 2, "min-height", "100vh", "width", "100%", "display", "flex", "flex-direction", "column", 3, "dir"], [2, "z-index", "1200", "position", "relative"], [3, "opened"], [1, "flex-grow-1", "d-flex", 2, "position", "relative", "overflow", "hidden"], [1, "flex-grow-1", "d-flex", "flex-column", 2, "overflow-y", "auto", "position", "relative", "background-color", "#f5f5f5", 3, "ngClass"], [1, "flex-grow-1", "d-flex", "justify-content-center", "align-items-start", "p-3"], ["class", "d-flex justify-content-center align-items-center", "style", "position: absolute; top: 0; left:0; right:0; bottom:0; z-index: 1100; background: rgba(255,255,255,0.6);", 4, "ngIf"], ["id", "btrak-preloader", "class", "text-center", 4, "ngIf"], [1, "d-flex", "justify-content-center", "align-items-center", 2, "position", "absolute", "top", "0", "left", "0", "right", "0", "bottom", "0", "z-index", "1100", "background", "rgba(255,255,255,0.6)"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader", 1, "text-center"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, decls: 11, vars: 10, consts: [["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "container-fluid", "p-0", 2, "min-height", "100vh", "width", "100%", "display", "flex", "flex-direction", "column", 3, "dir"], [2, "z-index", "1200", "position", "relative"], [3, "opened"], [1, "flex-grow-1", "d-flex", 2, "position", "relative", "overflow", "hidden"], [1, "flex-grow-1", "d-flex", "flex-column", 2, "overflow-y", "auto", "position", "relative", "background-color", "#f5f5f5", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["routedContent", ""], ["class", "d-flex justify-content-center align-items-center", "style", "position: absolute; top: 0; left:0; right:0; bottom:0; z-index: 1100; background: rgba(255,255,255,0.6);", 4, "ngIf"], ["id", "btrak-preloader", "class", "text-center", 4, "ngIf"], [1, "flex-grow-1", "d-flex", "justify-content-center", "align-items-start", "p-3"], [1, "d-flex", "justify-content-center", "align-items-center", 2, "position", "absolute", "top", "0", "left", "0", "right", "0", "bottom", "0", "z-index", "1100", "background", "rgba(255,255,255,0.6)"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader", 1, "text-center"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "ngx-ui-loader", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
@@ -12278,34 +12258,36 @@ AdminLayoutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminL
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(4, "div", 4);
         i0.ɵɵelementStart(5, "div", 5);
-        i0.ɵɵelementStart(6, "app-sidebar", 6);
-        i0.ɵɵelement(7, "router-outlet");
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, AdminLayoutComponent_div_8_Template, 4, 0, "div", 7);
-        i0.ɵɵtemplate(9, AdminLayoutComponent_div_9_Template, 6, 8, "div", 8);
+        i0.ɵɵtemplate(6, AdminLayoutComponent_ng_container_6_Template, 2, 0, "ng-container", 6);
+        i0.ɵɵtemplate(7, AdminLayoutComponent_ng_template_7_Template, 1, 0, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵtemplate(9, AdminLayoutComponent_div_9_Template, 4, 0, "div", 8);
+        i0.ɵɵtemplate(10, AdminLayoutComponent_div_10_Template, 6, 8, "div", 9);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        const _r1 = i0.ɵɵreference(8);
         i0.ɵɵproperty("fgsType", ctx.spinnerType);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("dir", ctx.layoutConf.dir);
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c0$5, ctx.display, ctx.dashboardPage));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(7, _c0$5, ctx.display, ctx.dashboardPage));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.isHomeScreen)("ngIfElse", _r1);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.isModuleLoading);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.loading);
-    } }, directives: [i3$1.ɵb, i12$1.Dir, HeaderSideComponent, i10.NgClass, i4$1.DefaultClassDirective, SideBarComponent, i2.RouterOutlet, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i3$1.ɵb, i12$1.Dir, HeaderSideComponent, i10.NgClass, i4$1.DefaultClassDirective, i10.NgIf, SideBarComponent, i2.RouterOutlet], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminLayoutComponent, [{
         type: Component,
         args: [{
                 selector: "app-admin-layout",
                 templateUrl: "./admin-layout.template.html"
             }]
-    }], function () { return [{ type: i2.Router }, { type: i5$1.TranslateService }, { type: LayoutService }, { type: i3.Store }, { type: i5.CookieService }, { type: i1$2.Actions }, { type: i10.Location }, { type: CommonService }, { type: i2$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
+    }], function () { return [{ type: i2.Router }, { type: i2.ActivatedRoute }, { type: i5$1.TranslateService }, { type: LayoutService }, { type: i3.Store }, { type: i5.CookieService }, { type: i1$2.Actions }, { type: i10.Location }, { type: CommonService }, { type: i2$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
             type: HostListener,
-            args: ["window:resize", ['$event']]
+            args: ["window:resize", ["$event"]]
         }] }); })();
 
 function HeaderTopComponent_li_7_a_1_Template(rf, ctx) { if (rf & 1) {
@@ -15837,12 +15819,13 @@ ShellModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
 
 const ShellRouts = [
     {
-        path: "",
+        path: '',
+        component: AdminLayoutComponent,
         children: [
-            //          { path: 'settings', component: settingsComponent, data: { title: 'settings', breadcrumb: 'settings' } },
-            { path: 'Accounts', component: AccountAndBillingComponent, data: { title: 'Account & Billing', breadcrumb: 'Account & Billing' } },
-            { path: 'payments-plans', component: CompanyPlansComponent, data: { title: 'Payments', breadcrumb: 'Payments' } },
-            { path: 'welcome', component: LiveWelcomePageComponent, data: { title: 'welcome', breadcrumb: 'welcome' } }
+            // no default child here on purpose – layout shows grid when there’s no child
+            { path: 'accounts', component: AccountAndBillingComponent },
+            { path: 'payments-plans', component: CompanyPlansComponent },
+            { path: 'welcome', component: LiveWelcomePageComponent }
         ]
     }
 ];