templates/security/passwordreset.html.twig line 1

  1. {# templates/security/passwordreset.html.twig #}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Reiniciar contraseña
  4. {% endblock %}
  5. {% block body %}
  6.     <div class="col-md-10 ml-md-auto">
  7.         <div class="">
  8.             <div class="card bg-light mb-3 mt-5" style="width: 800px;">
  9.                 <div class="card-body">
  10.                     <form class="form-horizontal" role="form" method="post">
  11.                         {# {% set successFlash = app.flashes('success') %}
  12.                         {% if successFlash|length > 0 %}
  13.                             <div class="alert alert-success">
  14.                                 {{ successFlash|first }}
  15.                             </div>
  16.                         {% endif %} #}
  18.                         {% if confirmreset %}
  19.                             <div class="card-header mb-3">Confirmar cambio de contraseña</div>
  20.                             <div class="form-group">
  21.                                 <label for="password" class="col-md-4 control-label">Nueva contraseña</label>
  22.                                 <div class="col-md-12">
  23.                                     <input id="password" type="password" class="form-control" name="password" required autofocus pattern="{{ regexpPass.getValue() }}"/>
  24.                                 </div>
  25.                             </div>
  26.                             <div class="form-group">
  27.                                 <label for="confirm_password" class="col-md-4 control-label">Repita nueva contraseña</label>
  28.                                 <div class="col-md-12">
  29.                                     <input id="confirm_password" type="password" class="form-control" name="confirm_password" required autofocus pattern="{{ regexpPass.getValue() }}"/>
  30.                                 </div>
  31.                             </div>
  33.                             <div class="col-md-12">
  34.                                 {{ regexpPass.getDescription() | raw }}
  35.                             </div>
  36.                         {% else %}
  37.                             <div class="card-header mb-3">Solicitud de reinicio de contraseña</div>
  38.                             <div class="form-group">
  39.                                 <label for="resetemail" class="col-md-4 control-label">Correo electrónico</label>
  40.                                 <div class="col-md-12">
  41.                                     <input id="resetemail" type="email" class="form-control" name="resetemail" required autofocus/>
  42.                                 </div>
  43.                             </div>
  44.                         {% endif %}
  45.                         <div class="form-group">
  46.                             <div class="col-md-12">
  47.                                 <button type="submit" class="btn btn-primary">
  48.                                     <i class="fa fa-btn fa-sign-in"></i>
  49.                                     Enviar
  50.                                 </button>
  51.                             </div>
  52.                         </div>
  53.                     </form>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  59.     <script>
  60.         var password = document.getElementById("password");
  61. var confirm_password = document.getElementById("confirm_password");
  63. function validatePassword() {
  64. if (password.value != confirm_password.value) {
  65. confirm_password.setCustomValidity("Passwords Don't Match");
  66. } else {
  67. confirm_password.setCustomValidity('');
  68. }
  69. }
  71. password.onchange = validatePassword;
  72. confirm_password.onkeyup = validatePassword;
  73.     </script>
  74. {% endblock %}