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

import { AuthService } from '@/core';
import { PageLoadingComponent } from '@/shared/components/page-loading.component';
import { JalaliDateDirective } from '@/shared/directives';
import { Component, computed, inject } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { MenuItem } from 'primeng/api';
import { ButtonDirective } from 'primeng/button';
import { Card } from 'primeng/card';
import { Menu } from 'primeng/menu';
import images from 'src/assets/images';
import { PosStore } from '../pos.store';
import { PosChooseCardsComponent } from './choose-pos.component';

@Component({
  selector: 'pos-layout',
  templateUrl: './layout.component.html',
  imports: [
    PageLoadingComponent,
    RouterOutlet,
    JalaliDateDirective,
    Menu,
    ButtonDirective,
    Card,
    PosChooseCardsComponent,
  ],
})
export class PosLayoutComponent {
  constructor() {}

  private readonly store = inject(PosStore);
  private readonly authService = inject(AuthService);

  readonly loading = computed(() => this.store.loading());
  readonly posInfo = computed(() => this.store.entity());
  readonly error = computed(() => this.store.error());
  readonly userInfo = computed(() => this.authService.currentAccount());

  logout = () => {
    this.authService.logout();
  };

  profileMenuItems: MenuItem[] = [
    {
      label: 'راهنمای سامانه',
      icon: 'pi pi-question-circle',
      disabled: true,
    },
    {
      label: 'خروج',
      icon: 'pi pi-sign-out',
      command: this.logout,
    },
  ];

  placeholderLogo = images.placeholders.logo;

  now = new Date();

  getData() {
    this.store.getData().subscribe();
  }

  onChoosePos() {
    this.getData();
  }

  ngOnInit() {
    this.getData();
  }
}