2020-12-08 10:16:34 +01:00
|
|
|
import tpl_background_logo from '../../templates/background_logo.js';
|
2020-12-08 12:54:14 +01:00
|
|
|
import tpl_chats from './templates/chats.js';
|
|
|
|
import { ElementView } from '@converse/skeletor/src/element.js';
|
|
|
|
import { api, _converse } from '@converse/headless/core';
|
2020-12-08 10:16:34 +01:00
|
|
|
import { render } from 'lit-html';
|
|
|
|
|
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
class ConverseChats extends ElementView {
|
2020-12-08 10:16:34 +01:00
|
|
|
|
|
|
|
initialize () {
|
2020-12-08 12:54:14 +01:00
|
|
|
this.model = _converse.chatboxes;
|
|
|
|
this.listenTo(this.model, 'add', this.render);
|
|
|
|
this.listenTo(this.model, 'change:closed', this.render);
|
2021-01-25 22:04:01 +01:00
|
|
|
this.listenTo(this.model, 'change:hidden', this.render);
|
2020-12-08 12:54:14 +01:00
|
|
|
this.listenTo(this.model, 'change:jid', this.render);
|
2021-01-25 22:04:01 +01:00
|
|
|
this.listenTo(this.model, 'change:minimized', this.render);
|
|
|
|
this.listenTo(this.model, 'destroy', this.render);
|
2020-12-08 12:54:14 +01:00
|
|
|
|
2020-12-08 10:16:34 +01:00
|
|
|
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();
|
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
/**
|
|
|
|
* Triggered once the _converse.ChatBoxViews view-colleciton has been initialized
|
|
|
|
* @event _converse#chatBoxViewsInitialized
|
|
|
|
* @example _converse.api.listen.on('chatBoxViewsInitialized', () => { ... });
|
|
|
|
*/
|
|
|
|
api.trigger('chatBoxViewsInitialized');
|
|
|
|
}
|
2020-12-08 10:16:34 +01:00
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
render () {
|
|
|
|
render(tpl_chats(), this);
|
2020-12-08 10:16:34 +01:00
|
|
|
}
|
2020-12-08 12:54:14 +01:00
|
|
|
}
|
2020-12-08 10:16:34 +01:00
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
api.elements.define('converse-chats', ConverseChats);
|