templates/front/connexion_reset.html.twig line 1

Open in your IDE?
  1. {% extends 'base_client.html.twig' %}
  3. {% block body %}
  5. <div class="formulaire-login">
  6.     <div class="div-input">
  7.         <h1>VOXDIA</h1>
  8.         <div class="div-reset">
  9.             <h2>Reset your password</h2>
  10.             <span class="form-error"></span>
  12.             <div class="input-form">
  13.                 <div class="input-form-input">
  14.                     <input type="email" class="input-forgot-password input-style" name="resetEmail" placeholder="Email" />
  15.                 </div>
  16.             </div>
  17.             
  18.             <div>
  19.                 <button class="input-form-forgot-submit button-style" type="submit" style="width: 100%;">Reset password</button>
  20.             </div>
  21.             
  22.             <hr class="input-form-hr" />        
  23.             <div class="input-form-connexion">
  24.                 <a href="{{ path('app_login') }}">Connexion</a>
  25.             </div>
  26.         </div>
  28.         <div class="div-reset-connexion">
  29.             <div class="form-success" style="margin-bottom: 30px;margin-top: 25px;color:#656565"></div>
  30.             <div>
  31.                 <a href="{{ path('app_login') }}"><div class="input-form-registration button-style">Connexion</div></a>
  32.             </div>
  33.         </div>
  34.     </div>
  35. </div>
  37. <script>
  38.     $(document).ready( function () {
  39.         $('.input-form-forgot-submit').click(function () {
  40.             if ($('.input-forgot-password').val() == '') {
  41.                 $('.input-forgot-password').css({'border': 'solid 1px red'});
  42.             } else {
  43.             $('.input-form-forgot-submit').attr('disabled', 'disabled').css('opacity', '0.3')
  44.                 
  45.                 $('.form-error').html('');
  46.                 $.ajax({
  47.                     type: "POST",
  48.                     url: '{{ path('front_connexion_reset') }}',
  49.                     data: {resetEmail: $('.input-forgot-password').val()},
  50.                     dataType: 'JSON',
  51.                     success: function (data) {
  52.                         if (data.success == true) {
  53.                             $('.div-reset').hide();
  54.                             $('.div-reset-connexion').show();
  55.                             $('.form-success').html(data.message);
  56.                         } else {console.log(data)
  57.                             $('.input-forgot-password').css({'border': 'solid 1px red'});
  58.                             $('.form-error').html(data.message);
  59.                             $('.input-form-forgot-submit').removeAttr('disabled').css('opacity', '1');
  60.                         }
  61.                     },
  62.                     error: function (error) {
  63.                         alert('Erreur lors du traitement');
  64.                         $('.input-form-forgot-submit').removeAttr('disabled').css('opacity', '1');
  65.                     }
  66.                 });
  67.             }
  68.         });
  69.     });
  70. </script>
  71. {% endblock %}