create webauthn 2fa page

if user has `webauthn_auth` as their auth type, then redirect them to an
interstitial that prompts them to click on a button which right now just
logs to the JS console, but in a future commit will open up the webauthn
browser prompt

content is unsurprisingly not final.
This commit is contained in:
Leo Hemsted
2021-05-14 11:20:56 +01:00
parent 37b51099d1
commit 907a7dc363
9 changed files with 103 additions and 9 deletions

View File

@@ -0,0 +1,33 @@
{% extends "withoutnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/button/macro.njk" import govukButton %}
{% set page_title = 'Security keys' %}
{% block per_page_title %}
{{ page_title }}
{% endblock %}
{% block maincolumn_content %}
{{ page_header(
page_title,
back_link=url_for('.user_profile')
) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<p class="govuk-body">Security key</p>
<p class="govuk-body">When you are ready to authenticate, press the button below.</p>
{{ govukButton({
"element": "button",
"text": "Webauthn authenticate click me click me",
"classes": "govuk-button--secondary",
"attributes": {
"data-module": "authenticate-security-key",
"data-csrf-token": csrf_token(),
}
}) }}
</div>
</div>
{% endblock %}