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

127 lines
4.1 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">
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if should_display_quote_and_reply}}
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
<li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<a class="respond_button" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-reply" aria-hidden="true"></i> {{t "Quote and reply or forward" }}
<span class="hotkey-hint">(>)</span>
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
</a>
</li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<hr />
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}}
popovers: Show "Move message" menu always when moving message is allowed. Previously "Move message" option was not shown when content editing was also allowed and also when only moving messaages between streams was allowed but not topic edits. Now we show "Move message" option when editing topics or moving messages between streams is allowed irrespective of whether content editing is allowed or not.
2022-09-29 11:27:53 +02:00
{{#if editability_menu_item}}
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">
popovers: Show "Move message" menu always when moving message is allowed. Previously "Move message" option was not shown when content editing was also allowed and also when only moving messaages between streams was allowed but not topic edits. Now we show "Move message" option when editing topics or moving messages between streams is allowed irrespective of whether content editing is allowed or not.
2022-09-29 11:27:53 +02:00
<i class="fa fa-pencil" aria-hidden="true"></i> {{editability_menu_item}}
<span class="hotkey-hint">(e)</span>
</a>
</li>
{{/if}}
{{#if move_message_menu_item}}
<li>
<a class="popover_move_message" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-arrows" aria-hidden="true"></i> {{move_message_menu_item}}
hotkey: Use "m" hotkey for moving messages. Fixes #23113.
2022-10-13 08:47:36 +02:00
<span class="hotkey-hint">(m)</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
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if should_display_delete_option}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<a class="delete_message" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-times" aria-hidden="true"></i>
{{t "Delete message" }}
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
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if (or editability_menu_item move_message_menu_item should_display_delete_option)}}
<hr />
{{/if}}
{{#if should_display_add_reaction_option}}
message_actions: Split the View source / Move message option into two menu options. Split the View source / Move message option into two menu options that take you to the same UI: Move message and View message source. Previously, it was confusing to have this double option, and hard to parse it at a glance. -View message source uses the current icon. -Move message uses the arrows icon from the Move topic menu option. -New option order: (1) Move message, (2) Quote and reply or forward, (3) View message source. Also remove the "Topic editing only" and "View source" text on the bottom right of the message edit UI along with the tooltips. Only the timer text is shown (along with tooltip) when content editing is allowed.
2022-08-03 07:48:43 +02:00
<li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<a class="reaction_button" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-smile-o" aria-hidden="true"></i>
templates: Replace unnecessary {{#tr}} blocks with {{t}} helper. `{{#tr}}` supports HTML and allows translators to accidentally introduce HTML, so it’s safer to use the `{{t}}` helper unless HTML is needed. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-03-15 23:51:27 +01:00
{{t "Add emoji reaction" }}
message_actions: Split the View source / Move message option into two menu options. Split the View source / Move message option into two menu options that take you to the same UI: Move message and View message source. Previously, it was confusing to have this double option, and hard to parse it at a glance. -View message source uses the current icon. -Move message uses the arrows icon from the Move topic menu option. -New option order: (1) Move message, (2) Quote and reply or forward, (3) View message source. Also remove the "Topic editing only" and "View source" text on the bottom right of the message edit UI along with the tooltips. Only the timer text is shown (along with tooltip) when content editing is allowed.
2022-08-03 07:48:43 +02:00
</a>
</li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<hr />
message_actions: Split the View source / Move message option into two menu options. Split the View source / Move message option into two menu options that take you to the same UI: Move message and View message source. Previously, it was confusing to have this double option, and hard to parse it at a glance. -View message source uses the current icon. -Move message uses the arrows icon from the Move topic menu option. -New option order: (1) Move message, (2) Quote and reply or forward, (3) View message source. Also remove the "Topic editing only" and "View source" text on the bottom right of the message edit UI along with the tooltips. Only the timer text is shown (along with tooltip) when content editing is allowed.
2022-08-03 07:48:43 +02:00
{{/if}}
unread: Add UI support for marking messages as unread. Fixes #2676. Co-authored-by: Aman Agrawal <amanagr@zulip.com> Co-authored-by: Tim Abbott <tabbott@zulip.com>
2021-08-05 00:59:03 +02:00
{{#if should_display_mark_as_unread}}
<li>
msg_actions_popover: Allow keyboard navigation to mark as unread button. We missed defining `tabindex` in the HTML element of the button.
2022-10-04 17:38:33 +02:00
<a class="mark_as_unread" data-message-id="{{message_id}}" tabindex="0">
unread: Add UI support for marking messages as unread. Fixes #2676. Co-authored-by: Aman Agrawal <amanagr@zulip.com> Co-authored-by: Tim Abbott <tabbott@zulip.com>
2021-08-05 00:59:03 +02:00
<span class="unread_count">1</span>
{{t "Mark as unread from here" }}
<span class="hotkey-hint">(U)</span>
</a>
</li>
{{/if}}
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if should_display_hide_option}}
<li>
<a class="rehide_muted_user_message" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-eye-slash" aria-hidden="true"></i>
{{t "Hide muted message again" }}
</a>
</li>
{{/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>
message_actions: Rename Edit to Edit message and Collapse to Collapse message. This commit renames Edit to Edit message and Collapse to Collapse message for better readability and to match the Delete message and Copy link to message options.
2022-08-01 13:20:04 +02:00
{{t "Collapse message" }} <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>
message: Rename "Un-collapse" option to "Expand message". This commit also update the collapse message help page.
2022-10-06 19:41:40 +02:00
{{t "Expand message" }} <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
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if (or should_display_mark_as_unread should_display_reminder_option should_display_hide_option should_display_collapse should_display_uncollapse)}}
<hr />
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
{{/if}}
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if view_source_menu_item}}
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
<li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<a class="popover_view_source" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-file-code-o" aria-hidden="true"></i> {{view_source_menu_item}}
popovers: Add "(e)" shortcut to "View message source" option.
2022-10-13 11:29:40 +02:00
<span class="hotkey-hint">(e)</span>
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
</a>
</li>
{{/if}}
Add muting to message actions menu (imported from commit 26568e36f2a41f2b85413ab4d069a689c9901aac)
2013-09-09 20:24:21 +02:00
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
{{#if should_display_edit_history_option}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
popovers: Organize message actions popovers into sections. This commit reorders the options in message actions popover and divides the options into sections as per #23076. Fixes #23076.
2022-10-01 09:52:15 +02:00
<a class="view_edit_history" data-message-id="{{message_id}}" tabindex="0">
<i class="fa fa-clock-o" aria-hidden="true"></i>
{{t "View edit history" }}
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">
templates: Replace unnecessary {{#tr}} blocks with {{t}} helper. `{{#tr}}` supports HTML and allows translators to accidentally introduce HTML, so it’s safer to use the `{{t}}` helper unless HTML is needed. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-03-15 23:51:27 +01:00
<i class="zulip-icon zulip-icon-readreceipts" aria-label="{{t 'View read receipts' }}"></i> {{t "View read receipts" }}
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
</a>
</li>
{{/if}}
Clean actions_popover_content.handlebars to use 4 space indents.
2017-04-26 04:50:43 +02:00
<li>
web: Use `uri` instead of `url`. Following the issue #23380 and PR #25038, this commit changes all occurences of `uri` into `url` in all comments, local variables, handlebars templates (.hbs) function names and their callers in all `.js` and `.ts` files.
2023-04-09 05:22:23 +02:00
<a class="copy_link" data-message-id="{{message_id}}" data-clipboard-text="{{ conversation_time_url }}" 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
</ul>