Gestion des cookies

core/core.js.php

@@ -220,45 +220,30 @@ core.start = function() {
 	});
 
   /**
-	 * Message sur l'utilisation des cookies
+	 * Traitement du formulaire cookies
 	 */
-	var analytics = "";
-	if (<?php echo json_encode($this->getData(['config', 'seo', 'analyticsId'])); ?>) {
-		 analytics = ' grâce au cookie Google Analytics'
-	}
-	if(<?php echo json_encode($this->getData(['config', 'cookieConsent'])); ?>) {
-		if(document.cookie.indexOf("ZWII_COOKIE_CONSENT") === -1) {
-			$("body").append(
-				$("<div>").attr("id", "cookieConsent").append(
-					$("<span>").html("<p>Ce site utilise des cookies pour assurer l'authentification, améliorer l'expérience utilisateur"+analytics+". <br/>En cliquant sur ”J’accepte”, vous acceptez l’utilisation de ces cookies.</p>"),
-					$("<span>")
-						.attr("id", "cookieConsentConfirm")
-						.text("Accepter")
-						.on("click", function() {
-							// Créé le cookie d'acceptation
+	$("#cookieForm").submit(function(event){
+       const ga = document.getElementById('googleAnalytics');
+	   var samesite = "samesite=lax";
 	   var expires = new Date();
        expires.setFullYear(expires.getFullYear() + 1);
        expires = "expires=" + expires.toUTCString();
-							document.cookie = "ZWII_COOKIE_CONSENT=true;" + expires;
-							// Ferme le message
-							$(this).parents("#cookieConsent").fadeOut();
-						}),
-					$("<span>")
-					.attr("id", "cookieConsentRefuse")
-					.text("Refuser")
-					.on("click", function() {
-						// Créé le cookie d'acceptation
-						var expires = new Date();
-						expires.setFullYear(expires.getFullYear() + 1);
-						expires = "expires=" + expires.toUTCString();
-						document.cookie = "ZWII_COOKIE_CONSENT=false;" + expires;
-						// Ferme le message
-						$(this).parents("#cookieConsent").fadeOut();
-					}),
-				)
-			);
+       // Crée le cookie d'acceptation Google Analytics si nécessaire
+	   <?php $analytics = $this->getData(['config', 'seo', 'analyticsId']);?>
+	   <?php if( $analytics !== null AND $analytics !=='' ){ ?>
+		   if(ga.checked){
+			document.cookie = "ZWII_COOKIE_GA_CONSENT=true;" + expires +";"+ samesite;
 		   }
+		   else{
+			document.cookie = "ZWII_COOKIE_GA_CONSENT=false;" + expires +";"+ samesite;
 		   }
+	   <?php } ?>
+       document.cookie = "ZWII_COOKIE_CONSENT=true;" + expires +";"+ samesite;
+    });
+	$(".cookieBox .cookieClose").on("click", function() {
+		$(this).parents("#cookieConsent").fadeOut();
+	});
+
 	/**
 	 * Choix de page dans la barre de membre
 	 */

core/core.php

@@ -1173,7 +1173,7 @@ class common {
 	 */
 	public function showAnalytics() {
 		if( !empty($code = $this->getData(['config', 'seo', 'analyticsId'])) &&
-		    $this->getInput('ZWII_COOKIE_CONSENT') === 'true')  {
+		    $this->getInput('ZWII_COOKIE_GA_CONSENT') === 'true')  {
 			echo '<!-- Global site tag (gtag.js) - Google Analytics -->
 				<script async src="https://www.googletagmanager.com/gtag/js?id='. $code .'"></script>
 				<script>
@@ -1185,6 +1185,33 @@ class common {
 		}
 	}
 
+	/**
+	 * Affiche le consentement aux cookies
+	 */
+	public function showCookies() {
+		if($this->getInput('ZWII_COOKIE_CONSENT') !== 'true' AND $this->getData(['config','cookieConsent']) === true){ ?>
+			<div id="cookieConsent">
+				<div class="cookieBox"><div class="cookieClose">X</div></div>
+				<?php $analytics = $this->getData(['config', 'seo', 'analyticsId']);?>
+				<p>Ce site <?php echo helper::baseUrl(false); ?> utilise des cookies nécessaires à son fonctionnement,
+				ils permettent de fluidifier son fonctionnement par exemple en mémorisant les données de connexion, la langue que vous avez choisie
+				ou la validation de ce message.
+				<?php $legalPage = $this->getData(['locale','legalPageId']) ==='none'? 'mentions-legales' : $this->getData(['locale','legalPageId']); ?>
+				<a href=" <?php echo helper::baseUrl() . $legalPage ?> ">Plus d'informations</a></p>
+				<?php if( $analytics !== null AND $analytics !=='' ){ ?>
+				<p>Il utilise également des cookies permettant de réaliser des statistiques de visites pour améliorer votre expérience utilisateur, ces cookies déposés par Google Analytics ont besoin de votre consentement.</p>
+				<?php } ?>
+				<form method="POST" action="" id="cookieForm">
+					<?php if( $analytics !== null AND $analytics !=='' ){ ?>
+					<input type="checkbox" id="googleAnalytics" name="googleAnalytics" value="GA">
+					<label for="googleAnalytics"> J'accepte les cookies Google Analytics</label> <?php } ?><br><br>
+					<input type="submit" id="cookieConsentConfirm" value="Valider">
+				</form>
+			</div>
+		<?php
+		}
+	}
+
 	/**
 	 * Formate le contenu de la page selon les gabarits
 	 * @param Page par defaut

core/layout/common.css

@@ -1012,7 +1012,18 @@ footer #footerSocials .zwiico-github:hover {
 	background: #777;
 }
 
-
+.cookieBox {
+position: relative;
+width: 15px;
+height: 15px;
+border: 1px solid blue;
+}
+.cookieBox .cookieClose {
+position: absolute;
+right: 2px;
+top: -2px;
+cursor: pointer;
+}
 
 /* Bloc */
 .block {

core/layout/main.php

@@ -183,7 +183,8 @@
 
 		<!-- Lien remonter en haut -->
 		<div id="backToTop"><?php echo template::ico('up'); ?></div>
-
+		<!-- Affichage du consentement aux cookies-->
+		<?php $this->showCookies(); ?>
 		<!-- Les scripts -->
 		<?php $this->showScript();?>