Add branding assets for TIS tenant with logo and login image

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

@@ -1,101 +1,37 @@
-<ng-template #topbarStart>
-  <p-button (click)="toggleMenu()" icon="pi pi-bars" outlined size="large" />
-</ng-template>
-
-<ng-template #topbarCenter>
-  @if (posInfo()) {
-    <a [routerLink]="homeRouteLink" class="flex flex-col items-center justify-center gap-2">
-      <div class="w-8 h-8">
-        <img
-          [src]="posInfo()?.partner?.logo_url ?? placeholderLogo"
-          alt="Logo"
-          class="w-full h-full object-cover rounded-md bg-surface-card"
-        />
-      </div>
-      <span class="text-base font-semibold">{{ posInfo()?.partner?.name }}</span>
-    </a>
-  }
-</ng-template>
-
-<ng-template #topbarEnd>
-  <div class="">
-    <p-menu #menu [model]="profileMenuItems" [popup]="true" />
-    <p-button (click)="menu.toggle($event)" icon="pi pi-user" outlined size="large" />
-  </div>
-</ng-template>
-
-<div
-  class="h-full relative"
-  (touchstart)="onTouchStart($event)"
-  (touchmove)="onTouchMove($event)"
-  (touchend)="onTouchEnd()"
->
-  @if (pullDistance() >= 0) {
+@if (showSplash()) {
+  <pos-splash (onComplete)="onSplashCompleted()" />
+} @else {
+  @defer (when !showSplash()) {
     <div
-      class="w-full flex justify-center items-center py-2 min-h-10 text-xs text-surface-500 overflow-hidden fixed top-0 inset-x-0 z-1000 translate-y-[-20px]"
-      [ngStyle]="{ height: pullDistance() + 'px' }"
+      class="h-full relative"
+      (touchstart)="onTouchStart($event)"
+      (touchmove)="onTouchMove($event)"
+      (touchend)="onTouchEnd()"
     >
-      <div
-        class="inline-flex p-3 rounded-full opacity-0 transition-opacity shadow-xl bg-surface-card"
-        [ngStyle]="{ opacity: pullDistance() / 100 }"
-      >
-        <i
-          class="pi pi-refresh text-[1.25rem] text-primary"
-          [ngStyle]="{ fontSize: `${1.25 + pullDistance() * 0.007}rem`, rotate: pullDistance() * 2 + 'deg' }"
-        ></i>
-      </div>
-      <!-- [ngStyle]="{ transform: 'scale(1.' + pullDistance() * 10 + ')' }" -->
-    </div>
-  }
-  @if (loading()) {
-    <shared-page-loading />
-  } @else {
-    <!-- <div class="w-svw h-svh bg-surface-ground flex flex-col gap-4 p-4"> -->
-    <!-- <div class="w-full flex items-center gap-4 shrink-0 justify-between">
-      <div class="flex gap-2 items-center">
-        @if (posInfo()) {
-          <div class="w-10 h-10">
-            <img [src]="placeholderLogo" alt="Logo" class="w-full h-full object-cover rounded-md bg-surface-card" />
+      @if (pullDistance() >= 0) {
+        <div
+          class="w-full flex justify-center items-center py-2 min-h-10 text-xs text-surface-500 overflow-hidden fixed top-0 inset-x-0 z-1000 translate-y-[-20px]"
+          [ngStyle]="{ height: pullDistance() + 'px' }"
+        >
+          <div
+            class="inline-flex p-3 rounded-full opacity-0 transition-opacity shadow-xl bg-surface-card"
+            [ngStyle]="{ opacity: pullDistance() / 100 }"
+          >
+            <i
+              class="pi pi-refresh text-[1.25rem] text-primary"
+              [ngStyle]="{ fontSize: `${1.25 + pullDistance() * 0.007}rem`, rotate: pullDistance() * 2 + 'deg' }"
+            ></i>
           </div>
-          <span class="text-lg font-bold">
-            {{ posInfo()?.name }} ({{ posInfo()?.complex!.name }} - {{ posInfo()?.businessActivity!.name }})
-          </span>
-        }
-      </div>
-      <div class="flex gap-2 items-center">
-        <div class="bg-surface-card px-3 rounded-md shadow-sm h-9 flex items-center">
-          <span [jalaliDate]="now" jalaliFormat="dddd YYYY/MM/DD" class="text-base"></span>
+          <!-- [ngStyle]="{ transform: 'scale(1.' + pullDistance() * 10 + ')' }" -->
         </div>
-        <div class="">
-          <p-menu #menu [model]="profileMenuItems" [popup]="true" />
-          <button pButton (click)="menu.toggle($event)" icon="pi pi-user" severity="contrast">
-            {{ posProfile()?.account?.username }}
-          </button>
-        </div>
-      </div>
-    </div> -->
-    @if (error()) {
-      @switch (error()?.status) {
-        @case (412) {
-          <pos-choose-cards class="h-full" (onChoose)="onChoosePos()" />
-        }
-        @default {
-          <div class="h-full w-full flex items-center justify-center">
-            <p-card class="border border-surface-border">
-              <div class="flex flex-col gap-2 items-center justify-between shrink-0">
-                <i class="pi pi-exclamation-triangle text-6xl! mb-3 text-error" aria-hidden="true"></i>
-                <span class="text-xl font-semibold mb-2 text-error block"> عدم دسترسی </span>
-                <p class="inline-block text-base">متاسفانه امکان دسترسی برای کاربر شما فراهم نیست</p>
-                <button pButton outlined severity="danger" class="mt-5 w-32" (click)="logout()">خروج</button>
-              </div>
-            </p-card>
-          </div>
+      }
+      @if (isAuth()) {
+        <router-outlet></router-outlet>
+      } @else {
+        @defer (when !isAuth()) {
+          <pos-pages-layout />
         }
       }
-    } @else {
-      <pos-main-menu-sidebar [(visible)]="mainMenuVisible" />
-      <router-outlet></router-outlet>
-    }
-    <!-- </div> -->
+    </div>
   }
-</div>
+}