2017-09-23 11:27:18 +02:00
< div id = "panels" >
< div id = "desktop-notifications-panel" class = "alert alert-info" >
< span class = "close" data-dismiss = "alert" aria-label = "{{ _('Close') }}" > × < / 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 %}
2017-09-23 11:27:18 +02:00
< / 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.') }}
2017-09-23 11:27:18 +02:00
< 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 >
2013-08-13 12:52:26 +02:00
< div class = "header" >
2016-11-03 21:05:10 +01:00
< nav class = "header-main rightside-userlist" id = "top_navbar" >
2013-08-13 12:52:26 +02:00
< div class = "column-left" >
2017-09-12 18:51:57 +02:00
< a class = "brand no-style" href = "#" >
2017-08-21 16:29:18 +02:00
< img src = "/static/images/logo/zulip-icon-128x128.png" class = "nav-logo no-drag" alt = "" / >
2016-11-03 21:05:10 +01:00
< div class = "company-name" >
zulip
< / div >
< / a >
2014-01-09 16:58:51 +01:00
< / 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" >
2016-04-21 08:48:33 +02:00
< input class = "search-query input-block-level" id = "search_query" type = "text" placeholder = "{{ _('Search') }}"
2017-08-16 19:25:53 +02:00
autocomplete="off" aria-label="{{ _('Search') }}" title="{{ _('Search') }} (/)"/>
2014-01-09 16:58:51 +01:00
{# Start the button off disabled since there is no active search #}
2017-07-12 11:13:37 +02:00
< button class = "btn search_button" type = "button" id = "search_exit" disabled = "disabled" aria-label = "{{ _('Exit search') }}" > < i class = "icon-vector-remove" > < / i > < / button >
2017-09-14 23:12:03 +02:00
< a class = "search_icon" href = "#search-operators" data-overlay-trigger = "search-operators" title = "{{ _('Search help') }}" > < i class = "icon-vector-search" > < / i > < / a >
2014-01-09 16:58:51 +01:00
< / 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 % } >
2013-01-31 22:32:29 +01:00
< ul class = "nav" role = "navigation" >
2013-07-27 00:00:20 +02:00
< li class = "dropdown actual-dropdown-menu" id = "gear-menu" >
2017-08-16 19:25:53 +02:00
< a id = "settings-dropdown" href = "#" role = "button" class = "dropdown-toggle" data-target = "nada" data-toggle = "dropdown" title = "{{ _('Menu') }} (g)" >
2013-10-09 00:37:07 +02:00
< i class = "icon-vector-cog" > < / i > < i class = "icon-vector-caret-down settings-dropdown-caret" > < / i >
2013-01-31 22:32:29 +01:00
< / a >
2013-08-15 23:03:28 +02:00
< ul class = "dropdown-menu" role = "menu" aria-labelledby = "settings-dropdown" >
2016-04-21 08:48:33 +02:00
{#
2013-11-04 17:35:07 +01:00
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
2016-04-21 08:48:33 +02:00
#}
2017-05-26 01:04:14 +02:00
< li class = "invisible" style = "display:none;" role = "presentation" > < a href = "#home" data-toggle = "tab" > < / a > < / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#streams" role = "menuitem" >
2017-01-15 20:22:51 +01:00
< i class = "icon-vector-exchange" > < / i > {{ _('Manage streams') }}
2013-01-31 22:32:29 +01:00
< / a >
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#settings" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-wrench" > < / i > {{ _('Settings') }}
2013-01-31 22:32:29 +01:00
< / a >
< / li >
2017-08-16 12:33:02 +02:00
< li class = "admin-menu-item" role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#organization" role = "menuitem" >
2017-04-10 23:17:31 +02:00
< i class = "icon-vector-bolt" > < / i >
< span > {{ _('Manage organization') }}< / span >
2017-02-01 01:53:36 +01:00
< / a >
< / li >
< li class = "divider" > < / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< 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 >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a tabindex = "0" role = "menuitem" data-overlay-trigger = "keyboard-shortcuts" >
2017-08-16 19:25:53 +02:00
< i class = "icon-vector-keyboard" > < / i > {{ _('Keyboard shortcuts') }} (?)
2013-01-31 22:32:29 +01:00
< / a >
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a tabindex = "0" role = "menuitem" data-overlay-trigger = "markdown-help" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-pencil" > < / i > {{ _('Message formatting') }}
2013-03-25 22:17:22 +01:00
< / a >
2013-12-02 22:51:03 +01:00
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< 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') }}
2013-12-02 22:51:03 +01:00
< / a >
2013-03-25 22:17:22 +01:00
< / li >
2017-05-26 01:04:14 +02:00
< li class = "divider" role = "presentation" > < / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-06-06 02:06:52 +02:00
< a href = "{{ apps_page_url }}" target = "_blank" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-desktop" > < / i > {{ _('Desktop & mobile apps') }}
2013-09-17 23:11:00 +02:00
< / a >
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "/integrations" target = "_blank" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-github" > < / i > {{ _('Integrations') }}
2013-09-17 23:11:00 +02:00
< / a >
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "/api" target = "_blank" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-sitemap" > < / i > {{ _('API documentation') }}
2013-09-17 23:11:00 +02:00
< / a >
2017-07-16 23:34:24 +02:00
< / li >
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-07-16 23:34:24 +02:00
< a href = "/stats" target = "_blank" role = "menuitem" >
< i class = "icon-vector-bar-chart" > < / i >
< span > {{ _('Statistics') }}< / span >
< / a >
2013-09-17 23:11:00 +02:00
< / li >
2017-05-26 01:04:14 +02:00
< li class = "divider" role = "presentation" > < / li >
2017-02-01 01:53:36 +01:00
{% if enable_feedback %}
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#feedback" class = "feedback" role = "menuitem" >
2017-02-01 01:53:36 +01:00
< i class = "icon-vector-comment" > < / i > {{ _('Feedback') }}
2013-08-12 23:31:23 +02:00
< / a >
< / li >
2017-02-01 01:53:36 +01:00
{% endif %}
2013-01-31 22:32:29 +01:00
{% if show_invites %}
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#invite" role = "menuitem" >
2016-06-02 21:15:37 +02:00
< i class = "icon-vector-plus-sign" > < / i > {{ _('Invite users') }}
2013-01-31 22:32:29 +01:00
< / a >
< / li >
2017-05-26 01:04:14 +02:00
< li class = "divider" role = "presentation" > < / li >
2017-02-01 01:53:36 +01:00
{% endif %}
2013-08-27 21:15:15 +02:00
{% if show_webathena %}
2017-05-26 01:04:14 +02:00
< 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" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-bolt" > < / i > {{ _('Link with Webathena') }}
2013-08-27 21:15:15 +02:00
< / a >
< / li >
{% endif %}
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#logout" class = "logout_button" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-off" > < / i > {{ _('Log out') }}
2013-01-31 22:32:29 +01:00
< / a >
< / li >
{% if show_debug %}
2017-08-16 12:33:02 +02:00
< li role = "presentation" >
2017-05-26 01:04:14 +02:00
< a href = "#debug" data-toggle = "tab" role = "menuitem" >
2016-04-21 08:48:33 +02:00
< i class = "icon-vector-barcode" > < / i > {{ _('Debug') }}
2013-01-31 22:32:29 +01:00
< / a >
< / li >
{% endif %}
< / ul >
< / li >
< / ul >
< / div >
2014-01-08 16:12:22 +01:00
< / div >
2016-11-03 21:05:10 +01:00
< / nav >
2013-08-13 12:52:26 +02:00
< / div >