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

173 lines
11 KiB
HTML
Raw Normal View History

Switch to fixed sidebar layout and remove bootstrap layout hooks. (imported from commit 060340a2febb7b8df6477a3419e7588a8503e377)
2013-08-13 12:52:26 +02:00
<div class="header">
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<nav class="header-main rightside-userlist" id="top_navbar">
<div class="column-left">
<a class="brand no-style" href="#">
realm_logo: Fix synchronization of realm night logo. The night logo synchronization on the settings page was perfect, but the actual display logic had a few problems: * We were including the realm_logo in context_processors, even though it is only used in home.py. * We used different variable names for the templating in navbar.html than anywhere else the codebase. * The behavior that the night logo would default to the day logo if only one was uploaded was not correctly implemented for the navbar position, either in the synchronization for updates code or the logic in the navbar.html templates.
2019-03-02 18:23:57 +01:00
<img id="realm-logo" src="{{ navbar_logo_url }}" alt="" class="nav-logo no-drag"/>
Modify crumbbar style to look like an arrowbar Also: * Change fixed element positioning and fix bugs * Move settings dropdown back to the right and add left padding to left sidebar (imported from commit fcf903b59617687f94618a01ce7544b69f408130)
2014-01-09 16:58:51 +01:00
</a>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</div>
<div class="column-middle" id="navbar-middle">
<div class="column-middle-inner">
left-sidebar: Add title attribute to `streamlist-toggle`. The streamlist-toggle icon is visible for smaller screens and was missing a title attribute.
2018-07-22 14:01:05 +02:00
<div id="streamlist-toggle" title="{{ _('Stream list') }} (q)" {%if embedded %} style="visibility: hidden"{% endif %}>
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<a href="#" id="streamlist-toggle-button" role="button"><i class="fa fa-reorder" aria-hidden="true"></i>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<span id="streamlist-toggle-unreadcount">0</span>
</a>
</div>
navbar: Improve structure & styling for top navbar. This updates the logged-in top navbar to display the stream/message name, number of users, and description. It also replaces the search bar with a search icon that expands into a full-width search bar. Co-authored-by: Max Nussenbaum <max@maxnuss.com> Fixes: #164. Fixes: #5198.
2020-02-03 17:01:11 +01:00
<div class="top-navbar-border top-navbar-container">
navbar: Extract tab_bar anchor out of the search divs. Prior to commit eb4a2b9d4e80d495bf0a11c87bb31d18e94e9cc0 the center area of the navbar was based on a structure that appended crumbs or "tabs" as <li>s, forming a tab_bar and a tab_list. However, in eb4a2b9d4e80d495bf0a11c87bb31d18e94e9cc0 we apply a new style and structure to the navbar which lets go of the convention of tabs. Hence, we'd like to purge the tab_bar and tab_list labels from our code base. This commit pushes us towards that goal. Previously, this element was part of both searchbox and searchbox_legacy of which, only one would render based on the flag on search pills. This wasn't great because: * it made it likely that someone would change only one of the two and unintentionally introduce regressions. * it meant that search_icon selectors within the searchbox would mess with the search_icon elements within the tab_bar, leading us to rely on messy CSS overriding. Since there doesn't seem to be a strong reason to have this be the way it previously was, this commit extracts "#tab_bar". It's worth keeping in mind that we use the "#tab_bar" element as an anchor to append the #tab_list onto.
2020-06-25 21:27:02 +02:00
<div id="tab_bar" class="notdisplayed">
</div>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
{% if search_pills_enabled %}
<div id="searchbox">
<form id="searchbox_form" class="form-search navbar-search">
<div id="search_arrows" class="pill-container input-append">
navbar: Refactor `#searchbox`. Along with various style fixes for the search pills enabled case, this de-duplicates the css.
2020-05-15 13:13:50 +02:00
<span class="search_icon search_open" ><i class="fa fa-search" aria-hidden="true"></i></span>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
<div contenteditable="true" class="input search-query input-block-level" id="search_query" type="text" placeholder="{{ _('Search') }}"
autocomplete="off" aria-label="{{ _('Search') }}" title="{{ _('Search') }} (/)"> </div>
navbar: Refactor `#searchbox`. Along with various style fixes for the search pills enabled case, this de-duplicates the css.
2020-05-15 13:13:50 +02:00
<button class="btn search_button" type="button" id="search_exit" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
</div>
</form>
search: Duplicate HTML template content for search area. This is preparation for being able to work on the search pills feature without making any user-facing changes until we're ready to enable it.
2018-07-14 11:39:33 +02:00
</div>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
{% else %}
<div id="searchbox_legacy">
<form id="searchbox_form" class="form-search navbar-search">
<div id="search_arrows" class="input-append">
navbar: Refactor `#searchbox`. Along with various style fixes for the search pills enabled case, this de-duplicates the css.
2020-05-15 13:13:50 +02:00
<span class="search_icon search_open" ><i class="fa fa-search" aria-hidden="true"></i></span>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
<input class="search-query input-block-level" id="search_query" type="text" placeholder="{{ _('Search') }}"
autocomplete="off" aria-label="{{ _('Search') }}" title="{{ _('Search') }} (/)"/>
navbar: Improve structure & styling for top navbar. This updates the logged-in top navbar to display the stream/message name, number of users, and description. It also replaces the search bar with a search icon that expands into a full-width search bar. Co-authored-by: Max Nussenbaum <max@maxnuss.com> Fixes: #164. Fixes: #5198.
2020-02-03 17:01:11 +01:00
<button class="btn search_button" type="button" id="search_exit" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
navbar: Extract navbar border into outer div. This is a prep commit for the new navbar, since the new navbar switches between a search bar and stream descriptions, it's easier to have the border defined in an outer div. Due to the way the changesets is generated, this may seem like a large diff, however, the only change to navbar.html is to add an opening div with the ".top-navbar-border" class and a corrseponding closing div to wrap around "#search_box" and "#search_box_legacy". Apart from this, a few styles have been edited in zulip.scss and night_mode.scss.
2020-02-21 20:02:49 +01:00
</div>
</form>
</div>
{% endif %}
search: Duplicate HTML template content for search area. This is preparation for being able to work on the search pills feature without making any user-facing changes until we're ready to enable it.
2018-07-14 11:39:33 +02:00
</div>
Modify crumbbar style to look like an arrowbar Also: * Change fixed element positioning and fix bugs * Move settings dropdown back to the right and add left padding to left sidebar (imported from commit fcf903b59617687f94618a01ce7544b69f408130)
2014-01-09 16:58:51 +01:00
</div>
</div>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<div class="column-right">
right-sidebar: Add title attribute to `userlist-toggle`. Fixes #9785. The userlist-toggle icon is visible for smaller screens and was missing a title attribute.
2018-07-22 14:05:05 +02:00
<div id="userlist-toggle" title="{{ _('User list') }} (w)">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<a href="#" id="userlist-toggle-button" role="button"><i class="fa fa-group" aria-hidden="true"></i>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<span id="userlist-toggle-unreadcount">0</span>
Move navbar code into its own "navbar.html". (imported from commit 4fa1c5d5ffa0af0ae8d608fad762470bf737205c)
2013-01-31 22:32:29 +01:00
</a>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</div>
<div id="navbar-buttons" {%if embedded %} style="visibility: hidden"{% endif %}>
<ul class="nav" role="navigation">
<li class="dropdown actual-dropdown-menu" id="gear-menu">
<a id="settings-dropdown" href="#" role="button" class="dropdown-toggle" data-target="nada" data-toggle="dropdown" title="{{ _('Menu') }} (g)">
dropdown-menu: Remove caret-down icon and fix alignment. The alignment on narrow windows is also off. We fix this spacing issue while we're at it.
2020-05-10 20:55:32 +02:00
<i class="fa fa-cog settings-dropdown-cog" aria-hidden="true"></i>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="settings-dropdown">
{#
It is quite ingrained in our frontend code that your Home
view is a Bootstrap Nav tab, even though we don't show the tab
anymore
#}
<li class="invisible" style="display:none;" role="presentation"><a href="#home" data-toggle="tab"></a></li>
<li role="presentation">
hashchange: Use '#streams/subscribed' from the gear menu. If you go to "Manage streams" in the gear menu, it's now a direct link to '#streams/subscribed' instead of just '#streams'. This makes our back button behavior more predictable.
2018-12-05 20:19:58 +01:00
<a href="#streams/subscribed" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-exchange" aria-hidden="true"></i> {{ _('Manage streams') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
<a href="#settings" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-wrench" aria-hidden="true"></i> {{ _('Settings') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li class="admin-menu-item" role="presentation">
<a href="#organization" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-bolt" aria-hidden="true"></i>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<span>{{ _('Manage organization') }}</span>
</a>
</li>
<li class="divider"></li>
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/help" target="_blank" rel="noopener noreferrer" role="menuitem">
popovers: Change User documentation to Help center in gear menu.
2018-07-24 01:38:45 +02:00
<i class="fa fa-question-circle" aria-hidden="true"></i> {{ _('Help center') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="keyboard-shortcuts">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-keyboard-o" aria-hidden="true"></i> {{ _('Keyboard shortcuts') }} <span class="hotkey-hint">(?)</span>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
Rename markdown-help to message-formatting. This just makes the id match the name of the menu item.
2018-08-29 19:15:25 +02:00
<a tabindex="0" role="menuitem" data-overlay-trigger="message-formatting">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-pencil" aria-hidden="true"></i> {{ _('Message formatting') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="search-operators">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-search" aria-hidden="true"></i> {{ _('Search operators') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
help: Add article for how to get support. This page isn't polished properly and I'm not sure it's the best decision tree here, but it's definitely better to have this page than not, and we can always adjust forward. Fixes #10033.
2020-05-04 09:24:19 +02:00
{% if corporate_enabled %}
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/help/contact-support" target="_blank" rel="noopener noreferrer" role="menuitem">
help: Add article for how to get support. This page isn't polished properly and I'm not sure it's the best decision tree here, but it's definitely better to have this page than not, and we can always adjust forward. Fixes #10033.
2020-05-04 09:24:19 +02:00
<i class="fa fa-envelope" aria-hidden="true"></i> {{ _('Contact support') }}
</a>
</li>
{% endif %}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<li class="divider" role="presentation"></li>
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="{{ apps_page_url }}" target="_blank" rel="noopener noreferrer" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-desktop" aria-hidden="true"></i> {{ _('Desktop & mobile apps') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/integrations" target="_blank" rel="noopener noreferrer" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-github" aria-hidden="true"></i> {{ _('Integrations') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/api" target="_blank" rel="noopener noreferrer" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-sitemap" aria-hidden="true"></i> {{ _('API documentation') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
statistics: Guest user can't access realm statistics. Don't allow guest user to access realm statistics from UI or at API level. Fixes part of #10749.
2018-10-31 21:09:33 +01:00
{% if not is_guest %}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/stats" target="_blank" rel="noopener noreferrer" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-bar-chart" aria-hidden="true"></i>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<span>{{ _('Statistics') }}</span>
</a>
</li>
statistics: Guest user can't access realm statistics. Don't allow guest user to access realm statistics from UI or at API level. Fixes part of #10749.
2018-10-31 21:09:33 +01:00
{% endif %}
billing: Include link to /plans and /billing in gear menu.
2018-08-15 18:49:25 +02:00
{% if show_plans %}
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/plans" target="_blank" rel="noopener noreferrer" role="menuitem">
billing: Include link to /plans and /billing in gear menu.
2018-08-15 18:49:25 +02:00
<i class="fa fa-rocket" aria-hidden="true"></i> {{ _('Plans and pricing') }}
</a>
</li>
{% endif %}
{% if show_billing %}
<li role="presentation">
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/billing" target="_blank" rel="noopener noreferrer" role="menuitem">
billing: Include link to /plans and /billing in gear menu.
2018-08-15 18:49:25 +02:00
<i class="fa fa-credit-card" aria-hidden="true"></i> {{ _('Billing') }}
</a>
</li>
{% endif %}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
<li class="divider" role="presentation"></li>
{% if show_invites %}
<li role="presentation">
<a href="#invite" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-plus-circle" aria-hidden="true"></i> {{ _('Invite users') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
<li class="divider" role="presentation"></li>
{% endif %}
{% if show_webathena %}
<li title="{% trans %}Grant Zulip the Kerberos tickets needed to run your Zephyr mirror via Webathena{% endtrans %}" id="webathena_login_menu" role="presentation">
<a href="#webathena" class="webathena_login" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-bolt" aria-hidden="true"></i>{{ _('Link with Webathena') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
{% endif %}
<li role="presentation">
<a href="#logout" class="logout_button" role="menuitem">
navbar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 23:36:45 +02:00
<i class="fa fa-power-off" aria-hidden="true"></i> {{ _('Log out') }}
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</a>
</li>
</ul>
</li>
Move navbar code into its own "navbar.html". (imported from commit 4fa1c5d5ffa0af0ae8d608fad762470bf737205c)
2013-01-31 22:32:29 +01:00
</ul>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</div>
Move navbar code into its own "navbar.html". (imported from commit 4fa1c5d5ffa0af0ae8d608fad762470bf737205c)
2013-01-31 22:32:29 +01:00
</div>
zerver/navbar.html: Clean up to use 4 space indentation.
2018-01-27 18:33:41 +01:00
</nav>
Switch to fixed sidebar layout and remove bootstrap layout hooks. (imported from commit 060340a2febb7b8df6477a3419e7588a8503e377)
2013-08-13 12:52:26 +02:00
</div>