import { Component, computed, OnInit, Signal } from '@angular/core';
import { RouterModule } from '@angular/router';
import { BaseComponent, untilDestroy } from 'angularlib/base.component';
import { LoginModule } from 'angularlib/login';
import { Store } from '@ngxs/store';
import { LoginService } from 'angularlib/login/login.service';
import { MasterMenuComponent } from 'angularlib/menu/master.menu/master.menu.component';
import { CommonModule } from '@angular/common';
import { ComponentService } from 'angularlib/component.service';
import { LabelModule } from 'angularlib/labels/label.module';
import { masterMenu } from '../menu/menu';

@Component({
  selector: 'app-dashboard',
  standalone: true,
  imports: [
    CommonModule,
    RouterModule,
    LoginModule,
    LabelModule,
    MasterMenuComponent
  ],
  providers: [ComponentService],
  templateUrl: './dashboard.component.html',
  styleUrl: './dashboard.component.scss'
})
export class DashboardComponent extends BaseComponent implements OnInit{
  protected masterMenu = masterMenu;
  protected username: Signal<string> = computed(() => {
    const GIVEN_NAME = this.loginService?.userSignal()?.name?.givenName;
    const FIS_NAME = this.loginService?.userSignal()?.fisInfo?.name;
    return GIVEN_NAME || FIS_NAME;
  });
  
  constructor(
    protected store: Store,
    protected loginService: LoginService,
    protected cs: ComponentService
  ) {
    super(store);
  }

  ngOnInit(): void {
      super.ngOnInit();
  }

}