2020-03-30 14:16:10 -04:00
|
|
|
<div class="admin-emojis">
|
|
|
|
<h1>{{i18n "admin.emoji.title"}}</h1>
|
2014-12-22 19:12:26 -05:00
|
|
|
|
2020-03-30 14:16:10 -04:00
|
|
|
<p class="desc">{{i18n "admin.emoji.help"}}</p>
|
2014-12-22 19:12:26 -05:00
|
|
|
|
2022-07-05 13:41:31 -04:00
|
|
|
<EmojiUploader
|
|
|
|
@emojiGroups={{this.emojiGroups}}
|
|
|
|
@done={{action "emojiUploaded"}}
|
|
|
|
@id="emoji-uploader"
|
|
|
|
/>
|
2020-03-30 14:16:10 -04:00
|
|
|
|
|
|
|
<hr />
|
2014-12-22 19:12:26 -05:00
|
|
|
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.sortedEmojis}}
|
2020-03-30 14:16:10 -04:00
|
|
|
<table id="custom_emoji">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>{{i18n "admin.emoji.image"}}</th>
|
|
|
|
<th>{{i18n "admin.emoji.name"}}</th>
|
2021-09-09 11:01:56 -04:00
|
|
|
<th colspan="2">
|
2022-07-05 13:41:31 -04:00
|
|
|
<ComboBox
|
|
|
|
@value={{this.filter}}
|
|
|
|
@content={{this.sortingGroups}}
|
|
|
|
@nameProperty={{null}}
|
|
|
|
@valueProperty={{null}}
|
|
|
|
@onChange={{action "filterGroups"}}
|
|
|
|
/>
|
2020-03-30 14:16:10 -04:00
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#each this.sortedEmojis as |e|}}
|
2014-12-22 19:12:26 -05:00
|
|
|
<tr>
|
2021-09-09 11:01:56 -04:00
|
|
|
<td><img
|
|
|
|
class="emoji emoji-custom"
|
|
|
|
src={{e.url}}
|
|
|
|
title={{e.name}}
|
|
|
|
alt={{i18n "admin.emoji.alt"}}
|
|
|
|
/></td>
|
|
|
|
<td>:{{e.name}}:</td>
|
|
|
|
<td>{{e.group}}</td>
|
|
|
|
<td class="action">
|
2022-06-30 06:30:50 -04:00
|
|
|
<DButton
|
|
|
|
@action={{action "destroyEmoji" e}}
|
|
|
|
@class="btn-danger"
|
|
|
|
@icon="far-trash-alt"
|
|
|
|
/>
|
2021-09-09 11:01:56 -04:00
|
|
|
</td>
|
2014-12-22 19:12:26 -05:00
|
|
|
</tr>
|
2020-03-30 14:16:10 -04:00
|
|
|
{{/each}}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2014-12-22 19:12:26 -05:00
|
|
|
{{/if}}
|
|
|
|
</div>
|