bannière : hauteur dynamique selon contenu perso

CHANGES.md

@@ -2,7 +2,9 @@
 
 ## Version 11.2.00
 - Modifications :
+    Thème : 
         - Disposition des options de configuration du site.
+        - Bannière : le contenu peut être personnalisé à l'aide d'un éditeur. La bannière au-dessus du site peut s'étendre sur la largeur de la page.
     - Pages : il est désormais possible de donner un nom de page court qui sera utilisé dans le menu du site, dans les abrres latérales et dans les sélecteurs de page (éditeur / lien). En revanche le nom de la page affiché en haut de celle-ci est inchangé. Dans la plupart des cas le titre court sera identique au titre.
     - Les écrans d'aide renvoient vers le site doc.zwiicms.fr
     - Mise en évidence du statut des pages dans la liste de la barre d'administration. Rouge italique : page orpheline ; Orange gras page inactive.

core/core.php

@@ -2256,7 +2256,11 @@ class core extends common {
 				$css .= 'header span{color:' . $colors['normal'] . ';font-family:"' . str_replace('+', ' ', $this->getData(['theme', 'header', 'font'])) . '",sans-serif;font-weight:' . $this->getData(['theme', 'header', 'fontWeight']) . ';font-size:' . $this->getData(['theme', 'header', 'fontSize']) . ';text-transform:' . $this->getData(['theme', 'header', 'textTransform']) . '}';	
 			}
 			if ($this->getData(['theme','header','feature']) === 'feature' ) {
-				$css .= 'header{height:' . $this->getData(['theme', 'header', 'height'])  . ';}'; ;
+				// Hauteur de la taille du contenu perso
+				if ($this->getData(['theme', 'header', 'height']) !== 'none') {
+					$css .= 'header{height:' . $this->getData(['theme', 'header', 'height'])  . ';}'; 
+				}
+				
 			}
 			// Menu
 			$colors = helper::colorVariants($this->getData(['theme', 'menu', 'backgroundColor']));

core/layout/main.php

@@ -60,11 +60,11 @@
 		<!-- Bannière dans le fond du site -->
 		<?php if($this->getData(['theme', 'header', 'position']) === 'body'): ?>	
 			<?php 
-				$headerClass =  $this->getData(['theme', 'header', 'position']) === 'hide' ? 'displayNone' : ' ';
+				$headerClass =  $this->getData(['theme', 'header', 'position']) === 'hide' ? 'displayNone' : '';
-				$headerClass .= $this->getData(['theme', 'header', 'tinyHidden']) ? ' bannerDisplay ' : ' ';
+				$headerClass .= $this->getData(['theme', 'header', 'tinyHidden']) ? ' bannerDisplay ' : '';
 				$headerClass .= $this->getData(['theme', 'header', 'container']) === 'none' ? '' : 'container';
 			?>
-			<header class="<?php echo $headerClass;?>">
+			<header <?php echo empty($headerClass) ? '' : 'class="' . $headerClass . '"';?>>
 			<?php echo ($this->getData(['theme','header','linkHomePage']) && $this->getData(['theme','header','feature']) === 'wallpaper' ) ?  '<a href="' . helper::baseUrl(false) . '">' : ''; ?>
 				<?php if ($this->getData(['theme','header','feature']) === 'wallpaper' ): ?>
 					<?php if(

core/module/theme/theme.php

@@ -70,8 +70,8 @@ class theme extends common {
 		'Vollkorn' => 'Vollkorn'
 	];
 	public static $containers = [
-		'container' => 'Du site',
+		'container' => 'Limitée au site',
-		'none' => 'De la page'
+		'none' => 'Etendue sur la page'
 	];
 	public static $footerblocks = [
 		1 => [
@@ -125,12 +125,12 @@ class theme extends common {
 		'2.4vmax' => 'Très grande (240%)'
 	];
 	public static $headerHeights = [
-		'none' => 'Hauteur de l\'image sélectionnée',
+		'none' => 'Libre', // texte dynamique cf header.js.php
 		'100px' => 'Très petite (100px) ',
 		'150px' => 'Petite (150px)',
 		'200px' => 'Moyenne (200px)',
 		'300px' => 'Grande (300px)',
-		'400px' => 'Très grande (400px)'
+		'400px' => 'Très grande (400px)',
 	];
 	public static $headerPositions = [
 		'body' => 'Au dessus du site',

core/module/theme/view/header/header.js.php

@@ -26,10 +26,18 @@ $("input, select").on("change", function() {
 
 	// Contenu perso
 	if ($("#themeHeaderFeature").val() == "feature") {
+		var headerHeight = $("#themeHeaderHeight").val();
+		if (headerHeight === 'none') {
+			css = "header{height:unset; background-position:top; background-repeat: no-repeat;;line-height:1.15;background-color:unset;;background-image:unset;text-align:unset}";
+		} else {
 			css = "header{height:" + $("#themeHeaderHeight").val() + ";background-position:top; background-repeat: no-repeat;;line-height:1.15;background-color:unset;;background-image:unset;text-align:unset}";
+		}
+		
 		$("#featureContent").appendTo("header").show();
 		$("#themeHeaderTitle").hide();
 
+		// Modifier le texte du sélecteur de hauteur
+		$("#themeHeaderHeight option:eq(0)").text("Hauteur du contenu personnalisé");
 	}
 
 	// Couleurs, image, alignement et hauteur de la bannière