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

@Component({
  selector: 'hudongba-find-filter',
  templateUrl: './find-filter.component.html',
  styleUrls: ['./find-filter.component.scss']
})
export class FindFilterComponent implements OnInit {

  @Input() items: any[];
  isOpenMenu: boolean;
  filters: any[];
  @Input() title: string;
  constructor() {
    this.isOpenMenu = false;
    this.filters = [];

    this.items = [{
      title: '分类',
      filters: [
        {
          title: '亲子',
          active: true
        },
        {
          title: '出游',
          active: false
        }
      ]
    },{
      title: '时间',
      filters: [
        {
          title: '不限',
          active: true
        },
        {
          title: '今天',
          active: false
        },
        {
          title: '近一周',
          active: false
        },{
          title: '近一月',
          active: false
        }
      ]
    },{
      title: '费用',
      filters: [
        {
          title: '不限',
          active: true
        },
        {
          title: '收费',
          active: false
        },
        {
          title: '免费',
          active: false
        }
      ]
    }]
  }

  ngOnInit() {
  }

  _onOpenMenu(item){
    this.filters = item.filters;
    this.isOpenMenu = true;
  }

  _onCloseMenu(){
    this.isOpenMenu = false;
  }

  _onClickFilter(item){
    this.isOpenMenu = false;
  }

}