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

197 lines
13 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">
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<div id="left-sidebar-navigation-area" class="left-sidebar-navigation-area">
left_sidebar: Expand and condense the VIEWS navigation.
2023-10-16 21:50:48 +02:00
<div id="views-label-container" class="showing-expanded-navigation hidden-for-spectators">
left_sidebar: Add a Views expand/collapse tooltip.
2023-11-10 16:06:51 +01:00
<i id="toggle-top-left-navigation-area-icon" class="fa fa-sm fa-caret-down views-tooltip-target" aria-hidden="true"></i>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
{{~!-- squash whitespace --~}}
left_sidebar: Add a Views expand/collapse tooltip.
2023-11-10 16:06:51 +01:00
<h4 class="left-sidebar-title"><span class="views-tooltip-target">{{t 'VIEWS' }}</span></h4>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<ul id="left-sidebar-navigation-list-condensed" class="filters">
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="top_left_inbox left-sidebar-navigation-condensed-item {{#if is_inbox_home_view}}selected-home-view{{/if}}">
<a href="#inbox" {{#if is_inbox_home_view}}tabindex="0"{{/if}} class="tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="inbox-tooltip-template">
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<span class="filter-icon">
<i class="zulip-icon zulip-icon-inbox" aria-hidden="true"></i>
</span>
<span class="unread_count"></span>
</a>
</li>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="top_left_recent_view left-sidebar-navigation-condensed-item {{#if is_recent_view_home_view}}selected-home-view{{/if}}">
<a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="recent-conversations-tooltip-template">
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<span class="filter-icon">
left_sidebar: Place redesign icons in condensed views.
2023-10-19 21:12:13 +02:00
<i class="zulip-icon zulip-icon-clock" aria-hidden="true"></i>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
</span>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<span class="unread_count"></span>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
</a>
</li>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="top_left_all_messages left-sidebar-navigation-condensed-item {{#if is_all_messages_home_view}}selected-home-view{{/if}}">
<a href="#all_messages" {{#if is_all_messages_home_view}}tabindex="0"{{/if}} class="home-link tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="all-message-tooltip-template">
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<span class="filter-icon">
left_sidebar: Place redesign icons in condensed views.
2023-10-19 21:12:13 +02:00
<i class="zulip-icon zulip-icon-all-messages" aria-hidden="true"></i>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
</span>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<span class="unread_count"></span>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
</a>
</li>
<li class="top_left_mentions left-sidebar-navigation-condensed-item">
left_sidebar: Add informational tooltips to condensed icons. Though there is currently no keyboard shortcut to advertise with these icons, both the star and the @ icons now have informational tooltips, to match other icons in the condensed view. Fixes: #25902
2023-10-18 17:47:01 +02:00
<a href="#narrow/is/mentioned" class="tippy-left-sidebar-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="mentions-tooltip-template">
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<span class="filter-icon">
left_sidebar: Place redesign icons in condensed views.
2023-10-19 21:12:13 +02:00
<i class="zulip-icon zulip-icon-at-sign" aria-hidden="true"></i>
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
</span>
<span class="unread_count"></span>
</a>
</li>
<li class="top_left_starred_messages left-sidebar-navigation-condensed-item">
left_sidebar: Add informational tooltips to condensed icons. Though there is currently no keyboard shortcut to advertise with these icons, both the star and the @ icons now have informational tooltips, to match other icons in the condensed view. Fixes: #25902
2023-10-18 17:47:01 +02:00
<a href="#narrow/is/starred" class="tippy-left-sidebar-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="starred-tooltip-template">
left_sidebar: Structure Views header with standalone icons. This also introduces a combo grid/flex layout, which will also be applied to the DM and Streams headings. Because there are now multiple classes referenced from the Puppeteer tests, those selectors now include the expanded navigation area's parent ID selector.
2023-10-11 19:08:42 +02:00
<span class="filter-icon">
<i class="zulip-icon zulip-icon-star-filled" aria-hidden="true"></i>
</span>
<span class="unread_count"></span>
</a>
</li>
</ul>
<div class="left-sidebar-navigation-menu-icon">
<i class="zulip-icon zulip-icon-more-vertical"></i>
</div>
</div>
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<ul id="left-sidebar-navigation-list" class="left-sidebar-navigation-list filters">
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="tippy-views-tooltip top_left_inbox top_left_row hidden-for-spectators {{#if is_inbox_home_view}}selected-home-view{{/if}}" data-tooltip-template-id="inbox-tooltip-template">
<a href="#inbox" {{#if is_inbox_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container">
inbox: Add new narrow.
2023-08-09 07:23:30 +02:00
<span class="filter-icon">
<i class="zulip-icon zulip-icon-inbox" aria-hidden="true"></i>
</span>
{{~!-- squash whitespace --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{t 'Inbox' }}</span>
left_sidebar: Move unread count from all messages to inbox.
2023-10-03 18:36:02 +02:00
<span class="unread_count"></span>
inbox: Add new narrow.
2023-08-09 07:23:30 +02:00
</a>
left_sidebar: Move all messages popover to inbox. Also, renamed files and variables as needed.
2023-10-03 18:40:44 +02:00
<span class="arrow sidebar-menu-icon inbox-sidebar-menu-icon hidden-for-spectators"><i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i></span>
inbox: Add new narrow.
2023-08-09 07:23:30 +02:00
</li>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="tippy-views-tooltip top_left_recent_view top_left_row {{#if is_recent_view_home_view}}selected-home-view{{/if}}" data-tooltip-template-id="recent-conversations-tooltip-template">
<a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container">
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
<span class="filter-icon">
left_sidebar: Place redesign icons in expanded views.
2023-10-20 15:57:54 +02:00
<i class="zulip-icon zulip-icon-clock" aria-hidden="true"></i>
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
</span>
{{~!-- squash whitespace --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{t 'Recent conversations' }}</span>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<span class="unread_count"></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>
settings: Rename default_view and escape_navigates_to_default_view. This commit renames default_view and escape_navigates_to_default_view settings to web_home_view and web_escape_navigates_to_home_view in database and API to match with our recent renaming of user facing strings related to this. We also rename the variables, functions, comments in code and class names and IDs for elements related to this.
2023-10-23 09:02:57 +02:00
<span class="arrow sidebar-menu-icon recent-view-sidebar-menu-icon hidden-for-spectators {{#if is_recent_view_home_view}}hide{{/if}}">
left_sidebar: Add popover to make different views default. Fixes #27324
2023-10-23 21:12:18 +02:00
<i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
</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
</li>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<li class="tippy-views-tooltip top_left_all_messages top_left_row {{#if is_all_messages_home_view}}selected-home-view{{/if}}" data-tooltip-template-id="all-message-tooltip-template">
<a href="#all_messages" {{#if is_all_messages_home_view}}tabindex="0"{{/if}} class="home-link left-sidebar-navigation-label-container">
left_sidebar: Move `All messages` below `Recent view`.
2023-10-02 21:10:41 +02:00
<span class="filter-icon">
left_sidebar: Place redesign icons in expanded views.
2023-10-20 15:57:54 +02:00
<i class="zulip-icon zulip-icon-all-messages" aria-hidden="true"></i>
left_sidebar: Move `All messages` below `Recent view`.
2023-10-02 21:10:41 +02:00
</span>
{{~!-- squash whitespace --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{t 'All messages' }}</span>
left_sidebar: Prepare home views with selection logic, unread counts.
2023-11-02 20:05:21 +01:00
<span class="unread_count"></span>
left_sidebar: Move `All messages` below `Recent view`.
2023-10-02 21:10:41 +02:00
</a>
settings: Rename default_view and escape_navigates_to_default_view. This commit renames default_view and escape_navigates_to_default_view settings to web_home_view and web_escape_navigates_to_home_view in database and API to match with our recent renaming of user facing strings related to this. We also rename the variables, functions, comments in code and class names and IDs for elements related to this.
2023-10-23 09:02:57 +02:00
<span class="arrow sidebar-menu-icon all-messages-sidebar-menu-icon hidden-for-spectators {{#if is_all_messages_home_view}}hide{{/if}}">
left_sidebar: Add popover to make different views default. Fixes #27324
2023-10-23 21:12:18 +02:00
<i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
</span>
left_sidebar: Move `All messages` below `Recent view`.
2023-10-02 21:10:41 +02:00
</li>
tooltips: Remove the title attribute for Mentions, Starred_messages. This commit removes tooltips from the Mentions and Starred messages as they do not advertise any keyboard shortcuts and do not provide any additional information beyond what is already visible in the UI. Fixes part of #24311
2023-04-03 20:01:12 +02:00
<li class="top_left_mentions top_left_row hidden-for-spectators">
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<a class="left-sidebar-navigation-label-container" 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">
left_sidebar: Place redesign icons in expanded views.
2023-10-20 15:57:54 +02:00
<i class="zulip-icon zulip-icon-at-sign" 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 --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{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>
tooltips: Remove the title attribute for Mentions, Starred_messages. This commit removes tooltips from the Mentions and Starred messages as they do not advertise any keyboard shortcuts and do not provide any additional information beyond what is already visible in the UI. Fixes part of #24311
2023-04-03 20:01:12 +02:00
<li class="top_left_starred_messages top_left_row hidden-for-spectators">
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<a class="left-sidebar-navigation-label-container" 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">
left_sidebar: Use custom Zulip star icons. This commit replaces all previous Font Awesome references in the left side bar and relevant popovers with the custom Zulip star icon. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:21:48 +02:00
<i class="zulip-icon zulip-icon-star-filled" 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 --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{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>
sidebars: Add sidebar-menu-icon util class.
2023-09-18 16:48:10 +02:00
<span class="arrow sidebar-menu-icon starred-messages-sidebar-menu-icon"><i class="zulip-icon zulip-icon-more-vertical" 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: Attach navigation Tippies to <li> elements. This corrects a likely long-standing bug where nav tippies appear over the navigation box. With the gridded DM rows having corrected the placement of DM Tippies, this commit brings the nav Tippies in league with those.
2023-10-31 16:45:17 +01:00
<li class="tippy-left-sidebar-tooltip top_left_drafts top_left_row hidden-for-spectators" data-tooltip-template-id="drafts-tooltip-template">
<a href="#drafts" class="left-sidebar-navigation-label-container">
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
<span class="filter-icon">
left_sidebar: Place redesign icons in expanded views.
2023-10-20 15:57:54 +02:00
<i class="zulip-icon zulip-icon-drafts" aria-hidden="true"></i>
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
</span>
{{~!-- squash whitespace --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{t 'Drafts' }}</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
<span class="unread_count"></span>
</a>
sidebars: Add sidebar-menu-icon util class.
2023-09-18 16:48:10 +02:00
<span class="arrow sidebar-menu-icon drafts-sidebar-menu-icon"><i class="zulip-icon zulip-icon-more-vertical" 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>
left-sidebar: Provide link to scheduled messages. This provides a basic link to view scheduled messages. At present, the link is always visible, and it does not yet include a scheduled-message count. Fixes part of #25101.
2023-04-27 21:13:59 +02:00
<li class="top_left_scheduled_messages top_left_row hidden-for-spectators">
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<a class="left-sidebar-navigation-label-container" href="#scheduled">
left-sidebar: Provide link to scheduled messages. This provides a basic link to view scheduled messages. At present, the link is always visible, and it does not yet include a scheduled-message count. Fixes part of #25101.
2023-04-27 21:13:59 +02:00
<span class="filter-icon">
left_sidebar: Place redesign icons in expanded views.
2023-10-20 15:57:54 +02:00
<i class="zulip-icon zulip-icon-scheduled-messages" aria-hidden="true"></i>
left-sidebar: Provide link to scheduled messages. This provides a basic link to view scheduled messages. At present, the link is always visible, and it does not yet include a scheduled-message count. Fixes part of #25101.
2023-04-27 21:13:59 +02:00
</span>
{{~!-- squash whitespace --~}}
left_sidebar: Refactor left_sidebar.hbs structures for readability. This commit renames the classes and IDs in the views area (formerly global filters) to a set of flexible values all prefixed in some way with `left-sidebar-navigation`. This is meant to make the styles and structures in the area more readable, while also keeping things flexible into the future as this area's elements change. Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-10 21:00:28 +02:00
<span class="left-sidebar-navigation-label">{{t 'Scheduled messages' }}</span>
left-sidebar: Provide link to scheduled messages. This provides a basic link to view scheduled messages. At present, the link is always visible, and it does not yet include a scheduled-message count. Fixes part of #25101.
2023-04-27 21:13:59 +02:00
<span class="unread_count"></span>
</a>
</li>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</ul>
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
</div>
left_sidebar: Use DM identifiers on DM containers.
2023-10-30 16:07:07 +01:00
<div id="private_messages_sticky_header" class="direct-messages-container zoom-out hidden-for-spectators">
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
<div id="private_messages_section">
<div id="private_messages_section_header" class="zoom-out zoom-in-sticky">
left_sidebar: Include DM expand/collapse tooltip on arrow.
2023-11-10 15:45:23 +01:00
<i id="toggle_private_messages_section_icon" class="fa fa-sm fa-caret-down dm-tooltip-target toggle_private_messages_section zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
<h4 class="left-sidebar-title toggle_private_messages_section"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4>
left_sidebar: Establish grid on Direct Messages header.
2023-11-09 00:00:09 +01:00
<div class="heading-markers-and-controls">
left_sidebar: Place unread count right of All DMs icon. Also set a CSS variable for header-icon widths in the left sidebar. Fixes: #27559
2023-11-15 17:53:34 +01:00
<a id="show_all_private_messages" href="#narrow/is/dm" data-tooltip-template-id="show-all-pms-template">
<i class="fa fa-align-right" aria-label="{{t 'All direct messages' }}"></i>
</a>
left_sidebar: Establish grid on Direct Messages header.
2023-11-09 00:00:09 +01:00
<span class="unread_count"></span>
</div>
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
</div>
</div>
left_sidebar: Use DM identifiers on DM list items.
2023-10-30 15:44:36 +01:00
<a class="zoom-out-hide" id="hide-more-direct-messages">
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
<span> {{t 'back to streams' }}</span>
</a>
</div>
{{~!-- squash whitespace --~}}
<div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar>
left_sidebar: Use DM identifiers on DM containers.
2023-10-30 16:07:07 +01:00
<div class="direct-messages-container zoom-out hidden-for-spectators">
left_sidebar: Use DM identifiers around direct-messages list.
2023-10-30 16:18:29 +01:00
<div id="direct-messages-list"></div>
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
</div>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<div id="streams_list" class="zoom-out">
left_sidebar: Respect unread display settings on STREAMS header. Fixes: #27762
2023-11-29 18:58:29 +01:00
<div id="streams_header" class="zoom-in-hide {{#if hide_unread_counts}}hide_unread_counts{{/if}}">
left_sidebar: Center Streams tooltip over heading text.
2023-11-10 16:04:58 +01:00
<h4 class="left-sidebar-title"><span class="streams-tooltip-target" data-tooltip-template-id="filter-streams-tooltip-template">{{t 'STREAMS' }}</span></h4>
left_sidebar: Establish filter-handling grid on Streams, DM headers. Fixes part of #27559.
2023-11-09 00:36:56 +01:00
<div class="heading-markers-and-controls">
<i id="filter_streams_tooltip" class="streams_filter_icon fa fa-filter" aria-hidden="true" data-tooltip-template-id="filter-streams-tooltip-template"></i>
left_sidebar: Place unread count right of stream controls. Fixes: #27380
2023-11-15 17:47:59 +01:00
<span id="add_streams_tooltip" class="hidden-for-spectators" data-tippy-content="{{t 'Add streams' }}">
<i id="streams_inline_icon" class='fa fa-plus' aria-hidden="true" ></i>
</span>
left_sidebar: Add unread streams count to Streams header.
2023-11-15 17:17:13 +01:00
<span class="unread_count"></span>
left_sidebar: Respect unread display settings on STREAMS header. Fixes: #27762
2023-11-29 18:58:29 +01:00
<span class="masked_unread_count"></span>
left_sidebar: Establish filter-handling grid on Streams, DM headers. Fixes part of #27559.
2023-11-09 00:36:56 +01:00
</div>
left_sidebar: Place unread count right of stream controls. Fixes: #27380
2023-11-15 17:47:59 +01:00
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">
templates: Add filter_text_input class to inputs used for filtering. This commit adds filter_text_input class to various search inputs used across the app. This new class is used to re-add the bootstrap CSS rules such that we can remove the CSS from bootstrap.css.
2023-06-23 13:22:29 +02:00
<input class="stream-list-filter home-page-input filter_text_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: Grid 'Back to streams' with unread count. This also hides the usual STREAMS header when zoomed in to more topics.
2023-11-20 23:32:51 +01:00
<a class="show-all-streams" tabindex="0">{{t 'Back to streams' }}</a> <span class="unread_count"></span>
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>
pm_section: Create collapsible private messages section. This commit introduces the change of rendering private messages section as collapsible, whose data-fetching logic came with zulip#21357. We now have separated out `Private messages` from `top_left_corner` section and shifted it below the `global_filters` in a different separate section along with stream list with common scroll bar in left-sidebar. The new PM section will be opened by-default on loading the page and will have a toggle-icon in its header, clicking on which makes the section collapse/expand accordingly. In default view, only recent 5 PM threads would be shown and would append the active conversation as the 6th one at last if not present in those 5, similar to how topics list work. In PM section with unreads, a maximum of 8 conversations would be shown and rest of them would be hidden behind the 'more conversations' li-item, clicking on which takes to the zoomedIn view of PM section where all the present PM threads would be visible and rest of the sections of left-sidebar will get collapsed. Fixes #20870. Co-authored-by: Aman Agrawal <amanagr@zulip.com>
2022-09-13 13:15:57 +02:00
<div id="stream-filters-container">
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}}
left_sidebar: Add login link to left sidebar for logged-out users. It can sometimes be unclear to logged-out users why they are not seeing all their subscribed streams in the left sidebar. To reduce the chances of users being confused, added a login link at the bottom of the streams list for logged-out users. To avoid leaking any information, the link is shown regardless of whether or not there are actually any additional streams in the organization. Fixes #22844.
2022-11-29 20:38:07 +01:00
<div id="login-link-container" class="only-visible-for-spectators">
<a class="login_button">
<i class="fa fa-sign-in" aria-hidden="true"></i>
{{~!-- squash whitespace --~}}
{{t 'Log in to browse more streams'}}
</a>
</div>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
</div>
</div>
</div>