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

187 lines
12 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: 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
<i id="toggle-top-left-navigation-area-icon" class="fa fa-sm fa-caret-down" aria-hidden="true"></i>
{{~!-- squash whitespace --~}}
<h4 class="sidebar-title">{{t 'VIEWS' }}</h4>
<ul id="left-sidebar-navigation-list-condensed" class="filters">
<li class="top_left_inbox left-sidebar-navigation-condensed-item">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#inbox" 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>
<li class="top_left_recent_view left-sidebar-navigation-condensed-item">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#recent" 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>
</a>
</li>
<li class="top_left_all_messages left-sidebar-navigation-condensed-item">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#all_messages" 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>
</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">
hotkey: Change inbox hotkey from `shift + t` to `shift + i`. Also, add that as a tippy tooltip in left sidebar.
2023-09-14 11:10:47 +02:00
<li class="top_left_inbox top_left_row hidden-for-spectators">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#inbox" class="tippy-views-tooltip left-sidebar-navigation-label-container" 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>
recent: Rename .top_left_recent_topics.
2023-09-06 23:55:09 +02:00
<li class="top_left_recent_view top_left_row">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#recent" class="tippy-views-tooltip left-sidebar-navigation-label-container" 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: 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: 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: Move `All messages` below `Recent view`.
2023-10-02 21:10:41 +02:00
<li class="top_left_all_messages top_left_row">
left_sidebar: Add "This is your home view." to the home view's tooltip. Fixes: #27325.
2023-10-23 22:26:06 +02:00
<a href="#all_messages" class="home-link tippy-views-tooltip left-sidebar-navigation-label-container" 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: 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: 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: Move tooltips to the `focus` element. Since tippy relies on the `blur` event of `target` to hide the toolips, it is important that the tooltip is triggered by the element that receives that focus in keyboard navigation which is `a` tag for left sidebar elements.
2023-05-13 00:49:55 +02:00
<li class="top_left_drafts 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 href="#drafts" class="tippy-left-sidebar-tooltip left-sidebar-navigation-label-container" 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: 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">
<span id="pm_tooltip_container">
left_sidebar: Make toggle DM section keyboard accessible.
2023-09-18 03:36:43 +02:00
<i id="toggle_private_messages_section_icon" class="fa fa-sm fa-caret-down toggle_private_messages_section zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
private-messages: Update frontend strings to use "direct message" or "DM". Updates frontend user-facing strings with "private message" or "PM" to use "direct message" or "DM" respectively instead. Note that this updates translated strings as well as a few that are not translated like search suggestions. Updates `tools/lib/capitalization.py` for some specific strings that are impacted by these changes, and removes "PM" and "PMs" from checked strings.
2023-01-24 19:49:56 +01:00
<h4 class="sidebar-title toggle_private_messages_section">{{t 'DIRECT MESSAGES' }}</h4>
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>
<span class="unread_count"></span>
narrow: Add frontend support for `is:dm` narrow and `/is/dm` URL. Adds support in the web app for `is` operator with the `dm` operand. This will deprecate the `is` operator with the `private` operand, but we keep support for backwards-compatibility with links/URLs. This commit updates the web app default behaviors to default to the new narrow/URLs `is:dm` and `/#narrow/is/dm` when navigating and searching in the app. There is some general clean up of references to private messages or PMs to be either direct messages or DMs in these changes. The general API changelog and documentation updates will be done in a final commit in the series of commits that adds support for the various new direct message narrows.
2023-04-07 14:03:34 +02:00
<a id="show_all_private_messages" href="#narrow/is/dm" data-tooltip-template-id="show-all-pms-template">
private-messages: Update frontend strings to use "direct message" or "DM". Updates frontend user-facing strings with "private message" or "PM" to use "direct message" or "DM" respectively instead. Note that this updates translated strings as well as a few that are not translated like search suggestions. Updates `tools/lib/capitalization.py` for some specific strings that are impacted by these changes, and removes "PM" and "PMs" from checked strings.
2023-01-24 19:49:56 +01:00
<i class="fa fa-align-right" aria-label="{{t 'All direct messages' }}"></i>
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
</a>
</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">
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_list"></div>
</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">
tooltips: Add hotkey hints support to filter streams in sidebar.
2022-10-05 18:08:57 +02:00
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-tooltip-template-id="filter-streams-tooltip-template">{{t 'STREAMS' }}</h4>
tooltip: Append tooltips to "document.body". This commit appends the "Add streams" and "Filter streams" tooltip to "document.body". It was required to make sure the tooltip appears at the top when space in "Direct Messages" section was not enough (when only 1 Direct Message was present). This commit also removes the "tippy-zulip-tooltip" class from tooltips or else the tooltips would have shown their default behaviour.
2023-03-31 19:58:06 +02:00
<span id="add_streams_tooltip" class="streams_inline_icon_wrapper hidden-for-spectators" data-tippy-content="{{t 'Add streams' }}">
left sidebar: Rename streams_inline_cog. The icon hasn't been a cog for some time.
2022-02-11 19:58:26 +01:00
<i id="streams_inline_icon" class='fa fa-plus' aria-hidden="true" ></i>
left_sidebar: Replace cog icon with plus icon. We add a popover on click which allows user to create or browse streams too. Reason for doing so: At present, it is hard to discover how to join streams and create new streams. In particular: Users have a hard time finding the gear in the STREAMS header in the left sidebar and realizing that it's relevant for them. Even once a user is in the STREAMS menu, the Create stream button is hard to spot. Fixes #18694.
2021-06-05 16:07:11 +02:00
</span>
tooltip: Append tooltips to "document.body". This commit appends the "Add streams" and "Filter streams" tooltip to "document.body". It was required to make sure the tooltip appears at the top when space in "Direct Messages" section was not enough (when only 1 Direct Message was present). This commit also removes the "tippy-zulip-tooltip" class from tooltips or else the tooltips would have shown their default behaviour.
2023-03-31 19:58:06 +02:00
<i id="filter_streams_tooltip" class="streams_filter_icon fa fa-filter" aria-hidden="true" data-tooltip-template-id="filter-streams-tooltip-template"></i>
bug fix: Move stream search out of scroll container. We want the search widget, when visible, to be outside the scroll container for the stream list. One obvious use case is if you start scrolling, and then realize it might be less effort to search. Also, for user search, it already worked this way. We have to add a couple resizing hooks here, but it's not necessary to change the actual resize calculation, since we move the section inside of #streams_header, which is already accounted for. The only markup change here is to add a `stream_search_section` class. I don't know why we use `notdisplayed` here instead of jQuery, or what `input-append` is for, but I considered them outside the scope of this change. We can also remove some crufty CSS that was compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
<div class="input-append notdisplayed stream_search_section">
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: Remove `chevron-left` from back to streams. This will help us make `Back to streams` look better with PMs header.
2022-11-03 03:56:06 +01:00
<a class="show-all-streams" tabindex="0">{{t 'Back to streams' }}</a>
bug fix: Move stream search out of scroll container. We want the search widget, when visible, to be outside the scroll container for the stream list. One obvious use case is if you start scrolling, and then realize it might be less effort to search. Also, for user search, it already worked this way. We have to add a couple resizing hooks here, but it's not necessary to change the actual resize calculation, since we move the section inside of #streams_header, which is already accounted for. The only markup change here is to add a `stream_search_section` class. I don't know why we use `notdisplayed` here instead of jQuery, or what `input-append` is for, but I considered them outside the scope of this change. We can also remove some crufty CSS that was compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
</div>
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>