import {
  forwardRef,
  AfterContentInit,
  Component,
  ContentChildren,
  Injector,
  Input,
  OnInit,
  Optional,
  QueryList,
  TemplateRef,
  OnDestroy,
} from '@angular/core';
import {
  DataGridTemplateColumnModel,
  DataTemplate,
  ModelProxy,
} from '@mobilize/wms-framework';
import { BaseDataGridColumnsComponent } from '../data-grid-columns/base-data-grid-columns/base-data-grid-columns.component';

@Component({
  selector: 'wm-data-grid-template-column',
  template: '',
  styleUrls: ['./data-grid-template-column.component.scss'],
  providers: [
    {
      provide: BaseDataGridColumnsComponent,
      useExisting: forwardRef(() => DataGridTemplateColumnComponent),
    },
  ],
})
export class DataGridTemplateColumnComponent
  extends BaseDataGridColumnsComponent
  implements OnInit, AfterContentInit, OnDestroy
{
  /**
   * Template for the edit mode of the cells
   *
   * @type {QueryList<any>}
   * @memberof DataGridTemplateColumnComponent
   */
  @ContentChildren('cellEditingTemplate', { descendants: false })
  cellEditingTemplate: QueryList<TemplateRef<any>>;

  /**
   * Template for the non edit mode of the cells
   *
   * @type {QueryList<any>}
   * @memberof DataGridTemplateColumnComponent
   */
  @ContentChildren('cellTemplate', { descendants: false })
  cellTemplate: QueryList<TemplateRef<any>>;

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

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

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

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

  /**
   * Angular lifecycle
   *
   * @memberof DataGridTemplateColumnComponent
   */
  ngAfterContentInit() {
    const cellEdTemp = this.cellEditingTemplate.toArray()[0];
    if (cellEdTemp) {
      this.model.CellEditingTemplate = new DataTemplate(cellEdTemp);
    }

    const cellTemp = this.cellTemplate.toArray()[0];
    if (cellTemp) {
      this.model.CellTemplate = new DataTemplate(cellTemp);
    }

    if (!this.model.Visibility) {
      this.model.MaxWidth = 0;
    }
  }

  /**
   * Angular lifecycle hook.
   *
   * @memberof DataGridTemplateColumnComponent
   */
  ngOnDestroy(): void {}
}