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;
  @Input()
  senderName?: string;

  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;
      case EventType.RenameRoom:
        this.contents = `${this.message.sentMessage.substring(
          0,
          this.message.sentMessage.indexOf(',')
        )}님이 대화방명을 '${this.message.sentMessage.substring(
          this.message.sentMessage.indexOf(',') + 1
        )}'으로 변경하셨습니다.`;
        break;
      case EventType.NotificationForTimerRoom:
        /**
         * 타이머대화방 알림으로서 채팅 이벤트에서 처리하지 않고, 대화방 글로벌에서 처리.
         */
        this.contents = this.message.sentMessage;
        break;
      case EventType.GuideForRoomTimerChanged:
        const values = this.message.sentMessage.split(',');
        if (values && values.length === 2) {
          this.contents = `${
            this.senderName
          }님이 타이머를 설정하였습니다.(${this.getCalcTimer(
            Number(values[1]) * 1000
          )})`;
        }
        break;
    }
  }

  getCalcTimer(millisec: number) {
    switch (millisec) {
      case 5000:
        return '5 초';
      case 10000:
        return '10 초';
      case 30000:
        return '30 초';
      case 60000:
        return '1 분';
      case 300000:
        return '5 분';
      case 600000:
        return '10 분';
      case 1800000:
        return '30 분';
      case 3600000:
        return '1 시간';
      case 21600000:
        return '6 시간';
      case 43200000:
        return '12 시간';
      case 86400000:
        return '24 시간';
      default:
        return '0 초';
    }
  }
}