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.             console.log('Attempting password reset for email:', email);
  64.             
  65.             if(email == '') {
  66.                 Swal.fire({
  67.                     icon: 'error',
  68.                     title: 'Email manquant !',
  69.                     text: 'Veuillez rensigner un email pour vous demander un nouveau mot de passe.',
  70.                 })
  71.             } else {
  72.                 var resetUrl = "{{ path('app_password_reset') }}?email=" + encodeURIComponent(email);
  73.                 console.log('Generated reset URL:', resetUrl);
  74.                 
  75.                 // Afficher une confirmation avant l'envoi
  76.                 Swal.fire({
  77.                     icon: 'info',
  78.                     title: 'Envoi en cours...',
  79.                     text: 'Nous allons envoyer un email de réinitialisation à ' + email,
  80.                     showCancelButton: true,
  81.                     confirmButtonText: 'Envoyer',
  82.                     cancelButtonText: 'Annuler'
  83.                 }).then((result) => {
  84.                     if (result.isConfirmed) {
  85.                         console.log('User confirmed, sending request to:', resetUrl);
  86.                         
  87.                         // Faire une requête AJAX
  88.                         fetch(resetUrl)
  89.                             .then(response => {
  90.                                 console.log('Response status:', response.status);
  91.                                 return response.text();
  92.                             })
  93.                             .then(text => {
  94.                                 console.log('Response text:', text);
  95.                                 Swal.fire({
  96.                                     icon: 'success',
  97.                                     title: 'Email envoyé',
  98.                                     text: 'Un email de réinitialisation a été envoyé à votre adresse.'
  99.                                 });
  100.                             })
  101.                             .catch(error => {
  102.                                 console.error('Error:', error);
  103.                                 Swal.fire({
  104.                                     icon: 'error',
  105.                                     title: 'Erreur',
  106.                                     text: 'Une erreur est survenue lors de l\'envoi de l\'email.'
  107.                                 });
  108.                             });
  109.                     }
  110.                 });
  111.             }
  112.         }
  113.     </script>
  114. {% endblock %}