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

{[ _.forEach(emojis_by_category, function (obj, category) { ]}
    <ul class="emoji-picker emoji-picker-{{{category}}} {[ if (current_category !== category) { ]} hidden {[ } ]}">
        {[ _.forEach(emojis_by_category[category], function (emoji) { ]}
        <li class="emoji insert-emoji 
                {[ if (emoji._shortname.indexOf('_tone') !== -1 && (!current_skintone || emoji._shortname.indexOf(current_skintone) === -1)) { ]} hidden {[ }; ]}"
            data-emoji="{{{emoji._shortname}}}">
                <a href="#" data-emoji="{{{emoji._shortname}}}"> {{ transform(emoji._shortname) }}  </a>
        </li>
        {[ }); ]}
    </ul>
{[ }); ]}
<ul class="emoji-category-picker">
    {[ _.forEach(emojis_by_category, function (obj, category) { ]}
        <li data-category="{{{category}}}" class="emoji-category {[ if (current_category === category) { ]} picked {[ } ]}">
            <a class="pick-category" href="#" data-category="{{{category}}}"> {{ transform(emojis_by_category[category][0]._shortname) }} </a>
        </li>
    {[ }); ]}

    {[ _.forEach(skintones, function (skintone) { ]}
        <li data-category="{{{skintone}}}" class="emoji-skintone {[ if (current_skintone === skintone) { ]} picked {[ } ]}">
            <a class="pick-skintone" href="#" data-skintone="{{{skintone}}}"> {{ transform(':'+skintone+':') }} </a>
        </li>
    {[ }); ]}
</ul>