From 0a1e5530a8d6d6d8f797ac8cb287347d52b7efbd Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Tue, 2 Aug 2022 10:46:11 +0800
Subject: [PATCH] =?UTF-8?q?CH=20=E4=BF=AE=E6=94=B9=20Cookie=20=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/ch-pc.php | 18 +++++++++++++++++-
 application/views/mobile_first/ch.php    | 18 +++++++++++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/application/views/mobile_first/ch-pc.php b/application/views/mobile_first/ch-pc.php
index dd20b708..6b43b252 100644
--- a/application/views/mobile_first/ch-pc.php
+++ b/application/views/mobile_first/ch-pc.php
@@ -328,7 +328,14 @@ Corporate Number: 914503003486045699
         <img src="https://data.chinahighlights.com/pic/guide/info-template-bottom-logo.jpg" width="114" height="71" class="img-responsive bottomlogopc">
         <span class="bottomcopyright">© 1998-2022 China Highlights — Discovery Your Way!  </span>
 </div></div>
-<div class="web_cookie" style='display: none;' id='gotIdArea'><p>China Highlights uses cookies to give you the best possible service. If you continue browsing, you agree to the use of cookies. More details can be found in our <a href="/privacy.htm">privacy policy</a>.</p></div>
+<div class="web_cookie" style='display: none;' id='gotIdArea'><p>China Highlights uses cookies to give you the best possible service. If you continue browsing, you agree to the use of cookies. More details can be found in our <a href="/privacy.htm">privacy policy</a>.</p>
+<div class="cookie_close" id="gotItBtn" style="float: right;
+    padding: 5px 10px;
+    cursor: pointer;
+    background: #fff;
+    font-weight: 600;
+    font-size: 16px;">X</div>
+</div>
 <script>
     var GOT_IT_KEY = '__china_highlights_you_agree_to_use_of_cookies__';
     if (window.localStorage && localStorage.getItem(GOT_IT_KEY)) {
@@ -338,6 +345,15 @@ Corporate Number: 914503003486045699
         if (window.localStorage) {
             localStorage.setItem(GOT_IT_KEY, '1');
         }
+
+        var gotItBtn = document.getElementById('gotItBtn');
+        gotItBtn.addEventListener('click', function (evt) {
+            document.getElementById('gotIdArea').style.display = 'none';
+        });
+
+        setTimeout(function() {
+            document.getElementById('gotIdArea').style.display = 'none';
+        }, 10000);
     }
 </script>
 <!--@PRODUCT-JS@-->
diff --git a/application/views/mobile_first/ch.php b/application/views/mobile_first/ch.php
index 87031a93..8c80f4ae 100644
--- a/application/views/mobile_first/ch.php
+++ b/application/views/mobile_first/ch.php
@@ -328,7 +328,14 @@
     </div>
 
 </footer>
-<div class="web_cookie" style='display: none;' id='gotIdArea'><p>China Highlights uses cookies to give you the best possible service. If you continue browsing, you agree to the use of cookies. More details can be found in our <a href="/privacy.htm">privacy policy</a>.</p></div>
+<div class="web_cookie" style='display: none;' id='gotIdArea'><p>China Highlights uses cookies to give you the best possible service. If you continue browsing, you agree to the use of cookies. More details can be found in our <a href="/privacy.htm">privacy policy</a>.</p>
+<div class="cookie_close" id="gotItBtn" style="float: right;
+    padding: 5px 10px;
+    cursor: pointer;
+    background: #fff;
+    font-weight: 600;
+    font-size: 16px;">X</div>
+</div>
 <script>
     var GOT_IT_KEY = '__china_highlights_you_agree_to_use_of_cookies__';
     if (window.localStorage && localStorage.getItem(GOT_IT_KEY)) {
@@ -338,6 +345,15 @@
         if (window.localStorage) {
             localStorage.setItem(GOT_IT_KEY, '1');
         }
+
+        var gotItBtn = document.getElementById('gotItBtn');
+        gotItBtn.addEventListener('click', function (evt) {
+            document.getElementById('gotIdArea').style.display = 'none';
+        });
+
+        setTimeout(function() {
+            document.getElementById('gotIdArea').style.display = 'none';
+        }, 10000);
     }
 </script>
 <script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */