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

/**
 * Angular Component for the Regular Expression Validator Control.
 *
 * @export
 * @class RegularExpressionValidatorComponent
 * @extends {ControlComponent}
 */
@Component({
  selector: 'wm-regular-expression-validator',
  templateUrl: './regular-expression-validator.component.html',
  styleUrls: ['./regular-expression-validator.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@dataTransfer(['regexVal'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class RegularExpressionValidatorComponent extends BaseValidatorComponent {
  /**
   * Property with the REGEX to match.
   *
   * @memberof RegularExpressionValidatorComponent
   */
  private validationExpressionInternal = '';

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

  /**
   * Gets/sets the validation expression.
   *
   * @memberof RegularExpressionValidatorComponent
   */
  @Input()
  set validationExpression(regularExpression: string) {
    this.validationExpressionInternal = regularExpression;
  }

  get validationExpression() {
    return this.model.ValidationExpression ?? this.validationExpressionInternal;
  }

  /**
   * Match the regular expression with the expressionToValidate
   *
   * @param expressionToValidate
   * @returns if the validation expression match the regular expression
   * @memberof RegularExpressionValidatorComponent
   */
  validateControl(
    controlToValidate: string,
    expressionToValidate: string
  ): boolean {
    const matches = expressionToValidate.match(this.validationExpression);
    this.validationSuccessInternal =
      (matches != null && matches[0] === expressionToValidate) ||
      expressionToValidate === '';

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

    return this.validationSuccessInternal;
  }
}