Files
synapse-app-mas/mas/share/templates/pages/device_link.html
2025-12-01 08:14:13 -06:00

43 lines
1.2 KiB
HTML

{#
Copyright 2024, 2025 New Vector Ltd.
Copyright 2023, 2024 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE files in the repository root for full details.
-#}
{% extends "base.html" %}
{% block content %}
<header class="page-heading">
<div class="icon">
{{ icon.link() }}
</div>
<div class="header">
<h1 class="title">{{ _("mas.device_code_link.headline") }}</h1>
<p class="text">{{ _("mas.device_code_link.description") }}</p>
</div>
</header>
<form method="GET" class="cpd-form-root">
{% call(f) field.field(label="Device code", name="code", class="mb-4 self-center", form_state=form_state) %}
<div class="cpd-mfa-container">
<input {{ field.attributes(f) }}
id="mfa-code-input"
type="text"
minlength="0"
maxlength="6"
class="cpd-mfa-control uppercase"
required>
{% for _ in range(6) %}
<div class="cpd-mfa-digit" aria-hidden="true"></div>
{% endfor %}
</div>
{% endcall %}
{{ button.button(text=_("action.continue")) }}
</form>
{% endblock content %}