zulip/web/templates/navbar.hbs

74 lines
4.2 KiB
Handlebars

<div class="header">
<nav class="header-main" id="top_navbar">
<div class="column-left">
<a class="brand no-style" href="#">
<img id="realm-logo" src="" alt="" class="nav-logo no-drag"/>
</a>
</div>
<div class="column-middle" id="navbar-middle">
<div class="column-middle-inner">
<div id="streamlist-toggle" {{#if embedded}}class="hide-streamlist-toggle-visibility"{{/if}} title="{{t 'Stream list' }} (q)">
<a id="streamlist-toggle-button" role="button" tabindex="0"><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="navbar-search">
<div id="search_arrows" class="pill-container input-append">
<span class="search_icon search_open" ><i class="zulip-icon zulip-icon-search"></i></span>
<div contenteditable="true" class="input search-query input-block-level" id="search_query" type="text" placeholder="{{t 'Search' }}"
autocomplete="off" aria-label="{{t 'Search' }}" title="{{t 'Search' }} (/)">
</div>
<button class="btn search_close_button" type="button" id="search_exit" aria-label="{{t 'Exit search' }}">
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
{{else}}
<div id="searchbox_legacy">
<form id="searchbox_form" class="navbar-search">
<div id="search_arrows" class="input-append">
<span class="search_icon search_open" ><i class="zulip-icon zulip-icon-search"></i></span>
<input class="search-query input-block-level home-page-input" id="search_query" type="text" placeholder="{{t 'Search' }}"
autocomplete="off" aria-label="{{t 'Search' }}" title="{{t 'Search' }} (/)"/>
<button class="btn search_close_button" type="button" id="search_exit" aria-label="{{t 'Exit search' }}"><i class="zulip-icon zulip-icon-close" aria-hidden="true"></i></button>
</div>
</form>
</div>
{{/if}}
</div>
</div>
</div>
<div class="column-right">
<div class="only-visible-for-spectators">
<div class="spectator_login_buttons hide-xl">
<a href="/register/" class="signup_button">
<span>{{t 'Sign up' }}</span>
</a>
<div class="divider">|</div>
<a class="login_button">
<span>{{t 'Log in' }}</span>
</a>
</div>
<div class="spectator_narrow_login_button hide show-xl" data-tippy-content="{{t 'Log in' }}" data-tippy-placement="bottom">
<a class="login_button">
<i class="fa fa-sign-in"></i>
</a>
</div>
</div>
<div id="userlist-toggle" title="{{t 'User list' }} (w)" class="hidden-for-spectators">
<a id="userlist-toggle-button" role="button" tabindex="0"><i class="fa fa-group" aria-hidden="true"></i>
<span id="userlist-toggle-unreadcount">0</span>
</a>
</div>
<div id="navbar-buttons" {{#if embedded}}class="hide-navbar-buttons-visibility"{{/if}}>
</div>
</div>
</nav>
</div>