converse.js/src/templates/rooms_list_item.html

Browser based XMPP chat client

<div class="list-item controlbox-padded available-chatroom d-flex flex-row
    {[ if (o.currently_open) { ]} open {[ } ]}
    {[ if (o.num_unread_general) { ]} unread-msgs {[ } ]}"
    data-room-jid="{{{o.jid}}}">

{[ if (o.num_unread) { ]}
    <span class="list-item-badge badge badge-room-color msgs-indicator">{{{ o.num_unread }}}</span>
{[ } ]}
<a class="list-item-link open-room available-room w-100"
    data-room-jid="{{{o.jid}}}"
    title="{{{o.open_title}}}" href="#">{{{o.name || o.jid}}}</a>

{[ if (o.allow_bookmarks) { ]}
<a class="list-item-action fa {[ if (o.bookmarked) { ]} fa-bookmark remove-bookmark button-on {[ } else { ]} add-bookmark fa-bookmark {[ } ]}"
   data-room-jid="{{{o.jid}}}" data-bookmark-name="{{{o.name}}}"
   title="{[ if (o.bookmarked) { ]} {{{o.info_remove_bookmark}}} {[ } else { ]} {{{o.info_add_bookmark}}} {[ } ]}"
   href="#"></a>
{[ } ]}

<a class="list-item-action room-info fa fa-info-circle" data-room-jid="{{{o.jid}}}"
   title="{{{o.info_title}}}" href="#"></a>

<a class="list-item-action fa fa-sign-out-alt close-room"
   data-room-jid="{{{o.jid}}}"
   data-room-name="{{{o.name || o.jid}}}"
   title="{{{o.info_leave_room}}}" href="#"></a>

</div>