From 1bf91931ba225087eb4a4683381670f13d62d64d Mon Sep 17 00:00:00 2001
From: j0hannr <johann.rohn@gmail.com>
Date: Mon, 12 Jul 2021 12:51:50 +0200
Subject: [PATCH] cookie disclaimer delayed & improved

---
 components/cookie/cookie-alert.php | 25 ++++++++++---------------
 documentation/development.md       |  1 +
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/components/cookie/cookie-alert.php b/components/cookie/cookie-alert.php
index 9b9b974..aa03b71 100644
--- a/components/cookie/cookie-alert.php
+++ b/components/cookie/cookie-alert.php
@@ -1,4 +1,4 @@
-<div class="overlay visible cookie-alert">
+<div style="display:none;" class="cookie-alert">
     <div class="overlay-content">
         <div class="card card-large reminder shadow">
             <div class="content large-margin-bottom">
@@ -6,9 +6,8 @@
                     🍪 <?php _e("Wir verwenden Cookies", "quartiersplattform"); ?>
                 </h4>
                 <p class="text-size-2">
-
-                <?php _e("Wir nutzen Cookies auf der Quartiersplattform. Mit der Nutzung stimmst du der Verwendung zu, jedoch verwenden wir keine Cookies von Dritten.", "quartiersplattform"); ?>
-</p>
+                    <?php _e("Wir nutzen Cookies auf der Quartiersplattform. Mit der Nutzung stimmst du der Verwendung zu, jedoch verwenden wir keine Cookies von Dritten.", "quartiersplattform"); ?>
+                </p>
             </div>
 
             <div class="button-group">
@@ -34,7 +33,6 @@
 
             ?>
 
-
             <a onclick="cookie_disclaimer();" class="button accept is-primary" ><?php _e('Zustimmen', 'quartiersplattform'); ?> </a>
         </div>
         </div>
@@ -42,6 +40,12 @@
 </div>
 
 <script>
+
+    setTimeout(() => {
+        const disclaimer = document.querySelector("div.cookie-alert");
+        disclaimer.classList.add("visible", "overlay");  
+        disclaimer.style.display = "block"
+    }, 6000);
     
     function cookie_disclaimer() {
 
@@ -52,15 +56,7 @@ function cookie_disclaimer() {
             'request': 1
         };
 
-        // $.ajax({
-        //     url: ajax_url,
-        //     type: 'post',
-        //     data: data,
-        //     dataType: 'json',
-        //     success: function(response){
-        //         $("div.cookie-alert").fadeOut();
-        //     }
-        // });
+        document.querySelector("div.cookie-alert").remove();
 
         var request = new XMLHttpRequest();
         request.open('POST', ajax_url, true);
@@ -70,7 +66,6 @@ function cookie_disclaimer() {
                 // If successful
                 console.log(this.response);
                 // $("div.cookie-alert").fadeOut();
-                document.querySelector("div.cookie-alert").remove();
                 // alert('done');
             } else {
                 // If fail
diff --git a/documentation/development.md b/documentation/development.md
index a970d3f..02e176b 100644
--- a/documentation/development.md
+++ b/documentation/development.md
@@ -31,6 +31,7 @@ Entwicklung der Quartiersplattform
 - [ ] Gestaltung der Startseite (Gutenberg Blocks)
 - [ ] Emojis laden manchmal nicht direkt
 - [ ] Energie Ampel Fallback/Error Display
+- [ ] Advanced Custom fields (free) compatible
 
 ### Bugs
 - [ ] Leere Chronik `no content card` wird im falschen reiter angezeigt