templates/cookies/js/consentement.js line 1

Open in your IDE?
  1. <<script>
  3.     $(function(){
  5.         // Récupérer la valeur du cookie nommé "mon_cookie"
  6.         var valeurDuCookie = $.cookie('webgiciel');
  8.         // test si les rgpd sont enregistré dans le cookie
  9.         if (valeurDuCookie !== undefined) {
  10.             gestionBtnConsent(1);
  11.         }
  12.         else{
  13.             ajaxModalConsentCookies(0);
  14.         }
  16.     });
  18.     // gestionBtnConsent
  19.     function gestionBtnConsent(val){
  20.         $("#btnConsent").on("click", function(){
  21.             ajaxModalConsentCookies(val);
  22.         });
  23.     }
  25.     // ajaxModalConsentCookies
  26.     function ajaxModalConsentCookies(supp){
  27.         $.ajax({
  28.             type: "POST",
  29.             url: "{{ path('front_form_consent') }}",
  30.             data: {
  31.                 supp: supp,
  32.             }, 
  33.         })
  34.         .done(function(msg){
  35.             // 1. creation du modal
  36.             $('body').append('<div id="myModal" class="modal" tabindex="-1"><div class="modal-dialog"><div class="modal-content"></div></div></div>');
  38.             // 2. rempli le modal
  39.             $("#myModal .modal-content").html(msg.msg.content);
  41.             // 3. formatte les checkboxes
  42.             $("#p_2 #form_fonctions_0").attr("checked", "checked");    
  43.             $("#p_2 #form_fonctions_0").attr("disabled", "disabled");    
  44.             $("#p_2 #form_fonctions_1").attr("checked", "checked");    
  45.             $("#p_2 #form_fonctions_1").attr("disabled", "disabled");    
  46.             $("#p_2 #form_fonctions_2").attr("checked", "checked");    
  47.             $("#p_2 #form_fonctions_2").attr("disabled", "disabled");    
  48.             $("#p_2 #form_fonctions_3").attr("checked", "checked");    
  50.             // 3. ouvre le modal accepter les rgpd
  51.             $("#myModal").modal('show');
  53.             // events
  55.             // gestion du btnPersonalise
  56.             $("#btnPersonalise").on("click", function(){
  57.                 // recup la page affichee
  58.                 if ($("#myModal #p_1").css("display") != "none")
  59.                 {
  60.                     pAff = 1;
  61.                 }
  62.                 else if ($("#myModal #p_2").css("display") != "none")
  63.                 {
  64.                     pAff = 2;
  65.                 }
  66.                 else{
  67.                     pAff = 3;
  68.                 }
  70.                 // si la page à afficher est differente de la page en cours
  71.                 if (pAff != 2){
  72.                     // masque all
  73.                     $("#myModal [id^=p_]").slideUp(500);
  74.                     // gestion du menu
  75.                     $("#menuRadio #btnradio1").removeAttr('checked');
  76.                     $("#menuRadio #btnradio2").click();
  77.                     $("#menuRadio #btnradio3").removeAttr('checked');
  78.                     // affiche le contenu à personnaliser
  79.                     $("#myModal #p_2").slideDown(500);
  80.                 }
  82.             });
  83.             // gestion du menu du modal
  84.             $("[id^=btnradio]").on("click", function(){
  85.                 // recup la page affichee
  86.                 if ($("#myModal #p_1").css("display") != "none")
  87.                 {
  88.                     pAff = 1;
  89.                 }
  90.                 else if ($("#myModal #p_2").css("display") != "none")
  91.                 {
  92.                     pAff = 2;
  93.                 }
  94.                 else{
  95.                     pAff = 3;
  96.                 }
  98.                 // recup la page à afficher
  99.                 newP = $(this).attr("id").substr(8);
  101.                 // si la page à afficher est differente de la page en cours
  102.                 if (pAff != newP){
  103.                     console.log($("#myModal #p_1").css("display"));
  104.                     console.log($("#btnradio2").attr('checked'));
  105.                     console.log($("#btnradio3").attr('checked'));
  106.                     // masque all
  107.                     $("#myModal [id^=p_]").slideUp(500);
  108.                     console.log("menu "+$(this).attr("id").substr(8));
  110.                     $("#myModal #p_"+$(this).attr("id").substr(8)).slideDown(500);
  111.                 }
  114.             });
  115.             // btnTout
  116.             $("#btnTout").on("click", function(){
  117.                 // Exemple : Écrire un cookie nommé "mon_cookie" avec la valeur "ma_valeur" qui expire dans 7 jours
  118.                 $.cookie('webgiciel', 'All', { expires: 60 });
  119.                 $("#myModal").modal('hide');
  120.                 gestionBtnConsent(1);
  121.                 console.log("clique sur tout");
  122.             });
  123.             // btnEssentiel
  124.             $("#btnEssentiel").on("click", function(){
  125.                 $.cookie('webgiciel', 'Essentiel', { expires: 60 });
  126.                 $("#myModal").modal('hide');
  127.                 gestionBtnConsent(1);
  128.                 console.log("clique sur btnEssentiel");
  129.             });
  130.             // btnSuppr
  131.             $("#btnSuppr").on("click", function(){
  132.                 $.cookie('webgiciel', null, { expires: -1, path: '/' });
  133.                 $("#myModal").modal('hide');
  134.                 gestionBtnConsent(0);
  135.                 console.log("clique sur btnSuppr");
  136.             });
  137.         });
  138.     }
  140.     // setRgpdCookie
  141.     function setRgpdCookie() {
  142.         // Fonction pour créer un cookie RGPD
  143.         // Vérifiez si l'utilisateur a déjà accepté les cookies (pour éviter de réenregistrer le cookie)
  144.         if (document.cookie.indexOf('rgpdAccepted=true') === -1) {
  145.             // Créez un cookie RGPD qui expire après 365 jours
  146.             var expires = new Date();
  147.             expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000));
  148.             document.cookie = 'rgpdAccepted=true; expires=' + expires.toUTCString() + '; path=/';
  149.             
  150.             // Ajoutez ici le code que vous souhaitez exécuter une fois que l'utilisateur a accepté les cookies
  151.             console.log('L\'utilisateur a accepté les cookies.');
  152.         }
  153.     }
  155.     //getCookie
  156.     function getCookie(nomCookie) {
  157.         deb = document.cookie.indexOf(nomCookie+ "=")
  158.         if (deb >= 0) {
  159.             deb += nomCookie.length + 1
  160.             fin = document.cookie.indexOf(";",deb)
  161.             if (fin < 0) fin = document.cookie.length
  162.             return unescape(document.cookie.substring(deb,fin))
  163.         }
  164.         else return ""
  165.     }
  166.     
  167.     // Appel de la fonction pour créer un cookie RGPD lors du chargement de la page
  168.     //setRgpdCookie();
  169.     
  170. </script>