mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 21:13:36 +00:00
e228687094
Input pills require a contenteditable div with a class named input to fall inside the pill container. On converting the input tag into a div, the size of the input decreases which is compensated by a line-height of 40px. Comment above letter-spacing:normal was removed as chrome and firefox do not change the letter-spacing to normal for a div via the default browser stylesheet. NOTE: Currently writing something into the div will call the action corresponding to that key in the keyboard shortcuts. The input will work fine once the pills have been initiated. For the casper tests, for now, we just use the legacy search code. When we change that, $.val() cannot be used on contenteditable div, so $.html() will need to be used instead in select_item_via_typeahead.
198 lines
12 KiB
HTML
198 lines
12 KiB
HTML
<div id="panels">
|
|
<div data-process="notifications" class="alert alert-info">
|
|
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">×</span>
|
|
<div data-step="1">
|
|
{% trans %}Zulip needs your permission to
|
|
<a class="request-desktop-notifications alert-link">enable desktop notifications.</a>
|
|
{% endtrans %}
|
|
</div>
|
|
<div data-step="2" style="display: none">
|
|
{{ _('We strongly recommend enabling desktop notifications. They help Zulip keep your team connected.') }}
|
|
<span class="buttons">
|
|
<a class="alert-link request-desktop-notifications">{{ _('Enable notifications') }}</a>
|
|
•
|
|
<a class="alert-link exit">{{ _('Ask me later') }}</a>
|
|
•
|
|
<a class="alert-link reject-notifications">{{ _('Never ask on this computer') }}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div data-process="email-server" class="alert alert-info red">
|
|
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">×</span>
|
|
<div data-step="1">
|
|
{% trans %}Zulip needs to send email to confirm users' addresses and send notifications.{% endtrans %}
|
|
<a class="alert-link" href="https://zulip.readthedocs.io/en/latest/production/email.html" target="_blank">
|
|
{% trans %}See how to configure email.{% endtrans %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header">
|
|
<nav class="header-main rightside-userlist" id="top_navbar">
|
|
<div class="column-left">
|
|
<a class="brand no-style" href="#">
|
|
<img src="/static/images/logo/zulip-icon-128x128.png" class="nav-logo no-drag" alt=""/>
|
|
<div class="company-name">
|
|
zulip
|
|
</div>
|
|
</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>
|
|
{% if search_pills_enabled %}
|
|
<div id="searchbox" class="searchbox-rightmargin">
|
|
<div id="tab_bar" class="notdisplayed">
|
|
</div>
|
|
<form id="searchbox_form" class="form-search navbar-search">
|
|
<div id="search_arrows" class="pill-container input-append">
|
|
<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>
|
|
{# Start the button off disabled since there is no active search #}
|
|
<button class="btn search_button" type="button" id="search_exit" disabled="disabled" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
|
|
<a class="search_icon" href="#search-operators" data-overlay-trigger="search-operators" title="{{ _('Search help') }}"><i class="fa fa-search" aria-hidden="true"></i></a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% else %}
|
|
<div id="searchbox_legacy" class="searchbox-rightmargin">
|
|
<div id="tab_bar" class="notdisplayed">
|
|
</div>
|
|
<form id="searchbox_form" class="form-search navbar-search">
|
|
<div id="search_arrows" class="input-append">
|
|
<input class="search-query input-block-level" id="search_query" type="text" placeholder="{{ _('Search') }}"
|
|
autocomplete="off" aria-label="{{ _('Search') }}" title="{{ _('Search') }} (/)"/>
|
|
{# Start the button off disabled since there is no active search #}
|
|
<button class="btn search_button" type="button" id="search_exit" disabled="disabled" aria-label="{{ _('Exit search') }}"><i class="fa fa-remove" aria-hidden="true"></i></button>
|
|
<a class="search_icon" href="#search-operators" data-overlay-trigger="search-operators" title="{{ _('Search help') }}"><i class="fa fa-search" aria-hidden="true"></i></a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
</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" aria-hidden="true"></i><i class="fa fa-caret-down settings-dropdown-caret" 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="#home" data-toggle="tab"></a></li>
|
|
<li role="presentation">
|
|
<a href="#streams" 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>
|
|
<li class="divider"></li>
|
|
<li role="presentation">
|
|
<a href="/help" target="_blank" role="menuitem">
|
|
<i class="fa fa-question-circle" aria-hidden="true"></i> {{ _('User documentation') }}
|
|
</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="markdown-help">
|
|
<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 class="divider" role="presentation"></li>
|
|
<li role="presentation">
|
|
<a href="{{ apps_page_url }}" target="_blank" role="menuitem">
|
|
<i class="fa fa-desktop" aria-hidden="true"></i> {{ _('Desktop & mobile apps') }}
|
|
</a>
|
|
</li>
|
|
<li role="presentation">
|
|
<a href="/integrations" target="_blank" role="menuitem">
|
|
<i class="fa fa-github" aria-hidden="true"></i> {{ _('Integrations') }}
|
|
</a>
|
|
</li>
|
|
<li role="presentation">
|
|
<a href="/api" target="_blank" role="menuitem">
|
|
<i class="fa fa-sitemap" aria-hidden="true"></i> {{ _('API documentation') }}
|
|
</a>
|
|
</li>
|
|
<li role="presentation">
|
|
<a href="/stats" target="_blank" role="menuitem">
|
|
<i class="fa fa-bar-chart" aria-hidden="true"></i>
|
|
<span>{{ _('Statistics') }}</span>
|
|
</a>
|
|
</li>
|
|
<li class="divider" role="presentation"></li>
|
|
{% if enable_feedback %}
|
|
<li role="presentation">
|
|
<a href="#feedback" class="feedback" role="menuitem">
|
|
<i class="fa fa-comment" aria-hidden="true"></i> {{ _('Feedback') }}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if show_invites %}
|
|
<li role="presentation">
|
|
<a href="#invite" role="menuitem">
|
|
<i class="fa fa-plus-circle" 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>
|
|
{% if show_debug %}
|
|
<li role="presentation">
|
|
<a href="#debug" data-toggle="tab" role="menuitem">
|
|
<i class="fa fa-barcode" aria-hidden="true"></i> {{ _('Debug') }}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|