import {
  Optional,
  ChangeDetectorRef,
  Component,
  Input,
  ElementRef,
  Renderer2
} from '@angular/core';
import { dataTransfer, BringTopService } from '@mobilize/base-components';
import { BaseValidatorComponent } from '../base-validator/BaseValidator';
import { ErrorCodes, ExceptionHandlerClass } from '@mobilize/webmap-core';
import { WebMapService } from '@mobilize/angularclient';
import { WebFormsBaseValidatorService } from '../../services/base-validator-service/web-forms-base-validator.service';
import { ValidatorDisplay } from '../../contracts/ValidatorDisplay';
import {
  BaseValidatorService,
  WebComponentsService
} from '@mobilize/winforms-components';

/**
 * Angular Component for the CustomValidator Control.
 *
 * @export
 * @class CustomValidatorComponent
 * @extends {BaseValidatorComponent}
 */
@Component({
  selector: 'wm-custom-validator',
  templateUrl: './custom-validator.component.html',
  styleUrls: ['./custom-validator.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@dataTransfer(['customVal'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class CustomValidatorComponent extends BaseValidatorComponent {
  /**
   * Arrow function to evaluate the expression of the attached component.
   *
   * @private
   * @param {string} expression
   * @memberof CustomValidatorComponent
   */
  @Input()
  private clientValidationFunction = (expression: string): boolean => {
    return true;
  };

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

  /**
   * Executes the clientValidationFunction to validate the component attached.
   *
   * @param {string} controlToValidateId
   * @param {string} expression
   * @return {*}  {boolean}
   * @memberof CustomValidatorComponent
   */
  validateControl(controlToValidateId: string, expression: string): boolean {
    this.validationSuccessInternal = this.clientValidationFunction(expression);

    if (this.Display !== ValidatorDisplay.None) {
      this.hidden = this.validationSuccessInternal;
    } else {
      this.hidden = true;
    }

    return this.validationSuccessInternal;
  }
}