78 lines
3.1 KiB
HTML
78 lines
3.1 KiB
HTML
{#
|
|
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.
|
|
-#}
|
|
|
|
{% extends "base.html" %}
|
|
|
|
{% import "components/brand_logo.html" as brand_logo %}
|
|
{% from "components/idp_brand.html" import logo %}
|
|
|
|
{% block content %}
|
|
<form method="POST" class="flex flex-col gap-10" action="{{ '/register' | prefix_url }}">
|
|
<header class="page-heading">
|
|
<div class="brand-logo">
|
|
{{ brand_logo.letro_logo() }}
|
|
</div>
|
|
|
|
<div class="header">
|
|
<h1 class="title">{{ _("mas.register.create_account.heading") }}</h1>
|
|
|
|
{% if features.password_registration %}
|
|
<p class="text">{{ _("mas.register.create_account.description") }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
|
|
{% if features.password_registration %}
|
|
<input type="hidden" name="csrf" value="{{ csrf_token }}" />
|
|
|
|
{% call(f) field.field(label=_("common.username"), name="username", form_state=form) %}
|
|
<input {{ field.attributes(f) }} class="cpd-text-control" type="text" autocomplete="username" autocorrect="off" autocapitalize="off" data-choose-username />
|
|
{{ field.error(error={"kind": "policy", "code": "username-invalid-chars"}, hidden=true) }}
|
|
{{ field.error(error={"kind": "policy", "code": "postnumber-reserved"}, hidden=true) }}
|
|
<div class="cpd-form-message cpd-form-help-message" id="{{ f.id }}-help">
|
|
@username:{{ branding.server_name }}
|
|
</div>
|
|
{% endcall %}
|
|
{% endif %}
|
|
|
|
<div class="cpd-form-root">
|
|
{% for error in form.errors %}
|
|
<div class="text-critical font-medium">
|
|
{{ errors.form_error_message(error=error) }}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% for key, value in next["params"] | default({}) | items %}
|
|
<input type="hidden" name="{{ key }}" value="{{ value }}" />
|
|
{% endfor %}
|
|
|
|
{% if features.password_registration %}
|
|
{% if features.password_registration_email_required %}
|
|
{{ button.button(text=_("mas.register.continue_with_email")) }}
|
|
{% else %}
|
|
{{ button.button(text=_("mas.register.continue_with_password")) }}
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if providers %}
|
|
{% set params = next["params"] | default({}) | to_params(prefix="?") %}
|
|
{% for provider in providers %}
|
|
{% set name = provider.human_name or (provider.issuer | simplify_url(keep_path=True)) or provider.id %}
|
|
<a class="cpd-button {%- if provider.brand_name %} has-icon {%- endif %}" data-kind="secondary" data-size="lg" href="{{ ('/upstream/authorize/' ~ provider.id ~ params) | prefix_url }}">
|
|
{{ logo(provider.brand_name) }}
|
|
{{ _("mas.login.continue_with_provider", provider=name) }}
|
|
</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% set params = next["params"] | default({}) | to_params(prefix="?") %}
|
|
{{ button.link_tertiary(text=_("mas.register.call_to_login"), href="/login" ~ params) }}
|
|
</div>
|
|
</form>
|
|
{% endblock content %}
|