website/js/customElements/cookie.js
2021-04-12 19:09:07 +02:00

44 lines
No EOL
1.5 KiB
JavaScript

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";
}
}
}
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
}
}
customElements.define("jl-cookie_notice", cookieNotice);