globuzma/canaille-globuzma
1
0
Fork 0
forked from Github-Mirrors/canaille
Code Pull requests Activity

feat: more blocks for theming login and password pages

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

58
canaille/core/templates/login.html
View file

@ -7,37 +7,45 @@
<div class="ui container" hx-boost="false">
<div class="content">
<div class="ui clearing segment">
{% if logo_url %}
<a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
</a>
{% else %}
<i class="massive sign in icon image ui"></i>
{% endif %}
{% block header %}
{% if logo_url %}
<a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
</a>
{% else %}
<i class="massive sign in icon image ui"></i>
{% endif %}
<h2 class="ui center aligned header">
<div class="content">
{{ _("Sign in at %(website)s", website=website_name) }}
</div>
<div class="sub header">{% trans %}Manage your information and your authorizations{% endtrans %}</div>
</h2>
<h2 class="ui center aligned header">
<div class="content">
{{ _("Sign in at %(website)s", website=website_name) }}
</div>
<div class="sub header">{% trans %}Manage your information and your authorizations{% endtrans %}</div>
</h2>
{% endblock %}
{{ flask.messages() }}
{% block messages %}
{{ flask.messages() }}
{% endblock %}
{% call fui.render_form(form) %}
{% block login_field scoped %}{{ login_field.render_field(form.login, class="autofocus") }}{% endblock %}
{% block fields %}
{% block login_field scoped %}{{ login_field.render_field(form.login, class="autofocus") }}{% endblock %}
{% endblock %}
<div class="ui right aligned container">
<div class="ui stackable buttons">
{% if features.has_registration %}
<a type="button" class="ui right floated button" href="{{ url_for('core.account.join') }}">{{ _("Create an account") }}</a>
{% endif %}
{% if features.has_smtp and features.has_password_recovery %}
<a type="button" class="ui right floated button" href="{{ url_for('core.auth.forgotten') }}">{{ _("Forgotten password") }}</a>
{% endif %}
<button type="submit" name="answer" class="ui right floated primary button" hx-boost="false">{{ _("Continue") }}</button>
{% block buttons %}
<div class="ui right aligned container">
<div class="ui stackable buttons">
{% if features.has_registration %}
<a type="button" class="ui right floated button" href="{{ url_for('core.account.join') }}">{{ _("Create an account") }}</a>
{% endif %}
{% if features.has_smtp and features.has_password_recovery %}
<a type="button" class="ui right floated button" href="{{ url_for('core.auth.forgotten') }}">{{ _("Forgotten password") }}</a>
{% endif %}
<button type="submit" name="answer" class="ui right floated primary button" hx-boost="false">{{ _("Continue") }}</button>
</div>
</div>
</div>
{% endblock %}
{% endcall %}
</div>
</div>

54
canaille/core/templates/password.html
View file

@ -7,35 +7,43 @@
<div class="ui container">
<div class="content">
<div class="ui clearing segment">
{% if logo_url %}
<a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
</a>
{% else %}
<i class="massive sign in icon image ui"></i>
{% endif %}
{% block header %}
{% if logo_url %}
<a href="{{ url_for('core.account.index') }}">
<img class="ui tiny centered image" src="{{ logo_url }}" alt="{{ website_name }}">
</a>
{% else %}
<i class="massive sign in icon image ui"></i>
{% endif %}
<h2 class="ui center aligned header">
<div class="content">
{{ _("Sign in as %(username)s", username=username) }}
</div>
<div class="sub header">{% trans %}Please enter your password for this account.{% endtrans %}</div>
</h2>
<h2 class="ui center aligned header">
<div class="content">
{{ _("Sign in as %(username)s", username=username) }}
</div>
<div class="sub header">{% trans %}Please enter your password for this account.{% endtrans %}</div>
</h2>
{% endblock %}
{{ flask.messages() }}
{% block messages %}
{{ flask.messages() }}
{% endblock %}
{% call fui.render_form(form, hx_boost="false") %}
{{ login_field.render_field(form.password, class="autofocus") }}
{% block fields %}
{{ login_field.render_field(form.password, class="autofocus") }}
{% endblock %}
<div class="ui right aligned container">
<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>
{% if features.has_smtp and features.has_password_recovery %}
<a type="button" class="ui right floated button" href="{{ url_for('core.auth.forgotten') }}">{{ _("Forgotten password") }}</a>
{% endif %}
<button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button>
{% block buttons %}
<div class="ui right aligned container">
<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>
{% if features.has_smtp and features.has_password_recovery %}
<a type="button" class="ui right floated button" href="{{ url_for('core.auth.forgotten') }}">{{ _("Forgotten password") }}</a>
{% endif %}
<button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button>
</div>
</div>
</div>
{% endblock %}
{% endcall %}
</div>
</div>