2021-04-14 22:56:59 +02:00
|
|
|
import { html } from "lit";
|
2021-01-18 12:56:17 +01:00
|
|
|
import { __ } from 'i18n';
|
2020-07-09 21:36:20 +02:00
|
|
|
|
|
|
|
|
2020-08-16 23:33:17 +02:00
|
|
|
export default (o) => {
|
|
|
|
const i18n_tooltip = __('Click to restore this chat');
|
2022-06-19 12:36:41 +02:00
|
|
|
let close_color;
|
|
|
|
if (o.type === 'chatroom') {
|
|
|
|
close_color = "var(--chatroom-head-color)";
|
|
|
|
} else if (o.type === 'headline') {
|
|
|
|
close_color = "var(--headline-head-text-color)";
|
|
|
|
} else {
|
|
|
|
close_color = "var(--chat-head-text-color)";
|
|
|
|
}
|
|
|
|
|
2020-08-16 23:33:17 +02:00
|
|
|
return html`
|
2021-08-29 00:14:48 +02:00
|
|
|
<div class="chat-head-${o.type} chat-head row no-gutters">
|
|
|
|
<a class="restore-chat w-100 align-self-center" title="${i18n_tooltip}" @click=${o.restore}>
|
|
|
|
${o.num_unread ? html`<span class="message-count badge badge-light">${o.num_unread}</span>` : '' }
|
|
|
|
${o.title}
|
|
|
|
</a>
|
|
|
|
<a class="chatbox-btn close-chatbox-button" @click=${o.close}>
|
|
|
|
<converse-icon color=${close_color} class="fas fa-times" @click=${o.close} size="1em"></converse-icon>
|
|
|
|
</a>
|
|
|
|
</div>`;
|
2020-08-16 23:33:17 +02:00
|
|
|
}
|