templates/forgot-password/forgot-password.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  4.     {{ encore_entry_link_tags('forgot-password-scss') }}
  5. {% endblock %}
  6. {% block body %}
  7.     {% if inputErrors is defined and inputErrors|length %}
  8.       <script id="inputErrorsData" type="application/json">
  9.       { "inputErrors": {{ inputErrors | json_encode | raw  }} }
  10.       </script>
  11.     {% endif %}
  12.     <div class="forgot-password-wrapper" id="forgot-password">
  13.         <div class="forgot-password-banner"></div>
  14.         <div class="login-connexion">
  15.     <a href="login">
  16.       <div class="logo">
  17.       <img class="register-connexion-logo" src="{{ asset('build/images/exval-logo-color.svg') }}" />
  18.       </div>
  19.     </a>
  20.         </div>
  21.         <div class="forgot-password-container">
  22.             <div v-cloak method="post" class="forgot-password-form">
  23.       <div class="orange-line"></div>
  24.         <div v-if="!emailSent">
  25.           <img class="forgot-password-form-img" src="build/images/icons/password-forgot.svg" alt="">
  26.           <fieldset>
  27.             <h1 class="forgot-password-form-legend">
  28.               Mot de passe oublié ?
  29.             </h1>
  30.             <p class="forgot-password-form-text">Renseignez votre adresse email afin de réinitialiser votre mot de passe.</p>
  31.             <div class="form-group">
  32.               <div class="floating-label">
  33.                 <input @input="checkEmpty" type="mail" name="mail" v-model="user.email" required/>
  34.                 <label>Adresse email*</label>
  35.                 <div v-if="errors.email" class="forgot-password-errorMsg">${errors.email}</div>
  36.               </div>
  37.             </div>
  38.             <div class="text-center" style="margin-top: 40px">
  39.               <button :disabled='disabledSubmit' v-on:click="sendEmail()" type="submit" class="btn btn-primary">Réinitialiser mon mot de passe</button>
  40.             </div>
  41.           </fieldset>
  42.         </div>
  43.         <div class="text-center" v-if="emailSent">
  44.           <img class="forgot-password-form-img" src="build/images/icons/mail-send.svg" alt="">
  45.             <h1 class="forgot-password-form-legend">
  46.               Un email vous a été envoyé !
  47.             </h1>
  48.             <p class="forgot-password-form-text">Suivez les instructions fournies dans l’email pour réinitialiser votre mot de passe. Si vous ne retrouvez pas l’email, vérifiez vos spams.</p>
  49.             <p class="forgot-password-form-sub">Email introuvable ?</p>
  50.             <a v-on:click ="reSendEmail()" class="forgot-password-form-resend">Me renvoyer l'email de réinitialisation</a>
  51.         </div>
  52.             </div>
  53.         </div>
  54.     {% include "common/loader.html.twig" %}
  55.     </div>
  56. {% endblock %}