next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts

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

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

  contents: string;

  constructor(private logger: NGXLogger) {}

  ngOnInit() {
    switch (this.message.type) {
      case EventType.Join:
        let owner: string;
        const inviter: string[] = [];
        this.message.sentMessage.split(',').forEach((userName, idx) => {
          if (idx === 0) {
            owner = userName + '님';
          } else {
            inviter.push(userName + '님');
          }
        });
        this.contents = `${owner}이 ${inviter.join(',')}을 초대했습니다.`;
        break;
      case EventType.Exit:
        this.contents = `${this.message.sentMessage}님이 퇴장하셨습니다.`;
        break;
    }
  }
}