xmpp.chapril.org-conversejs/src/templates/rooms_list_item.html

<div class="room-item">
<div class="available-chatroom d-flex flex-row {[ if (o.num_unread_general) { ]} unread-msgs {[ } ]}" data-room-jid="{{{o.jid}}}">
{[ if (o.num_unread) { ]}
    <span class="msgs-indicator">{{{ o.num_unread }}}</span>
{[ } ]}
<a class="open-room available-room w-100"
    data-room-jid="{{{o.jid}}}"
    title="{{{o.open_title}}}" href="#">{{{o.name}}}</a>

<a class="right close-room icon-leave"
   data-room-jid="{{{o.jid}}}"
   data-room-name="{{{o.name}}}"
   title="{{{o.info_leave_room}}}" href="#">&nbsp;</a>

{[ if (o.allow_bookmarks) { ]}
<a class="fa align-self-center {[ if (o.bookmarked) { ]} fa-bookmark remove-bookmark button-on {[ } else { ]} add-bookmark fa-bookmark-o {[ } ]}"
   data-room-jid="{{{o.jid}}}" data-bookmark-name="{{{o.name}}}"
   title="{[ if (o.bookmarked) { ]} {{{o.info_remove_bookmark}}} {[ } else { ]} {{{o.info_add_bookmark}}} {[ } ]}"
   href="#">&nbsp;</a>
{[ } ]}
<a class="room-info fa fa-info-circle align-self-center" data-room-jid="{{{o.jid}}}"
   title="{{{o.info_title}}}" href="#">&nbsp;</a>
</div>
<div>