2020-09-03 09:51:39 +02:00
|
|
|
import { html } from "lit-html";
|
2020-09-10 07:33:00 +02:00
|
|
|
import { __ } from '../i18n';
|
2020-09-03 09:51:39 +02:00
|
|
|
|
|
|
|
export default (o) =>
|
|
|
|
html`<div id="minimized-chats" class="${o.chats.length ? '' : 'hidden'}">
|
|
|
|
<a id="toggle-minimized-chats" class="row no-gutters" @click=${o.toggle}>
|
|
|
|
${o.num_minimized} ${__('Minimized')}
|
|
|
|
<span class="unread-message-count ${!o.num_unread ? 'unread-message-count-hidden' : ''}" href="#">${o.num_unread}</span>
|
|
|
|
</a>
|
|
|
|
<div class="flyout minimized-chats-flyout row no-gutters ${o.collapsed ? 'hidden' : ''}">
|
|
|
|
${o.chats.map(chat =>
|
|
|
|
html`<converse-minimized-chat
|
|
|
|
.model=${chat}
|
|
|
|
title=${chat.getDisplayName()}
|
|
|
|
type=${chat.get('type')}
|
|
|
|
num_unread=${chat.get('num_unread')}></converse-minimized-chat>`)}
|
|
|
|
</div>
|
|
|
|
</div>`;
|