templates/front/connexion_connexion.html.twig line 1

Open in your IDE?
  1. {% extends 'base_client.html.twig' %}
  3. {% block body %}
  5. <div class="formulaire-login">
  6.     <form method="post">
  7.         <div class="div-input div-connexion">
  8.             <h1>VOXDIA</h1>
  9.         
  10.             <h2>Login interface</h2>
  11.             <span class="form-error">
  12.                 {% if error %}
  13.                     <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  14.                 {% endif %}
  15.             </span>
  16.             
  17.             <div class="input-form">
  18.                 <div class="input-form-input">
  19.                     <input type="email" value="{{ last_username }}" name="email"  class="input-email input-style" autocomplete="email" placeholder="Email" required autofocus />
  20.                 </div>
  21.             </div>
  22.             
  23.             <div class="input-form">
  24.                 <div class="input-form-input">
  25.                     <input type="password" name="password" class="input-password input-style" autocomplete="current-password" placeholder="Password" required>
  26.                 </div>
  27.             </div>
  28.             <input type="checkbox" name="_remember_me" style="display: none" checked />
  29.             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
  30.             <div>
  31.                 <button class="input-form-submit button-style" type="submit" style="width: 100%;">Continue</button>
  32.             </div>
  33.             
  34.             <hr class="input-form-hr" />
  35.                     
  36.             <div>
  37.                 <a href="{{ path('front_connexion_inscription') }}"><div class="input-form-registration button-style">Sign in</div></a>
  38.             </div>
  39.     
  40.             <div class="input-form-forgot">
  41.                 <a href="{{ path('front_connexion_reset') }}">Forgot password ?</a>
  42.             </div>
  43.         </div>
  44.     </form>
  45.     
  46. </div>
  48. <script>
  49.     $(document).ready( function () {
  51.         /*
  52.         $('.input-form-submit').click(function () {
  53.             if ($('.input-email').val() == '') {
  54.                 $('.input-email').css({'border': 'solid 1px red'});
  55.             } else {
  56.                 $('.input-email').css({'border': 'solid 1px #d6d6d6'});
  57.             }
  58.             
  59.             if ($('.input-password').val() == '') {
  60.                 $('.input-password').css({'border': 'solid 1px red'});
  61.             } else {
  62.                 $('.input-password').css({'border': 'solid 1px #d6d6d6'});
  63.             }
  64.             
  65.             if ($('.input-email').val() != '' && $('.input-password').val() != '') {
  66.                 $('.form-error').html('');
  67.                 $.ajax({
  68.                     type: "POST",
  69.                     url: 'connexion.php',
  70.                     data: {email: $('.input-email').val(), password: $('.input-password').val()},
  71.                     dataType: 'JSON',
  72.                     success: function (data) {
  73.                         if (data.success == true) {
  74.                             $('.div-connexion h2').css({'visibility':'hidden'});
  75.                             $('.div-connexion').animate({height: "120px"});
  76.                             window.location.href = 'dashboard.php';
  77.                         } else {
  78.                             $('.form-error').html('Wrong email / password');
  79.                         }
  80.                     },
  81.                     error: function (error) {
  82.                         alert('Erreur lors du traitement');
  83.                     }
  84.                 });
  85.             }
  86.         });*/
  87.     });
  88. </script>
  89. {% endblock %}