import { Component, OnInit, ViewChild, Input, Output, EventEmitter } from "@angular/core";
import { ENgxPrintComponent } from "e-ngx-print";
import { ChartMenuService } from '../../service/chart-menu.service';


@Component({
  selector: 'bcac-noise-analysis-toolbox',
  templateUrl: './noise-analysis-toolbox.component.html',
  styleUrls: ['./noise-analysis-toolbox.component.scss']
})
export class NoiseAnalysisToolboxComponent implements OnInit {
  @ViewChild("print1", { static: false }) print1Component: ENgxPrintComponent;

  constructor(
    private chartMenuService: ChartMenuService
  ) { }


  @Input() chartInstance;

  @Input() fileName: string;
  @Input() bcacChartToolboxSwitchIntervalData: Array<object>;
  @Input() bcacChartToolboxSwitchValueData: Array<string>;
  //todo toolbox事件
  @Output() bcactoolboxValueChange: EventEmitter<any> = new EventEmitter<any>()
  @Output() bcactoolboxIntervalChange: EventEmitter<any> = new EventEmitter<any>()
  ngOnInit() {
  }

  closePanel(event) {
    let el = <HTMLElement>event.target;
    if (el) {
      el.setAttribute("style", "display:none");
    }
  }
  downloadImage(imageType: string, fileName: string) {
    this.chartMenuService.downloadEchartImage(this.chartInstance, fileName, imageType);
  }
  fullScreen(event) {
    const el = event.path[5];  //菜单下拉框
    this.chartMenuService.fullScreen(el);
  }
  customPrint() {
    console.log(this.print1Component)
    this.chartMenuService.customPrint(this.chartInstance, this.print1Component);
  }
  //todo 显示值改变
  toolboxValueChange(item) {
    let checkedValue = []
    let checkbox = <HTMLCollection>document.getElementsByClassName('groupvaluebox')
    for (let i = 0, len = checkbox.length; i < len; i++) {
      if ((<HTMLInputElement>checkbox[i]).checked) {
        checkedValue.push((<HTMLInputElement>checkbox[i]).value)
      }
    }
    this.bcactoolboxValueChange.emit(checkedValue)
  }

  //todo 间隔改变
  toolboxIntervalChange(item) {
    this.bcactoolboxIntervalChange.emit(item.value)
  }
}