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

35 lines
1.8 KiB
Handlebars
Raw Normal View History

refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
<div class="message_controls{{#status_message}} sender-status-controls{{/status_message}} no-select">
{{#if msg/sent_by_me}}
tooltips: Add hotkey hints support to message controls.
2022-09-11 21:20:29 +02:00
<div class="edit_content message_control_button" data-tooltip-template-id="view-source-tooltip-template"></div>
refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
{{/if}}
{{#unless msg/sent_by_me}}
tooltips: Add hotkey hints support to message controls.
2022-09-11 21:20:29 +02:00
<div class="reaction_button message_control_button" data-tooltip-template-id="add-emoji-tooltip-template">
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="fa fa-smile-o" aria-label="{{t 'Add emoji reaction' }} (:)" role="button" aria-haspopup="true" tabindex="0"></i>
refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
</div>
{{/unless}}
{{#unless msg/locally_echoed}}
tooltips: Add hotkey hints support to message controls.
2022-09-11 21:20:29 +02:00
<div class="actions_hover message_control_button" data-tooltip-template-id="message-actions-tooltip-template" >
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-ellipsis-v-solid" role="button" aria-haspopup="true" tabindex="0" aria-label="{{t 'Message actions' }}"></i>
refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
</div>
{{/unless}}
css: Don't render message failed buttons. We used to make message failed button (retry / cancel) invisible when the message is successfully send instead of not rendering them. This resulted in them being accessible via keyboard when they are not visible. I couldn't find a reason for retry and cancel buttons to use `visibility` to be hidden instead of just being not rendered via `display: none`.
2023-01-19 08:34:22 +01:00
<div class="message_failed {{#unless msg.failed_request}}hide{{/unless}}">
message view: Show failed message icon tooltips similar to other icons. We had tooltips bound to failed message action icons, because of slightly different html structure for these action buttons as compared to other message action buttons. There were some minor problems due to this. First there was difference of delay in which we show other normal action button tooltips. Second we had to add extra checks to handle tooltip content for these buttons in tippyjs module. This is fixed by having same html structure for failed message buttons as for other message action buttons.
2021-07-17 15:00:38 +02:00
<div class="message_control_button failed_message_action" data-tippy-content="{{t 'Retry' }}">
<i class="fa fa-refresh refresh-failed-message" aria-label="{{t 'Retry' }}" role="button" tabindex="0"></i>
</div>
<div class="message_control_button failed_message_action" data-tippy-content="{{t 'Cancel' }}">
<i class="fa fa-times-circle remove-failed-message" aria-label="{{t 'Cancel' }}" role="button" tabindex="0"></i>
</div>
refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
</div>
{{#unless msg/locally_echoed}}
tooltips: Add hotkey hints support to message controls.
2022-09-11 21:20:29 +02:00
<div class="star_container message_control_button {{#if msg/starred}}{{else}}empty-star{{/if}}" data-tooltip-template-id="{{#if msg/starred}}unstar{{else}}star{{/if}}-message-tooltip-template">
tooltips: Use TippyJS for all message_control_button tooltips. The inconsistent style between these three buttons looked bad. We have to take some care with the "Starred messages" and "Edit" ones, to make sure they live-update properly.
2021-05-13 19:16:36 +02:00
<i role="button" tabindex="0" class="star fa {{#if msg/starred}}fa-star{{else}}fa-star-o{{/if}}"></i>
refactor: Extract message_controls template. This is a pretty coherent chunk of template code related to these icons: - edit pencil - reactions - chevron - star Moving it to a partial will simplify future diffs where we re-work the message HTML. This is a pure code move.
2019-02-23 15:58:06 +01:00
</div>
{{/unless}}
</div>