zulip/templates/zerver/navbar.html

173 lines
8.5 KiB
HTML
Raw Normal View History

<div id="panels">
<div id="desktop-notifications-panel" class="alert alert-info">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</span>
<div data-step="1">
onboarding: Revise text in prompt to enable desktop notifications. Making the same point (that you can configure the notifications in settings) at both steps felt pushy. I think the first prompt is actually best kept to a minimum of words, so leave that one with just the ask. In the second step, try an active pitch. This could go either way, or be any number of other messages, but the settings line felt a little defensive to me, like it was suggesting that our notifications would be noisy and here's a way you can try to mitigate that. I think with our default settings (and in an org with mostly-reasonable humans, but even a large and busy one) they're actually not at all noisy; and if we learn of situations where that's not true, we'll work to fix that. So, try this line instead. A style note: I chose "your team" here to refer to the people the user communicates with in their organization. We consistently say either "organization" or sometimes "realm" for the concrete thing in the product that is the whole universe of streams and users, etc., that a given account lives in; but that feels too formal here. Conversely, one reason we don't say "team" for an organization is that it feels too cozy and small, more appropriate for 8 people who interact every day than for 80 or 8000 people; but this line is mainly about those 8 people even if the organization has 8000. There are some examples of this already in the codebase; see `git grep -w team`. i18n note: These passages of a couple of connected sentences should generally be marked for translation as one message, not several separate ones. That helps the translator be sure of the context so they can translate appropriately. For example, in the second prompt in this version, there's an implicit "because" relationship between the two sentences, and in some languages (I'm 90% sure this is true in Japanese), it would be weird to leave it implicit and the second sentence should contain the equivalent of "That's because".
2017-10-23 23:43:12 +02:00
{% 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">
onboarding: Revise text in prompt to enable desktop notifications. Making the same point (that you can configure the notifications in settings) at both steps felt pushy. I think the first prompt is actually best kept to a minimum of words, so leave that one with just the ask. In the second step, try an active pitch. This could go either way, or be any number of other messages, but the settings line felt a little defensive to me, like it was suggesting that our notifications would be noisy and here's a way you can try to mitigate that. I think with our default settings (and in an org with mostly-reasonable humans, but even a large and busy one) they're actually not at all noisy; and if we learn of situations where that's not true, we'll work to fix that. So, try this line instead. A style note: I chose "your team" here to refer to the people the user communicates with in their organization. We consistently say either "organization" or sometimes "realm" for the concrete thing in the product that is the whole universe of streams and users, etc., that a given account lives in; but that feels too formal here. Conversely, one reason we don't say "team" for an organization is that it feels too cozy and small, more appropriate for 8 people who interact every day than for 80 or 8000 people; but this line is mainly about those 8 people even if the organization has 8000. There are some examples of this already in the codebase; see `git grep -w team`. i18n note: These passages of a couple of connected sentences should generally be marked for translation as one message, not several separate ones. That helps the translator be sure of the context so they can translate appropriately. For example, in the second prompt in this version, there's an implicit "because" relationship between the two sentences, and in some languages (I'm 90% sure this is true in Japanese), it would be weird to leave it implicit and the second sentence should contain the equivalent of "That's because".
2017-10-23 23:43:12 +02:00
{{ _('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>
&bull;
<a class="alert-link exit">{{ _('Ask me later') }}</a>
&bull;
<a class="alert-link reject-notifications">{{ _('Never ask on this computer') }}</a>
</span>
</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" {%if embedded %} style="visibility: hidden"{% endif %}>
<a href="#" id="streamlist-toggle-button" role="button"><i class="icon-vector-reorder"></i>
<span id="streamlist-toggle-unreadcount">0</span>
</a>
</div>
<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="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="icon-vector-remove"></i></button>
<a class="search_icon" href="#search-operators" data-overlay-trigger="search-operators" title="{{ _('Search help') }}"><i class="icon-vector-search"></i></a>
</div>
</form>
</div>{# /searchbox #}
</div>
</div>
<div class="column-right">
<div id="userlist-toggle">
<a href="#" id="userlist-toggle-button" role="button"><i class="icon-vector-group"></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="icon-vector-cog"></i><i class="icon-vector-caret-down settings-dropdown-caret"></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="icon-vector-exchange"></i> {{ _('Manage streams') }}
</a>
</li>
<li role="presentation">
<a href="#settings" role="menuitem">
<i class="icon-vector-wrench"></i> {{ _('Settings') }}
</a>
</li>
<li class="admin-menu-item" role="presentation">
<a href="#organization" role="menuitem">
<i class="icon-vector-bolt"></i>
<span>{{ _('Manage organization') }}</span>
2017-02-01 01:53:36 +01:00
</a>
</li>
<li class="divider"></li>
<li role="presentation">
<a href="/help" target="_blank" role="menuitem">
2017-02-01 01:53:36 +01:00
<i class="icon-vector-question-sign"></i> {{ _('User documentation') }}
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="keyboard-shortcuts">
<i class="icon-vector-keyboard"></i> {{ _('Keyboard shortcuts') }} (?)
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="markdown-help">
<i class="icon-vector-pencil"></i> {{ _('Message formatting') }}
</a>
</li>
<li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="search-operators">
2017-02-01 01:53:36 +01:00
<i class="icon-vector-search"></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="icon-vector-desktop"></i> {{ _('Desktop & mobile apps') }}
</a>
</li>
<li role="presentation">
<a href="/integrations" target="_blank" role="menuitem">
<i class="icon-vector-github"></i> {{ _('Integrations') }}
</a>
</li>
<li role="presentation">
<a href="/api" target="_blank" role="menuitem">
<i class="icon-vector-sitemap"></i> {{ _('API documentation') }}
</a>
</li>
<li role="presentation">
<a href="/stats" target="_blank" role="menuitem">
<i class="icon-vector-bar-chart"></i>
<span>{{ _('Statistics') }}</span>
</a>
</li>
<li class="divider" role="presentation"></li>
2017-02-01 01:53:36 +01:00
{% if enable_feedback %}
<li role="presentation">
<a href="#feedback" class="feedback" role="menuitem">
2017-02-01 01:53:36 +01:00
<i class="icon-vector-comment"></i> {{ _('Feedback') }}
</a>
</li>
2017-02-01 01:53:36 +01:00
{% endif %}
{% if show_invites %}
<li role="presentation">
<a href="#invite" role="menuitem">
<i class="icon-vector-plus-sign"></i> {{ _('Invite users') }}
</a>
</li>
<li class="divider" role="presentation"></li>
2017-02-01 01:53:36 +01:00
{% 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="icon-vector-bolt"></i>{{ _('Link with Webathena') }}
</a>
</li>
{% endif %}
<li role="presentation">
<a href="#logout" class="logout_button" role="menuitem">
<i class="icon-vector-off"></i> {{ _('Log out') }}
</a>
</li>
{% if show_debug %}
<li role="presentation">
<a href="#debug" data-toggle="tab" role="menuitem">
<i class="icon-vector-barcode"></i> {{ _('Debug') }}
</a>
</li>
{% endif %}
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>