From e8fa80c07319b801531111d61a6720397b136a3d Mon Sep 17 00:00:00 2001
From: Matt Landers <mattlanders@google.com>
Date: Mon, 13 May 2024 13:34:15 -0500
Subject: [PATCH] fix for personalization settings

---
 src/public/partials/consent.eta               | 105 +++++++++---------
 .../src/public/partials/consent.eta           | 105 +++++++++---------
 2 files changed, 102 insertions(+), 108 deletions(-)

diff --git a/src/public/partials/consent.eta b/src/public/partials/consent.eta
index 3230ae8..5873188 100644
--- a/src/public/partials/consent.eta
+++ b/src/public/partials/consent.eta
@@ -1,4 +1,3 @@
-
 <div id="cookie-consent-banner" class="cookie-consent-banner">
     <h3>Cookie settings</h3>
     <p>We use cookies to provide you with the best possible experience. They also allow us to analyze user behavior in order to constantly improve the website for you.</p>
@@ -6,61 +5,59 @@
     <button id="btn-accept-some" class="cookie-consent-button btn-outline">Accept Selection</button>
     <button id="btn-reject-all" class="cookie-consent-button btn-grayscale">Reject All</button>
     <div class="cookie-consent-options">
-      <label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>Necessary</label>
-      <label><input id="consent-analytics" type="checkbox" value="Analytics" checked>Analytics</label>
-      <label><input id="consent-preferences" type="checkbox" value="Preferences" checked>Preferences</label>
-      <label><input id="consent-marketing" type="checkbox" value="Marketing">Marketing</label>
+        <label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>Necessary</label>
+        <label><input id="consent-analytics" type="checkbox" value="Analytics" checked>Analytics</label>
+        <label><input id="consent-preferences" type="checkbox" value="Preferences" checked>Preferences</label>
+        <label><input id="consent-marketing" type="checkbox" value="Marketing">Marketing</label>
     </div>
 </div>
 
 <script>
-  
-  function hideBanner() {
-    document.getElementById('cookie-consent-banner').style.display = 'none';
-  }
+    function hideBanner() {
+        document.getElementById('cookie-consent-banner').style.display = 'none';
+    }
+
+    if (localStorage.getItem('consentMode') === null) {
+
+        document.getElementById('btn-accept-all').addEventListener('click', function() {
+            setConsent({
+                necessary: true,
+                analytics: true,
+                preferences: true,
+                marketing: true
+            });
+            hideBanner();
+        });
+        document.getElementById('btn-accept-some').addEventListener('click', function() {
+            setConsent({
+                necessary: true,
+                analytics: document.getElementById('consent-analytics').checked,
+                preferences: document.getElementById('consent-preferences').checked,
+                marketing: document.getElementById('consent-marketing').checked
+            });
+            hideBanner();
+        });
+        document.getElementById('btn-reject-all').addEventListener('click', function() {
+            setConsent({
+                necessary: false,
+                analytics: false,
+                preferences: false,
+                marketing: false
+            });
+            hideBanner();
+        });
+        document.getElementById('cookie-consent-banner').style.display = 'block';
+    }
 
-  if(localStorage.getItem('consentMode') === null) {
-    
-    document.getElementById('btn-accept-all').addEventListener('click', function() {
-      setConsent({
-        necessary: true,
-        analytics: true,
-        preferences: true,
-        marketing: true
-      });
-      hideBanner();
-    });
-    document.getElementById('btn-accept-some').addEventListener('click', function() {
-      setConsent({
-        necessary: true,
-        analytics: document.getElementById('consent-analytics').checked,
-        preferences: document.getElementById('consent-preferences').checked,
-        marketing: document.getElementById('consent-marketing').checked
-      });
-      hideBanner();
-    });
-    document.getElementById('btn-reject-all').addEventListener('click', function() {
-      setConsent({
-        necessary: false,
-        analytics: false,
-        preferences: false,
-        marketing: false
-      });
-      hideBanner();
-    });
-    document.getElementById('cookie-consent-banner').style.display = 'block';
-  }
-  
-  function setConsent(consent) {
-    const consentMode = {
-      'functionality_storage': consent.necessary ? 'granted' : 'denied',
-      'security_storage': consent.necessary ? 'granted' : 'denied',
-      'ad_storage': consent.marketing ? 'granted' : 'denied',
-      'analytics_storage': consent.analytics ? 'granted' : 'denied',
-      'personalization': consent.preferences ? 'granted' : 'denied',
-    };
-    gtag('consent', 'update', consentMode);  
-    localStorage.setItem('consentMode', JSON.stringify(consentMode));
-  }
-  
-</script>
+    function setConsent(consent) {
+        const consentMode = {
+            'functionality_storage': consent.necessary ? 'granted' : 'denied',
+            'security_storage': consent.necessary ? 'granted' : 'denied',
+            'ad_storage': consent.marketing ? 'granted' : 'denied',
+            'analytics_storage': consent.analytics ? 'granted' : 'denied',
+            'personalization_storage': consent.preferences ? 'granted' : 'denied',
+        };
+        gtag('consent', 'update', consentMode);
+        localStorage.setItem('consentMode', JSON.stringify(consentMode));
+    }
+</script>
\ No newline at end of file
diff --git a/tutorials/4-consent-mode/src/public/partials/consent.eta b/tutorials/4-consent-mode/src/public/partials/consent.eta
index 3230ae8..5873188 100644
--- a/tutorials/4-consent-mode/src/public/partials/consent.eta
+++ b/tutorials/4-consent-mode/src/public/partials/consent.eta
@@ -1,4 +1,3 @@
-
 <div id="cookie-consent-banner" class="cookie-consent-banner">
     <h3>Cookie settings</h3>
     <p>We use cookies to provide you with the best possible experience. They also allow us to analyze user behavior in order to constantly improve the website for you.</p>
@@ -6,61 +5,59 @@
     <button id="btn-accept-some" class="cookie-consent-button btn-outline">Accept Selection</button>
     <button id="btn-reject-all" class="cookie-consent-button btn-grayscale">Reject All</button>
     <div class="cookie-consent-options">
-      <label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>Necessary</label>
-      <label><input id="consent-analytics" type="checkbox" value="Analytics" checked>Analytics</label>
-      <label><input id="consent-preferences" type="checkbox" value="Preferences" checked>Preferences</label>
-      <label><input id="consent-marketing" type="checkbox" value="Marketing">Marketing</label>
+        <label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>Necessary</label>
+        <label><input id="consent-analytics" type="checkbox" value="Analytics" checked>Analytics</label>
+        <label><input id="consent-preferences" type="checkbox" value="Preferences" checked>Preferences</label>
+        <label><input id="consent-marketing" type="checkbox" value="Marketing">Marketing</label>
     </div>
 </div>
 
 <script>
-  
-  function hideBanner() {
-    document.getElementById('cookie-consent-banner').style.display = 'none';
-  }
+    function hideBanner() {
+        document.getElementById('cookie-consent-banner').style.display = 'none';
+    }
+
+    if (localStorage.getItem('consentMode') === null) {
+
+        document.getElementById('btn-accept-all').addEventListener('click', function() {
+            setConsent({
+                necessary: true,
+                analytics: true,
+                preferences: true,
+                marketing: true
+            });
+            hideBanner();
+        });
+        document.getElementById('btn-accept-some').addEventListener('click', function() {
+            setConsent({
+                necessary: true,
+                analytics: document.getElementById('consent-analytics').checked,
+                preferences: document.getElementById('consent-preferences').checked,
+                marketing: document.getElementById('consent-marketing').checked
+            });
+            hideBanner();
+        });
+        document.getElementById('btn-reject-all').addEventListener('click', function() {
+            setConsent({
+                necessary: false,
+                analytics: false,
+                preferences: false,
+                marketing: false
+            });
+            hideBanner();
+        });
+        document.getElementById('cookie-consent-banner').style.display = 'block';
+    }
 
-  if(localStorage.getItem('consentMode') === null) {
-    
-    document.getElementById('btn-accept-all').addEventListener('click', function() {
-      setConsent({
-        necessary: true,
-        analytics: true,
-        preferences: true,
-        marketing: true
-      });
-      hideBanner();
-    });
-    document.getElementById('btn-accept-some').addEventListener('click', function() {
-      setConsent({
-        necessary: true,
-        analytics: document.getElementById('consent-analytics').checked,
-        preferences: document.getElementById('consent-preferences').checked,
-        marketing: document.getElementById('consent-marketing').checked
-      });
-      hideBanner();
-    });
-    document.getElementById('btn-reject-all').addEventListener('click', function() {
-      setConsent({
-        necessary: false,
-        analytics: false,
-        preferences: false,
-        marketing: false
-      });
-      hideBanner();
-    });
-    document.getElementById('cookie-consent-banner').style.display = 'block';
-  }
-  
-  function setConsent(consent) {
-    const consentMode = {
-      'functionality_storage': consent.necessary ? 'granted' : 'denied',
-      'security_storage': consent.necessary ? 'granted' : 'denied',
-      'ad_storage': consent.marketing ? 'granted' : 'denied',
-      'analytics_storage': consent.analytics ? 'granted' : 'denied',
-      'personalization': consent.preferences ? 'granted' : 'denied',
-    };
-    gtag('consent', 'update', consentMode);  
-    localStorage.setItem('consentMode', JSON.stringify(consentMode));
-  }
-  
-</script>
+    function setConsent(consent) {
+        const consentMode = {
+            'functionality_storage': consent.necessary ? 'granted' : 'denied',
+            'security_storage': consent.necessary ? 'granted' : 'denied',
+            'ad_storage': consent.marketing ? 'granted' : 'denied',
+            'analytics_storage': consent.analytics ? 'granted' : 'denied',
+            'personalization_storage': consent.preferences ? 'granted' : 'denied',
+        };
+        gtag('consent', 'update', consentMode);
+        localStorage.setItem('consentMode', JSON.stringify(consentMode));
+    }
+</script>
\ No newline at end of file