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

48 lines
2.8 KiB
Handlebars
Raw Normal View History

drafts: Add abstract classes for messages in an overlay. This will help up achieve 2 things: * Have a lot of common CSS for drafts and scheduled messages. * Have common JS for things like keyboard navigation between drafts and scheduled messages.
2023-04-14 21:02:53 +02:00
<div class="draft-row overlay-message-row" data-draft-id="{{draft_id}}">
<div class="draft-info-box overlay-message-info-box" tabindex="0">
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
{{#if is_stream}}
<div class="message_header message_header_stream">
recipient_row: Use a dimmed stream color for background. Following important changes are being made here: * color_class lib is removed since it not used anywhere now. * We don't need the `dark_background` class since the background color is already adjusted based on color scheme. So, all instances of it being used is removed.
2023-04-08 01:39:52 +02:00
<div class="message-header-contents" style="background: {{recipient_bar_color}};">
drafts: Use generic template to show stream icon.
2023-04-07 23:01:35 +02:00
<div class="message_label_clickable stream_label">
recipient_row: Set color of privacy icon as a shade of stream color.
2023-04-07 23:07:35 +02:00
<span class="stream-privacy-modified-color-{{stream_id}} stream-privacy filter-icon" style="color: {{stream_privacy_icon_color}}">
drafts: Use generic template to show stream icon.
2023-04-07 23:01:35 +02:00
{{> stream_privacy}}
</span>
drafts: Rename stream to stream_name in formatted draft object. We are renaming stream to stream_name in formatted draft object just to be more explicit and be clear that we are storing that stream name in this variable.
2020-10-24 21:24:21 +02:00
{{stream_name}}
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
recipient_row: Add `>` icon between stream name and topic.
2023-04-08 01:46:55 +02:00
<span class="stream_topic_separator"><i class="zulip-icon zulip-icon-chevron-right"></i></span>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
<span class="stream_topic">
subject -> topic: Rename narrows_by_subject.
2018-11-13 16:07:10 +01:00
<div class="message_label_clickable narrows_by_topic">
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
{{topic}}
</div>
</span>
draft: Fix incorrectly centered topics in drafts modal. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-05-28 23:41:46 +02:00
<span class="recipient_bar_controls"></span>
drafts: Add timestamps showing when last modified. Fixes: #3790.
2017-12-25 21:43:06 +01:00
<div class="recipient_row_date" title="{{t 'Last modified'}}">{{ time_stamp }}</div>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
Implement persistent drafts functionality * Created a drafts modal to display/restore/delete drafts * Created a Draft model to support storing draft data in localstorage * Removed existing restore-draft functionality * Added casper and node tests for drafts functionality Fixes #1717.
2017-02-22 02:34:05 +01:00
</div>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
{{else}}
recipient_row: Use a dimmed stream color for background. Following important changes are being made here: * color_class lib is removed since it not used anywhere now. * We don't need the `dark_background` class since the background color is already adjusted based on color scheme. So, all instances of it being used is removed.
2023-04-08 01:39:52 +02:00
<div class="message_header message_header_private_message">
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
<div class="message-header-contents">
<div class="message_label_clickable stream_label">
recipient_row: Add a user icon at start of PMs.
2023-04-08 01:47:39 +02:00
<span class="private_message_header_icon"><i class="zulip-icon zulip-icon-user"></i></span>
message_headers: Abbrevate direct message recipient names. Abbrevated DM recipient names in message feeds, Drafts and Scheduled messages overlays by wrapping recipient names in span with class private_message_header_name and applying `overflow: hidden` and `text-overflow: ellipsis` CSS to it. Fixes #25353
2023-05-02 17:53:32 +02:00
<span class="private_message_header_name">{{t "You and {recipients}" }}</span>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
drafts: Add timestamps showing when last modified. Fixes: #3790.
2017-12-25 21:43:06 +01:00
<div class="recipient_row_date" title="{{t 'Last modified'}}">{{ time_stamp }}</div>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
</div>
{{/if}}
accessibility: Model messages as a list with items, each representing a single message. Previously, messages were a string of disconnected regions. Modeling them as a list brings several benefits: * Quickly jump to the message list by using a screen reader's list navigation hotkey. * Quickly jump between messages by using a screen reader's list item navigation hotkey. * Quickly jump to the beginning or end of message lists in screen readers that support it.
2018-11-10 18:27:16 +01:00
<div class="message_row{{^is_stream}} private-message{{/is_stream}}" role="listitem">
drafts: Remove left border from draft-box. This removes the left border extending the stream label from the recipient bar in from the drafts in drafts modal. Those borders are important in the message feed for containing several messages, but here we're only ever going to show individual drafts, and this change avoids potential color clashes with the blue box surrounding the recipient blocks.
2019-02-14 17:42:26 +01:00
<div class="messagebox">
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
<div class="messagebox-content">
<div class="message_top_line">
drafts: Add abstract classes for messages in an overlay. This will help up achieve 2 things: * Have a lot of common CSS for drafts and scheduled messages. * Have common JS for things like keyboard navigation between drafts and scheduled messages.
2023-04-14 21:02:53 +02:00
<div class="draft_controls overlay_message_controls">
<i class="fa fa-pencil fa-lg restore-draft restore-overlay-message tippy-zulip-tooltip" aria-hidden="true" data-tooltip-template-id="restore-draft-tooltip-template"></i>
<i class="fa fa-trash-o fa-lg delete-draft delete-overlay-message tippy-zulip-tooltip" aria-hidden="true" data-tooltip-template-id="delete-draft-tooltip-template"></i>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
</div>
tooltips: Use tippy tooltips for drafts and schedule message overlays. Fixes #25892
2023-06-07 19:27:02 +02:00
<div class="message_content rendered_markdown restore-draft restore-overlay-message tippy-zulip-delayed-tooltip" data-tooltip-template-id="restore-draft-tooltip-template">{{rendered_markdown content}}</div>
Clean draft.handlebars to use 4 space indents.
2017-04-15 04:33:36 +02:00
</div>
Implement persistent drafts functionality * Created a drafts modal to display/restore/delete drafts * Created a Draft model to support storing draft data in localstorage * Removed existing restore-draft functionality * Added casper and node tests for drafts functionality Fixes #1717.
2017-02-22 02:34:05 +01:00
</div>
</div>
</div>
</div>