templates/templates/models/drupal-cookies-banner.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block siteHeader %}
  4.     {% include 'organisms/site-header.html.twig' %}
  5. {% endblock %}
  7. {% block pageHeader %}
  8.     {% include 'molecules/page-header.html.twig' with {
  9.         title: 'Banner de cookies Drupal'
  10.     } %}
  11. {% endblock %}
  13. {% block pageContent %}
  14.     <div class="org-modules-container has-banners">
  15.         {% include 'molecules/banners/xl.html.twig' with { modifiers: '', hasImage: true } %}
  17.         {% include 'molecules/banners/s-no-link.html.twig' with { modifiers: 'is-light' } %}
  19.         {% include 'molecules/banners/s.html.twig' with { modifiers: '' } %}
  21.         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-studies' } %}
  23.         {% include 'molecules/banners/s.html.twig' with { modifiers: '' } %}
  24.     </div>
  26.     <div class="row">
  27.         <div class="col-lg-9">
  28.             <section class="org-tier">
  29.                 <div class="tier-header">
  30.                     <h2 class="tier-title">Actualidade</h2>
  31.                     <div class="tier-action">
  32.                         <a href="">ver máis</a>
  33.                     </div>
  34.                 </div>
  35.                 <div class="tier-content">
  36.                     <div class="org-modules-container is-three-quarters">
  37.                         {% include 'molecules/news/l.html.twig' %}
  39.                         {% include 'molecules/news/m.html.twig' with { hasImage: true } %}
  40.                     </div>
  41.                 </div>
  42.             </section>
  43.         </div>
  44.         <div class="col-lg-3">
  45.             <section class="org-tier">
  46.                 <div class="tier-header">
  47.                     <h2 class="tier-title">Axenda</h2>
  48.                     <div class="tier-action">
  49.                         <a href="">ver máis</a>
  50.                     </div>
  51.                 </div>
  52.                 <div class="tier-content">
  53.                     <div class="org-modules-container is-one-quarter">
  54.                         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  56.                         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  57.                     </div>
  58.                 </div>
  59.             </section>
  60.         </div>
  61.     </div>
  62. {% endblock %}
  64. {% block siteFooter %}
  65.     <div id="sliding-popup" style="bottom: 0px;" class="sliding-popup-bottom initial">
  66.         <div role="alertdialog" aria-labelledby="popup-text"
  67.              class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in">
  68.             <div class="popup-content info eu-cookie-compliance-content">
  69.                 <div id="popup-text" class="eu-cookie-compliance-message">
  70.                     <h2>Usamos cookies neste sitio para mellorar a súa experiencia de usuario</h2>
  71.                     <p>Facendo clic no botón Aceptar, acepta que o fagamos.</p>
  73.                     <button type="button" class="find-more-button eu-cookie-compliance-more-button find-more-button-processed">
  74.                         Máis información
  75.                     </button>
  76.                 </div>
  78.                 <div id="popup-buttons" class="eu-cookie-compliance-buttons">
  79.                     <button type="button" class="agree-button eu-cookie-compliance-secondary-button">Aceptar</button>
  80.                     <button type="button" class="decline-button eu-cookie-compliance-default-button">Non, grazas</button>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  86.     <!-- Banner revocar acceso abierto -->
  87.     <div id="sliding-popup" class="eu-cookie-withdraw-wrapper sliding-popup-bottom open" style="bottom: 0px; display: none;">
  88.         <button type="button" class="eu-cookie-withdraw-tab">
  89.             <span class="is-sr-only">Configuración de privacidade</span>
  90.         </button>
  91.         <div role="alertdialog" aria-labelledby="popup-text" class="eu-cookie-withdraw-banner">
  92.             <div class="popup-content info eu-cookie-compliance-content">
  93.                 <div id="popup-text" class="eu-cookie-compliance-message">
  94.                     <h2>Usamos cookies neste sitio para mellorar a súa experiencia de usuario</h2>
  95.                     <p>Deu o seu consentimento para que usemos cookies.</p>
  96.                 </div>
  98.                 <div id="popup-buttons" class="eu-cookie-compliance-buttons">
  99.                     <button type="button" class="eu-cookie-withdraw-button">Revocar consentimento</button>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>
  105.     <!-- Banner revocar acceso cerrado -->
  106.     <div id="sliding-popup" class="eu-cookie-withdraw-wrapper sliding-popup-bottom closed" style="bottom: -114px; display: none;">
  107.         <button type="button" class="eu-cookie-withdraw-tab">
  108.             <span class="is-sr-only">Configuración de privacidade</span>
  109.         </button>
  110.         <div role="alertdialog" aria-labelledby="popup-text" class="eu-cookie-withdraw-banner">
  111.             <div class="popup-content info eu-cookie-compliance-content">
  112.                 <div id="popup-text" class="eu-cookie-compliance-message">
  113.                     <h2>Usamos cookies neste sitio para mellorar a súa experiencia de usuario</h2>
  114.                     <p>Deu o seu consentimento para que usemos cookies.</p>
  115.                 </div>
  117.                 <div id="popup-buttons" class="eu-cookie-compliance-buttons">
  118.                     <button type="button" class="eu-cookie-withdraw-button">Revocar consentimento</button>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  124.     {% include 'organisms/site-footer.html.twig' %}
  125. {% endblock %}
  127. {% block javascripts %}
  128.     {{ parent() }}
  129.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  130.     <script type="text/javascript">
  131.         var $initialPopup = $('.sliding-popup-bottom.initial');
  132.         var $withdrawPopupClosed = $('.eu-cookie-withdraw-wrapper.closed');
  133.         var $withdrawPopupOpen = $('.eu-cookie-withdraw-wrapper.open');
  135.         $('.eu-cookie-compliance-buttons .agree-button').on('click', function () {
  136.           $initialPopup.hide();
  137.           $withdrawPopupClosed.show();
  138.         });
  140.         $('.eu-cookie-compliance-buttons .decline-button').on('click', function () {
  141.           $initialPopup.hide();
  142.         });
  144.         $('.eu-cookie-withdraw-wrapper.closed .eu-cookie-withdraw-tab').on('click', function () {
  145.           $withdrawPopupClosed.hide();
  146.           $withdrawPopupOpen.show();
  147.         });
  149.         $('.eu-cookie-withdraw-wrapper.open .eu-cookie-withdraw-tab').on('click', function () {
  150.           $withdrawPopupOpen.hide();
  151.           $withdrawPopupClosed.show();
  152.         });
  154.         $('.eu-cookie-withdraw-button').on('click', function () {
  155.           $withdrawPopupClosed.hide();
  156.           $withdrawPopupOpen.hide();
  157.           $initialPopup.show();
  158.         });
  159.     </script>
  160. {% endblock %}