set front
This commit is contained in:
9
templates/reset_password/email.html.twig
Normal file
9
templates/reset_password/email.html.twig
Normal file
@@ -0,0 +1,9 @@
|
||||
<h1>Salut l'ami 👋</h1>
|
||||
|
||||
<p>Alors on a oublié son mot de passe, pas de problème tu peux le réinitialiser avec le lien suivant : <a
|
||||
href="{{ url('app_reset_password', {token: resetToken.token}) }}">Réinitialiser mon mot de passe</a>
|
||||
</p>
|
||||
|
||||
<p>Attention ce lien expirera dans {{ resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') }}</p>
|
||||
|
||||
<p>À tout de suite 😉</p>
|
||||
46
templates/reset_password/request.html.twig
Normal file
46
templates/reset_password/request.html.twig
Normal file
@@ -0,0 +1,46 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Mot de passe oublié | {{ parent() }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<div class="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-lg">
|
||||
<h1 class="text-center text-2xl font-bold text-light-primary dark:text-light-font sm:text-3xl">Tu as
|
||||
oublié ton mot de passe 😓</h1>
|
||||
|
||||
<p class="mx-auto mt-4 max-w-md text-center dark:text-light-font">
|
||||
Pas de problème, on s'occupe de tout 😉
|
||||
</p>
|
||||
|
||||
{{ form_start(requestForm) }}
|
||||
<div class="mb-0 mt-6 space-y-4 rounded-lg p-4 dark:bg-dark-card bg-light-card shadow-lg sm:p-6 lg:p-8">
|
||||
<p class="text-center text-lg font-medium text-light-primary dark:text-light-font">C'est quoi ton
|
||||
email ?</p>
|
||||
<div>
|
||||
<label for="email" class="sr-only">Email</label>
|
||||
<div class="relative">
|
||||
{{ form_widget(requestForm.email, { id:'email', attr: { class: 'w-full rounded-lg p-4 pe-12 text-sm shadow-sm border-gray-200 dark:bg-dark-font dark:text-white dark:border-dark-primary focus:ring-light-primary dark:focus:ring-dark-primary focus:border-light-primary dark:focus:border-dark-primary dark:placeholder-gray-300', placeholder: 'Entrer votre email' } } ) }}
|
||||
<span class="absolute inset-y-0 end-0 grid place-content-center px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24"
|
||||
stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="block w-full rounded-lg bg-light-primary dark:bg-dark-primary hover:bg-light-secondary dark:hover:bg-dark-primary/75 transition duration-300 px-5 py-3 text-sm font-medium text-white">
|
||||
Se connecter
|
||||
|
||||
</button>
|
||||
<p class="text-center text-sm text-light-primary dark:text-light-font">
|
||||
Tu as retrouvé ton mot de passe ?
|
||||
<a class="underline" href="{{ path('app_login') }}">Se connecter</a>
|
||||
</p>
|
||||
</div>
|
||||
{{ form_end(requestForm) }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
53
templates/reset_password/reset.html.twig
Normal file
53
templates/reset_password/reset.html.twig
Normal file
@@ -0,0 +1,53 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Nouveau mot de passe | {{ parent() }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-lg">
|
||||
<h1 class="text-center text-2xl font-bold text-light-primary dark:text-light-font sm:text-3xl">Nouveau mot
|
||||
de passe 😊</h1>
|
||||
{{ form_start(resetForm) }}
|
||||
<div class="mb-0 mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8">
|
||||
<p class="text-center text-lg font-medium text-light-primary dark:text-light-font">Votre nouveau mot
|
||||
de passe</p>
|
||||
<div>
|
||||
<label for="firstPassword" class="sr-only">Nouveau mot de passe</label>
|
||||
<div class="relative">
|
||||
{{ form_widget(resetForm.plainPassword.first, { id:'firstPassword', attr: { class: 'w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm focus:ring-light-primary dark:focus:ring-dark-primary focus:border-light-primary dark:focus:border-dark-primary', placeholder: 'Entrer votre nouveau mot de passe' } } ) }}
|
||||
<span class="absolute inset-y-0 end-0 grid place-content-center px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24"
|
||||
stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="secondPassword" class="sr-only">Confirmation du mot de passe</label>
|
||||
<div class="relative">
|
||||
{{ form_widget(resetForm.plainPassword.second, { id:'secondPassword', attr: { class: 'w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm focus:ring-light-primary dark:focus:ring-dark-primary focus:border-light-primary dark:focus:border-dark-primary', placeholder: 'Confirmer votre nouveau mot de passe' } } ) }}
|
||||
<span class="absolute inset-y-0 end-0 grid place-content-center px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24"
|
||||
stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit"
|
||||
class="block w-full rounded-lg bg-light-primary dark:bg-dark-primary px-5 py-3 text-sm font-medium text-white">
|
||||
Valider
|
||||
</button>
|
||||
</div>
|
||||
{{ form_end(resetForm) }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user