templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Welcome!{% endblock %}</title>
  6.     <link rel="icon"
  7.           href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
  9.           integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  10.     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  11.             integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  12.             crossorigin="anonymous"></script>
  13.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
  14.             integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
  15.             crossorigin="anonymous"></script>
  16.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  17.     {#
  18.     {% block stylesheets %}
  19.         {{ encore_entry_link_tags('app') }}
  20.     {% endblock %}
  22.     {% block javascripts %}
  23.         {{ encore_entry_script_tags('app') }}
  24.     {% endblock %}
  25.     #}
  27.     {# Axeptio TCF API #}
  28. {#    <script rel="preconnect" src="//static.axept.io/tcf/sdk.js"></script>#}
  29. {#    <script>#}
  30. {#        window.axeptioSettings = {#}
  31. {#            clientId: "66137db6ae83de5e566cfc53",#}
  32. {#            cookiesVersion: "first-id sandbox-fr-EU",#}
  33. {#        };#}
  35. {#        (function (d, s) {#}
  36. {#            var t = d.getElementsByTagName(s)[0],#}
  37. {#                e = d.createElement(s);#}
  38. {#            e.async = true;#}
  39. {#            e.async = true;#}
  40. {#            e.src = "//static.axept.io/tcf/sdk.js";#}
  41. {#            e.type = "module";#}
  42. {#            t.parentNode.insertBefore(e, t);#}
  43. {#        })(document, "script");#}
  44. {#    </script>#}
  45.     {# End Axeptio TCF API #}
  46. </head>
  47. <body>
  48. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  49.     <a class="navbar-brand" href="{{ path('app_index') }}">{{ site_name }}</a>
  50.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  51.             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  52.         <span class="navbar-toggler-icon"></span>
  53.     </button>
  54. </nav>
  55. <div class="container">
  56.     <div class="row">
  57.         <div class="col-md-12">
  58.             <h3>First ID : <span id="firstid"></span></h3>
  59.         </div>
  60.     </div>
  61.     {% block body %}{% endblock %}
  62. </div>
  63. </body>
  66. <script>
  67.     // Define a constant for the FirstID vendor ID (1178)
  68.     // const FIRSTID_VENDOR_ID = 1178;
  69.     //
  70.     // // This function listens for user consent via the TCF API
  71.     // function listenForTCFConsent(callback) {
  72.     //     // Output to console that the system is now listening for TCF consent
  73.     //     console.debug('Listening for TCF consent...');
  74.     //
  75.     //     // Check if the TCF API (__tcfapi) is present on the window object
  76.     //     if (!window.__tcfapi)
  77.     //         return;  // Exit if TCF API is not found
  78.     //
  79.     //     // Register an event listener to receive updates when consent is given through the TCF API
  80.     //     window.__tcfapi('addEventListener', 2, (tcData, success) => {
  81.     //         // Check if the API call was successful and GDPR applies
  82.     //         if (success && tcData.gdprApplies) {
  83.     //             // Check if the user has given consent for the specific vendor ID
  84.     //             if (tcData.vendor.consents[FIRSTID_VENDOR_ID] && tcData.eventStatus === 'useractioncomplete') {
  85.     //                 console.log('User consented to the flex feature.');
  86.     //                 // TODO: Set cookie ??
  87.     //                 callback();  // Execute the callback function if consent is given
  88.     //             } else {
  89.     //                 console.log('User did not consent to the flex feature.');
  90.     //             }
  91.     //         } else {
  92.     //             console.log('__tcfapi failed to load or is not applicable.');
  93.     //         }
  94.     //     });
  95.     // }
  97.     // Call the listenForTCFConsent function with a callback function that reloads the page
  98.     // listenForTCFConsent(window.location.reload)
  100.     function getCookieValueFromCookieName(cookieName) {
  101.         let cookieArr = document.cookie.split(";");
  102.         console.log(cookieArr)
  103.         for (let i = 0; i < cookieArr.length; i++) {
  104.             let cookiePair = cookieArr[i].split("=");
  105.             if (cookieName === cookiePair[0].trim()) {
  106.                 return decodeURIComponent(cookiePair[1]);
  107.             }
  108.         }
  109.         return null;
  110.     }
  112.     function checkFirstidCookie() {
  113.         let firstidCookieValue = getCookieValueFromCookieName("firstid");
  114.         if (firstidCookieValue) {
  115.             console.log(`First ID : ${firstidCookieValue}`)
  116.         } else {
  117.             console.log('No First ID cookie find.')
  118.         }
  119.     }
  121.     // function setCookie(cName, cValue, expDays) {
  122.     //     let date = new Date();
  123.     //     date.setTime(date.getTime() + (expDays * 24 * 60 * 60 * 1000));
  124.     //     const expires = "expires=" + date.toUTCString();
  125.     //     document.cookie = cName + "=" + cValue + "; " + expires + "; path=/";
  126.     // }
  128.     // function getFirstidIfNeeded() {
  129.     //     let consentCookie = getCookieValueFromCookieName('consent');
  130.     //     let firstidCookieValue = getCookieValueFromCookieName("firstid");
  131.     //
  132.     //     if (consentCookie === 'yes' && !firstidCookieValue) {
  133.     //         let currentLocation = window.location.href;
  134.     //         let currentLocationBase64 = btoa(currentLocation);
  135.     //         window.location = `https://gate2.preprod.first-id.fr?redirectUrl=${currentLocationBase64}`;
  136.     //     }
  137.     // }
  139.     // function createFirstidCookieIfNeeded() {
  140.     //     let params = new URLSearchParams(window.location.search);
  141.     //     let firstidCookieValue = getCookieValueFromCookieName("firstid");
  142.     //
  143.     //     if (params.has('firstId') && !firstidCookieValue) {
  144.     //         setCookie('firstid', params.get('firstId'), 180);
  145.     //         console.log(`cookie first id is set with value ${params.get('firstId')}`)
  146.     //     }
  147.     // }
  149.     // function loadFirstIdSdk() {
  150.     //     var script = document.createElement('script');
  151.     //     script.src = "https://cdn.preprod.first-id.fr/sdk/loader/loader.min.js";
  152.     //     script.defer = true;
  153.     //     document.head.appendChild(script);
  154.     //
  155.     //     script.onload = function () {
  156.     //         window.firstId = window.firstId || {
  157.     //             callbacks: [],
  158.     //             debug: true,
  159.     //             cookieName: 'firstid'
  160.     //         };
  161.     //
  162.     //         window.firstId.callbacks.push(() => {
  163.     //             console.log('FirstID SDK loaded and initialized after user consent.');
  164.     //             // Additional FirstID SDK logic here
  165.     //         });
  166.     //
  167.     //         window.firstId.callbacks.push(() => {
  168.     //             console.log(FIRSTID.get)
  169.     //         });
  170.     //     };
  171.     // }
  173.     // function checkConsentAndLoadSdk() {
  174.     //     // Check if consent cookie is set, if so, load the SDK
  175.     //     let consent = getCookieValueFromCookieName('consent');
  176.     //     if (consent === 'yes') {
  177.     //         loadFirstIdSdk();
  178.     //     }
  179.     // }
  181.     // checkConsentAndLoadSdk();
  182.     checkFirstidCookie();
  183.     //createFirstidCookieIfNeeded();
  184.     //getFirstidIfNeeded();
  187.     // loadFirstIdSdk();
  189.     let fid = getCookieValueFromCookieName('firstid')
  190.     if (fid) {
  191.         $('#firstid').text(fid)
  192.     } else {
  193.         $('#firstid').text('No First ID cookie find.')
  194.     }
  196. </script>
  197. </html>