templates/__includes__/newsletterForm.html.twig line 1

Open in your IDE?
  1. <div class="form-subscribe">
  2.   <div class="shell">
  3.     <form action="?" method="post" class="form-validate">
  4.       <div class="form__content">
  5.         <h6>Newsletter Cep Ignatien</h6>
  7.         <p>Inscrivez-vous à notre newsletter pour suivre notre actualité</p>
  8.       </div><!-- /.form__content -->
  10.       <div class="form__body">
  11.         <label for="f_subscribe">Subscribe</label>
  13.         <div class="form__controls">
  14.           <input type="text" class="field" name="f_subscribe" id="f_subscribe" placeholder="Entrez votre adresse email" data-validate="email">
  16.           {#<p class="form__message">Email invalide</p>#}
  17.           <p class="form__message" style="display:none;" id="newsletter_erreur"></p>
  18.           <p class="form__message" style="display:none;color:black" id="newsletter_succes">Votre inscription a bien été prise en compte.</p>
  19.         </div><!-- /.form__controls -->
  21.         <button onclick="inscrire_newsletter(event)" class="btn btn--size1 js-btn-submit-alt">
  22.           <i class="ico-arrow-white"></i> Envoyer
  23.         </button>
  24.       </div><!-- /.form__body -->
  25.     </form>
  26.   </div><!-- /.shell -->
  27. </div><!-- /.form-subscribe -->
  29. <script>
  31.   function inscrire_newsletter(e) {
  33.       e.preventDefault();
  35.       $('#newsletter_succes').hide();
  36.       $('#newsletter_erreur').hide();
  37.       let soi = $(this);
  39.       soi.css('opacity', 0.9);
  40.       soi.addClass('btn--border_actif');
  41.       soi.css('pointer-events', 'none');
  43.       $.post( "{{ path('inscrire_newsletter') }}", { 'email' : $('#f_subscribe').val() }, function( data ) {
  45.           if (!data.erreur) {
  46.               $('#newsletter_succes').show();
  47.           }
  48.           if (data.erreur) {
  49.               $('#newsletter_erreur').text(data.erreur);
  50.               $('#newsletter_erreur').show();
  51.           }
  53.           soi.css('opacity', 1);
  54.           soi.css('pointer-events', 'auto');
  55.           soi.removeClass('btn--border_actif');
  57.       });
  59.   }
  61. </script>