discourse/app/assets/javascripts/admin/addon/components/emoji-value-list.hbs
Kris f6c5eca485
DEV: add btn-default classes to buttons using default styling (#31039)
All of these buttons use our default grey background styling, but aren't
carrying the `btn-default` class, which makes them easier to target in
themes. This PR adds the class.
2025-01-28 15:40:34 -05:00

50 lines
No EOL
1.4 KiB
Handlebars
Vendored

{{#if this.collection}}
<ul class="values emoji-value-list">
{{#each this.collection as |data index|}}
<li class="value" data-index={{index}}>
<DButton
@action={{fn this.removeValue data}}
@icon="xmark"
@disabled={{not data.isEditable}}
class="btn-default remove-value-btn btn-small"
/>
<div
class="value-input emoji-details
{{if data.isEditable 'can-edit'}}
{{if data.isEditing 'd-editor-textarea-wrapper'}}"
{{on "click" (fn this.editValue index)}}
role="button"
>
<img
height="15px"
width="15px"
src={{data.emojiUrl}}
class="emoji-list-emoji"
/>
<span class="emoji-name">{{data.value}}</span>
</div>
{{#if this.showUpDownButtons}}
<DButton
@action={{fn this.shift -1 index}}
@icon="arrow-up"
class="btn-default shift-up-value-btn btn-small"
/>
<DButton
@action={{fn this.shift 1 index}}
@icon="arrow-down"
class="btn-default shift-down-value-btn btn-small"
/>
{{/if}}
</li>
{{/each}}
</ul>
{{/if}}
<div class="value">
<EmojiPicker
@label={{i18n "admin.site_settings.emoji_list.add_emoji_button.label"}}
@didSelectEmoji={{this.emojiSelected}}
/>
</div>