![Shaun Wu](/assets/img/avatar_default.png)
Had to make various other changes due to incompatibilities. - Use the new `lit` package instead of `lit-html` or `lit-element` - Drop `haunted` since it breaks the rules by specifying `type: module` but then doesn't import with file extensions - Use Sass Dart instead of node-sass (fixes #2445) - Upgrade Karma
35 lines
1.5 KiB
JavaScript
35 lines
1.5 KiB
JavaScript
import { html } from 'lit';
|
|
import { _converse, api } from "@converse/headless/core";
|
|
|
|
export default o => html`
|
|
<div class="flyout box-flyout">
|
|
<converse-dragresize></converse-dragresize>
|
|
<div class="chat-head controlbox-head">
|
|
${o.sticky_controlbox
|
|
? ''
|
|
: html`
|
|
<a class="chatbox-btn close-chatbox-button fa fa-times" @click=${o.close}></a>
|
|
`}
|
|
</div>
|
|
<div class="controlbox-panes">
|
|
<div class="controlbox-pane">
|
|
${o.connected
|
|
? html`
|
|
<converse-user-profile></converse-user-profile>
|
|
<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>
|
|
</div>
|
|
${ api.settings.get("authentication") === _converse.ANONYMOUS ? '' :
|
|
html`<div id="converse-roster" class="controlbox-section"><converse-roster></converse-roster></div>`
|
|
}`
|
|
: o['active-form'] === 'register'
|
|
? html`<converse-register-panel></converse-register-panel>`
|
|
: html`<converse-login-panel></converse-login-panel>`
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|