2021-03-26 10:34:51 +01:00
|
|
|
import '../bottom-panel.js';
|
|
|
|
import '../sidebar.js';
|
|
|
|
import 'shared/chat/chat-content.js';
|
|
|
|
import 'shared/chat/help-messages.js';
|
2021-03-10 12:17:23 +01:00
|
|
|
import { _converse } from '@converse/headless/core';
|
2021-04-14 22:56:59 +02:00
|
|
|
import { html } from "lit";
|
2021-03-10 12:17:23 +01:00
|
|
|
|
|
|
|
export default (o) => html`
|
|
|
|
<div class="chat-area">
|
|
|
|
<div class="chat-content ${ o.show_send_button ? 'chat-content-sendbutton' : '' }" aria-live="polite">
|
|
|
|
<converse-chat-content
|
|
|
|
class="chat-content__messages"
|
|
|
|
jid="${o.jid}"
|
|
|
|
@scroll=${o.markScrolled}></converse-chat-content>
|
|
|
|
|
|
|
|
${o.show_help_messages ? html`<div class="chat-content__help">
|
|
|
|
<converse-chat-help
|
|
|
|
.model=${o.model}
|
|
|
|
.messages=${o.help_messages}
|
|
|
|
?hidden=${!o.show_help_messages}
|
|
|
|
type="info"
|
|
|
|
chat_type="${_converse.CHATROOMS_TYPE}"
|
|
|
|
></converse-chat-help></div>` : '' }
|
|
|
|
</div>
|
|
|
|
<converse-muc-bottom-panel jid="${o.jid}" class="bottom-panel"></converse-muc-bottom-panel>
|
|
|
|
</div>
|
|
|
|
<div class="disconnect-container hidden"></div>
|
2021-03-11 11:29:26 +01:00
|
|
|
<converse-muc-sidebar
|
|
|
|
class="occupants col-md-3 col-4 ${o.show_sidebar ? '' : 'hidden' }"
|
2021-03-11 10:50:37 +01:00
|
|
|
style="flex: 0 0 ${o.occupants_width}px"
|
2021-03-11 11:29:26 +01:00
|
|
|
jid=${o.jid}
|
|
|
|
@mousedown=${o.onMousedown}></converse-muc-sidebar>
|
2021-03-10 12:17:23 +01:00
|
|
|
`;
|