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

71 lines
3.7 KiB
HTML
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">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<div class="bottom_sidebar">
<ul id="global_filters" class="filters">
{# Special-case this link so we don't actually go to page top. #}
top left: Remove home-link markup in the main app. The `home-link` markup wasn't used in the app, and it was confusing, since we do use that markup for the portico system.
2019-01-30 21:50:49 +01:00
<li class="top_left_all_messages global-filter active-filter" title="{{ _('All messages') }} (Esc)">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<a href="#">
<span class="filter-icon">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i class="fa fa-home" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left sidebar: Change Home to All messages. We made this change because users often unnecessarily click "Home" first in their use of Zulip, because it seems appealing. While "All messages" isn't quite precise (it doesn't include muted streams), it does describe relatively simply the interleaved view that this represents. This commit leaves everything as "home" in the code, and only changes user-visible strings and docs. Changing the code will be a big project; there are hundreds of relevant occurrences in variable names, etc. Further, we'll probably want to convert those various variable names in different ways. Tweaked by tabbott to extend the commit message and update a few comments.
2017-08-08 07:37:39 +02:00
<span class="hover-underline">{{ _('All messages') }}</span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="count">
<span class="value"></span>
</span>
</a>
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<span class="arrow stream-sidebar-arrow"><i class="fa fa-chevron-down" aria-hidden="true"></i></span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</li>
top left: Simplify markup for main links. The following elements in the top left corner are major components of our app: All messages Private messages Starred messages Mentions We can now find them directly: $('.top_left_all_messages') $('.top_left_private_messages') $('.top_left_starred_messages') $('.top_left_mentions') Before this, we had to build up complicated selectors like below: exports.get_global_filter_li = function (filter_name) { var selector = "#global_filters li[data-name='" + filter_name + "']"; return $(selector); }; I don't think any newbie would know to grep for "global_filter", and I've seen a PR where somebody added specific markup here to "Private messages" because they couldn't grok the old scheme. Another thing to note is that we still have a "home-link" class for "All messages", which overlapped with portico code that had the same name. (There were some inaccurate comments in the code relating to the tab bar, but we don't actually have a way to click to the home view in the tab bar any more.) I'll eliminate that cruft in another commit. For this commit the four elements still have the "global-filter" class, since there's some benefit to being able to style them all as a group, although we should give it a nicer name in a subsequent commit. Most of this PR is basic search/replace, but I did add a two-line helper: `top_left_corner.update_starred_count`
2019-01-30 18:24:56 +01:00
<li class="top_left_private_messages global-filter" title="{{ _('Private messages') }} (P)">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<a href="#narrow/is/private">
<span class="filter-icon">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i class="fa fa-envelope" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left-sidebar: Remove leading whitespace underline on global filters. This removes the leading whitespace that was approximately the width of a space character that would get underlined when hovering over any one of the global filters.
2017-11-08 21:06:39 +01:00
<span class="hover-underline">{{ _('Private messages') }}</span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="count">
<span class="value"></span>
</span>
</a>
</li>
top left: Simplify markup for main links. The following elements in the top left corner are major components of our app: All messages Private messages Starred messages Mentions We can now find them directly: $('.top_left_all_messages') $('.top_left_private_messages') $('.top_left_starred_messages') $('.top_left_mentions') Before this, we had to build up complicated selectors like below: exports.get_global_filter_li = function (filter_name) { var selector = "#global_filters li[data-name='" + filter_name + "']"; return $(selector); }; I don't think any newbie would know to grep for "global_filter", and I've seen a PR where somebody added specific markup here to "Private messages" because they couldn't grok the old scheme. Another thing to note is that we still have a "home-link" class for "All messages", which overlapped with portico code that had the same name. (There were some inaccurate comments in the code relating to the tab bar, but we don't actually have a way to click to the home view in the tab bar any more.) I'll eliminate that cruft in another commit. For this commit the four elements still have the "global-filter" class, since there's some benefit to being able to style them all as a group, although we should give it a nicer name in a subsequent commit. Most of this PR is basic search/replace, but I did add a two-line helper: `top_left_corner.update_starred_count`
2019-01-30 18:24:56 +01:00
<li class="top_left_starred_messages global-filter">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<a href="#narrow/is/starred">
<span class="filter-icon">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i class="fa fa-star" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left-sidebar: Remove leading whitespace underline on global filters. This removes the leading whitespace that was approximately the width of a space character that would get underlined when hovering over any one of the global filters.
2017-11-08 21:06:39 +01:00
<span class="hover-underline">{{ _('Starred messages') }}</span>
frontend: Create data structure for starred messages.
2018-08-17 03:46:32 +02:00
<span class="count">
<span class="value"></span>
</span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</a>
</li>
top left: Simplify markup for main links. The following elements in the top left corner are major components of our app: All messages Private messages Starred messages Mentions We can now find them directly: $('.top_left_all_messages') $('.top_left_private_messages') $('.top_left_starred_messages') $('.top_left_mentions') Before this, we had to build up complicated selectors like below: exports.get_global_filter_li = function (filter_name) { var selector = "#global_filters li[data-name='" + filter_name + "']"; return $(selector); }; I don't think any newbie would know to grep for "global_filter", and I've seen a PR where somebody added specific markup here to "Private messages" because they couldn't grok the old scheme. Another thing to note is that we still have a "home-link" class for "All messages", which overlapped with portico code that had the same name. (There were some inaccurate comments in the code relating to the tab bar, but we don't actually have a way to click to the home view in the tab bar any more.) I'll eliminate that cruft in another commit. For this commit the four elements still have the "global-filter" class, since there's some benefit to being able to style them all as a group, although we should give it a nicer name in a subsequent commit. Most of this PR is basic search/replace, but I did add a two-line helper: `top_left_corner.update_starred_count`
2019-01-30 18:24:56 +01:00
<li class="top_left_mentions global-filter">
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<a href="#narrow/is/mentioned">
<span class="filter-icon">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i class="fa fa-at" aria-hidden="true"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</span>
left-sidebar: Remove leading whitespace underline on global filters. This removes the leading whitespace that was approximately the width of a space character that would get underlined when hovering over any one of the global filters.
2017-11-08 21:06:39 +01:00
<span class="hover-underline">{{ _('Mentions') }}</span>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
<span class="count">
<span class="value"></span>
</span>
</a>
</li>
</ul>
<div id="streams_list" class="zoom-out">
left-sidebar: Fix styling of Streams header to not use links.
2018-01-04 18:14:27 +01:00
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Subscribed streams') }}">{{ _('STREAMS') }}</h4>
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<i id="streams_inline_cog" class='fa fa-cog' aria-hidden="true" data-toggle="tooltip" title="{{ _('Subscribe, add, or configure streams') }}"></i>
<i id="streams_filter_icon" class='fa fa-search' aria-hidden="true" data-toggle="tooltip" title="{{ _('Filter streams') }} (q)"></i>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
<div id="topics_header">
left_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:53:50 +02:00
<a href="" class="show-all-streams"> <i class="fa fa-chevron-left" aria-hidden="true"></i>{{ _('All streams') }}</a>
Clean left_sidebar.html to use 4 space indentation.
2017-06-05 23:10:26 +02:00
</div>
<div id="stream-filters-container" class="scrolling_list">
<div class="input-append notdisplayed">
sidebars: Disable autocomplete for user and stream search inputs. Fixes #9269.
2018-05-01 06:42:36 +02:00
<input class="stream-list-filter" type="text" autocomplete="off" placeholder="{{ _('Search 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>
<ul id="stream_filters" class="filters"></ul>
</div>
</div>
</div>
</div>