2021-03-22 14:34:18 +01:00
|
|
|
import tpl_root from "./templates/root.js";
|
2021-01-25 20:54:50 +01:00
|
|
|
import { api } from '@converse/headless/core';
|
2021-03-24 11:59:09 +01:00
|
|
|
import { CustomElement } from 'shared/components/element.js';
|
2020-08-26 16:07:59 +02:00
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* `converse-root` is an optional custom element which can be used to
|
|
|
|
* declaratively insert the Converse UI into the DOM.
|
|
|
|
*
|
|
|
|
* It can be inserted into the DOM before or after Converse has loaded or been
|
|
|
|
* initialized.
|
|
|
|
*/
|
2020-12-08 12:54:14 +01:00
|
|
|
class ConverseRoot extends CustomElement {
|
2020-08-26 16:07:59 +02:00
|
|
|
|
2020-12-08 12:54:14 +01:00
|
|
|
render () { // eslint-disable-line class-methods-use-this
|
2021-03-22 14:34:18 +01:00
|
|
|
return tpl_root();
|
2020-08-26 16:07:59 +02:00
|
|
|
}
|
2021-01-25 20:54:50 +01:00
|
|
|
|
|
|
|
connectedCallback () {
|
|
|
|
super.connectedCallback();
|
|
|
|
this.classList.add(`converse-${api.settings.get('view_mode')}`);
|
2021-01-26 12:54:49 +01:00
|
|
|
this.setAttribute('id', 'conversejs');
|
2021-01-25 20:54:50 +01:00
|
|
|
}
|
2020-08-26 16:07:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
customElements.define('converse-root', ConverseRoot);
|