templates/Nordinfo/Main/password_forgot.html.twig line 1

Open in your IDE?
  1. {% extends 'Nordinfo/Main/base.html.twig' %}
  2. {% block title %}Réinitialiser mon mot de passe - Nord Info{% endblock %}
  3. {% block body_class %}body-signaler bgColorGrey{% endblock %}
  4. {% block head_js %}{% endblock %}
  5. {% block body %}
  6.   <main role="main" class="mainContent pt-5 pb-0" data-form-validation-step="hidden" id="mainContent" tabindex="-1">
  7.     <div class="container">
  8.       <div class="containerPageHeader">
  9.         <h1>Réinitialiser mon mot de passe</h1>
  10.       </div>
  11.       <article class="pt-4">
  12.         <form class="connect_form formCustom" id="formPassForgot" action="#">
  13.           <input type="hidden" name="raison" id="raison">
  14.           <div class="form-group">
  15.             <div class="__input-wrapper">
  16.               <div class="__inner">
  17.                 <label for="myemail" hidden>Mon adresse e-mail</label>
  18.                 <input id="myemail" type="email" name="email" class="form-control"
  19.                        placeholder="Mon adresse courriel" required>
  20.               </div>
  21.             </div>
  22.           </div>
  23.           <div class="form-group text-center pt-4">
  24.             <button id='passwordForgotButton' class="btn btnFormSubmit">
  25.               <span class="__text">Envoyer</span>
  26.               <span class="loader"></span>
  27.             </button>
  28.           </div>
  29.         </form>
  30.         <div style="padding-bottom:100px;"></div>
  31.       </article>
  32.     </div>
  33.   </main>
  34.   <script>
  35.     (function() {
  36.       
  37.       var btn = document.getElementById('passwordForgotButton');
  38.       var btnText = btn.querySelector('.__text');
  39.       var btnLoader = btn.querySelector('.loader');
  40.       var form = document.getElementById('formPassForgot');
  41.       
  42.       var verifEmail = function(elem, ev) {
  43.         ev.preventDefault();
  44.         if (document.body.contains(form)) {
  45.           if (form.checkValidity()) {
  46.             if($('#raison').val() == ''){
  47.               var mail = $('#myemail').val();
  48.               btnText.style.display = 'none';
  49.               btnLoader.style.display = 'block';
  50.               $.ajax({
  51.                 url: `${window.location.origin}/verif_email`,
  52.                 type: 'POST',
  53.                 data: 'function=verifEmail&email=' + mail,
  54.                 dataType: 'json',
  55.                 success: function (data) {
  56.                   if (data === 201) {
  57.                     document.location.replace(`${window.location.origin}/oubli-mot-de-passe-success/${mail}`);
  58.                   } else {
  59.                     btnText.style.display = 'inline';
  60.                     btnLoader.style.display = 'none';
  61.                     document.location.replace(`${window.location.origin}/oubli-mot-de-passe-success/${mail}`);
  62.                     //alert('Adresse courriel non reconnue');
  63.                   }
  64.                 },
  65.                 error: function () {
  66.                   btnText.style.display = 'inline';
  67.                   btnLoader.style.display = 'none';
  68.                   alert("Une erreur s'est produite");
  69.                 },
  70.                 complete: function () {}
  71.               });
  72.             }
  73.           } else {
  74.             form.reportValidity();
  75.           }
  76.         }
  77.       };
  79.       if (document.body.contains(btn)) {
  80.         btn.addEventListener('click', verifEmail.bind(this, btn));
  81.       }
  82.       
  83.     })();
  84.     
  85.   </script>
  86. {% endblock %}