import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  Component,
  ElementRef,
  EventEmitter,
  Input,
  Optional,
  Output,
  Renderer2
} from '@angular/core';
import {
  dataTransfer,
  BringTopService,
  EventData,
  serverEvent
} from '@mobilize/base-components';
import { ErrorCodes, ExceptionHandlerClass } from '@mobilize/webmap-core';
import { WebComponentsService } from '@mobilize/winforms-components';
import { DataControlFieldComponent } from '../data-control-field/data-control-field.component';

/**
 * Angular Component for the HyperLinkField Control.
 *
 * @export
 * @class HyperlinkFieldComponent
 * @extends {DataControlFieldComponent}
 */
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'wm-hyperlink-field',
  templateUrl: './hyperlink-field.component.html',
  styleUrls: ['./hyperlink-field.component.scss'],
  providers: [
    { provide: DataControlFieldComponent, useExisting: HyperlinkFieldComponent }
  ],
  inputs: ['model']
})
@dataTransfer(['hyprlnkfld'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class HyperlinkFieldComponent extends DataControlFieldComponent {
  /**
   * NavigateToPage Extractor.
   *
   * @static
   * @param {*} event
   * @param {HyperlinkFieldComponent} component
   * @return {*}  {*}
   * @memberof HyperlinkFieldComponent
   */
  static NavigateToPageEventArgsExtractor(
    event: any,
    component: HyperlinkFieldComponent
  ): any {
    return [
      {
        Id: event.Id,
        MapperId: event.mapperId
      },
      {
        RowIndex: event.args.rowIndex,
        MapperId: 'NavigateToPageEventArgs'
      }
    ];
  }

  /**
   * Property to save the text value.
   *
   * @private
   * @memberof HyperlinkFieldComponent
   */
  private textInternal = '';

  /**
   * Property to save the dataTextField value.
   *
   * @private
   * @memberof HyperlinkFieldComponent
   */
  private dataTextFieldInternal = '';

  /**
   * Property to save the dataNavigateUrlFields array value.
   *
   * @private
   * @type {string[]}
   * @memberof HyperlinkFieldComponent
   */
  private dataNavigateUrlFieldsInternal: string[] = [];

  /**
   * Property to save the dataNavigateUrlFormatString value.
   *
   * @private
   * @memberof HyperlinkFieldComponent
   */
  private dataNavigateUrlFormatStringInternal = '';

  /**
   * Emitter for the NavigateToPage event.
   *
   * @type {EventEmitter<EventData>}
   * @memberof HyperlinkFieldComponent
   */
  @Output()
  NavigateToPage: EventEmitter<EventData> = new EventEmitter<EventData>();

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

  /**
   * Gets/sets the text property
   *
   * @memberof HyperlinkFieldComponent
   */
  @Input()
  set text(value: string) {
    this.textInternal = value;
  }

  get text(): string {
    return this.model.Text ?? this.textInternal;
  }

  /**
   * Gets/sets the dataTextField property.
   *
   * @memberof HyperlinkFieldComponent
   */
  @Input()
  set dataTextField(value: string) {
    this.dataTextFieldInternal = value;
  }

  get dataTextField(): string {
    return this.model.DataTextField ?? this.dataTextFieldInternal;
  }

  /**
   * Sets the dataNavigateUrlFields property.
   *
   * @memberof HyperlinkFieldComponent
   */
  @Input()
  set dataNavigateUrlFields(value: string) {
    const array: string[] = value.split(',');
    this.dataNavigateUrlFieldsInternal = array.map((item) => item.trim());
  }

  /**
   * Gets the dataNavigateUrlFields property value.
   *
   * @readonly
   * @type {string[]}
   * @memberof HyperlinkFieldComponent
   */
  get dataNavigateUrlFieldsValue(): string[] {
    return (
      this.model.DataNavigateUrlFields ?? this.dataNavigateUrlFieldsInternal
    );
  }

  /**
   * Gets/sets the dataNavigateUrlFormatString property.
   *
   * @memberof HyperlinkFieldComponent
   */
  @Input()
  set dataNavigateUrlFormatString(value: string) {
    this.dataNavigateUrlFormatStringInternal = value;
  }

  get dataNavigateUrlFormatString(): string {
    return (
      this.model.DataNavigateUrlFormatString ??
      this.dataNavigateUrlFormatStringInternal
    );
  }

  /**
   * Returns the target page with the correct format/params.
   *
   * @param {*} dataItem
   * @return {*}  {string}
   * @memberof HyperlinkFieldComponent
   */
  getTarget(dataItem: any): string {
    const StringFormat = (str: string, args: string[]) =>
      str.replace(/{(\d+)}/g, (match, index) => args[index] || '');
    const values: string[] = [];
    for (const field of this.dataNavigateUrlFieldsValue) {
      const itemValue: string = dataItem[field];
      values.push(itemValue);
    }
    return StringFormat(this.dataNavigateUrlFormatString, values);
  }

  /**
   * Returns the parameters in the target URL.
   *
   * @param {string} target
   * @return {*}  {*}
   * @memberof HyperlinkFieldComponent
   */
  getTargetParams(target: string): any {
    const params = new URLSearchParams(
      target.substring(target.indexOf('?') + 1)
    );
    const result: any = {};
    params.forEach((value, key) => {
      result[key] = value;
    });
    return result;
  }

  /**
   * Handler for the HyperLinkField click.
   *
   * @param {*} dataItem
   * @memberof HyperlinkFieldComponent
   */
  clickHandler(dataItem: any, rowIndex: number) {
    const eventData = new EventData('NavigateToPage', this.id);
    eventData.mapperId = 'hprlnkfld';
    eventData.args = { rowIndex: rowIndex };
    this.triggerNavigateToPage(eventData);
  }

  /**
   * Triggers the NavigateToPage event.
   *
   * @param {*} event
   * @memberof HyperlinkFieldComponent
   */
  @serverEvent(
    'NavigateToPage',
    HyperlinkFieldComponent.NavigateToPageEventArgsExtractor
  )
  triggerNavigateToPage(event: any): void {
    this.NavigateToPage.emit(new EventData(event, this.id));
  }
}