import { Component, Input, OnChanges } from '@angular/core';
import { NgbModal, NgbActiveModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';

import { BasePage } from '../shared/baseshared/components/base.component';
import { ConfigService } from '../shared/configuration/config.service';
import { BroadcastService } from '../shared/broadcast/broadcast.service';
import { LoggerService } from '../shared/logger/log.service';

/**
 * This class represents the navigation bar component.
 */
@Component({
  selector: 'global-chat-content',
  templateUrl: 'chat-wcp.component.html',
  styleUrls: [ '../style/main.scss', 'chat.component.scss' ]
})
export class ChatModalContentComponent extends BasePage {
  @Input() name;

  constructor(
        configService: ConfigService,
        broadcastService: BroadcastService,
        loggerService: LoggerService,
        public activeModal: NgbActiveModal
  ) {
    super(configService, broadcastService, loggerService);
  }

  public initialize(): void {

  }
}

@Component({
  selector: 'global-chat',
  templateUrl: 'chat.component.html',
  styleUrls: [ '../style/main.scss', 'chat.component.scss']
})
export class ChatModalActionComponent extends BasePage implements OnChanges {
  private _chatData;

  constructor(
        configService: ConfigService,
        broadcastService: BroadcastService,
        loggerService: LoggerService,
        private modalService: NgbModal
  ) {
    super(configService, broadcastService, loggerService);
  }

  public initialize(): void {
    this._chatData = {};
  }

  set chatData(chatData: string) {
    this._chatData = chatData;
  }

  ngOnChanges() {
    console.log(this._chatData);
  }

  open() {
    const modalRef = this.modalService.open(ChatModalContentComponent, {backdrop: 'static', keyboard: true, windowClass: 'ogn optumchat'});
    modalRef.componentInstance.name = 'Victor';
  }
}