import { Component, Input, OnInit, ViewChild } from '@angular/core';
import {
  XamGridModel,
  XamGridTextColumnModel,
  InitializeRowEventArgs,
  RuntimeStyleInfo,
  convertTypeTo,
} from '@mobilize/wms-framework';
import { XamGridComponent } from '../xam-grid.component';
import { DATA } from './data';
@Component({
  selector: 'wm-editable-xam-grid-sample',
  templateUrl: './xam-grid-sample.component.html',
})
export class EditableXamGridSampleComponent implements OnInit {
  @ViewChild(XamGridComponent, { read: XamGridComponent })
  instance: XamGridComponent;

  @Input()
  declarative = [];

  model: any;
  columnModel1: any;
  grid1SelectedIndex: string;
  selectedColumnIndex: string;
  selectedValueChange: any;
  doubleClickedState: any = '';
  initializeRowState: any = '';

  products = [...DATA];

  constructor() {
    this.model = {
      grid: new XamGridModel(),
      gridColumn1: new XamGridTextColumnModel(),
      gridColumn2: new XamGridTextColumnModel(),
      gridColumn3: new XamGridTextColumnModel(),
    };
    (this.products as any).contains = (item) => this.products.includes(item);
  }

  ngOnInit(): void {
    this.model.gridColumn1.Header = 'ProductID';
    this.model.gridColumn1.Field = 'ProductID';

    this.model.gridColumn2.Header = 'ProductName';
    this.model.gridColumn2.Field = 'ProductName';

    this.model.gridColumn3.Header = 'SupplierID';
    this.model.gridColumn3.Field = 'SupplierID';

    this.model.grid.EditingSettings.AllowEditing = 2;
    this.model.gridColumn1.Editable = true;
    this.model.gridColumn2.Editable = true;
    this.model.gridColumn1.IsReadOnly = false;
    this.model.gridColumn2.IsReadOnly = false;
  }

  cellClickHandler(e): void {
    this.grid1SelectedIndex = e.cell.row.index;
    this.selectedColumnIndex = e.cell.column.index;
    this.selectedValueChange = e.cell.value;
  }

  cellDoubleClicked(): void {
    this.doubleClickedState = 'double clicked called!';
  }

  grid_InitializeRow(sender: any, e: InitializeRowEventArgs): void {
    this.initializeRowState = 'initializeRow called!';
  }
}