From 67fa9b0f2a68c087e5b48bdfef6c68ea05fa64fd Mon Sep 17 00:00:00 2001
From: SylvainLelievre <lelievre.sylvain@gmail.com>
Date: Sun, 24 Oct 2021 09:57:25 +0200
Subject: [PATCH] =?UTF-8?q?Option=20masquage=20banni=C3=A8re=20en=20petit?=
 =?UTF-8?q?=20=C3=A9cran?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/layout/common.css                      | 12 ++++++++++++
 core/layout/main.php                        |  8 +++++---
 core/module/theme/theme.php                 |  3 ++-
 core/module/theme/view/header/header.js.php | 10 +++++++++-
 core/module/theme/view/header/header.php    |  6 +++++-
 5 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/core/layout/common.css b/core/layout/common.css
index 003bf005..93f5547f 100755
--- a/core/layout/common.css
+++ b/core/layout/common.css
@@ -529,6 +529,11 @@ nav #burgerText {
 	margin: 15px 0 0 10px;
 }
 
+nav #burgerLogo {
+	float: left;
+	margin: 5px 0 0 5px;
+}
+
 nav ul {
 	padding: 0;
 	margin: 0;
@@ -1715,3 +1720,10 @@ th.col12 {
 .helpDisplayButton {
     cursor: pointer;
 }
+
+/* Bannière masquable en petit écran*/
+@media screen and (max-width: 768px) {
+	.smallDisplayNone{
+		display : none;
+	}
+}
diff --git a/core/layout/main.php b/core/layout/main.php
index 880c496a..d163f4ee 100644
--- a/core/layout/main.php
+++ b/core/layout/main.php
@@ -35,7 +35,7 @@
 				<?php
 				if ( $this->getData(['theme', 'menu', 'position']) === 'top'
 					AND $this->getData(['theme', 'menu', 'fixed']) === true
-					AND $this->getUser('password') === $this->getInput('ZWII_USER_PASSWORD',true) 
+					AND $this->getUser('password') === $this->getInput('ZWII_USER_PASSWORD',true)
 					AND $this->getUser('group') > self::GROUP_MEMBER) {
 						echo '<nav id="navfixedconnected" >';
 					} else {
@@ -57,7 +57,7 @@
 		<?php endif; ?>
 		<?php if($this->getData(['theme', 'header', 'position']) === 'body'): ?>
 			<!-- Bannière dans le fond du site -->
-			<header>
+			<header <?php if($this->getData(['theme', 'header', 'smallDisplayHidden']) === true): ?>class="smallDisplayNone"<?php endif;?>>
 				<?php //$this->showi18n();?>
 				<?php
 				if ($this->getData(['theme','header','linkHomePage'])){
@@ -115,7 +115,9 @@
 				<?php
 				if ($this->getData(['theme','header','linkHomePage'])){
 				echo "<a href='" . helper::baseUrl(false) . "'>" ;}	?>
-				<header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>>
+				<header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif;
+							if($this->getData(['theme', 'header', 'smallDisplayHidden']) === true): ?>class="smallDisplayNone"<?php endif;
+						?>>
 					<div id="headerContainer" class="container">
 						<?php if(
 							$this->getData(['theme', 'header', 'textHide']) === false
diff --git a/core/module/theme/theme.php b/core/module/theme/theme.php
index 987fda37..f895d298 100644
--- a/core/module/theme/theme.php
+++ b/core/module/theme/theme.php
@@ -440,7 +440,8 @@ class theme extends common {
 				'textHide' => $this->getInput('themeHeaderTextHide', helper::FILTER_BOOLEAN),
 				'textTransform' => $this->getInput('themeHeaderTextTransform'),
 				'linkHomePage' => $this->getInput('themeHeaderlinkHomePage',helper::FILTER_BOOLEAN),
-				'imageContainer' => $this->getInput('themeHeaderImageContainer')
+				'imageContainer' => $this->getInput('themeHeaderImageContainer'),
+				'smallDisplayHidden' => $this->getInput('themeHeaderSmallDisplayHidden', helper::FILTER_BOOLEAN)
 			]]);
 			// Modification de la position du menu selon la position de la bannière
 			if  ( $this->getData(['theme','header','position']) == 'site'  )
diff --git a/core/module/theme/view/header/header.js.php b/core/module/theme/view/header/header.js.php
index 29344f0f..ed010cb8 100644
--- a/core/module/theme/view/header/header.js.php
+++ b/core/module/theme/view/header/header.js.php
@@ -213,4 +213,12 @@ $("#themeHeaderPosition").on("change", function() {
 	}
 }).trigger("change");
 
-
+// Affiche / Cache l'option bannière masquée en écran réduit
+$("#themeHeaderPosition").on("change", function() {
+	if($(this).val() === 'hide') {
+		$("#themeHeaderSmallDisplay").slideUp();
+	}
+	else {
+		$("#themeHeaderSmallDisplay").slideDown();
+	}
+}).trigger("change");
diff --git a/core/module/theme/view/header/header.php b/core/module/theme/view/header/header.php
index 1d9e0d2c..0c7850f5 100644
--- a/core/module/theme/view/header/header.php
+++ b/core/module/theme/view/header/header.php
@@ -130,7 +130,11 @@
 						'checked' => $this->getData(['theme', 'header', 'margin'])
 					]); ?>
             </div>
-
+            <div id="themeHeaderSmallDisplay" class="displayNone">
+                      <?php echo template::checkbox('themeHeaderSmallDisplayHidden', true, 'Masquer la bannière en écran réduit', [
+      						'checked' => $this->getData(['theme', 'header', 'smallDisplayHidden'])
+      					]); ?>
+            </div>
         </div>
     </div>
 </div>