import { MainService } from './../main.service';
import { Component, OnInit, OnDestroy, Input, Output } from '@angular/core';
import { LeftService } from './left.service';
import { Event } from '@angular/router';

@Component({
    selector: 'cm-left',
    templateUrl: './left.component.html',
    styleUrls: ['./left.component.less']
})
export class LeftComponent implements OnInit, OnDestroy {

    isCollapsed: boolean;
    menuList: Array<any>;
    firstLevelMenu: Array<any>;
    isOpen: boolean = true;
    constructor(private menuService: LeftService, private mainService: MainService) {

        this.menuService.getMenu().then(menuList =>{
            let length = menuList.length;
            this.menuList = menuList[5]["submenu"];
            this.firstLevelMenu = menuList.slice(0,length-1)
        });
        this.isCollapsed = this.mainService.isCollapsed;
        this.mainService.missionMenu$.subscribe(menu => {
            this.isCollapsed = menu;
        });
    }

    ngOnInit() {

    }
    
    changeOpen(){
        this.isOpen = !this.isOpen;
    }
    itemSelect(event: Event, data: any) {
        if (data) {
            this.mainService.titleMission(data.title);
        }
    }

    ngOnDestroy() {

    }

}