xmpp.chapril.org-conversejs/src/templates/headline_list.js
JC Brand c55a2171d5 Refactor headlines-view
* Use lit-html
* Let it look and behave similarly to other list views in the controlbox
2020-01-30 19:37:00 +01:00

21 lines
766 B
JavaScript

import { html } from "lit-html";
import { __ } from '@converse/headless/i18n';
const tpl_headline_box = (o) => html`
<div class="list-item controlbox-padded d-flex flex-row"
data-headline-jid="${o.headlinebox.get('jid')}">
<a class="list-item-link open-headline available-room w-100"
data-headline-jid="${o.headlinebox.get('jid')}"
title="${o.open_title}" href="#">${o.headlinebox.get('jid')}</a>
</div>
`;
export default (o) => html`
<div class="list-container list-container--headline ${ o.headlineboxes.length ? '' : 'hidden' }">
<div class="items-list rooms-list headline-list">
${ o.headlineboxes.map(headlinebox => tpl_headline_box(Object.assign({headlinebox}, o))) }
</div>
</div>
`;