import {
  Directive,
  ElementRef,
  Input,
  OnChanges,
  OnDestroy,
  OnInit,
  SimpleChanges,
} from '@angular/core';
import {
  BaseDirective,
  ButtonBaseModel,
  clickActionProperty,
  setDependencyPropertyValue,
} from '@mobilize/wms-framework';

/**
 * Angular Directive for the wmClickAction
 *
 * @export
 * @class ClickActionDirective
 */
@Directive({
  selector: '[wmClickAction]',
})
export class ClickActionDirective
  extends BaseDirective
  implements OnInit, OnChanges, OnDestroy
{
  /**
   * wmClickAction property
   *
   * @type {any}
   * @memberof ClickActionDirective
   */
  @Input()
  wmClickAction: any;

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

  /**
   * Directive action parameter
   *
   * @type {any}
   * @memberof ClickActionDirective
   */
  @Input()
  wmClickActionParameter: 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();
    }
  }

  /**
   * Angular life cycle hook.
   *
   * @memberof ClickActionDirective
   */
  ngOnInit(): void {
    this.loadModel(this.elementRef);
    this.setDependencyValue();
  }

  /**
   * Angular life cycle hook.
   *
   * @memberof ClickActionDirective
   */
  ngOnDestroy(): void {
    this.model?.setValue(clickActionProperty, null);
  }

  /**
   * Sets the value to the Dependency property
   *
   * @memberof ClickActionDirective
   */
  setDependencyValue(): void {
    if (this.wmClickAction && this.model instanceof ButtonBaseModel) {
      setDependencyPropertyValue(
        clickActionProperty,
        this.wmClickAction,
        this.model
      );
    }
  }
}