templates/default/cookies_popup.html.twig line 1

Open in your IDE?
  1. <style>
  2.     @media only screen and (max-width: 767px) {
  3.         #cookies-popup {
  4.             max-width: 90%;  /* Adjust the max-width for smaller screens */
  5.             margin-left: 1.5rem !important;  /* Reset the left margin */
  6.             margin-bottom: 3rem !important;  /* Reset the bottom margin */
  7.         }
  8.     }
  10.     @media only screen and (min-width: 768px) {
  11.         #cookies-popup {
  12.             max-width: 25%; margin-left: 3rem !important; margin-bottom: 9rem !important;
  13.         }
  14.     }
  15. </style>
  17. <div id="cookies-popup" class="fixed-bottom m-3 p-3 bg-light" style="display: none;">
  18.     <p class="mb-3">Tato webová stránka používá soubory cookie, aby vám zajistila co nejlepší zážitek na naší webové stránce.</p>
  19.     <button class="btn btn-primary mr-2" onclick="acceptCookies()">Přijmout soubory cookie</button>
  20.     <button class="btn btn-secondary" onclick="declineCookies()">Odmítnout</button>
  21. </div>
  23. <script>
  24.     function acceptCookies() {
  25.         document.getElementById('cookies-popup').style.display = 'none';
  27.         // Set a cookie to remember user's choice, expires in one year
  28.         var expiryDate = new Date();
  29.         expiryDate.setFullYear(expiryDate.getFullYear() + 1);
  30.         document.cookie = 'cookies_accepted=true; expires=' + expiryDate.toUTCString() + '; path=/';
  31.     }
  32.     
  33.     function declineCookies() {
  34.         document.getElementById('cookies-popup').style.display = 'none';
  36.         // Set a cookie to remember user's choice, expires in one week
  37.         var expiryDate = new Date();
  38.         expiryDate.setDate(expiryDate.getDate() + 7);
  39.         document.cookie = 'cookies_accepted=false; expires=' + expiryDate.toUTCString() + '; path=/';
  40.     }
  42.     // Display the cookies popup if the user hasn't accepted or declined cookies
  43.     var cookiesAccepted = document.cookie.split('; ').find(row => row.startsWith('cookies_accepted='));
  44.     if (!cookiesAccepted || cookiesAccepted.split('=')[1] !== 'true') {
  45.         document.getElementById('cookies-popup').style.display = 'block';
  46.     }
  47. </script>