mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-30 11:00:14 -04:00
9e5529bea5
We grey-out the non-current step in the tour so the user knows whether they’re at step 1, 2, or 3. This is done using CSS opacity. IE8 doesn’t support the standard CSS opacity syntax. But it does support the weird, old, Microsoft-specific `filter:` syntax. So this commit: - makes the greying out a class rather than an inline style, to reduce duplication - adds the filter syntax so the greying out works in IE8
66 lines
2.9 KiB
HTML
66 lines
2.9 KiB
HTML
{% from "components/banner.html" import banner_wrapper %}
|
|
|
|
{% if help %}
|
|
{% call banner_wrapper(type='tour') %}
|
|
<p class="heading-medium">Try sending yourself this example</p>
|
|
<div class="grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
|
|
<div class="column-one-sixth">
|
|
<p class="heading-large" style="float: left;">1.</p>
|
|
</div>
|
|
<div class="column-five-sixths">
|
|
<p>
|
|
Every message is sent from a template
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
|
|
<div class="column-one-sixth">
|
|
<p class="heading-large">2.</p>
|
|
</div>
|
|
<div class="column-five-sixths">
|
|
<p>
|
|
The template pulls in the data you provide
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
|
|
<div class="column-one-sixth">
|
|
<p class="heading-large">3.</p>
|
|
</div>
|
|
<div class="column-five-sixths">
|
|
<p>
|
|
Notify delivers the message
|
|
</p>
|
|
{% if help == '3' %}
|
|
<a href='{{ url_for(".go_to_dashboard_after_tour", service_id=current_service.id, example_template_id=template.id) }}'>
|
|
Now go to your dashboard
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
{% endcall %}
|
|
{% else %}
|
|
<nav class="navigation">
|
|
<ul>
|
|
<li><a href="{{ url_for('.service_dashboard', service_id=current_service.id) }}">Dashboard</a></li>
|
|
{% if current_user.has_permissions(['view_activity', 'manage_templates', 'manage_api_keys'], admin_override=True, any_=True) %}
|
|
<li><a href="{{ url_for('.choose_template', service_id=current_service.id, template_type='email') }}">Email templates</a></li>
|
|
<li><a href="{{ url_for('.choose_template', service_id=current_service.id, template_type='sms') }}">Text message templates</a></li>
|
|
{% if current_service.can_send_letters %}
|
|
<li><a href="{{ url_for('.choose_template', service_id=current_service.id, template_type='letter') }}">Letter templates</a></li>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if current_user.has_permissions(['manage_users', 'manage_settings'], admin_override=True) %}
|
|
<li><a href="{{ url_for('.manage_users', service_id=current_service.id) }}">Team members</a></li>
|
|
<li><a href="{{ url_for('.service_settings', service_id=current_service.id) }}">Settings</a></li>
|
|
{% elif current_user.has_permissions(['view_activity']) %}
|
|
<li><a href="{{ url_for('.manage_users', service_id=current_service.id) }}">Team members</a></li>
|
|
{% endif %}
|
|
{% if current_user.has_permissions(['manage_api_keys'], admin_override=True) %}
|
|
<li><a href="{{ url_for('.api_integration', service_id=current_service.id) }}">API integration</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|