Add symfonycasts/reset-password-bundle@1.11 template

config/packages/tabler.yaml

@@ -32,7 +32,6 @@ tabler:
         tabler_registration: registration
         tabler_registration_register: registration_register
         tabler_password_reset: resetting_request
-        tabler_password_reset_sent: resetting_send_email
 
     icons:
         # used for the action_collapsebutton components

docs/reset_password_pages.md

@@ -0,0 +1,43 @@
+## How it was made
+
+3 pre-implemented layouts are available for the `reset-password` form.
+
+There are inspired by `symfonycasts/reset-password-bundle@1.11`.
+See here: https://github.com/SymfonyCasts/reset-password-bundle
+
+Filenames and variables/forms name follows what `reset-password-bundle` as generated by default.
+You can of course override everything if needed.
+
+## Using the layout
+
+In order to use the layouts, 
+you should extend the one you want from `@Tabler/security/reset_password/`:
+- check_email.html.twig
+- request.html.twig
+- reset.html.twig
+
+Here's an example for the reset request form with the email input.
+```twig
+{% extends '@Tabler/security/reset_password/request.html.twig' %}
+
+{% block logo_login %}
+    <a href="." class="navbar-brand navbar-brand-autodark">
+        <img src="{{ asset('images/logo.svg') }}" height="36">
+    </a>
+{% endblock %}
+```
+
+### Extra
+
+You shouldn't directly extend `@Tabler\security\reset_password\base.html.twig`, 
+it's only there to emptying the `login_social_auth` block, and add the flash errors.
+
+If you want to make your own template with that base, you can.
+
+## Layout blocks
+
+TODO explain blocks
+
+## Next steps
+
+Please go back to the [Tabler bundle documentation](README.md) to find out more about using the theme.

src/DependencyInjection/Configuration.php

@@ -79,10 +79,6 @@ private function getRouteAliasesConfig(): NodeDefinition
                     ->defaultNull()
                     ->info('name of the forgot-password form route')
                 ->end()
-                ->scalarNode('tabler_password_reset_sent')
-                    ->defaultNull()
-                    ->info('name of the sent forgot-password email form route')
-                ->end()
             ->end()
         ->end();
 

templates/security.html.twig

@@ -16,7 +16,7 @@
 <div class="page page-center">
     <div class="container-tight py-4">
         <div class="text-center mb-4">
-            <h1>{% block logo_login %}Tabler{% endblock %}</h1>
+            {% block logo_login %}<h1>{% block title_login %}Tabler{% endblock %}</h1>{% endblock %}
         </div>
 
         <div class="card card-md">

templates/security/reset_password/base.html.twig

@@ -0,0 +1,9 @@
+{% extends '@Tabler/security.html.twig' %}
+
+{% block login_social_auth %}{% endblock %}
+
+{% block login_box_error %}
+    {% for flashError in app.flashes('reset_password_error') %}
+        <div class="alert alert-important alert-danger">{{ flashError }}</div>
+    {% endfor %}
+{% endblock %}

templates/security/reset_password/check_email.html.twig

@@ -0,0 +1,17 @@
+{% extends '@Tabler/security/reset_password/base.html.twig' %}
+
+{% block title %}
+    {{ 'Password Reset Email Sent'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_box_msg %}
+    {{ 'Password Reset Email Sent'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_form %}
+    {% set token = resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') %}
+    <p>
+        {{ 'If an account matching your email exists, then an email was just sent that contains a link that you can use to reset your password. This link will expire in %token%.' | trans({'%token%' : token}, 'TablerBundle') }}
+    </p>
+    <p>{{ "If you don't receive an email please check your spam folder or"|trans({}, 'TablerBundle') }} <a href="{{ path('tabler_password_reset'|tabler_route) }}">{{ 'Try again'|trans({}, 'TablerBundle') }}</a>.</p>
+{% endblock %}

templates/security/reset_password/request.html.twig

@@ -0,0 +1,36 @@
+{% extends '@Tabler/security/reset_password/base.html.twig' %}
+
+{% block title %}
+    {{ 'I forgot my password'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_box_msg %}
+    {{ 'I forgot my password'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_form %}
+    {% block request_help %}
+        <p class="text-muted mb-4">{{ 'Enter your email address and your password will be reset and emailed to you'|trans({}, 'TablerBundle') }}</p>
+    {% endblock %}
+
+    {{ form_start(requestForm) }}
+
+    {{ form_row(requestForm.email) }}
+
+    <div class="form-footer">
+        <button type="submit" class="btn btn-primary w-100">
+            {{ tabler_icon('mail') }}
+            {{ 'Reset your password'|trans({}, 'TablerBundle') }}
+        </button>
+    </div>
+
+    {{ form_end(requestForm) }}
+{% endblock %}
+
+{% block login_actions %}
+    <div class="text-center text-muted mt-3">
+        <a href="{{ path('tabler_login'|tabler_route) }}">
+            {{ 'Back to login'|trans({}, 'TablerBundle') }}
+        </a>
+    </div>
+{% endblock %}

templates/security/reset_password/reset.html.twig

@@ -0,0 +1,22 @@
+{% extends '@Tabler/security/reset_password/base.html.twig' %}
+
+{% block title %}
+    {{ 'Reset your password'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_box_msg %}
+    {{ 'Reset your password'|trans({}, 'TablerBundle') }}
+{% endblock %}
+
+{% block login_form %}
+    {{ form_start(resetForm) }}
+    {{ form_row(resetForm.plainPassword) }}
+
+    <div class="form-footer">
+        <button type="submit" class="btn btn-primary w-100">
+            {{ 'Reset your password'|trans({}, 'TablerBundle') }}
+        </button>
+    </div>
+
+    {{ form_end(resetForm) }}
+{% endblock %}

tests/DependencyInjection/ConfigurationTest.php

@@ -69,7 +69,6 @@ protected function getDefaultConfig()
                     'tabler_registration' => null,
                     'tabler_registration_register' => null,
                     'tabler_password_reset' => null,
-                    'tabler_password_reset_sent' => null,
                 ],
                 'icons' => [],
             ]

translations/TablerBundle.fr.xliff

@@ -106,6 +106,26 @@
                 <source>Take me home</source>
                 <target>Retourner au début</target>
             </trans-unit>
+            <trans-unit id="Password Reset Email Sent">
+                <source>Password Reset Email Sent</source>
+                <target>Email réinitialisation de mot de passe envoyé</target>
+            </trans-unit>
+            <trans-unit id="Enter your email address and your password will be reset and emailed to you">
+                <source>Enter your email address and your password will be reset and emailed to you</source>
+                <target>Saisissez votre adresse email et votre mot de passe sera réinitialisé par mail</target>
+            </trans-unit>
+            <trans-unit id="If an account matching your email exists, then an email was just sent that contains a link that you can use to reset your password. This link will expire in %token%.">
+                <source>If an account matching your email exists, then an email was just sent that contains a link that you can use to reset your password. This link will expire in %token%.</source>
+                <target>Si un compte correspond à l'adresse renseignée, un email vient d'être envoyé contenant un lien afin de réinitialiser votre mot de passe. Ce lien expire dans %token%.</target>
+            </trans-unit>
+            <trans-unit id="If you don't receive an email please check your spam folder or">
+                <source>If you don't receive an email please check your spam folder or</source>
+                <target>Si vous n'avez pas reçu d'email, merci de vérifier vos spams ou</target>
+            </trans-unit>
+            <trans-unit id="Try again">
+                <source>Try again</source>
+                <target>Essayer à nouveau</target>
+            </trans-unit>
         </body>
     </file>
 </xliff>