templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Se connecter - Sur Le Pouce{% endblock %}
  5. {% block content %}
  7. <div class="block-small">
  8.     <form method="post">
  9.         {% if error %}
  10.             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  11.         {% endif %}
  13.         {% for message in app.flashes('notice') %}
  14.                 <div class="alert alert-info">{{ message }}</div>
  15.         {% endfor %}
  18.         {% if app.user %}
  19.             <div class="mb-3">
  20.                 You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  21.             </div>
  22.         {% endif %}
  23.      
  24.         <h1 class="h3 mb-3 font-weight-normal">Merci de vous connecter</h1>
  25.         <label for="inputEmail">votre email</label>
  26.         <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" placeholder="Votre email ici" required autofocus>
  27.         <label for="inputPassword">votre mot de passe</label>
  28.         <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" placeholder="Votre mot de passe ici" required>
  30.         <input type="hidden" name="_csrf_token"
  31.             value="{{ csrf_token('authenticate') }}"
  32.         >
  33.         <div class="form-check">
  34.             <input class="form-check-input" type="checkbox" id="show-password" name="show_password" value="1">
  35.             <label class="form-check-label" for="show-password">Afficher le mot de passe</label>
  36.         </div>
  38.         
  39.     <br>
  40.         <button class="btn btn-lg btn-info btn-block mt-3" type="submit">
  41.             se connecter
  42.         </button>
  43.         <hr>
  44.         <p class="text-center"><a href="{{ path('reset_password')}}">Mot de pass oublié</a>?</p>
  45.         <p class="text-center">Ou souhaitez-vous <a href="{{ path('register')}}">créer un compte</a>?</p>
  46.     
  47.  </div>   
  48. {% endblock %}
  49. {% block script %}
  53.     <script>
  54.     
  55.    function togglePasswordFieldCom(passwordField, showPasswordCheckbox) {
  56.      showPasswordCheckbox.addEventListener('change', function() {
  57.           if (showPasswordCheckbox.checked) {
  58.               passwordField.setAttribute('type', 'text');
  59.           } else {
  60.               passwordField.setAttribute('type', 'password');
  61.             }
  62.           });
  63. }
  65.         window.addEventListener('load', function() {
  66.             
  67.             var passwordField = document.getElementById("inputPassword");
  68.             var showPasswordCheckbox = document.getElementById("show-password");
  69.             togglePasswordFieldCom(passwordField, showPasswordCheckbox);
  70.         });
  71.     </script>
  73. {% endblock %}