zulip/templates/zerver/app/navbar.html

186 lines
12 KiB
HTML

<div class="header">
<nav class="header-main rightside-userlist" id="top_navbar">
<div class="column-left">
<a class="brand no-style" href="#">
<img id="realm-logo" src="{{ navbar_logo_url }}" alt="" class="nav-logo no-drag"/>
</a>
</div>
<div class="column-middle" id="navbar-middle">
<div class="column-middle-inner">
<div id="streamlist-toggle" title="{{ _('Stream list') }} (q)" {%if embedded %} style="visibility: hidden"{% endif %}>
<a href="#" id="streamlist-toggle-button" role="button"><i class="fa fa-reorder" aria-hidden="true"></i>
<span id="streamlist-toggle-unreadcount">0</span>
</a>
</div>
<div class="top-navbar-border top-navbar-container">
<div id="message_view_header" class="notdisplayed">
</div>
{% 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">
<span class="search_icon search_open" ><i class="fa fa-search" aria-hidden="true"></i></span>
<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>
<button class="btn search_button" type="button" id="search_exit" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
</div>
</form>
</div>
{% else %}
<div id="searchbox_legacy">
<form id="searchbox_form" class="form-search navbar-search">
<div id="search_arrows" class="input-append">
<span class="search_icon search_open" ><i class="fa fa-search" aria-hidden="true"></i></span>
<input class="search-query input-block-level home-page-input" id="search_query" type="text" placeholder="{{ _('Search') }}"
autocomplete="off" aria-label="{{ _('Search') }}" title="{{ _('Search') }} (/)"/>
<button class="btn search_button" type="button" id="search_exit" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
</div>
</form>
</div>
{% endif %}
</div>
</div>
</div>
<div class="column-right">
<div id="userlist-toggle" title="{{ _('User list') }} (w)">
<a href="#" id="userlist-toggle-button" role="button"><i class="fa fa-group" aria-hidden="true"></i>
<span id="userlist-toggle-unreadcount">0</span>
</a>
</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)">
<i class="fa fa-cog settings-dropdown-cog" aria-hidden="true"></i>
</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="#message_feed_container" data-toggle="tab"></a></li>
<li role="presentation">
<a href="#streams/subscribed" role="menuitem">
<i class="fa fa-exchange" aria-hidden="true"></i> {{ _('Manage streams') }}
</a>
</li>
<li role="presentation">
<a href="#settings" role="menuitem">
<i class="fa fa-wrench" aria-hidden="true"></i> {{ _('Settings') }}
</a>
</li>
<li class="admin-menu-item" role="presentation">
<a href="#organization" role="menuitem">
<i class="fa fa-bolt" aria-hidden="true"></i>
<span>{{ _('Manage organization') }}</span>
</a>
</li>
{% if not is_guest %}
<li role="presentation">
<a href="/stats" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-bar-chart" aria-hidden="true"></i>
<span>{{ _('Usage statistics') }}</span>
</a>
</li>
{% endif %}
<li class="divider" role="presentation"></li>
<li role="presentation">
<a href="/help" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-question-circle" aria-hidden="true"></i> {{ _('Help center') }}
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="keyboard-shortcuts">
<i class="fa fa-keyboard-o" aria-hidden="true"></i> {{ _('Keyboard shortcuts') }} <span class="hotkey-hint">(?)</span>
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="message-formatting">
<i class="fa fa-pencil" aria-hidden="true"></i> {{ _('Message formatting') }}
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="search-operators">
<i class="fa fa-search" aria-hidden="true"></i> {{ _('Search operators') }}
</a>
</li>
<li role="presentation" id="gear_menu_about_zulip">
<a href="#about-zulip" role="menuitem" class="menuitem-version">
<span class="white_zulip_icon_without_text"></span>
<span class="about_zulip_text">{{ _("About Zulip") }}</span>
</a>
</li>
{% if corporate_enabled %}
<li role="presentation">
<a href="/help/contact-support" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-envelope" aria-hidden="true"></i> {{ _('Contact support') }}
</a>
</li>
{% endif %}
<li class="divider" role="presentation"></li>
<li role="presentation">
<a href="{{ apps_page_url }}" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-desktop" aria-hidden="true"></i> {{ _('Desktop & mobile apps') }}
</a>
</li>
<li role="presentation">
<a href="/integrations" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-github" aria-hidden="true"></i> {{ _('Integrations') }}
</a>
</li>
<li role="presentation">
<a href="/api" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-sitemap" aria-hidden="true"></i> {{ _('API documentation') }}
</a>
</li>
{% if show_billing %}
<li role="presentation">
<a href="/billing" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-credit-card" aria-hidden="true"></i> {{ _('Billing') }}
</a>
</li>
{% endif %}
{% if promote_sponsoring_zulip %}
<li role="presentation">
<a href="https://github.com/sponsors/zulip" target="_blank" role="menuitem">
<i class="fa fa-heart" aria-hidden="true"></i> {{ _('Support Zulip') }}
</a>
</li>
{% endif %}
{% if show_plans %}
<li role="presentation">
<a href="/plans" target="_blank" rel="noopener noreferrer" role="menuitem">
<i class="fa fa-rocket" aria-hidden="true"></i> {{ _('Plans and pricing') }}
</a>
</li>
{% endif %}
<li class="divider" role="presentation"></li>
{% if show_invites %}
<li role="presentation">
<a href="#invite" role="menuitem">
<i class="fa fa-user-plus" aria-hidden="true"></i> {{ _('Invite users') }}
</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">
<i class="fa fa-bolt" aria-hidden="true"></i>{{ _('Link with Webathena') }}
</a>
</li>
{% endif %}
<li role="presentation">
<a href="#logout" class="logout_button" role="menuitem">
<i class="fa fa-power-off" aria-hidden="true"></i> {{ _('Log out') }}
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>