From 675566f7888c4764ce2a0e53ededfb313d58e0f3 Mon Sep 17 00:00:00 2001
From: Jonas Leder <git@jonasled.de>
Date: Mon, 12 Apr 2021 18:36:20 +0200
Subject: [PATCH] moved cookie notice in own element

---
 js/cookie.js               | 58 ++++++++++++++++++++++++--------------
 public/internal/footer.php | 10 ++-----
 2 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/js/cookie.js b/js/cookie.js
index 30c6905..404914a 100644
--- a/js/cookie.js
+++ b/js/cookie.js
@@ -1,28 +1,44 @@
 
-function getCookie(name){
-    var nameEQ = name + "=";
-    var ca = document.cookie.split(";");
-    for (var i=0; i < ca.length; i++) {
-        var c = ca[i];
-        while(c.charAt(0) === " ") c = c.substr(1, c.length);
-        if(c.indexOf(nameEQ) === 0) return c.substr(nameEQ.length, c.length)
-    }
-    return null
-}
+class cookieNotice extends HTMLElement{
+    constructor() {
+        super();
+        this.innerHTML = `
+            <div class="cookieinfo">
+                <div class="cookieinfo-close">            ✖
+                </div>
+                <span class="cookieinfo-text">
+                       We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies. <a class="cookieinfo-link" href="http://wikipedia.org/wiki/HTTP_cookie">More info</a>
+                </span>
+            </div>`;
+
+        let cookieInfo = document.querySelector(".cookieinfo");
+        if(cookieInfo != null) {
+            if (this.getCookie("cookieMessageHide") === "1") {
+                cookieInfo.style.display = "none";
+            } else {
+                cookieInfo.style.display = "block";
+            }
 
+            document.querySelector(".cookieinfo-close").onclick = function() {
+                console.log("close");
+                document.cookie = "cookieMessageHide=1";
+                cookieInfo.style.display = "none";
+            }
+
+        }
 
-let cookieInfo = document.querySelector(".cookieinfo");
-if(cookieInfo != null) {
-    if (getCookie("cookieMessageHide") === "1") {
-        cookieInfo.style.display = "none";
-    } else {
-        cookieInfo.style.display = "block";
     }
 
-    document.querySelector(".cookieinfo-close").onclick = function() {
-        console.log("close");
-        document.cookie = "cookieMessageHide=1";
-        cookieInfo.style.display = "none";
+    getCookie(name){
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(";");
+        for (var i=0; i < ca.length; i++) {
+            var c = ca[i];
+            while(c.charAt(0) === " ") c = c.substr(1, c.length);
+            if(c.indexOf(nameEQ) === 0) return c.substr(nameEQ.length, c.length)
+        }
+        return null
     }
+}
 
-}
\ No newline at end of file
+customElements.define("jl-cookie_notice", cookieNotice);
\ No newline at end of file
diff --git a/public/internal/footer.php b/public/internal/footer.php
index 5af45e0..c787bdb 100644
--- a/public/internal/footer.php
+++ b/public/internal/footer.php
@@ -42,7 +42,7 @@ function getFooter(){
             </a>
             
             <a href="https://paypal.me/jonasled/">
-                <jl-svg data-name="svg"></jl-svg>  
+                <jl-svg data-name="paypal"></jl-svg>  
             </a>
             
             <a href="https://matrix.to/#/@jonasled:jonasled.de">
@@ -56,13 +56,7 @@ function getFooter(){
     </div>
     </div>
     </footer>
-        <div class="cookieinfo">
-        <div class="cookieinfo-close">            ✖
-        </div>
-        <span class="cookieinfo-text">
-               We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies. <a class="cookieinfo-link" href="http://wikipedia.org/wiki/HTTP_cookie">More info</a>
-        </span>
-    </div>
+    <jl-cookie_notice></jl-cookie_notice>
     <script src="/js/script.js"></script>
     </body>
     </html>
-- 
GitLab