[9.2.10] Afficher les infos sur l'image et hauteur de la bannière image

This commit is contained in:
fredtempez 2019-11-10 20:55:30 +01:00
parent 8d713b34e4
commit 16b911d489
2 changed files with 27 additions and 21 deletions

View File

@ -12,16 +12,18 @@
* @link http://zwiicms.com/
*/
/**
* Aperçu en direct
*/
$("input, select, .lity-iframe").on("change", function() {
$("input, select").on("change", function() {
// Récupérer la taille de l'image
// Récupérer la taille de l'image
var tmpImg = new Image();
tmpImg.src= "<?php echo helper::baseUrl(false); ?>" + "site/file/source/" + $("#themeHeaderImage").val();
var tmpImg = new Image();
tmpImg.onload = function() {
// Informations affichées
$("#themeHeaderImageHeight").html(tmpImg.height + "px");
$("#themeHeaderImageWidth").html(tmpImg.width + "px");
@ -34,8 +36,21 @@ $("input, select, .lity-iframe").on("change", function() {
}
//Modifier la dropdown liste
$("#themeHeaderHeight option:eq(0)").val(tmpImgHeight + "px");
$("#themeHeaderHeight option:first-child").html("Hauteur de l\'image sélectionnée (" + tmpImgHeight + "px)");
if ($("#themeHeaderImage").val() !== "") {
// Une image est ajoutée ou changée
if ($("#themeHeaderHeight option").length === 4) {
$("#themeHeaderHeight ").prepend('<option selected="selected" value="0"> Hauteur de l\'image sélectionnée </option>');
}
// 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= "<?php echo helper::baseUrl(false); ?>" + "site/file/source/" + $("#themeHeaderImage").val();
// Import des polices de caractères
var headerFont = $("#themeHeaderFont").val();
@ -119,17 +134,6 @@ $("input, select, .lity-iframe").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

View File

@ -51,7 +51,6 @@
'type' => 1,
'value' => $imageFile
]); ?>
<em>Largeur <span id="themeHeaderImageWidth"></span> - Hauteur <span id="themeHeaderImageHeight"></span></em>
</div>
</div>
<div id="themeHeaderImageOptions" class="displayNone">
@ -86,6 +85,9 @@
'checked' => $this->getData(['theme', 'header', 'linkHomePage'])
]); ?>
</div>
<div class="col4">
<em>(largeur:<span id="themeHeaderImageWidth"></span> ; hauteur:<span id="themeHeaderImageHeight"></span>)</em>
</div>
</div>
</div>
</div>
@ -106,7 +108,7 @@
<?php echo template::select('themeHeaderHeight', $module::$headerHeights, [
'label' => 'Hauteur',
'selected' => $this->getData(['theme', 'header', 'height']),
'help' => "La hauteur maximale est de 600 pixels lorsque l'option \'Hauteur de l\'image\' est sélectionnée."
'help' => "Quelque soit la taille de la bannière, la hauteur maximale autorisée est de 600 pixels."
]); ?>
</div>
<div class="col4">