2021-02-11 22:32:55 +01:00
|
|
|
import '../heading.js';
|
|
|
|
import '../bottom_panel.js';
|
2020-03-18 16:55:32 +01:00
|
|
|
import { html } from "lit-html";
|
2020-03-18 19:32:03 +01:00
|
|
|
|
|
|
|
export default (o) => html`
|
2020-03-18 16:55:32 +01:00
|
|
|
<div class="flyout box-flyout">
|
2021-01-18 16:20:08 +01:00
|
|
|
<converse-dragresize></converse-dragresize>
|
2021-02-11 22:32:55 +01:00
|
|
|
<converse-muc-heading jid="${o.model.get('jid')}" class="chat-head chat-head-chatroom row no-gutters"></converse-muc-heading>
|
2020-03-18 16:55:32 +01:00
|
|
|
<div class="chat-body chatroom-body row no-gutters">
|
2020-03-18 19:32:03 +01:00
|
|
|
<div class="chat-area col">
|
|
|
|
<div class="chat-content ${ o.show_send_button ? 'chat-content-sendbutton' : '' }" aria-live="polite">
|
2021-02-08 11:27:42 +01:00
|
|
|
<converse-chat-content
|
|
|
|
class="chat-content__messages"
|
2021-02-11 22:32:55 +01:00
|
|
|
jid="${o.model.get('jid')}"
|
2021-02-08 11:27:42 +01:00
|
|
|
@scroll=${o.markScrolled}></converse-chat-content>
|
|
|
|
|
2020-05-15 14:33:31 +02:00
|
|
|
<div class="chat-content__help"></div>
|
2020-03-18 19:32:03 +01:00
|
|
|
</div>
|
2021-02-11 22:32:55 +01:00
|
|
|
<converse-muc-bottom-panel jid="${o.model.get('jid')}" class="bottom-panel"></converse-muc-bottom-panel>
|
2020-03-18 19:32:03 +01:00
|
|
|
</div>
|
2020-03-18 16:55:32 +01:00
|
|
|
<div class="disconnect-container hidden"></div>
|
2020-10-23 20:49:10 +02:00
|
|
|
<converse-muc-sidebar class="occupants col-md-3 col-4 ${o.sidebar_hidden ? 'hidden' : ''}"
|
|
|
|
.occupants=${o.occupants}
|
|
|
|
.chatroom=${o.model}></converse-muc-sidebar>
|
2021-02-11 15:05:04 +01:00
|
|
|
<div class="nickname-form-container"></div>
|
2020-03-18 16:55:32 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|