Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/static/templates/emoji_popover_content.hbs

26 lines
1.3 KiB
Handlebars
Raw Normal View History

emoji: Rename reaction-popover to emoji-popover. The name emoji-popover should now be more appropiate, as there's no more need to distinguish between reacting to messages and composing messages.
2017-04-28 22:26:22 +02:00
<div class="emoji-popover">
emoji_picker: Change emoji picker to be category based.
2017-07-19 00:28:56 +02:00
<div class="emoji-popover-top input-append">
templates: Fix missing quoting of attributes in HTML templates. This fixes a bundle of issues where we were missing "" around attributes coming from variables. In most cases, the variables were integers or fixed constants from the Zulip codebase (E.g. the name of an installed integration), but in at least one case it was user-provided data that could potentially have security impact.
2020-05-13 07:26:30 +02:00
<input class="emoji-popover-filter" type="text" autofocus placeholder="{{t 'Search' }}" />
emoji_popover_content.handlebars: Upgrade to font-awesome 4.7 icon prefixes.
2018-07-03 01:43:00 +02:00
<i class="fa fa-search" aria-hidden="true"></i>
Clean reaction_popover_content handlebar to use 4 space indents.
2017-02-15 21:09:42 +01:00
</div>
emoji_picker: Move the category tabs to just below the emoji filter. Also removes the now unused `get_rendered_emoji_categories()` function.
2017-09-17 20:55:41 +02:00
<div class="emoji-popover-category-tabs">
{{#each emoji_categories}}
<span class="emoji-popover-tab-item {{#if @first}} active {{/if}}" data-tab-name='{{name}}' title='{{name}}'><i class="fa {{icon}}"></i></span>
{{/each}}
</div>
scrollbar: Add data-simplebar-auto-hide=False to several modals. We're changing our style to always show the scrollbar on the right pane of modals, because that makes it consistently clear when there are more items below.
2019-05-29 22:07:05 +02:00
<div class="emoji-popover-emoji-map" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
emoji_picker: Change emoji picker to be category based.
2017-07-19 00:28:56 +02:00
{{#each emoji_categories }}
<div class="emoji-popover-subheading" data-section="{{name}}">{{name}}</div>
<div class="emoji-collection" data-section="{{name}}">
{{#each this.emojis }}
templates: Use upstream Handlebars partials syntax. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-11 04:05:28 +02:00
{{> emoji_popover_emoji type="emoji_picker_emoji" section=@../index index=@index message_id=../../message_id emoji_dict=this}}
emoji_picker: Change emoji picker to be category based.
2017-07-19 00:28:56 +02:00
{{/each}}
Clean reaction_popover_content handlebar to use 4 space indents.
2017-02-15 21:09:42 +01:00
</div>
{{/each}}
</div>
scrollbar: Add data-simplebar-auto-hide=False to several modals. We're changing our style to always show the scrollbar on the right pane of modals, because that makes it consistently clear when there are more items below.
2019-05-29 22:07:05 +02:00
<div class="emoji-search-results-container" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
emoji_picker: Change emoji picker to be category based.
2017-07-19 00:28:56 +02:00
<div class="emoji-popover-results-heading">{{t "Search results" }}</div>
<div class="emoji-search-results"></div>
emoji: Extend reaction_popover_content template for compose.
2017-04-28 09:18:17 +02:00
</div>
Add frontend support for emoji reactions. This commit replaces the placeholder "clipboard" button with a reaction button. This is done on any message that can't be edited. Also, on messages sent by the user the actions popover (toggled by the down chevron icon) contains an option to add a reaction. When clicked, a popover with a search bar and a list of emojis is displayed. If the right sidebar is collapsed (the viewport is small), the popover is placed to the left of the button. Focus is set to the search bar. Typing in the search bar filters emojis. Emojis with which the user has reacted to this message are highlighted. Clicking them sends an API request to remove that reaction. Clicking on non-highlighted emojis sends an API request to add a reaction. When the popover loses focus it is closed. The frontend listens for reaction events. When an add-reaction event is received, the emoji is displayed at the bottom of the message with a count initialized to 1. If there was an existing reaction to the message with the same emoji, the count is incremented. Old messages fetched from the server contain reactions. They are displayed (along with title and count) at the bottom of each message. When clicking the emoji reaction at the bottom of the message, if the user has already reacted with that emoji to this message, the reaction is removed and the count is decremented. Otherwise, a reaction is added and the count is incremented. Hovering over the emoji reaction at the bottom of the message displays a list of users who have reacted with this emoji along with the emoji name. Hovering over the emoji reactions at the bottom of the message displays a button to add a reaction. Fixes #541.
2016-12-02 13:23:23 +01:00
</div>