zulip/static/templates/settings/emoji_settings_admin.hbs

44 lines
2.5 KiB
Handlebars

<div id="emoji-settings" data-name="emoji-settings" class="settings-section {{#if can_add_emojis}}can-edit{{/if}}">
<div class="emoji-settings-tip-container">
{{> emoji_settings_tip}}
</div>
<p>{{#tr this}}Add extra emoji for members of the __realm_name__ organization.{{/tr}}</p>
<form class="form-horizontal admin-emoji-form {{#unless can_add_emojis}}hide{{/unless}}">
<div class="add-new-emoji-box grey-box">
<div class="new-emoji-form">
<div class="settings-section-title new-emoji-section-title no-padding">{{t "Add a new emoji" }}</div>
<div class="alert" id="admin-emoji-status"></div>
<div class="inline-block">
<label for="emoji_name">{{t "Emoji name" }}</label>
<input type="text" name="name" id="emoji_name" placeholder="{{t 'leafy green vegetable' }}" />
</div>
<div class="inline-block">
<span id="emoji-file-name"></span>
<input type="file" name="emoji_file_input" class="notvisible"
id="emoji_file_input" value="{{t 'Upload image or GIF' }}"/>
<button class="button white rounded" style="display: none;" id="emoji_image_clear_button">{{t "Clear emoji image" }}</button>
<button class="button rounded" id="emoji_upload_button">{{t "Upload image or GIF" }}</button>
</div>
<button id="admin_emoji_submit" type="submit" class="button rounded sea-green">
{{t 'Add emoji' }}
</button>
</div>
<span id="emoji_file_input_error" class="text-error"></span>
</div>
</form>
<input type="text" class="search" placeholder="{{t 'Filter emojis' }}"
aria-label="{{t 'Filter linkifiers' }}"/>
<div class="progressive-table-wrapper" data-simplebar data-list-render="emoji_list">
<table class="table table-condensed table-striped wrapped-table admin_emoji_table">
<thead>
<th class="active" data-sort="alphabetic" data-sort-prop="name">{{t "Name" }}</th>
<th class="image">{{t "Image" }}</th>
<th class="image" data-sort="author_full_name">{{t "Author" }}</th>
<th class="actions">{{t "Actions" }}</th>
</thead>
<tbody id="admin_emoji_table" class="required-text" data-empty="{{t 'No custom emoji.' }}"></tbody>
</table>
</div>
</div>