mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-05 10:53:28 -05:00
a08089a47d
The previous service switcher was built purely in Javascript, which meant that, for the purposes of progressive enhancement, it had to load in the open state. Setting it to the closed state with Javascript happened a fraction of a second after page load. This caused an unpleasant flicker as the whole page shifted up and down as it loaded. This commit changes the switcher to use the native HTML5 `details` and `summary` elements[1]. This commit adds a polyfill from GOV.UK Elements for browsers which don’t support `details`/`summary`. 1. http://html5doctor.com/the-details-and-summary-elements/
95 lines
2.9 KiB
HTML
95 lines
2.9 KiB
HTML
{% extends "govuk_template.html" %}
|
|
|
|
{% block head %}
|
|
<!--[if gt IE 8]><!-->
|
|
<link rel="stylesheet" media="screen" href="{{ asset_path }}stylesheets/main.css" />
|
|
<!--<![endif]-->
|
|
<!--[if IE 6]>
|
|
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie6.css" />
|
|
<![endif]-->
|
|
<!--[if IE 7]>
|
|
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie7.css" />
|
|
<![endif]-->
|
|
<!--[if IE 8]>
|
|
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie8.css" />
|
|
<![endif]-->
|
|
{% endblock %}
|
|
|
|
{% block page_title %}
|
|
GOV.UK Notify admin
|
|
{% endblock %}
|
|
|
|
{% block cookie_message %}
|
|
{% endblock %}
|
|
|
|
{% block inside_header %}
|
|
{% endblock %}
|
|
{% block header_class %}with-proposition{% endblock %}
|
|
{% block proposition_header %}
|
|
<div class="header-proposition">
|
|
<div class='content'>
|
|
<div class="phase-banner-beta">
|
|
<strong class="phase-tag">BETA</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
{% set global_header_text = "GOV.UK Notify" %}
|
|
|
|
|
|
{% if not current_user.is_authenticated() %}
|
|
{% set homepage_url = url_for('main.index') %}
|
|
{% else %}
|
|
{% set homepage_url = url_for('main.dashboard', service_id=123) %}
|
|
{% endif %}
|
|
|
|
{% block content %}
|
|
|
|
{% if current_user.is_authenticated() %}
|
|
<nav class="management-navigation">
|
|
<div class="grid-row">
|
|
<div class="column-half">
|
|
<details class="dropdown">
|
|
<summary class="dropdown-toggle">
|
|
Service name
|
|
</summary>
|
|
<a href="#">Switch to A N Other service</a>
|
|
<a href="{{ url_for('.add_service') }}">Add a new service to GOV.UK Notify</a>
|
|
</details>
|
|
</div>
|
|
<div class="column-half management-navigation-account">
|
|
<a href="{{ url_for('main.userprofile') }}">{{ current_user.name }}</a>
|
|
<a href="{{ url_for('main.sign_out')}}">Sign out</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% endif %}
|
|
|
|
<main id="content" role="main" class="page-container">
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
<ul class="banner-dangerous">
|
|
{% for category, message in messages %}
|
|
<li class="flash-message">
|
|
{{ message }}
|
|
{% if 'delete' == category %}
|
|
<form method='post'>
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
|
<input type="submit" class="button" name="delete" value="Yes, delete this template" />
|
|
</form>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% block fullwidth_content %}{% endblock %}
|
|
</main>
|
|
{% endblock %}
|
|
|
|
{% block body_end %}
|
|
<script type="text/javascript" src="{{ asset_path }}javascripts/all.js" /></script>
|
|
{% endblock %}
|