templates/VisualMediaLisaBundle/views/Layout/footer.html.twig line 50

Open in your IDE?
  1. {% import '@VisualMediaLisa/Menu/menu.html.twig' as macro %}
  3. <footer class="footer">
  5.         <div class="row">
  6.             <div class="col-12 col-lg-3 red1">
  7.                 <a href="/" class="footer-logo">
  8.                     <img src="{{ asset('build/images/zuidema-logo-footer.svg') }}" alt="Zuidema groep">
  9.                 </a>
  14.             </div>
  15.             <div class="col-12 col-lg-3 red2">
  16.                 <div class="footer-contact">
  17.                     <h3>Bezoekadres</h3>
  18.                     {{ setting("address_hgv") }}<br/>
  19.                     {{ setting("zipcode_hgv") }}<br/>
  20.                     {{ setting("plaats") }}
  21.                 </div>
  23.             </div>
  24.             <div class="col-12 col-lg-3 red3">
  25.                 <div class="footer-contact">
  26.                     <h3>Postadres</h3>
  27.                     {{ setting("postbox_address_hgv") }}<br/>
  28.                     {{ setting("postbox_zipcode_hgv") }}<br/>
  29.                     {{ setting("plaats") }}
  30.                 </div>
  32.             </div>
  33.             <div class="col-12 col-lg-3 red4">
  34.                 <div class="footer-contact">
  35.                     <h3>Contact</h3>
  36.                     <a href="mailto:{{ setting("email") }}">{{ setting("email") }}</a><br/>
  37.                     <a href="tel:{{ setting("telefoon_link_hgv") }}">{{ setting("phone_hgv") }}</a>
  38.                 </div>
  39.             </div>
  44.         </div>
  45.         <div class="row">
  46.             <div class="col-12 footer-menu_wrapper">
  48.                 <div class="footer-menu">
  50.                     {% set footer = menu('footermenu')%}
  51.                     {{ macro.menu(footer.items) }}
  52.                 </div>
  53.                 <a href="https://www.dappr.nl/" target="_blank"><img src="{{ asset('build/images/dappr.svg') }}" alt="dappr gemaakt"></a>
  54.             </div>
  55.         </div>
  56.         <script>
  57.         (() => {
  58.         // Zet alle iframes eerst "lui": src -> data-src
  59.         document.querySelectorAll('.vimeo-popover iframe').forEach(iframe => {
  60.             if (iframe.src) {
  61.             iframe.dataset.src = iframe.src;
  62.             iframe.removeAttribute('src');
  63.             }
  64.         });
  66.         const triggers = document.querySelectorAll('.trigger');
  68.         // Zoek de dichtstbijzijnde ancestor die een .vimeo-popover bevat
  69.         function findPopoverFor(el) {
  70.             let node = el;
  71.             while (node && node !== document.body) {
  72.             // eerst check directe child, anders willekeurige descendant
  73.             let pop = node.querySelector(':scope > .vimeo-popover') || node.querySelector('.vimeo-popover');
  74.             if (pop) return pop;
  75.             node = node.parentElement;
  76.             }
  77.             return null;
  78.         }
  80.         function ensureIframeSrc(pop) {
  81.             const iframe = pop.querySelector('iframe');
  82.             if (!iframe) return;
  83.             const ds = iframe.dataset.src;
  84.             if (ds && iframe.src !== ds) iframe.src = ds;
  85.         }
  87.         // Sluit popover door op de overlay (het popover zelf) te klikken
  88.         document.querySelectorAll('.vimeo-popover').forEach(pop => {
  89.             pop.addEventListener('click', e => { if (e.target === pop) pop.hidePopover(); });
  90.         });
  92.         triggers.forEach(trigger => {
  93.             const popover = findPopoverFor(trigger);
  94.             if (!popover) return;
  96.             trigger.addEventListener('click', e => {
  97.             e.preventDefault();
  98.             e.stopPropagation();
  100.             // Sluit andere open popovers
  101.             document.querySelectorAll('.vimeo-popover:popover-open').forEach(p => {
  102.                 if (p !== popover) p.hidePopover();
  103.             });
  105.             // Toggle enkel de bijbehorende popover
  106.             if (popover.matches(':popover-open')) {
  107.                 popover.hidePopover();
  108.             } else {
  109.                 ensureIframeSrc(popover); // laad Vimeo pas bij openen
  110.                 popover.showPopover();
  111.             }
  112.             });
  113.         });
  115.         // Optioneel: stop video bij sluiten door src te legen
  116.         document.addEventListener('toggle', e => {
  117.             const pop = e.target;
  118.             if (!(pop instanceof HTMLElement)) return;
  119.             if (!pop.classList.contains('vimeo-popover')) return;
  120.             if (!pop.matches(':popover-open')) {
  121.             const iframe = pop.querySelector('iframe');
  122.             if (iframe && iframe.dataset.src) iframe.removeAttribute('src');
  123.             }
  124.         }, true);
  125.         })();
  126.         </script>
  129. </footer>
  131. {% include 'Layout/Include/webshop.html.twig' %}