import { Component, OnInit, EventEmitter, Output, Input } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';
import { Observable } from 'rxjs';

@Component({
  selector: 'hbor-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent implements OnInit {

  @Output() itemSelected: EventEmitter<any[]> = new EventEmitter<any[]>();

  @Input() rows: any[];
  @Input() selected: any[] = [];
  @Input() timeout: any;
  @Input() columns: any[];

  constructor() {
  }

  ngOnInit() {
  }

  onPage(event) {
    clearTimeout(this.timeout);
    this.timeout = setTimeout(() => {
    }, 0);
  }

  getRowHeight(row) {
    return row.height;
  }

  onSelect({ selected }) {
    this.itemSelected.emit(selected);
  }

  onActivate(event) {
    // Empty
  }

}