import {
  Directive,
  ElementRef,
  Input,
  OnChanges,
  OnInit,
  SimpleChanges,
} from '@angular/core';
import {
  FrameworkElement,
  clickActionParameterProperty,
  BindingInfo,
  setDependencyPropertyValue,
  BaseDirective,
} from '@mobilize/wms-framework';

/**
 * Angular Directive for the wmClickActionParameter
 *
 * @export
 * @class ClickActionParameterDirective
 */
@Directive({
  selector: '[wmClickActionParameter]',
})
export class ClickActionParameterDirective
  extends BaseDirective
  implements OnInit, OnChanges
{
  /**
   * click action parameter property
   *
   * @type {any}
   * @memberof ClickActionParameterDirective
   */
  @Input()
  wmClickActionParameter: string | BindingInfo;

  /**
   * Model of the element using the directive
   *
   * @type {any}
   * @memberof ClickActionParameterDirective
   */
  @Input()
  model: any;

  /**
   * Constructor.
   *
   * @memberof ClickActionDirective
   */
  constructor(private elementRef: ElementRef) {
    super();
  }

  /**
   * Angular life-cycle hook
   *
   * @param changes Simple changes parameter
   */
  ngOnChanges(changes: SimpleChanges): void {
    /* istanbul ignore else */
    if (
      changes.wmClickActionParameter &&
      !changes.wmClickActionParameter.isFirstChange()
    ) {
      this.setDependencyValue();
    }
  }

  /**
   * Event Handler for when the ngOninit.
   *
   * @memberof ClickActionParameterDirective
   */
  /* istanbul ignore next */
  ngOnInit(): void {
    this.loadModel(this.elementRef);
    this.setDependencyValue();
  }

  /**
   * Sets the value to the Dependency property
   *
   * @memberof ClickActionParameterDirective
   */
  setDependencyValue(): void {
    if (this.model instanceof FrameworkElement) {
      setDependencyPropertyValue(
        clickActionParameterProperty,
        this.wmClickActionParameter,
        this.model
      );
    }
  }
}