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

@Component({
  selector: 'hudongba-index-hot-top',
  templateUrl: './index-hot-top.component.html',
  styleUrls: ['./index-hot-top.component.scss']
})
export class IndexHotTopComponent implements OnInit {

  @Input() _menus: any[];
  @Input() items: any[];
  @Input() title: string;

  @Input()
  get menus(){
    return this._menus
  }
  set menus(val: any){
    this._menus = val;
  }

  isMenuOpen: boolean;
  isItemOpen: boolean;

  @Input() hasChannel: boolean;
  @Output() onClick: EventEmitter<any> = new EventEmitter()

  constructor() {
    this.isMenuOpen = false;
    this.isItemOpen = false;
    this.hasChannel = false;
    // this.menus = [
    //   {
    //     title: '我的'
    //   }
    // ]
    this.items = [{
      title: '北京'
    }]
    this.title = '北京';
  }

  ngOnInit() {
    console.log(this._menus);
  }

  _onItemOpen(){
    this.isItemOpen = !this.isItemOpen;
  }

  _onMenuOpen(){
    this.isMenuOpen = !this.isMenuOpen;
  }

  _onClickBack(){
    this.isItemOpen = false;
    this.isMenuOpen = false;
  }

  _onClick(item){
    this.onClick.emit(item);
  }

}