47 lines
1.8 KiB
JavaScript
47 lines
1.8 KiB
JavaScript
import tpl_background_logo from '../../templates/background_logo.js';
|
|
import tpl_chats from './templates/chats.js';
|
|
import { ElementView } from '@converse/skeletor/src/element.js';
|
|
import { api, _converse } from '@converse/headless/core';
|
|
import { render } from 'lit-html';
|
|
|
|
|
|
class ConverseChats extends ElementView {
|
|
|
|
initialize () {
|
|
this.model = _converse.chatboxes;
|
|
this.listenTo(this.model, 'add', this.render);
|
|
this.listenTo(this.model, 'change:closed', this.render);
|
|
this.listenTo(this.model, 'change:hidden', this.render);
|
|
this.listenTo(this.model, 'change:jid', this.render);
|
|
this.listenTo(this.model, 'change:minimized', this.render);
|
|
this.listenTo(this.model, 'destroy', this.render);
|
|
|
|
// Use listenTo instead of api.listen.to so that event handlers
|
|
// automatically get deregistered when the component is dismounted
|
|
this.listenTo(_converse, 'connected', this.render);
|
|
this.listenTo(_converse, 'reconnected', this.render);
|
|
this.listenTo(_converse, 'disconnected', this.render);
|
|
|
|
const bg = document.getElementById('conversejs-bg');
|
|
if (bg && !bg.innerHTML.trim()) {
|
|
render(tpl_background_logo(), bg);
|
|
}
|
|
const body = document.querySelector('body');
|
|
body.classList.add(`converse-${api.settings.get('view_mode')}`);
|
|
this.render();
|
|
|
|
/**
|
|
* Triggered once the _converse.ChatBoxViews view-colleciton has been initialized
|
|
* @event _converse#chatBoxViewsInitialized
|
|
* @example _converse.api.listen.on('chatBoxViewsInitialized', () => { ... });
|
|
*/
|
|
api.trigger('chatBoxViewsInitialized');
|
|
}
|
|
|
|
render () {
|
|
render(tpl_chats(), this);
|
|
}
|
|
}
|
|
|
|
api.elements.define('converse-chats', ConverseChats);
|