<div class="message chat-msg {{{o.type}}} {{{o.extra_classes}}}" data-isodate="{{{o.time}}}" data-msgid="{{{o.msgid}}}" data-from="{{{o.from}}}">
    {[ if (o.type !== 'headline') { ]}
    <canvas class="avatar" height="36" width="36"></canvas>
    {[ } ]}
    <div class="chat-msg-content">
        <span class="chat-msg-heading">
            <span class="chat-msg-author">{{{o.username}}}
                {[o.roles.forEach(function (role) { ]} <span class="badge badge-secondary">{{{role}}}</span> {[ }); ]}
            </span>
            <time timestamp="{{{o.isodate}}}" class="chat-msg-time">{{{o.pretty_time}}}</time>
        </span>
        {[ if (o.edited) { ]} <i title="{{{o.__('This message has been edited')}}}" class="fa fa-edit chat-msg-edited"></i> {[ } ]}
        <span class="chat-msg-text"></span>
        <div class="chat-msg-media"></div>
    </div>
</div>
