Skip to content

Refonte visuelle page de connexion #2351

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mopolo merged 1 commit into from
Aug 20, 2026
Merged

Refonte visuelle page de connexion #2351

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 44 additions & 40 deletions templates/site/auth/login.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,41 +1,45 @@
{% extends 'admin/association/membership/_base.html.twig' %}

{% block page_title %}{% endblock %}

{% block page_container_extra_classes %}remove-min-height-from-container-id{% endblock %}

{% block page_content %}

<div class="afup-form afup-form--miniform">
<form method="post">
<fieldset>
<h1>Connexion</h1>
{% if error is not null %}<div class="flash flash-error">{{ error.messageKey|trans(error.messageData, 'security') }}</div>{% endif %}

<div class="afup-form-container">
<div>
<label for="utilisateur">Email ou nom d'utilisateur</label>
<input type="text" id="utilisateur" name="utilisateur" autofocus value="{{ last_username }}"/>
</div>
<div>
<label for="mot_de_passe">Mot de passe</label>
<input type="password" name="mot_de_passe" id="mot_de_passe" />
</div>
<div>
<input class="button button--call-to-action" type="submit" name="soumettre" value="Se connecter"/>
</div>
<div>
<p><a href="{{ url('app_password_reset') }}">Mot de passe perdu</a></p>
<p><a href="{{ url('become_member') }}">Adhésion à l'AFUP</a></p>
</div>
</div>
<input type="hidden" name="connexion" value="1" />
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</fieldset>

{% if target_path is not null %}
<input type="hidden" name="_target_path" value="{{ target_path }}" />
{% endif %}
</form>
</div>
{% extends 'layouts/site.html.twig' %}

{% block content %}

<div class="container mx-auto flex flex-col items-center px-4 my-5 gap-4">
<h1 class="font-titre font-normal text-5xl text-afup-800 text-center">{{ "Connexion"|trans }}</h1>

<form method="post" novalidate="novalidate">

<twig:Card class="flex flex-col gap-8 px-6 py-12 sm:px-28 sm:py-12 my-5 sm:mb-10 w-full sm:w-200">


{% if error is not null %}
<twig:Alert type="error" class="w-full">{{ error.messageKey|trans(error.messageData, 'security') }}</twig:Alert>
{% endif %}


<div class="flex w-full flex-col gap-1.5">
<label for="utilisateur" class="flex items-start gap-1 text-sm leading-4 font-medium text-neutre-700">Email ou nom d'utilisateur</label>
<input type="text" id="utilisateur" name="utilisateur" value="{{ last_username }}" required="required" class="w-full rounded-lg border-2 bg-white px-3 text-sm text-gray-700 placeholder:text-neutre-400 focus:border-afup-500 focus:outline-none disabled:cursor-not-allowed disabled:bg-neutre-200 disabled:text-neutre-400 border-neutre-300 h-10">
</div>

<div class="flex w-full flex-col gap-1.5">
<div class="flex items-center justify-between">
<label for="mot_de_passe" class="flex items-start gap-1 text-sm leading-4 font-medium text-neutre-700">Mot de passe</label>
<a href="{{ url('app_password_reset') }}" class="text-xs text-afup-500 underline hover:no-underline">Mot de passe perdu ?</a>
</div>
<input type="password" id="mot_de_passe" name="mot_de_passe" required="required" class="w-full rounded-lg border-2 bg-white px-3 text-sm text-gray-700 placeholder:text-neutre-400 focus:border-afup-500 focus:outline-none disabled:cursor-not-allowed disabled:bg-neutre-200 disabled:text-neutre-400 border-neutre-300 h-10">
</div>

<input type="hidden" name="connexion" value="1" />
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
{% if target_path is not null %}
<input type="hidden" name="_target_path" value="{{ target_path }}" />
{% endif %}


<div class="flex flex-col-reverse sm:flex-row items-center justify-between gap-4 border-t-2 border-neutre-300 pt-5">
<p class="font-sans font-normal text-sm text-neutre-700">Pas encore de compte ? <a href="{{ url('become_member') }}" class="text-afup-500 underline hover:no-underline">Adhésion à l'AFUP</a></p>
<button class="items-center justify-center rounded-lg border border-transparent bg-clip-border whitespace-nowrap bg-ruby-500 text-white hover:bg-ruby-700 px-8 py-3 text-base font-semibold" type="submit" name="soumettre">Se connecter</button>
</div>

</twig:Card>
</form>
{% endblock %}
Loading