From ec09c34009d3988df8579e956a69295ac374475a Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Tue, 19 Jun 2018 21:39:04 +0200
Subject: [PATCH] new state-saving cookie bar

---
 _includes/footer.html |  1 +
 _includes/head.html   |  1 +
 _layouts/default.html |  2 +-
 js/cookie.js          | 53 +++++++++++++++++++++++++++++++++++++++++++
 js/svg.js             |  9 --------
 5 files changed, 56 insertions(+), 10 deletions(-)
 create mode 100644 js/cookie.js

diff --git a/_includes/footer.html b/_includes/footer.html
index 69df004..5d26f83 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -29,6 +29,7 @@
 <script src="{{ "/bower_components/appear/jquery.appear.js" | prepend: site.baseurl }}"></script>
 <script src="{{ "/js/app.js" | prepend: site.baseurl }}"></script>
 <script src="{{ "/js/svg.js" | prepend: site.baseurl }}"></script>
+<script src="{{ "/js/cookie.js" | prepend: site.baseurl }}"></script>
 
 <!-- Matomo -->
 <script type="text/javascript">
diff --git a/_includes/head.html b/_includes/head.html
index b5e3061..9a131ac 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -21,6 +21,7 @@
 
   <script src="{{ "/bower_components/modernizr/modernizr.js" | prepend: site.baseurl }}"></script>
 
+
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
 </head>
diff --git a/_layouts/default.html b/_layouts/default.html
index ef3ca12..5cf0bc1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -10,7 +10,7 @@
 
     {{ content }}
 
-    <div id="cookieConsent">
+    <div id="cookieConsent" style="display: none;">
     <div id="closeCookieConsent">x</div>
     This website is using cookies. <a href="/privacy-policy" target="_blank">More info</a>. <a class="cookieConsentOK">That's Fine</a>
     </div>
diff --git a/js/cookie.js b/js/cookie.js
new file mode 100644
index 0000000..a56b25a
--- /dev/null
+++ b/js/cookie.js
@@ -0,0 +1,53 @@
+jQuery(function($) {
+
+    checkCookie_eu();
+
+    function checkCookie_eu()
+    {
+
+        var consent = getCookie_eu("cookies_consent");
+
+        if (consent == null || consent == "" || consent == undefined)
+        {
+            // show notification bar
+            $(document).ready(function(){
+            setTimeout(function () {
+                $("#cookieConsent").fadeIn(200);
+             }, 4000);
+        });
+        }
+
+    }
+
+    function setCookie_eu(c_name,value,exdays)
+    {
+
+        var exdate = new Date();
+        exdate.setDate(exdate.getDate() + exdays);
+        var c_value = escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
+        document.cookie = c_name + "=" + c_value+"; path=/";
+
+        $('#cookieConsent').hide('slow');
+    }
+
+
+    function getCookie_eu(c_name)
+    {
+        var i,x,y,ARRcookies=document.cookie.split(";");
+        for (i=0;i<ARRcookies.length;i++)
+        {
+            x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
+            y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
+            x=x.replace(/^\s+|\s+$/g,"");
+            if (x==c_name)
+            {
+                return unescape(y);
+            }
+        }
+    }
+
+    $("#closeCookieConsent .cookieConsentOK").click(function(){
+        setCookie_eu("cookies_consent", 1, 30);
+    });
+
+});
diff --git a/js/svg.js b/js/svg.js
index 9953864..b141853 100644
--- a/js/svg.js
+++ b/js/svg.js
@@ -34,12 +34,3 @@ jQuery('img.svg').each(function(){
     }, 'xml');
 
 });
-
-$(document).ready(function(){
-    setTimeout(function () {
-        $("#cookieConsent").fadeIn(200);
-     }, 2500);
-    $("#closeCookieConsent, .cookieConsentOK").click(function() {
-        $("#cookieConsent").fadeOut(200);
-    });
-});