diff --git a/core/module/theme/theme.php b/core/module/theme/theme.php index 825fef64..1b337c8f 100755 --- a/core/module/theme/theme.php +++ b/core/module/theme/theme.php @@ -118,7 +118,7 @@ class theme extends common { '2.4vmax' => 'Très grande (240%)' ]; public static $headerHeights = [ - /* 'none' => 'Hauteur de l\'image',*/ + 'none' => 'Hauteur de l\'image sélectionnée', '100px' => 'Très petite (100px) ', '150px' => 'Petite (150px)', '200px' => 'Moyenne (200px)', @@ -221,10 +221,9 @@ class theme extends common { ]; public static $headerWide = [ 'auto auto' => 'Automatique', - '100% 100%' => 'Image étirée (100% 100%)', - '100% auto' => 'Responsive (100% auto)', 'cover' => 'Responsive (cover)', - 'contain' => 'Responsive (contain)' + '100% 100%' => 'Image étirée (100% 100%)', + 'contain' => 'Responsive (contain)' ]; public static $footerTemplate = [ '1' => 'Une seule colonne', diff --git a/core/module/theme/view/header/header.js.php b/core/module/theme/view/header/header.js.php index b35ac25c..b2973725 100755 --- a/core/module/theme/view/header/header.js.php +++ b/core/module/theme/view/header/header.js.php @@ -20,11 +20,37 @@ $("input, select").not("#barSelectLanguage").on("change", function() { // Récupérer la taille de l'image - /* + var tmpImg = new Image(); - var url = "" + "site/file/source/" + $("#themeHeaderImage").val(); - tmpImg.src= url; - */ + + tmpImg.onload = function() { + // Informations affichées + $("#themeHeaderImageHeight").html(tmpImg.height + "px"); + $("#themeHeaderImageWidth").html(tmpImg.width + "px"); + + // Limiter la hauteur à 600 px + if (tmpImg.height > 600) { + tmpImgHeight = 600; + } else { + tmpImgHeight = tmpImg.height; + } + + //Modifier la dropdown liste + if ($("#themeHeaderImage").val() !== "") { + // Une image est ajoutée ou changée + if ($("#themeHeaderHeight option").length === 4) { + $("#themeHeaderHeight ").prepend(''); + } + // Modifier la valeur + $("#themeHeaderHeight option:eq(0)").val(tmpImgHeight + "px"); + // Modifier l'option + $("#themeHeaderHeight option:first-child").html("Hauteur de l\'image sélectionnée (" + tmpImgHeight + "px)"); + } else { + $("#themeHeaderHeight option:first-child").html("Hauteur de l\'image sélectionnée"); + } + }; + + tmpImg.src= "" + "site/file/source/" + $("#themeHeaderImage").val(); // Import des polices de caractères var headerFont = $("#themeHeaderFont").val(); @@ -41,14 +67,10 @@ $("input, select").not("#barSelectLanguage").on("change", function() { } else { // Désactiver l'option responsive css += "background-image:none;"; - //$("header .container").show(); - } - /*if ($("#themeHeaderHeight").val() !== "none") {*/ - css += "line-height:" + $("#themeHeaderHeight").val() + ";height:" + $("#themeHeaderHeight").val() + "}"; - /*} else { - css += "line-height:" + tmpImg.height + ";height:" + tmpImg.height + "}"; - }*/ + + css += "line-height:" + $("#themeHeaderHeight").val() + ";height:" + $("#themeHeaderHeight").val() + "}"; + // Taille, couleur, épaisseur et capitalisation du titre de la bannière css += "header span{color:" + $("#themeHeaderTextColor").val() + ";font-family:'" + headerFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeHeaderFontWeight").val() + ";font-size:" + $("#themeHeaderFontSize").val() + ";text-transform:" + $("#themeHeaderTextTransform").val() + "}"; @@ -112,17 +134,6 @@ $("input, select").not("#barSelectLanguage").on("change", function() { .appendTo("head"); }).trigger("change"); -/** - -$("#themeHeaderHeight").on("change", function() { - if($(this).val() === 'none') { - $("#themeHeaderTextHide").prop("disabled", true); - $("#themeHeaderTextHide").prop("checked", true).trigger("change"); - } else { - $("#themeHeaderTextHide").prop("disabled", false); - } -}).trigger("change"); -*/ // Affiche / Cache les options de l'image du fond diff --git a/core/module/theme/view/header/header.php b/core/module/theme/view/header/header.php index 990d3457..a0ad4192 100755 --- a/core/module/theme/view/header/header.php +++ b/core/module/theme/view/header/header.php @@ -75,16 +75,19 @@
-
+
$this->getData(['theme', 'header', 'textHide']) ]); ?>
-
+
$this->getData(['theme', 'header', 'linkHomePage']) - ]); ?> -
+ ]); ?> +
+
+ (largeur: ; hauteur:) +
@@ -104,7 +107,8 @@
'Hauteur', - 'selected' => $this->getData(['theme', 'header', 'height']) + 'selected' => $this->getData(['theme', 'header', 'height']), + 'help' => "Quelque soit la taille de la bannière, la hauteur maximale autorisée est de 600 pixels." ]); ?>