templates/reset_password/request.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}Reset your password{% endblock %}
  5. {% block main_content %}
  6.     {% for flash_error in app.flashes('reset_password_error') %}
  7.         <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  8.     {% endfor %}
  14. <div class="card col-5 mx-auto mt-5 shadow-lg">
  15.   <div class="card-body">
  16.     <h2 class="">Restablecer contraseña</h2>
  17.   
  18.   
  19.   
  20.     <p class="card-text mb-4 text-muted">
  21.       Para restablecer su contraseña. Ingrese la dirección de correo electrónico o usuario asociado con su cuenta y le enviaremos un enlace para restablecer su contraseña.
  22.     </p>
  23.     
  26.     <div class="row login">
  27.         {{ form_start(requestForm, {'attr': {'class': 'needs-validation', 'novalidate': true}}) }}
  28.         {{ form_row(requestForm.email) }}
  29.         <div class="d-grid">
  30.             <button class="btn btn-warning">Restablecer contraseña</button>
  31.         </div>
  32.         {{ form_end(requestForm) }}
  33.     </div>
  36.   </div>
  37. </div>
  40. <script>
  41.     (function() {
  42.         'use strict';
  43.         window.addEventListener('load', function() {
  44.             
  45.             const emailInput = document.getElementById('{{ requestForm.email.vars.id }}');
  46.             if (emailInput) {
  47.                 emailInput.focus();
  48.             }
  50.             
  51.             var forms = document.getElementsByClassName('needs-validation');          
  52.             var validation = Array.prototype.filter.call(forms, function(form) {
  53.                 form.addEventListener('submit', function(event) {
  54.                     if (form.checkValidity() === false) {
  55.                         event.preventDefault();
  56.                         event.stopPropagation();
  57.                     }
  58.                     form.classList.add('was-validated');
  59.                 }, false);
  60.             });
  61.         }, false);
  62.     })();
  63. </script>
  65. {% endblock %}