import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
import {EFTLService} from '../../services/e-ftl.service';

/**
 * Sample sender component for Tibco Web Messaging
 *
 * See Tibco Cloud Messaging docs for parameter information
 *
 *@example <tcmsg-eftl-message-sender></tcmsg-eftl-message-sender>
 */

@Component({
  selector: 'tcmsg-eftl-message-sender',
  templateUrl: './eftl-message-sender.component.html',
  styleUrls: ['./eftl-message-sender.component.css']
})
export class EftlMessageSenderComponent implements OnChanges {

  /**
   * Web messaging URL
   */
  @Input() wssUrl: string;

  /**
   * API Key
   */
  @Input() apiKey: string;

  /**
   * Client Id for subscription
   */
  @Input() clientId: string;

  /**
   * Event Name
   */
  @Input() event: string;

  public connected = false;
  public msg: any = { contents: '' };

  constructor(protected eFTLService: EFTLService) { }

  send = () => {
    this.eFTLService.sendMessage([ { name: 'message', value: this.msg.contents }], this.event).subscribe(
      next => {
        console.log(next);
        this.msg.contents = undefined;
      }
    );
  }

  public configure = () => {
    if (!this.eFTLService.connection) {
      this.eFTLService.connect(this.wssUrl, this.apiKey, this.clientId).subscribe(
        next => {
          this.connected = true;
        }
      );
    }
  }

  ngOnChanges(changes: SimpleChanges): void {
    if (changes.wssUrl.currentValue && changes.apiKey.currentValue && changes.clientId.currentValue) {
      this.configure();
    }
  }

}