import {
  Directive,
  Input,
  ElementRef,
  AfterContentInit,
  OnInit,
} from '@angular/core';
import {
  BaseDirective,
  FrameworkElement,
  setDependencyPropertyValue,
  ToolTipService,
} from '@mobilize/wms-framework';

/**
 * The tooltip directive
 *
 * @export
 * @class TooltipDirective
 * @extends {BaseDirective}
 * @implements {OnInit}
 * @implements {AfterContentInit}
 */
@Directive({
  selector: '[wmTooltip]',
})
export class TooltipDirective
  extends BaseDirective
  implements OnInit, AfterContentInit
{
  /**
   * Property that intercepts a model
   *
   * @type {*}
   * @memberof TooltipDirective
   */
  @Input()
  model: any;

  /**
   * Directive internal value for the tooltip property
   *
   * @private
   * @type {*}
   * @memberof TooltipDirective
   */
  private dirTooltipValue: any;

  /**
   * Rendering flag for tooltip directive
   *
   * @private
   * @memberof TooltipDirective
   */
  private renderingFlag = true;

  /**
   * Holds the TooltipService instance
   * for the current component
   *
   * @private
   * @type {TooltipService}
   * @memberof TooltipDirective
   */
  private tooltipService: ToolTipService;

  /**
   * Property used to set the component´s tooltip value
   *
   * @type {number}
   * @memberof TooltipDirective
   */
  @Input() set wmTooltip(value: any) {
    this.dirTooltipValue = value;
    if (!this.renderingFlag) {
      this.setTooltip();
    }
  }

  /**
   * Constructor.
   *
   * @memberof TooltipDirective
   */
  /* istanbul ignore next */
  constructor(private elementRef: ElementRef) {
    super();
  }

  /**
   * Method which update the value of the top property to the model using the internal directive value
   *
   * @returns
   * @memberof TooltipDirective
   */
  setTooltip(): void {
    if (this.dirTooltipValue && this.model instanceof FrameworkElement) {
      setDependencyPropertyValue(
        ToolTipService.ToolTipProperty,
        this.dirTooltipValue,
        this.model
      );
    }
  }

  /**
   * After content init method
   *
   * @memberof TooltipDirective
   */
  ngAfterContentInit() {
    this.renderingFlag = false;
    this.loadModel(this.elementRef);
    this.setTooltip();
  }

  /**
   * Ng OnInit method
   *
   * @memberof TooltipDirective
   */
  ngOnInit(): void {
    this.tooltipService = new ToolTipService();
  }
}