import {
  forwardRef,
  Component,
  Injector,
  Input,
  OnInit,
  Optional,
} from '@angular/core';
import {
  BindingInfo,
  createBindingFromBindingInfo,
  DataGridTextColumnModel,
  ModelProxy,
} from '@mobilize/wms-framework';
import { BaseDataGridColumnsComponent } from '../data-grid-columns/base-data-grid-columns/base-data-grid-columns.component';

/**
 * This class represents the data grid text column component.
 *
 * @export
 * @class DataGridTextColumnComponent
 * @extends {BaseDataGridColumnsComponent}
 * @implements {OnInit}
 */
@Component({
  selector: 'wm-data-grid-text-column',
  template: '',
  styleUrls: ['./data-grid-text-column.component.scss'],
  providers: [
    {
      provide: BaseDataGridColumnsComponent,
      useExisting: forwardRef(() => DataGridTextColumnComponent),
    },
  ],
})
export class DataGridTextColumnComponent
  extends BaseDataGridColumnsComponent
  implements OnInit
{
  /**
   * sets the field bind from the data
   *
   * @memberof DataGridTextColumnComponent
   */
  @Input()
  set binding(value: BindingInfo) {
    this.modelProxy.Binding = createBindingFromBindingInfo(value, null);
  }

  /**
   * gets the field bind from the data
   *
   * @readonly
   * @type {BindingInfo}
   * @memberof DataGridTextColumnComponent
   */
  get binding(): BindingInfo {
    const currentValue = this.modelProxy.Binding;
    return { bindingPath: currentValue?.Path?.path ?? '' };
  }

  /**
   * Sets CanUserResize property of the datagrid
   *
   * @type {boolean}
   * @memberof DataGridTextColumnComponent
   */

  /**
   * Object with properties and events for the DataGridTextColumnComponent.
   *
   * @type {DataGridTextColumnModel}
   * @memberof DataGridTextColumnComponent
   */
  @Input()
  model: DataGridTextColumnModel;

  /**
   * ModelProxy is a copy of the model, used on the component initial building to prevent crashes with external bindings.
   *
   * @private
   * @type {DataGridTextColumnModel}
   * @memberof DataGridTextColumnComponent
   */
  protected modelProxy: DataGridTextColumnModel =
    ModelProxy.create<DataGridTextColumnModel>();

  /**
   * Creates an instance of DataGridTextColumnComponent.
   *
   * @param {Injector} injector
   * @param {DataGridTextColumnModel} [injectedModel=null]
   * @memberof DataGridTextColumnComponent
   */
  constructor(
    private injector: Injector,
    @Optional() protected injectedModel: DataGridTextColumnModel = null
  ) {
    super();
    this.model = injectedModel;
  }

  /**
   * Angular lifecycle
   *
   * @memberof DataGridTextColumnComponent
   */
  ngOnInit() {
    this.model =
      this.model || this.injectedModel || new DataGridTextColumnModel();
    ModelProxy.copy(this.modelProxy, this.model);
    this.modelProxy = this.model;
  }
}