From f481b27503b797c899fb810f8444e9e8aeec2804 Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Mon, 9 May 2022 16:01:37 +0300
Subject: [PATCH] Global: Add Cookies notification

just for fun xd
---
 Web/Presenters/templates/@layout.xml          |  2 ++
 .../templates/components/cookies.xml          | 35 +++++++++++++++++++
 Web/static/css/style.css                      | 23 +++++++++++-
 locales/en.strings                            |  5 +++
 locales/ru.strings                            |  5 +++
 5 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 Web/Presenters/templates/components/cookies.xml

diff --git a/Web/Presenters/templates/@layout.xml b/Web/Presenters/templates/@layout.xml
index 1869c038..b17709fa 100644
--- a/Web/Presenters/templates/@layout.xml
+++ b/Web/Presenters/templates/@layout.xml
@@ -275,6 +275,8 @@
             </p>
         </div>
 
+        {include "components/cookies.xml"}
+
         {script "js/node_modules/msgpack-lite/dist/msgpack.min.js"}
         {script "js/node_modules/soundjs/lib/soundjs.min.js"}
         {script "js/node_modules/ky/umd.js"}
diff --git a/Web/Presenters/templates/components/cookies.xml b/Web/Presenters/templates/components/cookies.xml
new file mode 100644
index 00000000..1b424545
--- /dev/null
+++ b/Web/Presenters/templates/components/cookies.xml
@@ -0,0 +1,35 @@
+<div class="cookies-popup" style="display: none;">
+    <div class="contanier">
+        <div class="text">
+            {tr("cookies_popup_content")|noescape}
+        </div>
+        <div class="buttons">
+            <a href="javascript:agreeWithCookies()" class="button">
+                {_cookies_popup_agree}
+            </a>
+        </div>
+    </div>
+</div>
+
+<script>
+    let cookie = decodeURIComponent(document.cookie).split(";");
+    let cookiesAgreed = false;
+    for(let i = 0; i < cookie.length; i++) {
+        let c = cookie[i];
+        while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+        }
+        if(c == "cookiesAgreed=true") {
+            cookiesAgreed = true;
+            break;
+        }
+    }
+    if(!cookiesAgreed) {
+        u(".cookies-popup").nodes[0].style.display = "block";
+    }
+
+    function agreeWithCookies() {
+        document.cookie = "cookiesAgreed=true";
+        u(".cookies-popup").nodes[0].style.display = "none";
+    }
+</script>
\ No newline at end of file
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index f8e0f9d0..9db53696 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -1913,4 +1913,25 @@ table td[width="120"] {
     border-bottom: 1.5px solid #707070;
     text-align: center;
     user-select: none;
-}
\ No newline at end of file
+}
+
+.cookies-popup {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(#fff, #eee);
+    box-shadow: inset 0px 1px 0px #bbb, inset 0px 2px 0px #ddd;
+}
+
+.cookies-popup .contanier {
+    width: 760px;
+    display: flex;
+    margin: 0 auto;
+    align-items: center;
+    height: 100%;
+}
+
+.cookies-popup .contanier .text {
+    width: 100%;
+}
diff --git a/locales/en.strings b/locales/en.strings
index 398d14ef..0775e071 100644
--- a/locales/en.strings
+++ b/locales/en.strings
@@ -972,3 +972,8 @@
 /* User alerts */
 
 "user_alert_scam" = "This account has been reported a lot for scam. Please be careful, especially if he asked for money.";
+
+/* Cookies pop-up */
+
+"cookies_popup_content" = "All kids love cookies, so this website uses cookies to identify you and nothing more. Check <a href='/privacy'>our privacy policy</a> for more information.";
+"cookies_popup_agree" = "Accept";
diff --git a/locales/ru.strings b/locales/ru.strings
index 0e65c0eb..a56a1b86 100644
--- a/locales/ru.strings
+++ b/locales/ru.strings
@@ -1023,3 +1023,8 @@
 /* User alerts */
 
 "user_alert_scam" = "На этот аккаунт много жаловались в связи с мошенничеством. Пожалуйста, будьте осторожны, особенно если у вас попросят денег.";
+
+/* Cookies pop-up */
+
+"cookies_popup_content" = "Все дети любят печенья, поэтому этот вебсайт использует Cookies чтобы идентифицировать вас и ничего более. Ознакомьтесь с нашей <a href='/privacy'>политикой конфиденциальности</a> для получения дополнительной информации.";
+"cookies_popup_agree" = "Согласен";