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

100 lines
3.3 KiB
Handlebars
Raw Normal View History

Rename userinfo_popover -> actions_popover (imported from commit fab5a44af1acaf93640a2f57ffc25b3e97f55d2e)
2013-02-08 23:03:33 +01:00
{{! Contents of the "message actions" popup }}
popovers: Fix padding to be more uniform. The popovers for the message down chevron and left sidebar had strange side padding and non-uniform padding between the top and bottom. This changes them to all have the same padding as the nav `#gear_menu`; none on the sides and 5px on the top and bottom.
2017-09-27 19:27:05 +02:00
<ul class="nav nav-list actions_popover">
message view: Allow muted user message to be rehidden. An new option is added in message action popover of a muted user message that allows the message to be rehidden. Fixes: #18452.
2021-05-20 11:37:57 +02:00
{{#if should_display_hide_option}}
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="rehide_muted_user_message" data-message-id="{{message_id}}" tabindex="0">
message view: Allow muted user message to be rehidden. An new option is added in message action popover of a muted user message that allows the message to be rehidden. Fixes: #18452.
2021-05-20 11:37:57 +02:00
<i class="fa fa-eye-slash" aria-hidden="true"></i>
{{t "Hide muted message again" }}
</a>
</li>
{{/if}}
message view: Hide "view source" and "quote" for deleted messages. Fix #8839.
2018-03-28 00:28:57 +02:00
{{#if should_display_edit_and_view_source}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="popover_edit_message" data-message-id="{{message_id}}" tabindex="0">
icons: Switch from text-o to code-o for view source / edit topics. This commit replaces fa-file-text-o with fa-file-code-o which is a better signal for the "view source" action. It also deletes a single line comment that had suggested the change once we moved into font awesome 4, which Aditya Bansal <adi.bansal241996@gmail.com> helped out in doing, first via 91962aa6ab9cdbca483313efc92c59053c397623 and most recently via 75ae94e4597270b54712f63bd621a3ac540b8205 with several commits in between.
2020-05-21 08:20:49 +02:00
<i class="{{#if use_edit_icon}}fa fa-pencil{{else}}fa fa-file-code-o{{/if}}" aria-hidden="true"></i> {{editability_menu_item}}
message view: Add hotkey hints. '>' and 'e' are added as hotkey hints for 'Quote and reply or forward' and 'View source / Edit topic' options in actions popover, to help make these hotkeys more discoverable.
2021-01-25 23:26:43 +01:00
<span class="hotkey-hint">(e)</span>
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
</a>
</li>
message view: Hide "view source" and "quote" for deleted messages. Fix #8839.
2018-03-28 00:28:57 +02:00
{{/if}}
Move "Edit this message" higher in the info menu. For messages that you sent yourself, it is more likely that you will want to edit the message than reply to yourself, collapse your own message, etc. from the info menu, so we make it the first option. This should make it easier for keyboard users to edit messages. (imported from commit 94c5036a4ae85ed091c95eae2545e78887a09598)
2013-11-07 14:50:35 +01:00
message view: Hide "view source" and "quote" for deleted messages. Fix #8839.
2018-03-28 00:28:57 +02:00
{{#if should_display_quote_and_reply}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="respond_button" data-message-id="{{message_id}}" tabindex="0">
message_actions: Help user identify quote can be used for forwarding.
2020-08-13 07:34:32 +02:00
<i class="fa fa-reply" aria-hidden="true"></i> {{t "Quote and reply or forward" }}
message view: Add hotkey hints. '>' and 'e' are added as hotkey hints for 'Quote and reply or forward' and 'View source / Edit topic' options in actions popover, to help make these hotkeys more discoverable.
2021-01-25 23:26:43 +01:00
<span class="hotkey-hint">(>)</span>
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
</a>
</li>
message view: Hide "view source" and "quote" for deleted messages. Fix #8839.
2018-03-28 00:28:57 +02:00
{{/if}}
actions: Add narrowing to the popover This addresses another usability problem from #470. I decided it was too confusing to have menu options for both stream and subject narrowing, so I went with the latter. (imported from commit 948fca954a265029ceb27c72ae178015d513785d)
2013-02-09 08:47:01 +01:00
reminders: Hide message menu reminder's option behind features_flag.
2018-01-20 03:52:45 +01:00
{{#if should_display_reminder_option}}
reminders: Add UI for setting up reminders for messages in the feed.
2018-01-15 03:02:23 +01:00
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class='reminder_button' data-message-id="{{message_id}}" tabindex="0">
reminders: Add UI for setting up reminders for messages in the feed.
2018-01-15 03:02:23 +01:00
<i class="fa fa-bell" aria-hidden="true"></i> {{t "Remind me about this" }}
</a>
</li>
reminders: Hide message menu reminder's option behind features_flag.
2018-01-20 03:52:45 +01:00
{{/if}}
local echo: Don't show collapse/uncollapse items. Trying to collapse a locally echoed message is a rare thing to do, and it was buggy before this due to races between the server acking the original message and the user flipping the collapsed flag. We now calculate `should_display_collapse` and `should_display_uncollapse` in the JS code and simplify the template by eliminating all the inline if/else logic. (Note that we are about to disable the message menu altogether for locally echoed messages, so this change is partly future-proofing for when we put the menu back for more innocuous commands.)
2017-12-16 15:23:18 +01:00
{{#if should_display_collapse}}
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="popover_toggle_collapse" data-message-id="{{message_id}}" tabindex="0">
local echo: Don't show collapse/uncollapse items. Trying to collapse a locally echoed message is a rare thing to do, and it was buggy before this due to races between the server acking the original message and the user flipping the collapsed flag. We now calculate `should_display_collapse` and `should_display_uncollapse` in the JS code and simplify the template by eliminating all the inline if/else logic. (Note that we are about to disable the message menu altogether for locally echoed messages, so this change is partly future-proofing for when we put the menu back for more innocuous commands.)
2017-12-16 15:23:18 +01:00
<i class="fa fa-minus" aria-hidden="true"></i>
frontend: Reduce opacity of hotkey hints. This helps these draw a bit less attention.
2017-08-25 11:09:51 +02:00
{{t "Collapse" }} <span class="hotkey-hint">(–)</span>
local echo: Don't show collapse/uncollapse items. Trying to collapse a locally echoed message is a rare thing to do, and it was buggy before this due to races between the server acking the original message and the user flipping the collapsed flag. We now calculate `should_display_collapse` and `should_display_uncollapse` in the JS code and simplify the template by eliminating all the inline if/else logic. (Note that we are about to disable the message menu altogether for locally echoed messages, so this change is partly future-proofing for when we put the menu back for more innocuous commands.)
2017-12-16 15:23:18 +01:00
</a>
</li>
{{/if}}
{{#if should_display_uncollapse}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="popover_toggle_collapse" data-message-id="{{message_id}}" tabindex="0">
local echo: Don't show collapse/uncollapse items. Trying to collapse a locally echoed message is a rare thing to do, and it was buggy before this due to races between the server acking the original message and the user flipping the collapsed flag. We now calculate `should_display_collapse` and `should_display_uncollapse` in the JS code and simplify the template by eliminating all the inline if/else logic. (Note that we are about to disable the message menu altogether for locally echoed messages, so this change is partly future-proofing for when we put the menu back for more innocuous commands.)
2017-12-16 15:23:18 +01:00
<i class="fa fa-plus" aria-hidden="true"></i>
frontend: Reduce opacity of hotkey hints. This helps these draw a bit less attention.
2017-08-25 11:09:51 +02:00
{{t "Un-collapse" }} <span class="hotkey-hint">(–)</span>
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
</a>
</li>
local echo: Don't show collapse/uncollapse items. Trying to collapse a locally echoed message is a rare thing to do, and it was buggy before this due to races between the server acking the original message and the user flipping the collapsed flag. We now calculate `should_display_collapse` and `should_display_uncollapse` in the JS code and simplify the template by eliminating all the inline if/else logic. (Note that we are about to disable the message menu altogether for locally echoed messages, so this change is partly future-proofing for when we put the menu back for more innocuous commands.)
2017-12-16 15:23:18 +01:00
{{/if}}
Add support for completely collapsing messages through the info popover. (imported from commit 0a01c4cc8f99019233659c175d73826e16cc95ee)
2013-05-08 23:17:49 +02:00
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
{{#if should_display_edit_history_option}}
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="view_edit_history" data-message-id="{{message_id}}" tabindex="0">
actions_popover_content.handlebars: Upgrade font-awesome icon style.
2017-06-08 07:09:53 +02:00
<i class="fa fa-clock-o" aria-hidden="true"></i>
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
{{t "View edit history" }}
</a>
</li>
{{/if}}
messages: Add support for admins deleting messages. This makes it possible for Zulip administrators to delete messages. This is primarily intended for use in deleting early test messages, but it can solve other problems as well. Later we'll want to play with the permissions model for this, but for now, the goal is just to integrate the feature. Note that it saves the deleted messages for some time using the same approach as Zulip's message retention policy feature. Fixes #135.
2017-05-14 21:14:26 +02:00
{{#if should_display_delete_option}}
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="delete_message" data-message-id="{{message_id}}" tabindex="0">
actions_popover_content.handlebars: Upgrade font-awesome icon style.
2017-06-08 07:09:53 +02:00
<i class="fa fa-times" aria-hidden="true"></i>
messages: Add support for admins deleting messages. This makes it possible for Zulip administrators to delete messages. This is primarily intended for use in deleting early test messages, but it can solve other problems as well. Later we'll want to play with the permissions model for this, but for now, the goal is just to integrate the feature. Note that it saves the deleted messages for some time using the same approach as Zulip's message retention policy feature. Fixes #135.
2017-05-14 21:14:26 +02:00
{{t "Delete message" }}
</a>
</li>
{{/if}}
Add muting to message actions menu (imported from commit 26568e36f2a41f2b85413ab4d069a689c9901aac)
2013-09-09 20:24:21 +02:00
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
{{#if should_display_add_reaction_option}}
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="reaction_button" data-message-id="{{message_id}}" tabindex="0">
actions_popover_content.handlebars: Upgrade font-awesome icon style.
2017-06-08 07:09:53 +02:00
<i class="fa fa-smile-o" aria-hidden="true"></i>
templates: Remove context argument from {{#tr}} block helper. It only had one nontrivial use, and it’s easily replaced using the builtin {{#with}} block helper. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-14 03:04:02 +02:00
{{#tr}}Add emoji reaction{{/tr}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
</a>
</li>
{{/if}}
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
read_receipts: Add support for displaying read receipts. Adds an API endpoint for accessing read receipts for other users, as well as a modal UI for displaying that information. Enables the previously merged privacy settings UI for managing whether a user makes read receipts data available to other users. Documentation is pending, and we'll likely want to link to the documentation with help_settings_link once it is complete. Fixes #3618. Co-authored-by: Tim Abbott <tabbott@zulip.com>
2021-06-16 21:15:47 +02:00
{{#if should_display_read_receipts_option}}
<li>
<a class="view_read_receipts" data-message-id="{{message_id}}" tabindex="0">
<i class="zulip-icon zulip-icon-readreceipts" aria-label="{{#tr}}View read receipts{{/tr}}"></i> {{t "View read receipts" }}
</a>
</li>
{{/if}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="copy_link" data-message-id="{{message_id}}" data-clipboard-text="{{ conversation_time_uri }}" tabindex="0">
popovers: Change label for "Copy link to conversation". "Copy link to message" is both a clearer label, and also more likely to be what someone is looking for. (It also avoids adding the "conversation" terminology to the product). The previous label was also somewhat inaccurate, because it actually links to a specific message in the conversation.
2021-04-02 02:01:34 +02:00
<i class="fa fa-link" aria-hidden="true"></i> {{t "Copy link to message" }}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
</a>
</li>
Revert "Fix inconsistent spacing in message actions popover." This reverts commit 1f13a991f4cbd3ec677318f6b63a544012ce3777. Moving to tables makes it so that we can't navigate the menu with the keyboard. Fixes #3352
2017-01-17 21:06:48 +01:00
popovers: Avoid passing message to actions popover template. We instead get the specific fields from message that we use. This is particularly helpful for subject -> topic migration; we no longer have to account for "subject" fields in client-side templates.
2018-12-22 19:43:09 +01:00
{{#if historical}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li class="small">({{t "Message sent when you were not subscribed" }})</li>
{{/if}}
Revert "Fix inconsistent spacing in message actions popover." This reverts commit 1f13a991f4cbd3ec677318f6b63a544012ce3777. Moving to tables makes it so that we can't navigate the menu with the keyboard. Fixes #3352
2017-01-17 21:06:48 +01:00
</ul>