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

30 lines
1.7 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}}
message_controls: Don't set css properties for all `div`s in it. This tends to behave badly when we add new elements which don't want these properties.
2021-04-14 09:24:35 +02:00
<div class="edit_content message_control_button"></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: 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
<div class="reaction_button message_control_button" data-tippy-content="{{t 'Add emoji reaction' }} (:)">
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
<i class="fa fa-smile-o" aria-label="{{#tr}}Add emoji reaction{{/tr}} (:)" 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: 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
<div class="info actions_hover message_control_button" data-tippy-content="{{#tr}}Message actions{{/tr}} (i)" >
<i class="zulip-icon zulip-icon-ellipsis-v-solid" role="button" aria-haspopup="true" tabindex="0" aria-label="{{#tr}}Message actions{{/tr}}"></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}}
message_controls: Don't set css properties for all `div`s in it. This tends to behave badly when we add new elements which don't want these properties.
2021-04-14 09:24:35 +02:00
<div class="message_failed message_control_button {{#unless msg.failed_request}}notvisible{{/unless}}">
message view: Fix tooltips in message action icons. Tooltips in message action buttons for failed message were not shown properly because they were initialized two times first because of general tippy-zulip-tooltip class and then because of message_control_button class. So to avoid showing an extra empty tooltip for failed message icons we return false from onShow() method of message_control_button class initialization of tooltip.
2021-05-20 22:36:56 +02:00
<i class="fa fa-refresh refresh-failed-message tippy-zulip-tooltip" data-tippy-content="{{t 'Retry' }}" data-tippy-placement="top" aria-label="{{t 'Retry' }}" role="button" tabindex="0"></i>
<i class="fa fa-times-circle remove-failed-message tippy-zulip-tooltip" data-tippy-content="{{t 'Cancel' }}" data-tippy-placement="top" aria-label="{{t 'Cancel' }}" role="button" 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 msg/locally_echoed}}
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
<div class="star_container message_control_button {{#if msg/starred}}{{else}}empty-star{{/if}}" data-tippy-content="{{#with msg}}{{#tr}}{starred_status} this message{{/tr}}{{/with}} (Ctrl + s)">
<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>