src/Aviatur/TwigBundle/Resources/views/aviatur/Flux/General/Components/newsletterModal.html.twig line 1

Open in your IDE?
  1. <div class="main__newsletter-modal sp-stack--big modal-general js-form-modal-newsletter" sytle>
  2.     <form id="js-newsletterSubscribe" class="form-modal-newsletter" action="">
  3.         <span class="js-newsletter__btn-Close">X</span>
  4.         <div id="js-newsletterRS" class="col-12 text-center type-main" style="display:none;">
  5.             <div class="circularG center-block"></div>
  6.         </div>
  7.         <div id="js-newsletterRQ">
  8.             <h3 class="text-center" style="color:#444;font-weight:600;">Reciba nuestro boletín de ofertas directamente en su correo</h3>
  9.             <div class="boletinForm-email">
  10.                  <div class="form-group-nombre hidden-all">
  11.                      <span class="datos-boletin">Nombre</span>
  12.                      {{ form_widget(newsletter_form.firstname) }}
  13.                  </div>
  14.                 {# <div class="subscribeicon">
  15.                     <span class="icon icon_newsletters_circle"></span>
  16.                 </div> #}
  17.                 <div class="form-group-email">
  18.                     <span class="datos-boletin">Correo</span>
  19.                     {{ form_widget(newsletter_form.email) }}
  20.                 </div>
  21.             </div>
  22.             <div class="content-policy-disclaimer">
  23.                 <label>
  24.                     <input id="conditions" name="CD[accept-conditions-promos]" type="checkbox" required>
  25.                     <span for="conditions"><span class="conditions-boletin">Acepto las&nbsp;</span><strong><a class="boletin-ofertas" href="/contenidos/politica-de-privacidad" target="_blank">Políticas de uso de datos</a> </strong></span>
  26.                 </label>
  27.             </div>
  28.             <div class="boletinForm-email">
  29.                 <div class="boletinForm-butoom">
  30.                     <input type="submit" class="btn btn--full" value="Quiero suscribirme"/>
  31.                 </div>
  32.             </div>
  33.         </div>
  34.         </div>
  35.         <div class="hidden-all">
  36.             {{form_rest(newsletter_form)}}
  37.         </div>
  38.     </form>
  39. </div>
  40. <script>
  41.     document.addEventListener('DOMContentLoaded', e => {
  42.         jQuery("#newsletter_form_firstname").val('Nombre');
  43.         const queryString = window.location.search;
  44.         const urlParams = new URLSearchParams(queryString);
  45.         // document.querySelector('.main__newsletter-block').style.display = 'none';
  46.         if (urlParams.has('newsletter') && urlParams.get('newsletter') === 'true' && urlParams.get('newsletter') !== '') {
  47.             document.querySelector('.js-form-modal-newsletter').classList.add('modal-general__active');
  48.             document.querySelector('#newsletter_form_firstname').value = 'corp';     
  49.         } else {
  50.             document.querySelector('.js-form-modal-newsletter').classList.remove('hide');
  51.         }    
  52.         document.addEventListener('click', e => {
  53.             if (e.target.matches('.js-form-modal-newsletter') || e.target.matches('.js-newsletter__btn-Close')) {
  54.                 document.querySelector('.js-form-modal-newsletter').classList.remove('modal-general__active');  
  55.                 document.querySelector('.js-form-modal-newsletter').style.display = 'none';
  56.                 document.querySelector('.main__newsletter-block').style.display = 'block';
  57.             }
  58.         });   
  59.     }); 
  60. </script>