update

src/app.routes.ts

@@ -10,11 +10,13 @@ export const appRoutes: Routes = [
   {
     path: '',
     loadComponent: () => import('@/layout/default/app.layout.component').then((m) => m.AppLayout),
-    children: [SUPER_ADMIN_ROUTES, CONSUMER_ROUTES, PROVIDER_ROUTES, PARTNER_ROUTES],
+    children: [
-  },
+      SUPER_ADMIN_ROUTES,
-  {
+      CONSUMER_ROUTES,
-    ...POS_ROUTES,
+      PROVIDER_ROUTES,
-    path: 'pos',
+      PARTNER_ROUTES,
+      ...POS_ROUTES.children!,
+    ],
   },
 
   {

src/app/domains/pos/layouts/layout.component.html

@@ -25,8 +25,11 @@
           <!-- [ngStyle]="{ transform: 'scale(1.' + pullDistance() * 10 + ')' }" -->
         </div>
       }
+      {{ isAuth() }}
       @if (isAuth()) {
-        <router-outlet></router-outlet>
+        @defer (when isAuth()) {
+          <router-outlet></router-outlet>
+        }
       } @else {
         @defer (when !isAuth()) {
           <pos-pages-layout />

src/app/domains/pos/layouts/layout.component.ts

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
-import { Component, computed, signal } from '@angular/core';
+import { Component, computed, inject, signal } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { NavigationEnd, Router, RouterOutlet } from '@angular/router';
+import { filter } from 'rxjs';
 import { PosSplashComponent } from '../components/splash.component';
 import { PosPagesLayoutComponent } from './pagesLayout/layout.component';
 
@@ -10,14 +11,23 @@ import { PosPagesLayoutComponent } from './pagesLayout/layout.component';
   imports: [PosSplashComponent, PosPagesLayoutComponent, RouterOutlet, CommonModule],
 })
 export class PosLayoutComponent {
+  private readonly router = inject(Router);
+
   showSplash = signal(true);
-  isAuth = computed(() => window.location.pathname === '/auth');
+  private readonly currentUrl = signal(this.router.url);
+  isAuth = computed(() => this.currentUrl() === '/auth');
 
   private touchStartY = 0;
   private pulling = false;
   pullDistance = signal(0);
   readonly pullThreshold = 80;
 
+  constructor() {
+    this.router.events
+      .pipe(filter((event) => event instanceof NavigationEnd))
+      .subscribe(() => this.currentUrl.set(this.router.url));
+  }
+
   onSplashCompleted() {
     this.showSplash.set(false);
   }

src/app/layout/default/app.layout.component.ts

@@ -138,32 +138,36 @@ export class AppLayout {
     this.layoutService.topbarCenterSlot$.subscribe((tpl) => (this.topBarCenterAction = tpl));
     this.layoutService.topbarEndSlot$.subscribe((tpl) => (this.topBarEndAction = tpl));
 
+    console.log(this.authService.currentAccount());
+
     if (window.location.pathname === '/') {
       if (!this.authService.currentAccount()) {
         this.router.navigateByUrl('auth');
-      }
+      } else {
+        let redirectUrl = '';
 
-      let redirectUrl = '';
+        switch (this.authService.currentAccount()?.type) {
-
+          case 'ADMIN':
-      switch (this.authService.currentAccount()?.type) {
+            redirectUrl = '/super_admin';
-        case 'ADMIN':
+            break;
-          redirectUrl = '/super_admin';
+          case 'PROVIDER':
-          break;
+            redirectUrl = '/provider';
-        case 'PROVIDER':
+            break;
-          redirectUrl = '/provider';
+          case 'PARTNER':
-          break;
+            redirectUrl = '/partner';
-        case 'PARTNER':
+            break;
-          redirectUrl = '/partner';
+          case 'CONSUMER':
-          break;
+            if (this.authService.currentAccount()?.role === 'OWNER') {
-        case 'CONSUMER':
+              redirectUrl = '/consumer';
-          if (this.authService.currentAccount()?.role === 'OWNER') {
+            } else {
-            redirectUrl = '/consumer';
+              redirectUrl = config.isPosApplication ? '/' : '/pos';
-          } else {
+            }
-            redirectUrl = config.isPosApplication ? '/' : '/pos';
+            break;
-          }
+        }
-          break;
+        if (redirectUrl) {
+          this.router.navigateByUrl(redirectUrl);
+        }
       }
-      this.router.navigateByUrl(redirectUrl);
     }
   }
 

src/tenants/default/app.routes.ts

@@ -10,8 +10,15 @@ export const appRoutes: Routes = [
   {
     path: '',
     loadComponent: () => import('@/layout/default/app.layout.component').then((m) => m.AppLayout),
-    children: [SUPER_ADMIN_ROUTES, CONSUMER_ROUTES, PROVIDER_ROUTES, PARTNER_ROUTES, POS_ROUTES],
+    children: [
+      SUPER_ADMIN_ROUTES,
+      CONSUMER_ROUTES,
+      PROVIDER_ROUTES,
+      PARTNER_ROUTES,
+      ...POS_ROUTES.children!,
+    ],
   },
+
   {
     path: 'auth',
     loadComponent: () => import('@/modules/auth/pages/auth.component').then((m) => m.AuthComponent),