Add config hidden_bottom

Hidden Notify Cookies when scroll to bottom end
magepow · Jul 14, 2021 · daeaffc · daeaffc
1 parent a945866
commit daeaffc
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/etc/adminhtml/system.xml b/etc/adminhtml/system.xml
@@ -68,7 +68,6 @@
                     </depends>
                     <source_model>Magepow\Gdpr\Model\Config\Source\Position</source_model>
                 </field>
-
 
 				<field id="margin_left" translate="label comment" type="text" showInDefault="1" showInWebsite="1" showInStore="1" sortOrder="76" canRestore="1">
                     <label>Margin left</label>
@@ -88,12 +87,16 @@
                     <validate>validate-number</validate>
                 </field>
 
-
 				<field id="margin_bottom" translate="label comment" type="text" showInDefault="1" showInWebsite="1" showInStore="1" sortOrder="80" canRestore="1">
                     <label>Margin bottom</label>
 					<validate>validate-number</validate>
                 </field>
-
+
+                <field id="hidden_bottom" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
+                    <label><![CDATA[Hidden Bottom End]]></label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment><![CDATA[Hidden Notify Cookies when scroll to bottom end]]></comment>
+                </field>				
 
 				<field id="font_size" translate="label comment" type="text" showInDefault="1" showInWebsite="1" showInStore="1" sortOrder="101" canRestore="1">
 					<label>Font size</label>
@@ -105,7 +108,6 @@
                     <source_model>Magepow\Gdpr\Model\Config\Source\Align</source_model>
                 </field>
 
-
 				<field id="box_shadow" translate="label comment" type="select" showInDefault="1" showInWebsite="1" showInStore="1" sortOrder="120" canRestore="1">
                     <label>Box shadow</label>
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>

diff --git a/etc/config.xml b/etc/config.xml
@@ -18,6 +18,7 @@
 				<margin_left>30</margin_left>
 				<margin_right>30</margin_right>
 				<margin_bottom>0</margin_bottom>
+				<hidden_bottom>1</hidden_bottom>
 				<box_shadow>1</box_shadow>
 				<text_align><![CDATA[center]]></text_align>
 				<font_size>15</font_size>

diff --git a/view/frontend/templates/html/notices.phtml b/view/frontend/templates/html/notices.phtml
@@ -29,8 +29,10 @@
 <?php $fontSize 	= $configPopup['font_size']; ?>
 <?php $textAlign 	= $configPopup['text_align']; ?>
 <?php $identifier 	= $configPopup['identifier']; ?>
+<?php $hiddenBottom = $configPopup['hidden_bottom']; ?>
 <div role="alertdialog"
      tabindex="-1"
+     data-hidden-bottom="<?php echo $hiddenBottom ?>"
      class="magepow-gdpr-cookie-notice message global cookie text-align-<?php echo $textAlign ?><?php if($boxShadow): ?> gdpr-box-shadow<?php endif ?>"
      id="notice-cookie-block"
      style="display: none;<?php if($width == 'custom' && $widthCustom!=''): ?>width:<?php echo $widthCustom ?>px;<?php endif ?><?php if($marginBottom!=''): ?>bottom:<?php echo $marginBottom ?>px;<?php endif ?><?php if($width == 'custom' && $position=='left' && $marginLeft!=''): ?>left:<?php echo $marginLeft ?>px; right:unset;<?php endif ?><?php if($width == 'custom' && $position=='right' && $marginLeft!=''): ?>right:<?php echo $marginRight ?>px; left:unset;<?php endif ?><?php if($fontSize!=''): ?>font-size:<?php echo $fontSize ?>px;<?php endif ?>">
@@ -58,6 +60,18 @@
         </div>
     </div>
 </div>
+<script type="text/javascript">
+require(['jquery'], function($){
+    $(window).scroll(function() {
+        var $body = $('body');
+        var $noticeCookie = $('#notice-cookie-block');
+        var y = $(this).scrollTop();
+        var isHidden = $noticeCookie.data('hidden-bottom') ? (y + $(this).height() == $(document).height()) : '';
+        if (isHidden) $body.addClass('cookie-hidden-bottom');
+        else $body.removeClass('cookie-hidden-bottom');
+    });
+});
+</script>
 <script type="text/x-magento-init">
     {
         "#notice-cookie-block": {

diff --git a/view/frontend/web/css/source/_module.less b/view/frontend/web/css/source/_module.less
@@ -1,4 +1,7 @@
 & when (@media-common =true) {
+	.cookie-hidden-bottom #notice-cookie-block {
+        display: none;
+    }
 	.message.global.cookie.magepow-gdpr-cookie-notice{
 		bottom: 0;
 	    left: 0;