feat: more blocks for theming login and password pages

This commit is contained in:
Éloi Rivard 2024-05-21 17:17:48 +02:00
parent d356e1b8bc
commit 61da0683bd
No known key found for this signature in database
GPG key ID: 7EDA204EA57DD184
2 changed files with 64 additions and 48 deletions

View file

@ -7,6 +7,7 @@
<div class="ui container" hx-boost="false"> <div class="ui container" hx-boost="false">
<div class="content"> <div class="content">
<div class="ui clearing segment"> <div class="ui clearing segment">
{% block header %}
{% if logo_url %} {% if logo_url %}
<a href="{{ url_for('core.account.index') }}"> <a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}"> <img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
@ -21,12 +22,18 @@
</div> </div>
<div class="sub header">{% trans %}Manage your information and your authorizations{% endtrans %}</div> <div class="sub header">{% trans %}Manage your information and your authorizations{% endtrans %}</div>
</h2> </h2>
{% endblock %}
{% block messages %}
{{ flask.messages() }} {{ flask.messages() }}
{% endblock %}
{% call fui.render_form(form) %} {% call fui.render_form(form) %}
{% block fields %}
{% block login_field scoped %}{{ login_field.render_field(form.login, class="autofocus") }}{% endblock %} {% block login_field scoped %}{{ login_field.render_field(form.login, class="autofocus") }}{% endblock %}
{% endblock %}
{% block buttons %}
<div class="ui right aligned container"> <div class="ui right aligned container">
<div class="ui stackable buttons"> <div class="ui stackable buttons">
{% if features.has_registration %} {% if features.has_registration %}
@ -38,6 +45,7 @@
<button type="submit" name="answer" class="ui right floated primary button" hx-boost="false">{{ _("Continue") }}</button> <button type="submit" name="answer" class="ui right floated primary button" hx-boost="false">{{ _("Continue") }}</button>
</div> </div>
</div> </div>
{% endblock %}
{% endcall %} {% endcall %}
</div> </div>
</div> </div>

View file

@ -7,6 +7,7 @@
<div class="ui container"> <div class="ui container">
<div class="content"> <div class="content">
<div class="ui clearing segment"> <div class="ui clearing segment">
{% block header %}
{% if logo_url %} {% if logo_url %}
<a href="{{ url_for('core.account.index') }}"> <a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}"> <img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
@ -21,12 +22,18 @@
</div> </div>
<div class="sub header">{% trans %}Please enter your password for this account.{% endtrans %}</div> <div class="sub header">{% trans %}Please enter your password for this account.{% endtrans %}</div>
</h2> </h2>
{% endblock %}
{% block messages %}
{{ flask.messages() }} {{ flask.messages() }}
{% endblock %}
{% call fui.render_form(form, hx_boost="false") %} {% call fui.render_form(form, hx_boost="false") %}
{% block fields %}
{{ login_field.render_field(form.password, class="autofocus") }} {{ login_field.render_field(form.password, class="autofocus") }}
{% endblock %}
{% block buttons %}
<div class="ui right aligned container"> <div class="ui right aligned container">
<div class="ui stackable buttons"> <div class="ui stackable buttons">
<a type="button" class="ui right floated button" href="{{ url_for('core.auth.login') }}">{{ _("I am not %(username)s", username=username) }}</a> <a type="button" class="ui right floated button" href="{{ url_for('core.auth.login') }}">{{ _("I am not %(username)s", username=username) }}</a>
@ -36,6 +43,7 @@
<button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button> <button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button>
</div> </div>
</div> </div>
{% endblock %}
{% endcall %} {% endcall %}
</div> </div>
</div> </div>