doneit-web/src/app/services/chat/room.service.ts

import { Injectable } from '@angular/core'
import { WsChatService } from 'src/app/services/chat/ws-chat.service';
import { MessageService } from 'src/app/services/chat/message.service'
import { ChatUserService } from 'src/app/services/chat/chat-user.service'
import { showDateDuration } from 'src/plugin/showDateDuration'
import { ToastsService } from '../toast.service';

@Injectable({
  providedIn: 'root'
})
export class RoomService {

  massages: MessageService[] = []
  lastMessage: MessageService;

  chatUser: ChatUserService[] = []
  id = ''
  name = ''
  _updatedAt = {}
  private hasLoadHistory = false
  duration  = ''
  
  private ToastService = ToastsService

  constructor(
    public WsChatService: WsChatService,
    private MessageService: MessageService,
  ) {}

  setData({id, name, lastMessage, _updatedAt}) {
    this.id = id
    this.name = name
    this.lastMessage = lastMessage
    this._updatedAt = _updatedAt

    this.calDateDuration()
  }

  receiveMessage() {
    this.WsChatService.receiveLiveMessageFromRoom(
      this.id,
      (Chatmessage) => {

        Chatmessage = this.fix_updatedAt(Chatmessage)
        const message = new MessageService()
        message.setData(Chatmessage.result)
        this.massages.push(message)
        this.calDateDuration(Chatmessage.result._updatedAt)
        this.ToastService.presentToast('nova mensagem')
      }
    )
  }

  send(msg) {
    this.WsChatService.send(this.id, msg)
  }

  // runs onces only
  loadHistory(limit= 100) {

    if(this.hasLoadHistory){ return false}

    this.WsChatService.loadHistory(this.id, limit).then((message:any) => {
      console.log('loadHistory', message)
      
      message.result.messages.reverse().forEach(element => {
        
        element = this.fix_updatedAt(element)
        const message = new MessageService()
        message.setData(element)
        this.massages.push(message)
      });

    })

    this.hasLoadHistory = true
  }

  create() {}
  deleteMessage(msgId) {}
  ReactToMessage() {}

  private calDateDuration(date = null) {
    this.duration = showDateDuration(date || this._updatedAt);
  }


  private fix_updatedAt(message) {
    if(message.result) {
      message.result._updatedAt = message.result._updatedAt['$date']
    } else{
      message._updatedAt = message._updatedAt['$date']
    }
    return message
  }


  // to add
  countDownDate(){}

}