import {
  ChangeDetectorRef,
  Component,
  ElementRef,
  EventEmitter,
  Input,
  OnInit,
  Optional,
  Output,
  Renderer2,
  ViewChild
} from '@angular/core';
import { WebMapService } from '@mobilize/angularclient';
import {
  BringTopService,
  dataTransfer,
  EventData,
  serverEvent
} from '@mobilize/base-components';
import {
  BaseValidatorService,
  ControlComponent,
  WebComponentsService
} from '@mobilize/winforms-components';
import { ErrorCodes, ExceptionHandlerClass } from '@mobilize/webmap-core';
import {
  DefaultButtonService,
  WebFormsBaseValidatorService
} from '../../services';
import { WebControlComponent } from '../../contracts';

/**
 * Angular Component for the LinkButton Component.
 *
 * @export
 * @class LinkButtonComponent
 * @extends {ControlComponent}
 */
@Component({
  selector: 'wm-link-button',
  templateUrl: './link-button.component.html',
  styleUrls: ['./link-button.component.scss'],
  inputs: ['model'],
  providers: [
    {
      provide: BaseValidatorService,
      useExisting: WebFormsBaseValidatorService
    }
  ]
})
@dataTransfer(['lnkBtn'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class LinkButtonComponent
  extends ControlComponent
  implements OnInit, WebControlComponent
{
  /**
   * Property that indicates if the control causes a validation.
   *
   * @memberof LinkButtonComponent
   */
  causesValidationInternal = true;

  /**
   * Property with the validation group.
   *
   * @memberof LinkButtonComponent
   */
  private validationGroupInternal = '';

  /**
   * Property that triggers the webForms validation.
   *
   * @private
   * @memberof LinkButtonComponent
   */
  private webFormsIntercepted = false;

  /**
   * Property that permit trigger onClick event.
   */
  isClickStopped = false;

  /**
   * Creates an instance of LinkButtonComponent.
   * @param {WebMapService} wmService
   * @param {ChangeDetectorRef} refChange
   * @param {Renderer2} render2
   * @param {ElementRef} elem
   * @param {WebComponentsService} webComponents
   * @param {BringTopService} bringTopServ1
   * @param {WebFormsBaseValidatorService} baseValidatorService
   * @param {DefaultButtonService} defaultButtonService
   * @memberof LinkButtonComponent
   */
  constructor(
    private wmService: WebMapService,
    private refChange: ChangeDetectorRef,
    private render2: Renderer2,
    private elem: ElementRef,
    webComponents: WebComponentsService,
    @Optional() private bringTopServ1: BringTopService,
    private baseValidatorService: WebFormsBaseValidatorService,
    @Optional() private defaultButtonService: DefaultButtonService
  ) {
    super(refChange, render2, elem, webComponents, bringTopServ1);
  }

  /**
   * ngOnInit of AjaxModalPopUpExtenderComponent
   *
   * @memberof AjaxModalPopUpExtenderComponent
   */
  ngOnInit(): void {
    super.ngOnInit();
    /* c8 ignore start */
    this.defaultButtonService?.ClickEmittedNotification.subscribe(
      (event: EventData) => {
        if (event.args === this.id && this.displayElement !== undefined) {
          this.displayElement.focus();
          this.displayElement.click();
        }
      }
    ); /* c8 ignore stop */
  }

  /**
   * Sets the displayElement
   *
   * @memberof DropdownListComponent
   */
  @ViewChild('displayElement', { static: false })
  set displayElementPanel(value: ElementRef | null) {
    this.displayElement = value != null ? value.nativeElement : null;
  }

  /**
   * Emitter of the OnClick event.
   *
   * @memberof LinkButtonComponent
   */
  @Output()
  OnClick: EventEmitter<EventData> = new EventEmitter<EventData>();

  /**
   * Triggers the OnClientClick and OnClick emitters.
   *
   * @memberof LinkButtonComponent
   */
  @serverEvent('Click')
  click(event: any): void {
    this.webFormsIntercepted = this.causesValidation;
    /* c8 ignore else */
    if (!this.isClickStopped) {
      this.OnClick.emit(new EventData(event, this.id));
    }
  }

  /**
   * Sets/gets the validationGroup property
   *
   * @memberof LinkButtonComponent
   */
  @Input()
  set validationGroup(value: string) {
    this.validationGroupInternal = value;
  }

  get validationGroup() {
    return this.model.ValidationGroup ?? this.validationGroupInternal;
  }

  /**
   * Sets/gets the causesValidation property
   *
   * @memberof LinkButtonComponent
   */
  @Input()
  set causesValidation(value: boolean) {
    this.causesValidationInternal = value;
  }

  get causesValidation() {
    return this.model.CausesValidation ?? this.causesValidationInternal;
  }
}