mirror of
https://github.com/element-hq/matrix-authentication-service.git
synced 2026-10-15 09:01:45 +00:00
Quentin Gliech
e98f26ee6b
The server-rendered registration form is replaced by a React-based component which talks to the GraphQL API to validate the username as it is typed, renders the CAPTCHA in-page, and gives live password complexity feedback. Server-side validation errors are threaded into the form through the mount node, so a rejected submission re-renders with the same messages the old template showed. Registering now requires JavaScript: the <noscript> block shows a notice and a sign-in link instead of a duplicate form, which could not work anyway when a CAPTCHA is configured. While the script loads, the page shows a skeleton of the form to avoid layout shifts, and a hidden error notice is revealed if it fails to boot.
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
{#
|
|
Copyright 2025, 2026 Element Creations Ltd.
|
|
Copyright 2024, 2025 New Vector Ltd.
|
|
Copyright 2021-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.
|
|
-#}
|
|
|
|
{% set _ = translator(lang) %}
|
|
|
|
{% import "components/button.html" as button %}
|
|
{% import "components/field.html" as field %}
|
|
{% import "components/back_to_client.html" as back_to_client %}
|
|
{% import "components/logout.html" as logout %}
|
|
{% import "components/errors.html" as errors %}
|
|
{% import "components/icon.html" as icon %}
|
|
{% import "components/scope.html" as scope %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="{{ lang }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{% block title %}{{ _("app.name") }}{% endblock title %}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{{ include_asset('src/entrypoints/vendor.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/shared.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/templates.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/templates.ts') | indent(4) | safe }}
|
|
{% block head %}{% endblock head %}
|
|
</head>
|
|
<body>
|
|
<div class="layout-container{% if consent_page is defined %} consent{% endif %}">
|
|
{% block content %}{% endblock content %}
|
|
{% include "components/footer.html" %}
|
|
</div>
|
|
</body>
|
|
</html>
|