import { Component, OnInit } from '@angular/core';
import { SidePanelsService } from '../../../utils/side-panels.service';
import {SideNavConfig, UserConfigService} from '../../../utils';

@Component({
	selector: 'esp-client-side-menu-nav',
	templateUrl: './side-menu-nav.component.html',
	styleUrls: ['./side-menu-nav.component.scss'],
})
export class SideMenuNavComponent implements OnInit {
	sideMenudata: any[];
	sideBarMenuConfig: SideNavConfig;
	position;
	type;

	constructor(private sidePanel: SidePanelsService,
              private userConfig: UserConfigService) {}

	ngOnInit(): void {
		this.sidePanel.castSideMenu.subscribe(sideMenuData => {
			this.sideMenudata = sideMenuData;
		});
	}

	toggleSubMenu(menuItem): void {
		this.sidePanel.toggleSideMenu(menuItem);
	}

  navigateToApp(url) {
	  window.location.href = url;
	}
	subMenuClicked(): void {
		this.sideBarMenuConfig = {
			status: false,
			position: this.position,
			type: this.type,
			closeOnClickOutside: true,
		};
		this.sidePanel.editSidePanelConfig(this.sideBarMenuConfig);
	}

  isSelected(appName) {
    return this.userConfig.currentApp === appName;
  }
}