import { Directive, Input, Output, EventEmitter } from '@angular/core';
import { SelectionEvent, GridComponent } from '@progress/kendo-angular-grid';

@Directive({
  selector: '[activeRowGridSelection]',
})
export class ActiveRowGridSelection {
  @Input()
  activeRowToBind;
  @Output()
  activeRowToBindChange: EventEmitter<any> = new EventEmitter();

  constructor(private host: GridComponent) {
    host.selectionChange.subscribe((ev: SelectionEvent) => {
      if (ev && ev.selectedRows && ev.selectedRows.length) {
        this.activeRowToBindChange.emit(ev.selectedRows[0].dataItem);
      }
    });
  }
}