templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Admin Digidom{% endblock %}
  5. {% block body %}
  6.     <div class="row vh-100">
  7.         <div class="col-md-3 d-flex justify-content-center align-items-center align-items-md-start pt-md-4"
  8.              style="background: #353535; box-shadow: 5px 0 30px 0px #353535; border-right: 1px solid #aaa;">
  9.             <img src="{{ asset('img/logo.png') }}" style="width: 50%;"/>
  10.         </div>
  11.         <div class="col-12 col-md-6 d-flex align-items-center px-5">
  12.             <form method="post" class="mx-auto col-12 col-md-8">
  13.                 {% if error %}
  14.                     <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  15.                 {% endif %}
  17.                 <h1 class="h3 mb-3 font-weight-normal">Connectez-vous</h1>
  18.                 <label for="inputUsername" class="pt-3">E-mail ou téléphone</label>
  19.                 <div class="input-group">
  20.                     <input type="text" value="{{ last_username }}" name="username" id="inputUsername"
  21.                            class="form-control"
  22.                            placeholder="Username" required autofocus>
  23.                     <div class="input-group-append">
  24.                         <button class="btn btn-primary" id="send_code" type="button">
  25.                             Mot de passe oublié
  26.                         </button>
  27.                     </div>
  28.                 </div>
  30.                 <label for="inputPassword" class="pt-3">Mot de passe</label>
  31.                 <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password"
  32.                        required>
  34.                 <input type="hidden" name="_csrf_token"
  35.                        value="{{ csrf_token('authenticate') }}"
  36.                 >
  38.                 {#
  39.                     Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  40.                     See https://symfony.com/doc/current/security/remember_me.html
  42.                     <div class="checkbox mb-3">
  43.                         <label>
  44.                             <input type="checkbox" name="_remember_me"> Remember me
  45.                         </label>
  46.                     </div>
  47.                 #}
  49.                 <br>
  50.                 <input type="checkbox" id="remember_me" name="_remember_me" checked/>
  51.                 <label for="remember_me">Rester connecté</label>
  52.                 <br>
  53.                 <button class="btn btn-primary mt-3" type="submit">
  54.                     Valider
  55.                 </button>
  56.             </form>
  57.         </div>
  58.         <div class="col-md-3"></div>
  59.     </div>
  61.     <script>
  62.         $('#send_code').on('click', function () {
  63.             $.ajax({
  64.                 method: "POST",
  65.                 url: "/v1/request-new-pwd",
  66.                 contentType: 'application/json',
  67.                 data: JSON.stringify(
  68.                     {
  69.                         "username": $('#inputUsername').val()
  70.                     }
  71.                 ),
  72.                 dataType: "json"
  73.             })
  74.                 .done(function (msg) {
  75.                     if(msg == 'success') {
  76.                         $("#send_code").prepend('<span class="fa fa-check"></span>').addClass('btn-success').prop('disabled', true);
  77.                     } else {
  78.                         $("#send_code").prepend('<span class="fa fa-times"></span>').addClass('btn-danger').prop('disabled', true);
  79.                     }
  80.                 });
  81.         });
  82.     </script>
  83. {% endblock %}