mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-07 01:48:54 -04:00
2c55f4d0ce
turns out that we're only using errorBanner with a static message, and it's also full of rich html content. This means that it's probably better to put it in the html templates with other content, rather than hidden away in js files if we can help it. Since there are two places, had to dupe the error message but i think that's fine as i don't anticipate this error message being used in significantly more places. making it a string is a bit gross and means we don't get nice syntax highlighting on it, but as it needs to be passed in to a jinja macro that's the way it has to go unfortunately.
72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/page-header.html" import page_header %}
|
||
{% from "components/button/macro.njk" import govukButton %}
|
||
{% from "components/back-link/macro.njk" import govukBackLink %}
|
||
{% from "components/webauthn-api-check.html" import webauthn_api_check %}
|
||
{% from "vendor/govuk-frontend/components/error-message/macro.njk" import govukErrorMessage %}
|
||
|
||
{% set page_title = 'Get your security key' %}
|
||
|
||
{% block extra_javascripts_before_body %}
|
||
{{ webauthn_api_check() }}
|
||
{% endblock %}
|
||
|
||
{% block per_page_title %}
|
||
{{ page_title }}
|
||
{% endblock %}
|
||
|
||
{% block backLink %}
|
||
{{ govukBackLink({ "href": url_for('.user_profile') }) }}
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{{ govukErrorMessage({
|
||
"classes": "banner-dangerous govuk-!-display-none",
|
||
"html": (
|
||
'There’s a problem with your security key' +
|
||
'<p class="govuk-body">Check you have the right key and try again. ' +
|
||
'If this does not work, ' +
|
||
'<a class="govuk-link govuk-link--no-visited-state" href=' + url_for('main.support') + ">contact us</a>." +
|
||
'</p>'
|
||
),
|
||
"attributes": {
|
||
"aria-live": "polite",
|
||
"tabindex": '-1'
|
||
}
|
||
}) }}
|
||
|
||
<div class="govuk-grid-row">
|
||
<div class="govuk-grid-column-one-half">
|
||
{{ page_header(page_title) }}
|
||
|
||
<p class="govuk-body">
|
||
You need to have your security key to sign in.
|
||
</p>
|
||
|
||
{{ govukButton({
|
||
"element": "button",
|
||
"text": "Check security key",
|
||
"classes": "govuk-button--secondary webauthn__api-required",
|
||
"attributes": {
|
||
"data-module": "authenticate-security-key",
|
||
"data-csrf-token": csrf_token(),
|
||
}
|
||
}) }}
|
||
|
||
{{ govukErrorMessage({
|
||
"classes": "webauthn__api-missing",
|
||
"text": "Your browser does not support security keys. Try signing in to Notify using a different browser."
|
||
}) }}
|
||
|
||
{{ govukErrorMessage({
|
||
"classes": "webauthn__no-js",
|
||
"text": "JavaScript is not available for this page. Security keys need JavaScript to work."
|
||
}) }}
|
||
</div>
|
||
<div class="govuk-grid-column-one-quarter">
|
||
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration">
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|