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

88 lines
4.7 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>
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 all-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: Place the title at private_messages_header div. The title in li.top_left_private_messages applies the title to private-container too. This causes to show "Private message" title to private message elements. To fix this, the title is placed at div.private_messages_header.
2021-03-15 12:50:39 +01:00
<li class="top_left_private_messages">
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: Hide starred and mentions links for spectators.
2021-05-19 13:28:02 +02:00
<li class="top_left_mentions top_left_row hidden-for-spectators">
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: Hide starred and mentions links for spectators.
2021-05-19 13:28:02 +02:00
<li class="top_left_starred_messages top_left_row hidden-for-spectators">
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: 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
<li class="top_left_recent_topics top_left_row" title="{{t 'Recent topics' }} (t)">
display_settings: Allow user to set default_view. TextField is used to allow users to set long stream + topic narrow names in the urls. We currently restrict users to only set "all_messages" and "recent_topics" as narrows. This commit achieves 3 things: * Removes recent topics as the default view which loads when hash is empty. * Loads default_view when hash is empty. * Loads default_view on pressing escape key when it is unhandled by other present UI elements. NOTE: After this commit loading zulip with an empty hash will automatically set hash to default_view. Ideally, we'd just display the default view without a hash, but that involves extra complexity. One exception is when user is trying to load an overlay directly, i.e. zulip is loaded with an overlay hash. In this case, we render recent topics is background irrespective of default_view. We consider this last detail to be a bug not important enough to block adding this setting.
2021-03-10 13:56:10 +01:00
<a href="#recent_topics">
recent_topics: Move launch button to top left sidebar. Make dispaly `a` tag a block to so that it is clickable on anywhere in the button space.
2020-06-26 09:24:23 +02:00
<span class="filter-icon">
<i class="fa fa-clock-o" 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 'Recent topics' }}</span>
recent_topics: Move launch button to top left sidebar. Make dispaly `a` tag a block to so that it is clickable on anywhere in the button space.
2020-06-26 09:24:23 +02:00
</a>
</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>
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
<span class="tippy-zulip-tooltip streams_inline_cog_wrapper hidden-for-spectators" data-tippy-content="{{t 'Add streams' }}">
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
<i id="streams_inline_cog" class='fa fa-plus' aria-hidden="true" ></i>
</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">
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
<a href="" class="show-all-streams"> <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>
</div>
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
{{#unless is_guest }}
left-sidebar: Remove add-streams option out of scrollbar. This commit removes the option to add more streams out of scrollbar as it is not visible on mobile devices or organizations with large number of streams until scrolled down.
2021-03-01 06:33:11 +01:00
<div id="add-stream-link">
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
<a href="#streams/all"><i class="fa fa-plus-circle" aria-hidden="true"></i>{{t 'Subscribe to more streams' }}</a>
left-sidebar: Remove add-streams option out of scrollbar. This commit removes the option to add more streams out of scrollbar as it is not visible on mobile devices or organizations with large number of streams until scrolled down.
2021-03-01 06:33:11 +01:00
</div>
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
{{/unless}}
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
</div>
</div>