2021-03-24 11:59:09 +01:00
|
|
|
import 'shared/components/dropdown.js';
|
|
|
|
import 'shared/components/rich-text.js';
|
2021-02-11 11:43:02 +01:00
|
|
|
import { __ } from 'i18n';
|
2021-09-15 15:37:00 +02:00
|
|
|
import { _converse, api } from "@converse/headless/core";
|
2021-04-14 22:56:59 +02:00
|
|
|
import { html } from "lit";
|
|
|
|
import { until } from 'lit/directives/until.js';
|
2020-02-10 11:23:55 +01:00
|
|
|
|
|
|
|
const tpl_standalone_btns = (o) => o.standalone_btns.reverse().map(b => until(b, ''));
|
2020-02-07 14:58:26 +01:00
|
|
|
|
|
|
|
export default (o) => {
|
2020-08-16 23:33:17 +02:00
|
|
|
const i18n_hide_topic = __('Hide the groupchat topic');
|
|
|
|
const i18n_bookmarked = __('This groupchat is bookmarked');
|
2021-03-24 11:38:54 +01:00
|
|
|
const subject = o.subject ? o.subject.text : '';
|
2020-02-18 17:26:49 +01:00
|
|
|
const show_subject = (subject && !o.subject_hidden);
|
2020-02-07 14:58:26 +01:00
|
|
|
return html`
|
2020-02-10 11:23:55 +01:00
|
|
|
<div class="chatbox-title ${ show_subject ? '' : "chatbox-title--no-desc"}">
|
2022-02-19 22:21:25 +01:00
|
|
|
<div class="chatbox-title--row">
|
|
|
|
${ (!_converse.api.settings.get("singleton")) ? html`<converse-controlbox-navback jid="${o.jid}"></converse-controlbox-navback>` : '' }
|
|
|
|
<div class="chatbox-title__text" title="${ (api.settings.get('locked_muc_domain') !== 'hidden') ? o.jid : '' }">${ o.title }
|
|
|
|
${ (o.bookmarked) ? html`<i class="fa fa-bookmark chatbox-title__text--bookmarked" title="${i18n_bookmarked}"></i>` : '' }
|
|
|
|
</div>
|
2020-02-10 11:23:55 +01:00
|
|
|
</div>
|
2020-02-07 14:58:26 +01:00
|
|
|
<div class="chatbox-title__buttons row no-gutters">
|
2020-02-10 11:23:55 +01:00
|
|
|
${ o.standalone_btns.length ? tpl_standalone_btns(o) : '' }
|
2021-07-26 19:27:59 +02:00
|
|
|
${ o.dropdown_btns.length ? html`<converse-dropdown class="dropleft" color="var(--chatroom-head-color)" .items=${o.dropdown_btns}></converse-dropdown>` : '' }
|
2020-02-07 14:58:26 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-03-24 11:38:54 +01:00
|
|
|
${ show_subject ? html`<p class="chat-head__desc" title="${i18n_hide_topic}">
|
|
|
|
<converse-rich-text text=${subject} render_styling></converse-rich-text>
|
|
|
|
</p>` : '' }
|
2020-02-07 14:58:26 +01:00
|
|
|
`;
|
|
|
|
}
|