57 lines
2.4 KiB
JavaScript
57 lines
2.4 KiB
JavaScript
import tpl_spinner from "templates/spinner.js";
|
|
import { _converse, api, converse } from "@converse/headless/core.js";
|
|
import { html } from 'lit';
|
|
|
|
const { Strophe } = converse.env;
|
|
|
|
|
|
function whenNotConnected (o) {
|
|
const connection_status = _converse.connfeedback.get('connection_status');
|
|
console.log("connection_status");
|
|
console.log(connection_status);
|
|
if ([Strophe.Status.RECONNECTING, Strophe.Status.CONNECTING].includes(connection_status)) {
|
|
return tpl_spinner();
|
|
}
|
|
if (o['active-form'] === 'register') {
|
|
return html`<converse-register-panel></converse-register-panel>`;
|
|
}
|
|
return html`<converse-login-form id="converse-login-panel" class="controlbox-pane fade-in row no-gutters"></converse-login-form>`;
|
|
}
|
|
|
|
|
|
export default (el) => {
|
|
const o = el.model.toJSON();
|
|
const sticky_controlbox = api.settings.get('sticky_controlbox');
|
|
|
|
return html`
|
|
<div class="flyout box-flyout">
|
|
<converse-dragresize></converse-dragresize>
|
|
<div class="chat-head controlbox-head">
|
|
${sticky_controlbox
|
|
? ''
|
|
: html`
|
|
<a class="chatbox-btn close-chatbox-button" @click=${(ev) => el.close(ev)}>
|
|
<converse-icon class="fa fa-times" size="1em"></converse-icon>
|
|
</a>
|
|
`}
|
|
</div>
|
|
<div class="controlbox-panes">
|
|
<div class="controlbox-pane">
|
|
${o.connected
|
|
? html`
|
|
<converse-user-profile></converse-user-profile>
|
|
<converse-headlines-feeds-list class="controlbox-section"></converse-headlines-feeds-list>
|
|
<div id="chatrooms" class="controlbox-section">
|
|
<converse-rooms-list></converse-rooms-list>
|
|
<converse-bookmarks></converse-bookmarks>
|
|
</div>
|
|
${ api.settings.get("authentication") === _converse.ANONYMOUS ? '' :
|
|
html`<div id="converse-roster" class="controlbox-section"><converse-roster></converse-roster></div>`
|
|
}`
|
|
: whenNotConnected(o)
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
};
|