templates/security/forgotPassword.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     {% block stylesheets %}
  8.         {{ encore_entry_link_tags('app') }}
  9.         {{ encore_entry_link_tags('login') }}
  10.     {% endblock %}
  11.     <title>DEFIS MINAE</title>
  12. </head>
  13. <body>
  14.     {{ form_start(form,{'attr': {'action': path('app_forgot_pass_submit'), 'id': 'forgot_pass_form'}}) }}
  15.     <div class="card-form forgot-mdp-form">
  16.         <div class="text-center logo-custom mb-4"><img src="{{ asset('images/logo.png')}}"></div>
  17.         <h6 class="mb-3 text-center">
  18.             <b>Entrez votre adresse e-mail de récupération</b>
  19.         </h6>
  20.         <div>
  21.             <div class="mb-3">
  22.                 <label class="">Email</label>
  23.                 {{ form_widget(form.email, {'attr': {'class': 'form-control','autocomplete':false}}) }}
  24.             </div>
  25.             <div class="text-center">
  26.                 <button type="submit" class="btn btn btn-primary btn-green mb-3" id="forgot_pass_submit">Envoyer</button>
  27.             </div>
  28.         </div>
  29.     </div>
  30.     {{ form_end(form) }}
  31.     <script>
  32.         document.addEventListener('DOMContentLoaded', function () {
  33.             // Au submit, enlever les espaces pour envoyer un nombre pur
  34.             const form = document.getElementById('forgot_pass_form');
  35.             form.addEventListener('submit', function () {
  36.                 disabledSubmitButton('forgot_pass_submit');
  37.             });
  38.             function disabledSubmitButton(elementId) {
  39.                 const submitBtn = document.getElementById(elementId);
  40.                 // Désactive le bouton
  41.                 submitBtn.disabled = true;
  42.                 // Change le texte du bouton si tu veux
  43.                 submitBtn.innerText = 'Envoi en cours...';
  44.             }
  45.         });
  46.     </script>
  47. </body>
  48. </html>