templates/security/auth_confirmation.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 }}</div>
  15.                 {% endif %}
  17.                 <h1 class="h3 mb-3 font-weight-normal">Confirmation authentification</h1>
  18.                 <label for="inputConfirmation" class="pt-3">Veuillez entrer le code envoyé dans votre email</label>
  19.                 <div class="input-group">
  20.                     <input type="text" maxlength="6" name="code_confirmation" id="inputConfirmation"
  21.                            class="form-control"
  22.                            required autofocus>
  23.                     <div class="input-group-append">
  24.                         <a class="btn btn-primary" id="resend_code" style="color:white;" data-email="{{ userEmail }}">
  25.                             Renvoyer le code
  26.                         </a>
  27.                     </div>
  28.                 </div>
  30.                 <input type="hidden" name="_csrf_token"
  31.                        value="{{ csrf_token('authenticate') }}"
  32.                 >
  34.                 <br>
  35.                 <button class="btn btn-primary mt-3" type="submit">
  36.                     Valider
  37.                 </button>
  38.             </form>
  39.         </div>
  40.         <div class="col-md-3"></div>
  41.     </div>
  43.     <script>
  44.         $('#resend_code').on('click', function () {
  45.             var content = $(this);
  46.             $.ajax({
  47.                 method: "POST",
  48.                 url: "/v1/send-back-code",
  49.                 contentType: 'application/json',
  50.                 data: JSON.stringify(
  51.                     {
  52.                         "email": content.data('email')
  53.                     }
  54.                 ),
  55.                 dataType: "json"
  56.             })
  57.             .done(function (msg) {
  58.                 if(msg == 'success') {
  59.                     $("#resend_code").prepend('<span class="fa fa-check"></span>').addClass('btn-success').prop('disabled', true);
  60.                 } else {
  61.                     $("#resend_code").prepend('<span class="fa fa-times"></span>').addClass('btn-danger').prop('disabled', true);
  62.                 }
  63.             });
  64.         });
  65.     </script>
  66. {% endblock %}