import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { Router } from '@angular/router';

@Component({
	selector: 'aeap-left-side-menu-nav',
	templateUrl: './left-side-menu-nav.component.html',
	styleUrls: ['./left-side-menu-nav.component.scss'],
})
export class LeftSideMenuNavComponent implements OnInit {
  @Input() navigationIcon = null;
  @Input() i18n = null;
  @Input() getSideMenuEvent = false;
  @Output() sideMenuClicked = new EventEmitter();
  @Output() sideBarExpanded = new EventEmitter();

  isExpanded: boolean = false;
  itemIndex = 0;
  isShow = false;
  constructor(public router: Router) {}

  ngOnInit(): void {
    setTimeout(() => { this.isShow = true; }, 1500);
  }

  navigateToUrl(icon, index) {
    this.itemIndex = index;
    this.getSideMenuEvent ? this.sideMenuClicked.emit(icon) : this.router.navigate([icon.url]);
  }

  expandSidebar() {
    this.isExpanded = !this.isExpanded;
    this.sideBarExpanded.emit(this.isExpanded);
  }
}