import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { Info } from '@ucap-webmessenger/protocol-event';
import { NGXLogger } from 'ngx-logger';
import { StatusCode } from '@ucap-webmessenger/api';

@Component({
  selector: 'ucap-chat-message-box-mass',
  templateUrl: './mass.component.html',
  styleUrls: ['./mass.component.scss']
})
export class MassComponent implements OnInit {
  @Input()
  message: Info;

  @Output()
  massDetail = new EventEmitter<number>();

  content: string;
  eventMassSeq: number;
  detailButteonShow = true;

  constructor(private logger: NGXLogger) {}

  ngOnInit() {
    try {
      const contentJson: MassTextInfo = JSON.parse(this.message.sentMessage);
      if (contentJson.StatusCode === StatusCode.Success) {
        this.content = contentJson.Content;
      } else {
        this.content = contentJson.ErrorMessage || '[Error] System Error!!';
        this.detailButteonShow = false;
      }

      if (!!contentJson.EventMassSeq) {
        this.eventMassSeq = contentJson.EventMassSeq;
      } else {
        this.detailButteonShow = false;
      }
    } catch (e) {
      this.logger.error(e);
      this.detailButteonShow = false;
    }
  }

  onClickDetailView() {
    this.massDetail.emit(this.eventMassSeq);
  }
}

export interface MassTextInfo {
  StatusCode?: StatusCode;
  ErrorMessage?: string;
  EventMassSeq?: number;
  RoomID?: string;
  RegDate?: Date;
  Content?: string;
}