import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';

@Component({
  selector: 'mat-search',
  encapsulation: ViewEncapsulation.None,
  templateUrl: './mat-search.component.html',
  styleUrls: ['./mat-search.component.less']
})
export class MatSearchComponent implements OnInit {
  searchForm: FormGroup;
  options = [];
  searchTypeOptions = [
    { name: '大于', disabled: false },
    { name: '等于', disabled: true },
    { name: '小于', disabled: false },
    { name: '介于', disabled: true },
    { name: '不等于', disabled: false }
  ];
  constructor(private fb: FormBuilder) { }

  changeSearchType(attributeType: number) {
    if (attributeType === 1) {
      this.searchTypeOptions = [
        { name: '小于', disabled: false },
        { name: '介于', disabled: true },
      ];
    } else {
      this.searchTypeOptions = [
        { name: '等于', disabled: false },
        { name: '大于', disabled: true },
      ];
    }
    this.searchForm.patchValue({ searchType: this.searchTypeOptions[0].name});
  }

  ngOnInit() {
    this.options = [
      { name: 'Geralt', aType: 1 },
      { name: 'Yennefer', aType: 2 },
      { name: 'Geralt', aType: 1 },
      { name: 'Yennefer', aType: 2 },
    ];

    this.searchForm = this.fb.group({
      searchName: [],
      searchType: [],
      searchValye: []
    });
  }

}