message-list--vm.js

Component.extend({
  ViewModel: {
    msg: 'string',
    to: 'string',
    messages: 'any',
    users: 'any',

    get messagesAndUsers () {
      return Promise.all([
        this.messagesPromise,
        this.usersPromise
      ])
    },

    user: {
      get: () => Session.current.user
    },

    messagesPromise: {
      default: () => Messages.getList({ $or: [{ from: Session.current.user._id }, { to: Session.current.user._id }] })
    },

    usersPromise: {
      default: () => User.getList()
    },

    sendMessage (event) {
      event.preventDefault()
      const toUser = this.users.usersByEmail[this.to]

      if (toUser) {
        new Messages({ name: this.msg, to: toUser._id })
          .save()
          .then(() => {
            this.msg = ''
            this.to = ''
          })
      } else {
        console.log('No user found')
      }
    },

    updateMessage (event, message) {
      event.preventDefault()

      message.save()
    },

    connectedCallback () {
      // Listen to the session prop so we can load messages
      // once we have an user
      this.listenTo('user', (e, newVal) => {
        // Load both users and messages and assign to VM
        this.messagesAndUsers.then(([messages, users]) => {
          this.messages = messages
          this.users = users
        })      
      })
    }
  }
})