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

@Component({
  selector: 'app-list-nav-demo',
  templateUrl: './list-nav-demo.component.html',
  styleUrls: ['./list-nav-demo.component.scss']
})
export class ListNavDemoComponent implements OnInit {
  listnavData = [
      {
        'id':'11',
        'name':'全部',
        'type':'link',
        'url':'all',
        'unreadnumber':3
      },{
        'id':'22',
        'name':'采购管理',
        'type':'link',
        'unreadnumber':9,
        'url':'manage',
        'active':'true'
      },{
        'id':'33',
        'name':'应付',
        'type':'link',
        'url':'copy-with'
        // 'disable':true
      },{
        'id':'44',
        'name':'合同管理',
        'type':'link',
        'url':'contract-manage',
        'unreadnumber':0
      },{
        'id':'55',
        'name':'网上报销',
        'type':'link',
        'url':'online-reimbursement',
        'unreadnumber':0
      },{
        'id':'66',
        'name':'手工填报',
        'type':'link',
        'url':'manual-reporting',
        'unreadnumber':0
      }
    ]

  /**当前点击link数据 */
  currentLink:Object = {};
  
  constructor() { }

  ngOnInit() {
  }


  listClick(event){
    let clickData = event.data;
    if(event.data.disable){
      return false;
    }
    else{
      if(typeof this.currentLink['data'] !== 'undefined') {
        if(clickData.id === this.currentLink['data'].id) return false;
        else{
          this.currentLink = event;
        }
      }
      else{
        this.currentLink = event;
      }
    }
  }

  navStateChange(event){
    //console.log(event);
  }
}