Converse converse.js

API Documentation

Source: plugins/chatview/chat.js

  1. import 'plugins/chatview/heading.js';
  2. import 'plugins/chatview/bottom-panel.js';
  3. import BaseChatView from 'shared/chat/baseview.js';
  4. import tplChat from './templates/chat.js';
  5. import { __ } from 'i18n';
  6. import { _converse, api } from '@converse/headless/core';
  8. /**
  9.  * The view of an open/ongoing chat conversation.
  10.  * @class
  11.  * @namespace _converse.ChatBoxView
  12.  * @memberOf _converse
  13.  */
  14. export default class ChatView extends BaseChatView {
  15.     length = 200
  17.     async initialize () {
  18.         _converse.chatboxviews.add(this.jid, this);
  19.         this.model = _converse.chatboxes.get(this.jid);
  20.         this.listenTo(_converse, 'windowStateChanged', this.onWindowStateChanged);
  21.         this.listenTo(this.model, 'change:hidden', () => !this.model.get('hidden') && this.afterShown());
  22.         this.listenTo(this.model, 'change:show_help_messages', () => this.requestUpdate());
  24.         await this.model.messages.fetched;
  25.         !this.model.get('hidden') && this.afterShown()
  26.         /**
  27.          * Triggered once the {@link _converse.ChatBoxView} has been initialized
  28.          * @event _converse#chatBoxViewInitialized
  29.          * @type { _converse.ChatBoxView }
  30.          * @example _converse.api.listen.on('chatBoxViewInitialized', view => { ... });
  31.          */
  32.         api.trigger('chatBoxViewInitialized', this);
  33.     }
  35.     render () {
  36.         return tplChat(Object.assign({
  37.             'model': this.model,
  38.             'help_messages': this.getHelpMessages(),
  39.             'show_help_messages': this.model.get('show_help_messages'),
  40.         }, this.model.toJSON()));
  41.     }
  43.     getHelpMessages () { // eslint-disable-line class-methods-use-this
  44.         return [
  45.             `<strong>/clear</strong>: ${__('Remove messages')}`,
  46.             `<strong>/close</strong>: ${__('Close this chat')}`,
  47.             `<strong>/me</strong>: ${__('Write in the third person')}`,
  48.             `<strong>/help</strong>: ${__('Show this menu')}`
  49.         ];
  50.     }
  52.     afterShown () {
  53.         this.model.setChatState(_converse.ACTIVE);
  54.         this.model.clearUnreadMsgCounter();
  55.         this.maybeFocus();
  56.     }
  57. }
  59. api.elements.define('converse-chat', ChatView);