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

212 lines
14 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: Make Views label visible for spectators. We don't include the toggle functionality, to avoid needing to design what a collapsed Views thing would look like. Fixes #30324.
2024-06-18 11:35:02 +02:00
<div id="views-label-container" class="showing-expanded-navigation {{#if is_spectator}}remove-pointer-for-spectator{{/if}}">
<i id="toggle-top-left-navigation-area-icon" class="fa fa-sm fa-caret-down views-tooltip-target hidden-for-spectators" 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: Change recent conversation icon. Fixes #29180
2024-03-06 11:36:48 +01:00
<i class="zulip-icon zulip-icon-recent" 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}}">
hashchange: Change #all-messages to #feed. This commit changes the hash for the combined feed view from the legacy #all-messages to #feed. Fixes #27802.
2024-04-23 20:58:34 +02:00
<a href="#feed" {{#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: Fix tooltips not hidden on blur. The elements which received focus didn't have tooltips attached to them, thus when blur was triggered on `a`, the tooltip didn't hide as it was not listening on it for the blur event. We move the toolip to `a` elements so that when focus and blur are triggered tippy is able to capture them.
2024-06-20 11:59:06 +02:00
<li class="top_left_inbox top_left_row hidden-for-spectators {{#if is_inbox_home_view}}selected-home-view{{/if}}">
<a href="#inbox" {{#if is_inbox_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="inbox-tooltip-template">
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: Fix tooltips not hidden on blur. The elements which received focus didn't have tooltips attached to them, thus when blur was triggered on `a`, the tooltip didn't hide as it was not listening on it for the blur event. We move the toolip to `a` elements so that when focus and blur are triggered tippy is able to capture them.
2024-06-20 11:59:06 +02:00
<li class="top_left_recent_view top_left_row {{#if is_recent_view_home_view}}selected-home-view{{/if}}">
<a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="recent-conversations-tooltip-template">
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: Change recent conversation icon. Fixes #29180
2024-03-06 11:36:48 +01:00
<i class="zulip-icon zulip-icon-recent" 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: Fix tooltips not hidden on blur. The elements which received focus didn't have tooltips attached to them, thus when blur was triggered on `a`, the tooltip didn't hide as it was not listening on it for the blur event. We move the toolip to `a` elements so that when focus and blur are triggered tippy is able to capture them.
2024-06-20 11:59:06 +02:00
<li class="top_left_all_messages top_left_row {{#if is_all_messages_home_view}}selected-home-view{{/if}}">
<a href="#feed" {{#if is_all_messages_home_view}}tabindex="0"{{/if}} class="home-link left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="all-message-tooltip-template">
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: Rename All messages to Global Feed. Fixes part of #27802.
2024-04-02 13:10:48 +02:00
<span class="left-sidebar-navigation-label">{{t 'Combined feed' }}</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>
left_sidebar: Fix tooltips not hidden on blur. The elements which received focus didn't have tooltips attached to them, thus when blur was triggered on `a`, the tooltip didn't hide as it was not listening on it for the blur event. We move the toolip to `a` elements so that when focus and blur are triggered tippy is able to capture them.
2024-06-20 11:59:06 +02:00
<li class="top_left_my_reactions top_left_row hidden-for-spectators">
<a class="left-sidebar-navigation-label-container tippy-views-tooltip" href="#narrow/has/reaction/sender/me" data-tooltip-template-id="my-reactions-tooltip-template">
reaction-view: Create has reaction operator. Create has:reaction search operator and search suggestions. Create sidebar view for the user to view their messages that have reactions using has:reaction sender:me operators. Add custom heading for the view and tooltip in the sidebar. Add documentation for the new operator. Fixes: #27328.
2024-02-28 12:24:44 +01:00
<span class="filter-icon">
<i class="zulip-icon zulip-icon-smile" aria-hidden="true"></i>
</span>
{{~!-- squash whitespace --~}}
<span class="left-sidebar-navigation-label">{{t 'Reactions' }}</span>
<span class="unread_count"></span>
</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">
hotkey: Add keyboard shortcut to navigate to starred messages view. This commit adds '*' as a keyboard shortcut to navigate to the starred messages view and the shortcut is documented in various required locations accordingly. Fixes #31397.
2024-08-23 19:58:23 +02:00
<a class="left-sidebar-navigation-label-container tippy-views-tooltip" href="#narrow/is/starred" data-tooltip-template-id="starred-message-tooltip-template">
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>
left sidebar: Improve how starred message count is hidden. Fixes #30898.
2024-08-23 22:44:10 +02:00
<span class="masked_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: Fix tooltips not hidden on blur. The elements which received focus didn't have tooltips attached to them, thus when blur was triggered on `a`, the tooltip didn't hide as it was not listening on it for the blur event. We move the toolip to `a` elements so that when focus and blur are triggered tippy is able to capture them.
2024-06-20 11:59:06 +02:00
<li class="top_left_drafts top_left_row hidden-for-spectators">
<a href="#drafts" class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="drafts-tooltip-template">
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: Remove `#direct-messages-sticky-header`. We clean up unnecessary nesting in this commit and replace one usage of `#direct-messages-sticky-header` with `#direct-messages-section-header`. Since `.direct-messages-container` was being used along with `#direct-messages-sticky-header` at multiple places, just removing the nesting would break those selectors. For those selectors, they have been refactored to just look for `#direct-messages-section-header` instead. `.direct-messages-container` specific selectors still exist but they apply to both instances of `.direct-messages-container`, the DM header and the DM list.
2024-07-04 12:52:48 +02:00
<div id="direct-messages-section-header" class="direct-messages-container hidden-for-spectators zoom-out zoom-in-sticky">
<i id="toggle-direct-messages-section-icon" class="fa fa-sm fa-caret-down dm-tooltip-target zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
<h4 class="left-sidebar-title"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4>
<div class="heading-markers-and-controls">
<a id="show-all-direct-messages" href="#narrow/is/dm" data-tooltip-template-id="show-all-direct-messages-template">
<i class="fa fa-align-right" aria-label="{{t 'Direct message feed' }}"></i>
left_sidebar: Remove unnecessary nested `#direct-messages-section`. `#direct-messages-section-header` will take over existing behaviour of `#direct-messages-section`.
2024-07-04 12:46:35 +02:00
</a>
left_sidebar: Remove `#direct-messages-sticky-header`. We clean up unnecessary nesting in this commit and replace one usage of `#direct-messages-sticky-header` with `#direct-messages-section-header`. Since `.direct-messages-container` was being used along with `#direct-messages-sticky-header` at multiple places, just removing the nesting would break those selectors. For those selectors, they have been refactored to just look for `#direct-messages-section-header` instead. `.direct-messages-container` specific selectors still exist but they apply to both instances of `.direct-messages-container`, the DM header and the DM list.
2024-07-04 12:52:48 +02:00
<span class="unread_count"></span>
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: Remove `#direct-messages-sticky-header`. We clean up unnecessary nesting in this commit and replace one usage of `#direct-messages-sticky-header` with `#direct-messages-section-header`. Since `.direct-messages-container` was being used along with `#direct-messages-sticky-header` at multiple places, just removing the nesting would break those selectors. For those selectors, they have been refactored to just look for `#direct-messages-section-header` instead. `.direct-messages-container` specific selectors still exist but they apply to both instances of `.direct-messages-container`, the DM header and the DM list.
2024-07-04 12:52:48 +02:00
<a class="zoom-out-hide" id="hide-more-direct-messages">
<span class="hide-more-direct-messages-text"> {{t 'back to channels' }}</span>
</a>
pm_list: Add search to direct message section. Fixes #22113. The search will only be visible when in the `more conversations` view. Once we click `back to channels` and close the `more conversations` view, the search will clear and the search box will disappear. We've chosen `pm_list_data.get_conversations` as the function to which we will pass our search term. We could have technically found the value of the filter element via JQuery in pm_list_data, but pm_list_data does not handle any JQuery and we should keep it that way. `pm_list_data.get_list_info` also accepts the search_string so that the info it returns in expanded view is accurate. We've also added some code to `click_handlers` to make sure that clicking the search input does not bring us into the DM narrow.
2024-06-06 10:35:51 +02:00
<div class="zoom-out-hide direct-messages-search-section">
left_sidebar: Fix user unable to type in DM search input. This was due to non message list views didn't know that they shouldn't try to process hotkey when DM search input is in focus.
2024-08-14 06:33:37 +02:00
<input class="direct-messages-list-filter filter_text_input home-page-input" type="text" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" />
pm_list: Add search to direct message section. Fixes #22113. The search will only be visible when in the `more conversations` view. Once we click `back to channels` and close the `more conversations` view, the search will clear and the search box will disappear. We've chosen `pm_list_data.get_conversations` as the function to which we will pass our search term. We could have technically found the value of the filter element via JQuery in pm_list_data, but pm_list_data does not handle any JQuery and we should keep it that way. `pm_list_data.get_list_info` also accepts the search_string so that the info it returns in expanded view is accurate. We've also added some code to `click_handlers` to make sure that clicking the search input does not bring us into the DM narrow.
2024-06-06 10:35:51 +02:00
<button type="button" class="btn clear_search_button" id="clear-direct-messages-search-button">
<i class="fa fa-remove" aria-hidden="true"></i>
</button>
</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>
{{~!-- squash whitespace --~}}
scroll: Set tabIndex to -1 for simplebar content wrapper. Fixes #30403. Having tabIndex set to 0 led to keyboard focus being put on a scrollbar container, which led to users having to tab twice to skip a container. This commit also removes instances of tabIndex being set to -1 programatically for certain cases, since it is -1 by default now. This commit also removes `outline: none` for simplebar since that property is not needed anymore because the wrapper is not focusable anymore.
2024-06-16 13:46:37 +02:00
<div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
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}}">
web-stream-settings: Update strings for stream rename channel. Updates a chunk of translated strings that overlap between files, with the streams settings overlay being the starting point for finding these strings, to use channel instead of stream. Part of stream to channel rename project.
2024-04-18 18:36:57 +02:00
<h4 class="left-sidebar-title"><span class="streams-tooltip-target" data-tooltip-template-id="filter-streams-tooltip-template">{{t 'CHANNELS' }}</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>
web-stream-settings: Update strings for stream rename channel. Updates a chunk of translated strings that overlap between files, with the streams settings overlay being the starting point for finding these strings, to use channel instead of stream. Part of stream to channel rename project.
2024-04-18 18:36:57 +02:00
<span id="add_streams_tooltip" class="hidden-for-spectators" data-tippy-content="{{t 'Add channels' }}">
left_sidebar: Place unread count right of stream controls. Fixes: #27380
2023-11-15 17:47:59 +01:00
<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
left_sidebar: Remove .input-append from stream filter.
2024-06-28 19:32:15 +02:00
<div class="notdisplayed stream_search_section">
web-stream-settings: Update strings for stream rename channel. Updates a chunk of translated strings that overlap between files, with the streams settings overlay being the starting point for finding these strings, to use channel instead of stream. Part of stream to channel rename project.
2024-04-18 18:36:57 +02:00
<input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
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">
web-stream-settings: Update strings for stream rename channel. Updates a chunk of translated strings that overlap between files, with the streams settings overlay being the starting point for finding these strings, to use channel instead of stream. Part of stream to channel rename project.
2024-04-18 18:36:57 +02:00
<a class="show-all-streams" tabindex="0">{{t 'Back to channels' }}</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: Fix underline overlapping with login icon.
2024-05-07 06:17:42 +02:00
<div class="only-visible-for-spectators">
<div id="login-link-container" class="login_button">
icons: Place new log-in and log-out icons across UI.
2023-12-04 18:57:47 +01:00
<i class="zulip-icon zulip-icon-log-in" aria-hidden="true"></i>
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
{{~!-- squash whitespace --~}}
left_sidebar: Fix underline overlapping with login icon.
2024-05-07 06:17:42 +02:00
<a class="login-text">
{{t 'Log in to browse more channels'}}
</a>
</div>
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>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
</div>
</div>
</div>