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.9 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">
icons: Reference new icons from templates and JS.
2023-07-14 20:09:51 +02:00
<i class="zulip-icon zulip-icon-smile" 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" >
icons: Test out second alternate vdots icon. See CZO discussion: https://chat.zulip.org/#narrow/stream/6-frontend/topic/redesigned.20hover.20icons.20.2326283/near/1626845 TODO: If this alternate version moves forward, there are still styles in this PR referring to the other vdots version. So be sure to clean those up.
2023-08-14 20:19:45 +02:00
<i class="message-actions-menu-button zulip-icon zulip-icon-more-vertical-spread" 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">
icons: Reference new icons from templates and JS.
2023-07-14 20:09:51 +02:00
<i role="button" tabindex="0" class="star zulip-icon {{#if msg/starred}}zulip-icon-star-filled{{else}}zulip-icon-star{{/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>