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

71 lines
2.7 KiB
Handlebars
Raw Normal View History

Add a sidebar actions popover for the right/user sidebar. Currently, this is accessed by clicking anywhere in the sidebar region other than the text of the person's name itself, which does the existing narrow behaviour. Later we can make it do something clever with hovering pulling out the popover or something, but that's potentially a significant design project I think this is good enough to be useful. (imported from commit a2cc5dc851661117a6d438ca48a1ce7585d4eb63)
2013-05-30 21:29:30 +02:00
{{! Contents of the "stream actions" popup }}
stream_sidebar: Clean up use of ambiguously named data-id. We prefer to specify the type of data objects wherever possible.
2017-08-17 01:28:32 +02:00
<ul class="nav nav-list streams_popover" data-stream-id="{{ stream.stream_id }}" data-name="{{ stream.name }}">
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item">
popovers: Add structural changes and fix CSS overlap. The paragraph tag was being used along with the bold tag to style the topic and stream in the popovers. The semantic meaning of these tags are more specialized and should not be used in this context. Replaced the <p> tags with the more general <div> tags and accounted for the bold text via the `font-weight` CSS property. The `.topic-name` class, used to style the topic/stream name in the topic list in the left sidebar, was also being used to the style the topic/stream name in the topic/stream popover. This lead to irrelevant properties being applied to the popover > topic/stream name. Through this commit, the styling for both of these different cases are now separated using the appropriate selectors. Fixes #27562.
2023-12-10 05:38:30 +01:00
<div class="stream-name">
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-original-color-{{stream.stream_id}} stream-privacy filter-icon" style="color: {{stream.color}}">
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{> stream_privacy
invite_only=stream.invite_only
is_web_public=stream.is_web_public }}
</span>
popovers: Add structural changes and fix CSS overlap. The paragraph tag was being used along with the bold tag to style the topic and stream in the popovers. The semantic meaning of these tags are more specialized and should not be used in this context. Replaced the <p> tags with the more general <div> tags and accounted for the bold text via the `font-weight` CSS property. The `.topic-name` class, used to style the topic/stream name in the topic list in the left sidebar, was also being used to the style the topic/stream name in the topic/stream popover. This lead to irrelevant properties being applied to the popover > topic/stream name. Through this commit, the styling for both of these different cases are now separated using the appropriate selectors. Fixes #27562.
2023-12-10 05:38:30 +01:00
{{stream.name}}
</div>
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
</li>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<hr />
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
{{! tabindex="0" Makes anchor tag focusable. Needed for keyboard support. }}
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item">
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="open_stream_settings">
stream_sidebar_actions.handlebars: Use fa-4.7 icon prefixes.
2018-07-04 01:47:34 +02:00
<i class="fa fa-cog" aria-hidden="true"></i>
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
{{t "Stream settings" }}
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item hidden-for-spectators">
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="pin_to_top">
stream_sidebar_actions.handlebars: Use fa-4.7 icon prefixes.
2018-07-04 01:47:34 +02:00
<i class="fa fa-thumb-tack stream-pin-icon" aria-hidden="true"></i>
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
{{#if stream.pin_to_top}}
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{t "Unpin stream from top"}}
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
{{else}}
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{t "Pin stream to top"}}
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
{{/if}}
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item hidden-for-spectators">
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="mark_stream_as_read">
stream_sidebar_actions.handlebars: Use fa-4.7 icon prefixes.
2018-07-04 01:47:34 +02:00
<i class="fa fa-book" aria-hidden="true"></i>
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{t "Mark all messages as read"}}
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item hidden-for-spectators">
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="toggle_stream_muted">
subs: Replace all `in_home_view` uses with `is_muted` property. Replace all uses of `in_home_view` subscription property with `is_muted` property in frontend. Fixes #12322
2019-05-15 08:54:25 +02:00
{{#if stream.is_muted}}
icons: Change mute icon from bell to speaker. This icon is more standard, and lets us use a speaker icon for other applications. Fixes #21751
2022-04-21 17:31:34 +02:00
<i class="zulip-icon zulip-icon-mute" aria-hidden="true"></i>
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{t "Unmute stream"}}
subs: Replace all `in_home_view` uses with `is_muted` property. Replace all uses of `in_home_view` subscription property with `is_muted` property in frontend. Fixes #12322
2019-05-15 08:54:25 +02:00
{{else}}
icons: Change mute icon from bell to speaker. This icon is more standard, and lets us use a speaker icon for other applications. Fixes #21751
2022-04-21 17:31:34 +02:00
<i class="zulip-icon zulip-icon-mute" aria-hidden="true"></i>
stream-popover: Change design of stream popover. Extracts the stream name from the list items and display it in the popover title.
2020-05-20 22:12:29 +02:00
{{t "Mute stream"}}
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
{{/if}}
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item">
left-sidebar: Add the new topic button in stream popover. This commit adds an option to create new topic in stream popovers. Then adds a click listener on them which triggers the compose start function with the stream specified. Fixes #13480. Fixes #2507.
2021-01-19 15:27:49 +01:00
<a tabindex="0" class="popover_new_topic_button">
<i class="fa fa-plus" aria-hidden="true"></i>
{{t "New topic" }}
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item hidden-for-spectators">
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="popover_sub_unsub_button" data-name="{{stream.name}}">
stream_sidebar_actions.handlebars: Use fa-4.7 icon prefixes.
2018-07-04 01:47:34 +02:00
<i class='fa fa-envelope' aria-hidden="true"></i>
i18n: Add missed strings.
2017-03-25 11:21:37 +01:00
{{t "Unsubscribe" }}
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
</a>
</li>
streams_popover: Set popover width equal to width of longest menu item. We set the streams popover width to be equal to the width of the longest menu item, via the min-content intrinsic sizing. We also set all the menu items to `white-space: nowrap` to prevent them wrapping. These two changes allow the menu items to dictate the width of the popover instead of a static max-width property, and thus helps with languages where the length of the translated item may be long enough to wrap.
2023-12-10 03:20:07 +01:00
<li class="stream-menu-item hidden-for-spectators no-auto-hide-left-sidebar-overlay">
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
<span class="colorpicker-container"><input stream_id="{{stream.stream_id}}" class="colorpicker" type="text" value="{{stream.color}}" /></span>
popovers: Add keyboard support for stream popovers in left sidebar. This commit adds arrow, vim_up/vim_down and enter hotkey support for navigating the open stream popover menu.
2020-07-08 22:17:16 +02:00
<a tabindex="0" class="choose_stream_color">
popover: Add icon for `Custom color picker`.
2020-05-01 02:45:40 +02:00
<i class="fa fa-eyedropper" aria-hidden="true"></i>
popovers: Improve label for choosing colors.
2020-06-10 18:55:51 +02:00
{{t "Change color" }}
popover: Add icon for `Custom color picker`.
2020-05-01 02:45:40 +02:00
</a>
Clean stream_sidebar_actions.handlebars to use 4 space indents.
2017-03-10 07:46:07 +01:00
</li>
Add a dropdown menu to the sidebar. This allows you to compose to a stream, narrow, or hide it from your home view. (imported from commit 183eb85af3401de592bae61a61409ffcc116eb45)
2013-05-14 21:02:10 +02:00
</ul>