templates/security/password/invitation.html.twig line 1

Open in your IDE?
  1. {% extends 'decoupe/decoupe.html.twig' %}
  3. {% block body_css %}bg-gradient-danger{% endblock %}
  5. {% block content_full %}
  7.     <div class="">
  8.         <div class="container">
  9.             <div class="row justify-content-center">
  10.                 <div class="col-xl-10 col-lg-12 col-md-9">
  11.                     <div class="card o-hidden border-0 shadow-lg my-5">
  12.                         <div class="card-body p-0">
  13.                             <div class="row">
  14.                                 <div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
  15.                                 <div class="col-lg-6">
  16.                                     <div class="p-5">
  17.                                         <div class="text-center">
  18.                                             <h1 class="h4 mb-4 text-danger font-weight-bold">
  19.                                                 <i class="fas fa-laugh-wink"></i>
  20.                                                 Opaie V<sup>2</sup>
  21.                                             </h1>
  22.                                         </div>
  23.                                         <form action="{{ path('getInvitation') }}" id="formInvitation" method="post" class="user">
  24.                                             <div class="form-group">
  25.                                                 <input name="emailGetPassword" type="text" class="form-control form-control-user" id="emailGetPassword" aria-describedby="emailHelp" placeholder="Adresse mail" required>
  26.                                             </div>
  28.                                             <button type="submit" id="btn-get-invitation" class="btn btn-primary btn-user btn-block">
  29.                                                 <i class="fa fa-envelope"></i>
  30.                                                 Recevoir l'invitation
  31.                                             </button>
  32.                                         </form>
  33.                                         <hr>
  34.                                         <div class="text-center">
  35.                                             <a class="" href="{{ path('security_login') }}">Se connecter</a>
  36.                                         </div>
  37.                                     </div>
  38.                                 </div>
  39.                             </div>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </div>
  47. {% endblock %}
  49. {% block addjs %}
  50.     <script>
  51.         $(document).ready(function(){
  52.             let pgb = $("#progressBar");
  53.             let formPassword = $("#formInvitation");
  54.             let btnGetPassword = $("#btn-get-invitation");
  55.             let email = $("#emailGetPassword");
  56.             formPassword.submit(function(){
  57.                 event.preventDefault();
  58.                 if (email.val() === null || email.val() === ''){
  59.                     email.addClass('is-invalid');
  60.                     swal({title: 'Email vide', icon: 'warning', text: 'Entrez votre adresse mail'});
  61.                 } else {
  62.                     email.removeClass('is-invalid');
  63.                     getPassword();
  64.                 }
  65.             });
  66.             btnGetPassword.submit(function(){
  67.                 event.preventDefault();
  68.                 if (email.val() === null || email.val() === ''){
  69.                     email.addClass('is-invalid');
  70.                     swal({title: 'Email vide', icon: 'warning', text: 'Entrez votre adresse mail'});
  71.                 } else {
  72.                     email.removeClass('is-invalid');
  73.                     getPassword();
  74.                 }
  75.             });
  76.             let getPassword = function () {
  77.                 pgb.removeClass('nodisplay');
  78.                 requestPost('{{ path('getInvitation') }}', JSON.stringify({ 'email': email.val() })).then((res) => {
  79.                     swal({title: 'Lien envoyé!', icon: 'success', text: 'Consultez vos mails, nous vous avons envoyé un lien. Merci.'});
  80.                 });
  81.             };
  82.         });
  83.     </script>
  84. {% endblock %}