templates/front/index.twig line 1

Open in your IDE?
  1. {% extends "front/layouts/default.twig" %}
  2. {% block head_scripts %}
  4. {% endblock %}
  5. {% set pageSections = [] %}
  6. {% set pageBanner = null %}
  8. {# if this page has a banner we will display it separately #}
  9. {% for pageSection in entity.sections|default([])|sort((a, b) => a.ordering <=> b.ordering) %}
  10.     {% if pageSection.section.layout == 'banner-top' %}
  11.         {% set pageBanner = pageSection.section %}
  12.     {% else %}
  13.         {% set pageSections = pageSections|merge([pageSection.section]) %}
  14.     {% endif %}
  15. {% endfor %}
  17. {# display banner #}
  18. {% block topBanner %}
  19.     {% if pageBanner %}
  20.         {% include pageBanner.templatePath with { 'entity' : pageBanner, currentPage: entity } %}
  21.     {% endif %}
  22. {% endblock %}
  24. {# display rest of the content #}
  25. {% block content %}
  26.     {% for index, section in pageSections %}
  27.         {% set isGreySection = (loop.index is odd) %}
  28.         {% include section.templatePath with {
  29.             'entity' : section, currentPage: entity,
  30.             'greySection': isGreySection,
  31.             'isLast': loop.last,
  32.         } %}
  33.     {% endfor %}
  34.     {% include 'front/blocks/block-policy-cookie.twig' %}
  35. {% endblock %}
  38. {% block script %}
  39.     {{ parent() }}
  41.     <script>
  42.         $(document).ready(() => {
  43.             if($('#roomvo-available').length > 0) {
  44.                 setTimeout(function(){ roomvo.startStandaloneVisualizer(); }, 1500);
  45.             }
  46.         });
  47.     </script>
  49.     <script>
  50.     $(".modalForm").submit(
  51.         function(event){
  52.             event.preventDefault();
  53.             let form = $(this);
  54.             let fSectionid = form.data('sectionid');
  55.             let ajaxurl = $("#formButton").data('ajaxurl');
  56.             let shopName = (typeof(form.data('storename')) != 'undefined') ? form.data('storename') : '';
  57.             let shopId = (typeof(form.data('storeid')) != 'undefined') ? form.data('storeid') : '';
  58.             
  59.             let formData = new FormData(form[0]);
  60.             formData.append('sectionid',fSectionid);
  61.             formData.append('storename',shopName);
  62.             formData.append('storeid',shopId);
  63.             
  64.             // throw new Error('test');
  65.             // console.log(shopName);
  66.             // console.log(shopId);
  67.             // return;
  69.             $.ajax({
  70.                 url: ajaxurl,
  71.                 type: 'POST',
  72.                 data: formData,
  73.                 processData: false,
  74.                 contentType: false,
  75.                 success: (documentData) => {
  76.                     $('.form-alert').each(function(){
  77.                         $(this).remove();
  78.                     });
  79.                     $('#form-modal').modal('hide');
  80.                     $('[id*=modal-form]').modal('hide');
  81.                     $('#modal-thanks-form').modal('show');
  83.                     window.location.replace(documentData);
  85.                 },
  86.                 error: (documentData) => {
  87.                     form.prepend('<div class="alert alert-danger form-alert">' + documentData.responseJSON + '</div>');
  88.                     form[0].scrollIntoView({ behavior: 'smooth' });
  89.                 }
  90.             });
  91.         }
  92.     );
  94.     $("#contactForm").submit(
  95.         function(event){
  96.             event.preventDefault();
  97.             let form = $('#contactForm');
  98.             let fSectionid = $("#contactForm").data('sectionid');
  99.             let ajaxurl = $("#formButton").data('ajaxurl');
  100.             let formData = new FormData(form[0]);
  101.             formData.append('sectionid',fSectionid);
  103.             $.ajax({
  104.                 url: ajaxurl,
  105.                 type: 'POST',
  106.                 data: formData,
  107.                 processData: false,
  108.                 contentType: false,
  109.                 success: (documentData) => {
  110.                     
  111.                     $('.form-alert').each(function(){
  112.                         $(this).remove();
  113.                     });
  114.                     window.location.replace(documentData);
  116.                 },
  117.                 error: (documentData) => {
  118.                     console.log(documentData);
  119.                     form.prepend('<div class="alert alert-danger form-alert">' + documentData.responseJSON + '</div>');
  120.                     form[0].scrollIntoView({ behavior: 'smooth' });
  121.                 }
  122.             });
  123.         }
  124.     );
  126.     $('input[id*=select-all-consents]').click(function(){
  127.         var checkboxSelector = '#' + this.form.id + ' input[id*=consent]';
  128.         // console.log(checkboxSelector);
  129.         if ($(this).prop('checked') == false) {
  130.             $(checkboxSelector).prop('checked',false);
  131.         }else if ($(this).prop('checked') == true) {
  132.             $(checkboxSelector).prop('checked',true);
  133.         }
  134.     });
  136.     </script>
  138. {% endblock %}