templates: Extract navbar_alerts to seperate file.

This is a prep-commit for the new navbar style, seperating
navbar_alerts.html from navbar.html in order to make the structure and
styles of navbar.html  easier to tweak.
These templates have very little to do with each other to begin with
appart from the fact that they are both rendered at the top of the app.
This commit is contained in:
YashRE42 2020-02-19 14:33:03 +05:30 committed by Tim Abbott
parent b0b427cf24
commit a89aea4116
3 changed files with 40 additions and 39 deletions

View File

@ -49,6 +49,7 @@
{% include "zerver/app/settings_overlay.html" %}
</div>
{% include "zerver/app/navbar_alerts.html" %}
{% include "zerver/app/navbar.html" %}
<div class="fixed-app">

View File

@ -1,42 +1,3 @@
<div id="panels">
<div data-process="notifications" class="alert alert-info">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</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>
&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 data-process="email-server" class="alert alert-info red">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</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 data-process="insecure-desktop-app" class="alert alert-info red">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</span>
<div data-step="1">
You are using an old, insecure version of the Zulip
desktop app that cannot auto-update.
<a class="alert-link" href="https://zulipchat.com/apps" target="_blank">
Download the latest version.
</a>
</div>
</div>
</div>
<div class="header">
<nav class="header-main rightside-userlist" id="top_navbar">
<div class="column-left">

View File

@ -0,0 +1,39 @@
<div id="panels">
<div data-process="notifications" class="alert alert-info">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</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>
&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 data-process="email-server" class="alert alert-info red">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</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 data-process="insecure-desktop-app" class="alert alert-info red">
<span class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">&times;</span>
<div data-step="1">
You are using an old, insecure version of the Zulip
desktop app that cannot auto-update.
<a class="alert-link" href="https://zulipchat.com/apps" target="_blank">
Download the latest version.
</a>
</div>
</div>
</div>