49 lines
2.0 KiB
HTML
49 lines
2.0 KiB
HTML
@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">
|
|
<div class="w-10 h-10">
|
|
<img [src]="placeholderLogo" alt="Logo" class="w-full h-full object-cover rounded-md bg-surface-card" />
|
|
</div>
|
|
@if (posInfo()) {
|
|
<span class="text-lg font-bold">{{ posInfo()?.name }} - فروشگاه {{ posInfo()?.complex?.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>
|
|
</div>
|
|
<div class="">
|
|
<p-menu #menu [model]="profileMenuItems" [popup]="true" />
|
|
<button pButton (click)="menu.toggle($event)" icon="pi pi-user" severity="contrast">
|
|
{{ userInfo()?.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>
|
|
}
|
|
}
|
|
} @else {
|
|
<router-outlet></router-outlet>
|
|
}
|
|
</div>
|
|
}
|