UI-Prototype/src/app/dashboard/dashboard.component.ts

import { Component, computed, inject, OnInit, Signal } from '@angular/core';
import { RouterModule } from '@angular/router';
import { BaseComponent } 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';
import { InputModule } from 'angularlib/input/input.module';
import { EventI } from 'fis-commons/event/event';
import { DashboardItemComponent } from 'angularlib/dashboard/dashboard-item/dashboard-item.component';
import { LeaveModule } from 'fis/leave';
import { MatDivider } from "@angular/material/divider";
import { MatModule } from 'angularlib/mat.module';
import { TenderModule } from 'fis/tender/tender.module';
import { FISAccess } from 'fis/fis.access';
import { FISMessaging } from 'fis/index';

@Component({
    selector: 'spts-sales-submission-dashitem',
    imports: [
        CommonModule,
        RouterModule,
        MatModule,
        LoginModule,
        LabelModule,
        MasterMenuComponent,
        InputModule,
        LeaveModule,
        TenderModule
    ],
    providers: [ComponentService, FISAccess],
    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;
  });
  protected access = inject(FISAccess);
  protected hasAccess = {
    leaveApproval: false
  };

  protected goto = {
    field: {
      key: 'goto',
      type: 'select',
      label: {key:'will_redirect_to',default:'Go to'},
      selectOptions: [
        {value:'home',label:{key:'home_page',default:'Home'}},
        {value:'leave-new',label:{key:'new_leave',default:'Apply New Leave'}},
        {value:'leave-applied',label:{key:'applied_leave',default:'Applied Leave'}},
        {value:'leave-approval',label:{key:'leave_approval',default:'Leave Approval'}},
        {value:'spts-sales',label:{key:'sales_tender_submission',default:'Sales Tender Submission'}},
      ]
    },
    value: 'home',
    onChange: (event: EventI) => {
      switch (event?.payload?.value) {
        case 'leave-new' : {
          this.cs.navigate('/leave',{type:'new'});
          break;
        }
        case 'leave-applied' : {
          this.cs.navigate('/leave',{type:'view'});
          break;
        }
        case 'leave-approval' : {
          this.cs.navigate('/leave/approval');
          break;
        }
        case 'spts-sales' : {
          this.cs.navigate('/tender',{type:'sales'});
          break;
        }
        default: break;
      }
    }
  }

  constructor(
    protected store: Store,
    protected loginService: LoginService,
    protected cs: ComponentService
  ) {
    super(store);
  }

  ngOnInit(): void {
    super.ngOnInit();
    const run = async () => {
      const leaveApproval = await this.access.canActivate({data:{serviceId:'09 - Leave Application',accessRight:['canread','canapprove'],noprompt:true}},undefined);
      this.hasAccess = {
        ...this.hasAccess,
        leaveApproval: leaveApproval
      };
    }
    run();
  }
}