import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
import { ProbeHost, Probe } from '@overflow/commons-typescript/model/probe';

@Component({
  selector: 'of-probe-selector',
  templateUrl: './selector.component.html',
})
export class ProbeSelectorComponent implements OnInit, OnChanges {

  @Output() select = new EventEmitter<ProbeHost>();
  @Input() probeHosts: ProbeHost[];
  @Input() probeHostID: number;

  options: Probe[];

  constructor() {
  }

  ngOnInit() {
  }

  ngOnChanges(changes: SimpleChanges): void {
    this.options = [];
    for (const ph of this.probeHosts) {
      this.options.push(ph.probe);
    }

    if (changes['probeHosts'] !== null && changes['probeHosts'].currentValue.length > 0) {
      this.checkPreselected();
    }
  }

  checkPreselected() {
    alert(this.probeHosts.length);
    const preselected: ProbeHost = this.probeHosts.find(probeHost => probeHost.id === this.probeHostID);
    this.select.emit(preselected);
  }

  onSelect(probe: Probe) {
    const optionselected = this.probeHosts.find(probeHost => probeHost.id === probe.id);
    this.select.emit(optionselected);
  }

}