cookiebanner

README.md

@@ -102,6 +102,19 @@ git submodule add https://git.seemsleg.it/pub/cssjs-func-lib cssjs
 <script src='/cssjs/wysiwyg.js'></script>
 ```
 
+## Cookiebanner
+```
+<link href="/cssjs/cookiebanner.css" rel="stylesheet">
+<script>
+  var cookiebanner_cookie = 'cookieallowed';
+  var cookiebanner_text = 'Dies ist ein Fanprojekt, wir haben keinerlei offizielle Beziehung zu CIG oder deren Produkten. '+
+    'Notwendige Cookies helfen dabei, eine Webseite nutzbar zu machen, indem sie Grundfunktionen wie Seitennavigation und Zugriff auf sichere Bereiche der Webseite ermöglichen. Die Webseite kann ohne diese Cookies nicht richtig funktionieren. '+
+    ' Statistik-Cookies helfen Webseiten-Besitzern zu verstehen, wie Besucher mit Webseiten interagieren, indem Informationen anonym gesammelt und gemeldet werden. '+
+    'Dürfen Cookies gesetzt werden, um weitere Informationen zu erfassen?';
+</script>
+<script src="/cssjs/cookiebanner.js"></script>
+```
+
 ## ckEditor5
 ```
 <script src="/cssjs/ckeditor.js"></script>

cookiebanner.css

@@ -0,0 +1,15 @@
+#cookiebanner {
+  margin: 0px;
+  padding: 6px;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  background-color: #000;
+  color: #fff;
+  text-align: center;
+  width: 100%;
+  z-index: 9;
+}
+#cookiebanner button {
+  margin-left: 6px;
+}

cookiebanner.js

@@ -0,0 +1,35 @@
+function setCookiebannerCookie(val) {
+  document.cookie = cookiebanner_cookie +"="+val+"; expires=Fry, 01 Jan 2038 00:00:00 UTC; path=/;";
+  document.getElementById('cookiebanner').remove();
+}
+
+(function() {
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) 
+      return parts.pop().split(';').shift();
+    return false;
+  }
+  
+  //
+  
+  if(!getCookie(cookiebanner_cookie)) {
+    var cookiebanner = document.createElement('div');
+    cookiebanner.setAttribute('id','cookiebanner');
+    cookiebanner.append(document.createTextNode(text));
+    cookiebanner.append(document.createElement('br'));
+    
+    var ack = document.createElement('button');
+    ack.setAttribute('onclick','setCookiebannerCookie("ok");');
+    ack.append(document.createTextNode('Ja'));
+    cookiebanner.append(ack);
+    
+    var nak = document.createElement('button');
+    nak.setAttribute('onclick','setCookiebannerCookie("nope");');
+    nak.append(document.createTextNode('Nein'));
+    cookiebanner.append(nak);
+    
+    document.body.appendChild(cookiebanner);
+  }
+})();