templates/security/forget-password.html.twig line 1

Open in your IDE?
  1. {% extends 'security/login.html.twig' %}
  3. {% block body %}
  4.     <div id="fPwd-content">
  5.         <p class="pb-3">
  6.             Réinitialisez votre mot de passe. Entrez l'adresse e-mail associée à votre compte.
  7.             Vous recevrez un e-mail contenant un lien vous permettant de changer de mot de passe.
  8.         </p>
  9.         <input type="text" class="form-control" name="identifier" placeholder="ex@exemple.com">
  10.         <span class="text-danger px-2" id="error-msg"></span>
  11.         <button class="btn btn-success text-center w-100 my-3 d-flex justify-content-center align-items-center" id="fPwd-submit">
  12.             Valider
  13.         </button>
  14.     </div>
  15.     <div id="fPwd-success" style="display: none">
  16.         <p class="text-center pb-2"><i class="icon icon-circle-check text-success" style="font-size: 32pt"></i></p>
  17.         Nous avons envoyé un lien vers l'e-mail associé au compte, suivez les indications contenues pour réinitialiser
  18.         votre mot de passe.
  19.         <a class="mx-2" href="{{ path('app_login') }}">Revenir sur login</a>
  20.     </div>
  21. {% endblock %}
  23. {% block javascripts %}
  24.     <script>
  25.         document.getElementById('fPwd-submit').addEventListener('click', () => {
  26.             let id = document.querySelector('[name="identifier"]');
  27.             $('#fPwd-submit').text('En cours...');
  28.             $('#fPwd-submit').addClass('disabled');
  30.             $.ajax({
  31.                 url: "{{ path('ajax_reset_pwd') }}",
  32.                 method: "POST",
  33.                 data: JSON.stringify({'identifier': id.value}),
  34.                 success: (res) => {
  35.                     if (res.status) {
  36.                         $('#fPwd-content').hide()
  37.                         $('#fPwd-success').show()
  38.                     } else {
  39.                         $('[name="identifier"]').addClass('is-invalid')
  40.                         $('#error-msg').html('Identifiant invalide.')
  42.                         $('#fPwd-submit').text('Valider');
  43.                         $('#fPwd-submit').removeClass('disabled');
  44.                     }
  45.                 },
  46.                 error: (er) => {
  47.                     $('[name="identifier"]').addClass('is-invalid')
  48.                     $('#error-msg').html('Une erreur inattendu est survenue.')
  50.                     $('#fPwd-submit').text('Valider');
  51.                     $('#fPwd-submit').removeClass('disabled');
  52.                     console.log(er)
  53.                 }
  54.             })
  55.         })
  56.     </script>
  57. {% endblock %}