Show service suspension in breadcrumb

Previously there was no indication that a service was suspended.
While this could also be shown for archived/deleted services, the
meaning is similar enough that it makes sense there too - the name
of the archived service should distinguish it as being archived.
This commit is contained in:
Ben Thorner
2021-04-19 17:46:42 +01:00
parent 2871d4cb04
commit b43eb3a591
3 changed files with 41 additions and 10 deletions

View File

@@ -34,6 +34,12 @@
box-shadow: 0 -3px 0 0 $grey-3;
}
&--suspended {
background: $grey-3;
color: mix($grey-1, $text-colour);
box-shadow: 0 -3px 0 0 $grey-3;
}
&--live {
// This uses new Design System colours to match .govuk-tag--red
background: #F6D7D2;

View File

@@ -17,16 +17,18 @@
{% endif %}
<div class="navigation-service-name govuk-!-font-weight-bold">
{{ current_service.name }}
{% if current_service.has_permission('broadcast') %}
{% if current_service.trial_mode %}
<span class="navigation-service-type navigation-service-type--training">Training
{% else %}
<span class="navigation-service-type navigation-service-type--live">Live
{% endif %}
{% if current_service.allowed_broadcast_provider %}
({{ current_service.allowed_broadcast_provider }})
{% endif %}
</span>
{% if not current_service.active %}
<span class="navigation-service-type navigation-service-type--suspended">Suspended</span>
{% elif current_service.has_permission('broadcast') %}
{% if current_service.trial_mode %}
<span class="navigation-service-type navigation-service-type--training">Training
{% else %}
<span class="navigation-service-type navigation-service-type--live">Live
{% endif %}
{% if current_service.allowed_broadcast_provider %}
({{ current_service.allowed_broadcast_provider }})
{% endif %}
</span>
{% endif %}
</div>
<a href="{{ url_for('main.choose_account') }}" class="govuk-link govuk-link--no-visited-state navigation-service-switch">Switch service</a>