import { Directive, ElementRef, Input, OnInit } from '@angular/core';
import { createBindingFromBindingInfo } from '../basecomponentmodel/Bindings/BindingUtils';
import { DependencyProperty } from '../basecomponentmodel/DependencyProperty';
import { FrameworkElement } from '../basecomponentmodel/FrameworkElement';
import { BaseDirective } from './basedirective';

@Directive()
export class BasePropertyDirective extends BaseDirective implements OnInit {
  @Input()
  model: FrameworkElement;

  protected propertyName = '';
  protected propertyDescriptor: DependencyProperty;

  /**
   * Creates an instance of BasePropertyDirective.
   *
   * @param {ElementRef} elementRef - Element reference
   * @memberof BasePropertyDirective
   */
  constructor(private elementRef?: ElementRef) {
    super();
  }

  /**
   * Angular lifeCycle hook
   *
   * @memberof BasePropertyDirective
   */
  ngOnInit() {
    this.loadModel(this.elementRef);
    if (this.model) {
      this.setPropertyValue();
    }
  }

  /**
   * Angular lifeCycle hook
   *
   * @memberof BasePropertyDirective
   */
  ngAfterContentInit() {
    if (!this.model) {
      this.loadModel(this.elementRef);
      this.setPropertyValue();
    }
  }

  setPropertyValue() {
    const propertyValue = this[this.propertyName];
    if (typeof propertyValue?.bindingPath === 'string') {
      this.model.SetBinding(
        this.propertyDescriptor,
        createBindingFromBindingInfo(propertyValue, this.model)
      );
    } else if (typeof propertyValue?.resourceKey === 'string') {
      this.model.setValue(
        this.propertyDescriptor,
        this.model.getResourceByKey(propertyValue.resourceKey)
      );
    } else {
      this.model.setValue(this.propertyDescriptor, propertyValue);
    }
  }
}