templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  5. {% block body %}
  6. <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  7. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  8.     {{ include('_header.html.twig') }}
  9.     <form method="post" action="{{ path('app_login') }}">
  10.         {% if error %}
  11.             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  12.         {% endif %}
  14.         {% if app.user %}
  15.             <div class="mb-3">
  16.                 Vous êtes déjà connecté en tant que {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
  17.             </div>
  18.         {% endif %}
  20.         <h1 class="h3 mb-3 font-weight-normal">Connection</h1>
  21.         <label for="inputEmail">Email</label>
  22.         <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  23.         <label for="inputPassword">Mot de passe</label>
  24.         <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  26.         <input type="hidden" name="_csrf_token"
  27.             value="{{ csrf_token('authenticate') }}"
  28.         >
  30.         <div class="checkbox mb-3">
  31.             <label>
  32.                 <input type="checkbox" name="_remember_me"> Remember me
  33.             </label>
  34.         </div>
  36.         <button class="btn btn-lg btn-primary mt-2" type="submit">
  37.             Se connecter
  38.         </button>
  39.     </form>
  40.     <div class="mt-3">
  41.         <button class="btn btn-lg btn-primary" onclick="forgotPassword()">
  42.             Mot de passe oublié ?
  43.         </button>
  44.     </div>
  45.     {{ include('_footer.html.twig') }}
  46. {% endblock %}
  47. {% block javascripts %}
  48.     <script>
  49.         $(document).ready(function() {
  50.             // check if error in url
  51.             const urlParams = new URLSearchParams(window.location.search);
  52.             const error = urlParams.get('error');
  53.             if(error == 'Email inconnu') {
  54.                 Swal.fire({
  55.                     icon: 'error',
  56.                     title: 'Email inconnu !',
  57.                     text: 'Veuillez rensigner un email d\' un compte existant pour vous demander un nouveau mot de passe.',
  58.                 })
  59.             }
  60.         });
  61.         function forgotPassword() {
  62.             var email = $('#inputEmail').val();
  63.             if(email == '') {
  64.                 Swal.fire({
  65.                     icon: 'error',
  66.                     title: 'Email manquant !',
  67.                     text: 'Veuillez rensigner un email pour vous demander un nouveau mot de passe.',
  68.                 })
  69.             } else {
  70.                 // redirect to app_password_reset path with email
  71.                 window.location.href = "{{ path('app_password_reset') }}?email=" + encodeURIComponent(email);
  72.             }
  73.         }
  74.     </script>
  75. {% endblock %}