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

97 lines
5.4 KiB
Handlebars
Raw Normal View History

accessibility: Add navigation roles for sidebars.
2018-11-08 17:17:12 +01:00
<div class="left-sidebar" id="left-sidebar" role="navigation">
refactor: Rename bottom_sidebar to narrows_panel. The name `bottom_sidebar` was misleading, because it includes the entire "normal" left sidebar. It includes the 4 narrow links at the top plus the stream/topic list. We now call is narrows_panel. Note that the left sidebar sometimes also includes the user list (with a display setting turned on). And it will eventually include other views. We also remove an intermediate value in the resize calculations.
2019-02-10 02:04:14 +01:00
<div class="narrows_panel">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<ul id="global_filters" class="filters">
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
{{!-- Special-case this link so we don't actually go to page top. --}}
<li class="top_left_all_messages top_left_row" title="{{t 'All messages' }} (a)">
recent_topics: Make it the default view. Go to Recent Topics on "#", no hash and "#recent_topics". Go to Recent Topics as the last destination for escape key. Map `a` key to All messages and change its hash to `#all_messages`.
2020-09-20 10:14:24 +02:00
<a href="#all_messages" class="home-link">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="filter-icon">
all_messages: Change default icon from home to align-left. Since All messages narrow is no longer home page for webapp, we change its icon to align-left which also shows a concept of interleaved topics / messages.
2020-11-10 09:17:07 +01:00
<i class="fa fa-align-left" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
{{~!-- squash whitespace --~}}
<span>{{t 'All messages' }}</span>
top_left_corner: Directly use `span.unread_count` to display unreads. In an effort to use a common class to display unread counts across the app, we simplify the elements used to show unreads and use a single `span` with `unread_count` class to do so.
2021-04-09 09:20:15 +02:00
<span class="unread_count"></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</a>
left_sidebar: Hide vdots for All messages and stream buttons. Since the options in those popovers are non-accessible to the spectator, it is better to hide the vdots instead of displaying empty menu.
2021-11-01 19:09:57 +01:00
<span class="arrow all-messages-sidebar-menu-icon hidden-for-spectators"><i class="zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</li>
recent-topics: Rename to "Recent conversations" in web-app and docs. Replaces instances of "recent topics" in the web-app and documentation to be "recent conversations". Renames both `recent-topics.md` files in the help center to be `recent-conversations.md` and updates/redirects links to new URL. Does not update instances of "recent topics" in frontend code comments and does not update the main overview changelog, for now. Does not change case study text where "recent topics" was referenced in a quote, but does change generic text references to be "recent conversations".
2022-10-12 19:54:34 +02:00
<li class="top_left_recent_topics top_left_row" title="{{t 'Recent conversations' }} (t)">
left_sidebar: Move "Recent topics" higher in the sidebar. This should increase its visual priority in the UI. We plan to move "Private messages" to a different component more similar to STREAMS soon. Fixes #20869.
2022-01-22 06:24:52 +01:00
<a href="#recent_topics">
<span class="filter-icon">
<i class="fa fa-clock-o" aria-hidden="true"></i>
</span>
{{~!-- squash whitespace --~}}
recent-topics: Rename to "Recent conversations" in web-app and docs. Replaces instances of "recent topics" in the web-app and documentation to be "recent conversations". Renames both `recent-topics.md` files in the help center to be `recent-conversations.md` and updates/redirects links to new URL. Does not update instances of "recent topics" in frontend code comments and does not update the main overview changelog, for now. Does not change case study text where "recent topics" was referenced in a quote, but does change generic text references to be "recent conversations".
2022-10-12 19:54:34 +02:00
<span>{{t 'Recent conversations' }}</span>
left_sidebar: Move "Recent topics" higher in the sidebar. This should increase its visual priority in the UI. We plan to move "Private messages" to a different component more similar to STREAMS soon. Fixes #20869.
2022-01-22 06:24:52 +01:00
</a>
</li>
left_sidebar: Hide private messages button for spectators.
2021-09-20 10:44:41 +02:00
<li class="top_left_private_messages hidden-for-spectators">
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
<div class="private_messages_header top_left_row" title="{{t 'Private messages' }} (P)">
css: Fix blue highlights for Private Messages. We have this strange business requirement that the blue-ish highlights for the current PM go into the left gutter and all the way to the right edge. We also have markup that treats the list of PMs as a list inside the list item for the "Private messages", which makes sense logically. Before this change, the padding was done for the outer top-left `ul`, but that caused the inner PM rows not to have that padding when you hovered them. Now we pad each individual list item and/or inner list item or div. Fixes #11879.
2019-03-12 15:08:28 +01:00
<a href="#narrow/is/private">
<span class="filter-icon">
<i class="fa fa-envelope" aria-hidden="true"></i>
</span>
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
{{~!-- squash whitespace --~}}
<span>{{t 'Private messages' }}</span>
top_left_corner: Directly use `span.unread_count` to display unreads. In an effort to use a common class to display unread counts across the app, we simplify the elements used to show unreads and use a single `span` with `unread_count` class to do so.
2021-04-09 09:20:15 +02:00
<span class="unread_count"></span>
css: Fix blue highlights for Private Messages. We have this strange business requirement that the blue-ish highlights for the current PM go into the left gutter and all the way to the right edge. We also have markup that treats the list of PMs as a list inside the list item for the "Private messages", which makes sense logically. Before this change, the padding was done for the outer top-left `ul`, but that caused the inner PM rows not to have that padding when you hovered them. Now we pad each individual list item and/or inner list item or div. Fixes #11879.
2019-03-12 15:08:28 +01:00
</a>
</div>
ui: Replace set_up_scrollbar with data-simplebar attribute. With perfectScrollbar, we needed to call a function from JavaScript to enable a scrollbar on a new element, but simplebar has a much simpler default API one can do by using data-simplebar attributes in the HTML. So we can delete all the scrollbar creation/deletion code. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 23:11:33 +02:00
<div id="private-container" class="scrolling_list" data-simplebar>
pm_list: Set up #private-container once and replace its contents. Instead of deleting and rebuilding #private-container every time its contents need to be updated, just replace its contents. This eliminates some scrollbar flashing. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-03 03:16:09 +02:00
</div>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</li>
left sidebar: Add titles for remaining global filters. Fixes part of #20284.
2021-12-01 15:22:51 +01:00
<li class="top_left_mentions top_left_row hidden-for-spectators" title="{{t 'Mentions' }}">
top left: Move "Starred messages" down. Since it has different unread counts, we want it grouped away from the other three.
2019-02-05 23:14:44 +01:00
<a href="#narrow/is/mentioned">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="filter-icon">
top left: Move "Starred messages" down. Since it has different unread counts, we want it grouped away from the other three.
2019-02-05 23:14:44 +01:00
<i class="fa fa-at" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
{{~!-- squash whitespace --~}}
<span>{{t 'Mentions' }}</span>
top_left_corner: Directly use `span.unread_count` to display unreads. In an effort to use a common class to display unread counts across the app, we simplify the elements used to show unreads and use a single `span` with `unread_count` class to do so.
2021-04-09 09:20:15 +02:00
<span class="unread_count"></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</a>
</li>
left sidebar: Add titles for remaining global filters. Fixes part of #20284.
2021-12-01 15:22:51 +01:00
<li class="top_left_starred_messages top_left_row hidden-for-spectators" title="{{t 'Starred messages' }}">
top left: Move "Starred messages" down. Since it has different unread counts, we want it grouped away from the other three.
2019-02-05 23:14:44 +01:00
<a href="#narrow/is/starred">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="filter-icon">
top left: Move "Starred messages" down. Since it has different unread counts, we want it grouped away from the other three.
2019-02-05 23:14:44 +01:00
<i class="fa fa-star" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
{{~!-- squash whitespace --~}}
<span>{{t 'Starred messages' }}</span>
top_left_corner: Directly use `span.unread_count` to display unreads. In an effort to use a common class to display unread counts across the app, we simplify the elements used to show unreads and use a single `span` with `unread_count` class to do so.
2021-04-09 09:20:15 +02:00
<span class="unread_count"></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</a>
zulip-icon: Add `zulip-icon` as classPrefix for icon. This avoids general class names like `bot`.
2021-04-29 02:13:54 +02:00
<span class="arrow starred-messages-sidebar-menu-icon"><i class="zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</li>
left sidebar: Add titles for remaining global filters. Fixes part of #20284.
2021-12-01 15:22:51 +01:00
<li class="top_left_drafts top_left_row hidden-for-spectators" title="{{t 'Drafts' }} (d)">
left_sidebar: Add "Drafts" item. This currently shows the drafts as a popup. Eventually, we'll want to migrate it to be a view in the center pane, as we did with Recent Topics. This uses the same style as starred messages in order to show the number of drafts. See CZO for more context: https://chat.zulip.org/#narrow/stream/101-design/topic/drafts.20in.20sidebar
2021-07-04 23:17:03 +02:00
<a href="#drafts">
<span class="filter-icon">
<i class="fa fa-pencil" aria-hidden="true"></i>
</span>
{{~!-- squash whitespace --~}}
<span>{{t 'Drafts' }}</span>
<span class="unread_count"></span>
</a>
popovers: Add sidebar menu to delete all drafts. This provides a convenient interface to hide all drafts. Fixes #19360. However, we may want to continue to implement a button in the drafts overlay as well for doing this operation.
2021-11-12 11:09:12 +01:00
<span class="arrow drafts-sidebar-menu-icon"><i class="zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i></span>
left_sidebar: Add "Drafts" item. This currently shows the drafts as a popup. Eventually, we'll want to migrate it to be a view in the center pane, as we did with Recent Topics. This uses the same style as starred messages in order to show the number of drafts. See CZO for more context: https://chat.zulip.org/#narrow/stream/101-design/topic/drafts.20in.20sidebar
2021-07-04 23:17:03 +02:00
</li>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</ul>
<div id="streams_list" class="zoom-out">
tooltip: Improve tooltip placement for User sidebar title. Here, the tooltip was partially visible. This bug was similar to the one that is corrected for recipient bar icons. I have removed the class attribute `tippy-zulip-tooltip` for Filter stream title as this will be handled by the new changes.
2021-07-06 13:56:17 +02:00
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-tippy-content="{{t 'Filter streams' }} (q)">{{t 'STREAMS' }}</h4>
left sidebar: Rename streams_inline_cog. The icon hasn't been a cog for some time.
2022-02-11 19:58:26 +01:00
<span class="tippy-zulip-tooltip streams_inline_icon_wrapper hidden-for-spectators" data-tippy-content="{{t 'Add streams' }}">
<i id="streams_inline_icon" class='fa fa-plus' aria-hidden="true" ></i>
left_sidebar: Replace cog icon with plus icon. We add a popover on click which allows user to create or browse streams too. Reason for doing so: At present, it is hard to discover how to join streams and create new streams. In particular: Users have a hard time finding the gear in the STREAMS header in the left sidebar and realizing that it's relevant for them. Even once a user is in the STREAMS menu, the Create stream button is hard to spot. Fixes #18694.
2021-06-05 16:07:11 +02:00
</span>
tippy: Set default placement of tooltips to top. Generally, tooltips placed at top look good. If the tooltip cannot fit at top, it will by default be placed at opposite side. Removed the unnecessary top placement definitions.
2021-07-07 06:49:36 +02:00
<i class="streams_filter_icon fa fa-filter tippy-zulip-tooltip" aria-hidden="true" data-tippy-content="{{t 'Filter streams' }} (q)"></i>
bug fix: Move stream search out of scroll container. We want the search widget, when visible, to be outside the scroll container for the stream list. One obvious use case is if you start scrolling, and then realize it might be less effort to search. Also, for user search, it already worked this way. We have to add a couple resizing hooks here, but it's not necessary to change the actual resize calculation, since we move the section inside of #streams_header, which is already accounted for. The only markup change here is to add a `stream_search_section` class. I don't know why we use `notdisplayed` here instead of jQuery, or what `input-append` is for, but I considered them outside the scope of this change. We can also remove some crufty CSS that was compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
<div class="input-append notdisplayed stream_search_section">
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
<input class="stream-list-filter home-page-input" type="text" autocomplete="off" placeholder="{{t 'Filter streams' }}" />
left-sidebar: Fix styling of Streams header to not use links.
2018-01-04 18:14:27 +01:00
<button type="button" class="btn clear_search_button" id="clear_search_stream_button">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i class="fa fa-remove" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</button>
</div>
bug fix: Move stream search out of scroll container. We want the search widget, when visible, to be outside the scroll container for the stream list. One obvious use case is if you start scrolling, and then realize it might be less effort to search. Also, for user search, it already worked this way. We have to add a couple resizing hooks here, but it's not necessary to change the actual resize calculation, since we move the section inside of #streams_header, which is already accounted for. The only markup change here is to add a `stream_search_section` class. I don't know why we use `notdisplayed` here instead of jQuery, or what `input-append` is for, but I considered them outside the scope of this change. We can also remove some crufty CSS that was compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
</div>
<div id="topics_header">
js: Add tabindex attribute for anchor tag to allow focus. This adds tabindex='0' in anchor tags for allowing the message menu popover box to be focusable using hotkey 'i' through keyboard. This is a necessary follow up to 729c09074a52677dbea9e8cdaf1f69f40b048e69, which removed the href attribute from anchor tags to which click-handlers were attached, which resulted in making them non-focusable as jQuery doesn't allow anchor tags to be focusable without tab-index or href attribute. Fixes #21125.
2022-02-14 21:34:58 +01:00
<a class="show-all-streams" tabindex="0"> <i class="fa fa-chevron-left" aria-hidden="true"></i>{{t 'Back to streams' }}</a>
bug fix: Move stream search out of scroll container. We want the search widget, when visible, to be outside the scroll container for the stream list. One obvious use case is if you start scrolling, and then realize it might be less effort to search. Also, for user search, it already worked this way. We have to add a couple resizing hooks here, but it's not necessary to change the actual resize calculation, since we move the section inside of #streams_header, which is already accounted for. The only markup change here is to add a `stream_search_section` class. I don't know why we use `notdisplayed` here instead of jQuery, or what `input-append` is for, but I considered them outside the scope of this change. We can also remove some crufty CSS that was compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
</div>
ui: Replace set_up_scrollbar with data-simplebar attribute. With perfectScrollbar, we needed to call a function from JavaScript to enable a scrollbar on a new element, but simplebar has a much simpler default API one can do by using data-simplebar attributes in the HTML. So we can delete all the scrollbar creation/deletion code. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 23:11:33 +02:00
<div id="stream-filters-container" class="scrolling_list" data-simplebar>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<ul id="stream_filters" class="filters"></ul>
left-sidebar: Make subscription link non-sticky.
2022-02-07 21:20:39 +01:00
{{#unless is_guest }}
left-sidebar: Make Subscribe to more streams more informative. The "Subscribe to more streams" widget has always had this tension between "Subscribe" vs. "Create" in a way that felt like whatever we wrote could be confusing. To address this, we enhance the component to advertise whether additional existing streams that the user can subscribe to actually exist or not. - When the user has N>0 streams they can subscribe to, we display "Browse N more streams". - When the user has no streams they can subscribe to (i.e. they're already susbcribed to all the ones they could join) but the user has permission to create streams, we show a "Create a stream" link. - If the user doesn't have permission to subscribe to or create any streams, we don't show a link at all. Fixes #21865. Co-authored-by: Jai soni <jai_s@me.iitr.ac.in>
2022-08-15 21:32:10 +02:00
<div id="subscribe-to-more-streams"></div>
left-sidebar: Make subscription link non-sticky.
2022-02-07 21:20:39 +01:00
{{/unless}}
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
</div>
</div>
</div>