feat: streamline routing and layout initialization for POS module

src/app.routes.ts

@@ -10,13 +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,
-      ...POS_ROUTES.children!,
-    ],
+    children: [SUPER_ADMIN_ROUTES, CONSUMER_ROUTES, PROVIDER_ROUTES, PARTNER_ROUTES],
+  },
+  {
+    path: 'pos',
+    loadComponent: () =>
+      import('@/domains/pos/layouts/layout.component').then((m) => m.PosLayoutComponent),
+    children: [POS_ROUTES],
   },
 
   {

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

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

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

@@ -116,6 +116,10 @@ export class PosPagesLayoutComponent implements AfterViewInit {
     this.getData();
   }
 
+  ngOnInit() {
+    this.layoutService.changeIsFullPage(true);
+  }
+
   ngAfterViewInit() {
     this.layoutService.setTopbarStartSlot(this.topbarStart);
     this.layoutService.setTopbarCenterSlot(this.topbarCenter);

src/app/domains/pos/modules/landing/components/order/order-section.component.html

@@ -61,10 +61,6 @@
   </div>
 </div>
 
-@defer (when isVisibleCustomerForm()) {
 <pos-order-customer-dialog [(visible)]="isVisibleCustomerForm" (onSubmit)="submitCustomer()" />
-}
 <!-- <pos-pre-invoice-dialog [(visible)]="isVisiblePreInvoiceForm" /> -->
-@defer (when isVisiblePaymentForm()) {
 <pos-payment-form-dialog [(visible)]="isVisiblePaymentForm" (onSubmit)="submitPayment($event)" />
-}