From 01ea8ec0bcef6d55f09a5a0ad4bc45b9dd859772 Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Thu, 25 Feb 2021 16:35:50 +0000 Subject: [PATCH] Allow cookie notice to work with caching mechanism. Wait #4147 @0.5 --- .../resources/assets/scripts/cookie-notice.js | 8 ++++++++ .../resources/assets/styles/widgets/cookie-notice.styl | 3 ++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/wp-content/themes/physioassist/resources/assets/scripts/cookie-notice.js b/wp-content/themes/physioassist/resources/assets/scripts/cookie-notice.js index 6f81e7d3..ce16c38a 100644 --- a/wp-content/themes/physioassist/resources/assets/scripts/cookie-notice.js +++ b/wp-content/themes/physioassist/resources/assets/scripts/cookie-notice.js @@ -3,6 +3,14 @@ import Cookies from 'js-cookie'; // Get name of cookie from localised script variable set in PHP let cookie_name = window.cube_cookie_notice.cookie_name; +$(document).ready(function() { + let cookies_accepted = Cookies.get(cookie_name); + + if (!cookies_accepted) { + $('html').addClass('cookies-not-accepted'); + } +}); + $(document).on('click', '.cube-cookie-notice-close', function() { Cookies.set(cookie_name, 1, { expires: 365 }); $(this).parent().fadeOut(); diff --git a/wp-content/themes/physioassist/resources/assets/styles/widgets/cookie-notice.styl b/wp-content/themes/physioassist/resources/assets/styles/widgets/cookie-notice.styl index f8b8c183..d2dad931 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/widgets/cookie-notice.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/widgets/cookie-notice.styl @@ -11,7 +11,8 @@ font-size: 13px display: none // Hidden until user interacts (scrolls) the page - .interaction-started & + // Only show if cookies aren't already accepted + .cookies-not-accepted.interaction-started & display: block &-learn-more -- 2.39.5