![JC Brand](/assets/img/avatar_default.png)
As a result we can again show emoji categories and skin tones on the same line (if there is enough space).
31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
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 (shouldBeHidden(emoji._shortname, current_skintone, toned_emojis)) { ]} hidden {[ }; ]}"
|
|
data-emoji="{{{emoji._shortname}}}">
|
|
<a href="#" data-emoji="{{{emoji._shortname}}}"> {{ transform(emoji._shortname) }} </a>
|
|
</li>
|
|
{[ }); ]}
|
|
</ul>
|
|
{[ }); ]}
|
|
<ul class="emoji-toolbar">
|
|
<li class="emoji-category-picker">
|
|
<ul>
|
|
{[ _.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>
|
|
{[ }); ]}
|
|
</ul>
|
|
</li>
|
|
<li class="emoji-skintone-picker">
|
|
<ul>
|
|
{[ _.forEach(skintones, function (skintone) { ]}
|
|
<li data-skintone="{{{skintone}}}" class="emoji-skintone {[ if (current_skintone === skintone) { ]} picked {[ } ]}">
|
|
<a class="pick-skintone" href="#" data-skintone="{{{skintone}}}"> {{ transform(':'+skintone+':') }} </a>
|
|
</li>
|
|
{[ }); ]}
|
|
</ul>
|
|
</li>
|
|
</ul>
|