2021-04-14 22:56:59 +02:00
|
|
|
import { html } from 'lit';
|
2021-01-26 14:01:37 +01:00
|
|
|
import { _converse, api } from "@converse/headless/core";
|
2020-10-01 17:00:38 +02:00
|
|
|
|
2021-01-25 14:50:57 +01:00
|
|
|
export default o => html`
|
2020-10-01 17:00:38 +02:00
|
|
|
<div class="flyout box-flyout">
|
2021-01-18 16:20:08 +01:00
|
|
|
<converse-dragresize></converse-dragresize>
|
2020-10-01 17:00:38 +02:00
|
|
|
<div class="chat-head controlbox-head">
|
2021-01-25 14:50:57 +01:00
|
|
|
${o.sticky_controlbox
|
|
|
|
? ''
|
|
|
|
: html`
|
2021-02-22 20:53:59 +01:00
|
|
|
<a class="chatbox-btn close-chatbox-button fa fa-times" @click=${o.close}></a>
|
2021-01-25 14:50:57 +01:00
|
|
|
`}
|
2020-10-01 17:00:38 +02:00
|
|
|
</div>
|
2020-12-08 12:54:14 +01:00
|
|
|
<div class="controlbox-panes">
|
2021-01-25 14:50:57 +01:00
|
|
|
<div class="controlbox-pane">
|
|
|
|
${o.connected
|
|
|
|
? html`
|
|
|
|
<converse-user-profile></converse-user-profile>
|
2021-01-26 09:58:16 +01:00
|
|
|
<converse-headlines-panel class="controlbox-section"></converse-headlines-panel>
|
|
|
|
<div id="chatrooms" class="controlbox-section">
|
|
|
|
<converse-rooms-list></converse-rooms-list>
|
|
|
|
<converse-bookmarks></converse-bookmarks>
|
2021-01-26 14:01:37 +01:00
|
|
|
</div>
|
|
|
|
${ api.settings.get("authentication") === _converse.ANONYMOUS ? '' :
|
|
|
|
html`<div id="converse-roster" class="controlbox-section"><converse-roster></converse-roster></div>`
|
|
|
|
}`
|
2021-01-25 14:50:57 +01:00
|
|
|
: o['active-form'] === 'register'
|
|
|
|
? html`<converse-register-panel></converse-register-panel>`
|
|
|
|
: html`<converse-login-panel></converse-login-panel>`
|
|
|
|
}
|
|
|
|
</div>
|
2020-12-08 12:54:14 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|