2019-07-11 10:48:52 +02:00
|
|
|
/**
|
|
|
|
* @module converse-chatboxviews
|
2020-01-26 16:21:20 +01:00
|
|
|
* @copyright 2020, the Converse.js contributors
|
|
|
|
* @license Mozilla Public License (MPLv2)
|
2019-07-11 10:48:52 +02:00
|
|
|
*/
|
2020-12-08 12:54:14 +01:00
|
|
|
import './view.js';
|
2021-02-22 21:07:54 +01:00
|
|
|
import '@converse/headless/plugins/chatboxes/index.js';
|
2020-12-08 12:54:14 +01:00
|
|
|
import ChatBoxViews from './container.js';
|
2020-12-04 23:06:42 +01:00
|
|
|
import { _converse, api, converse } from '@converse/headless/core';
|
2021-03-26 10:34:51 +01:00
|
|
|
import { calculateViewportHeightUnit } from './utils.js';
|
2020-09-09 14:37:43 +02:00
|
|
|
|
2021-03-19 12:30:45 +01:00
|
|
|
import './styles/chats.scss';
|
|
|
|
|
2020-09-21 17:52:00 +02:00
|
|
|
|
2018-10-23 03:41:38 +02:00
|
|
|
converse.plugins.add('converse-chatboxviews', {
|
2020-12-04 23:06:42 +01:00
|
|
|
dependencies: ['converse-chatboxes', 'converse-vcard'],
|
2018-10-23 03:41:38 +02:00
|
|
|
|
|
|
|
initialize () {
|
2020-03-31 13:15:57 +02:00
|
|
|
api.promises.add(['chatBoxViewsInitialized']);
|
2018-10-23 03:41:38 +02:00
|
|
|
|
2018-11-14 15:56:28 +01:00
|
|
|
// Configuration values for this plugin
|
|
|
|
// ====================================
|
|
|
|
// Refer to docs/source/configuration.rst for explanations of these
|
|
|
|
// configuration settings.
|
2020-06-03 09:17:13 +02:00
|
|
|
api.settings.extend({
|
2019-06-12 06:56:20 +02:00
|
|
|
'animate': true,
|
|
|
|
'theme': 'default'
|
2018-11-14 15:56:28 +01:00
|
|
|
});
|
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
_converse.chatboxviews = new ChatBoxViews();
|
2018-10-23 03:41:38 +02:00
|
|
|
|
|
|
|
/************************ BEGIN Event Handlers ************************/
|
2020-12-08 12:54:14 +01:00
|
|
|
api.listen.on('chatBoxesInitialized', () => {
|
|
|
|
_converse.chatboxes.on('destroy', m => _converse.chatboxviews.remove(m.get('jid')));
|
|
|
|
});
|
|
|
|
|
2020-12-04 23:06:42 +01:00
|
|
|
api.listen.on('cleanup', () => delete _converse.chatboxviews);
|
2020-03-31 13:15:57 +02:00
|
|
|
api.listen.on('clearSession', () => _converse.chatboxviews.closeAllChatBoxes());
|
2020-09-21 17:52:00 +02:00
|
|
|
api.listen.on('chatBoxViewsInitialized', calculateViewportHeightUnit);
|
2020-12-08 12:54:14 +01:00
|
|
|
|
2020-09-21 17:52:00 +02:00
|
|
|
window.addEventListener('resize', calculateViewportHeightUnit);
|
2018-10-23 03:41:38 +02:00
|
|
|
/************************ END Event Handlers ************************/
|
2020-06-10 12:30:52 +02:00
|
|
|
|
|
|
|
Object.assign(converse, {
|
|
|
|
/**
|
|
|
|
* Public API method which will ensure that the #conversejs element
|
|
|
|
* is inserted into a container element.
|
|
|
|
*
|
|
|
|
* This method is useful when the #conversejs element has been
|
|
|
|
* detached from the DOM somehow.
|
|
|
|
* @async
|
|
|
|
* @memberOf converse
|
|
|
|
* @method insertInto
|
|
|
|
* @example
|
|
|
|
* converse.insertInto(document.querySelector('#converse-container'));
|
|
|
|
*/
|
|
|
|
insertInto (container) {
|
|
|
|
const el = _converse.chatboxviews?.el;
|
|
|
|
if (el && !container.contains(el)) {
|
|
|
|
container.insertAdjacentElement('afterBegin', el);
|
|
|
|
} else if (!el) {
|
2020-12-04 23:06:42 +01:00
|
|
|
throw new Error('Cannot insert non-existing #conversejs element into the DOM');
|
2020-06-10 12:30:52 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
2018-10-23 03:41:38 +02:00
|
|
|
}
|
|
|
|
});
|