11.2.00.6 :

L'arrière plan du contenu perso est défini dans le thème et non "à la main"
Fond devient Arrière-plan dans la définition des couleurs
This commit is contained in:
Fred Tempez 2021-11-21 16:11:40 +01:00 committed by fredtempez
parent 4721782368
commit b8dbf50033
9 changed files with 18 additions and 11 deletions

View File

@ -45,7 +45,7 @@ class common {
// Numéro de version // Numéro de version
const ZWII_UPDATE_URL = 'https://forge.chapril.org/ZwiiCMS-Team/update/raw/branch/master/'; const ZWII_UPDATE_URL = 'https://forge.chapril.org/ZwiiCMS-Team/update/raw/branch/master/';
const ZWII_VERSION = '11.2.00.5'; const ZWII_VERSION = '11.2.00.6';
const ZWII_UPDATE_CHANNEL = "test"; const ZWII_UPDATE_CHANNEL = "test";
public static $actions = []; public static $actions = [];
@ -2266,6 +2266,7 @@ class core extends common {
$colors = helper::colorVariants($this->getData(['theme', 'block', 'backgroundColor'])); $colors = helper::colorVariants($this->getData(['theme', 'block', 'backgroundColor']));
$css .= '.block {border: 1px solid ' . $this->getdata(['theme','block','borderColor']) . ';}.block h4 {background-color:'. $colors['normal'] . ';color:' . $colors['text'] .';}'; $css .= '.block {border: 1px solid ' . $this->getdata(['theme','block','borderColor']) . ';}.block h4 {background-color:'. $colors['normal'] . ';color:' . $colors['text'] .';}';
$css .= '.mce-tinymce {border: 1px solid ' . $this->getdata(['theme','block','borderColor']) .' !important;}'; $css .= '.mce-tinymce {border: 1px solid ' . $this->getdata(['theme','block','borderColor']) .' !important;}';
// Bannière // Bannière
if($this->getData(['theme', 'header', 'margin'])) { if($this->getData(['theme', 'header', 'margin'])) {
if($this->getData(['theme', 'menu', 'position']) === 'site-first') { if($this->getData(['theme', 'menu', 'position']) === 'site-first') {

View File

@ -505,6 +505,7 @@ header:not(.container) #featureContent {
header #featureContent { header #featureContent {
overflow: hidden; overflow: hidden;
margin: 0 10px;
} }

View File

@ -66,7 +66,7 @@
$imageFile = file_exists(self::FILE_DIR.'source/'.$this->getData(['theme', 'body', 'image'])) ? $this->getData(['theme', 'body', 'image']) : ""; $imageFile = file_exists(self::FILE_DIR.'source/'.$this->getData(['theme', 'body', 'image'])) ? $this->getData(['theme', 'body', 'image']) : "";
echo template::file('themeBodyImage', [ echo template::file('themeBodyImage', [
'help' => 'Sélectionner une image', 'help' => 'Sélectionner une image',
'label' => 'Fond', 'label' => 'Arrière-plan',
'type' => 1, 'type' => 1,
'value' => $imageFile 'value' => $imageFile
]); ?> ]); ?>

View File

@ -57,7 +57,7 @@
<div class="col6"> <div class="col6">
<?php echo template::text('themeFooterBackgroundColor', [ <?php echo template::text('themeFooterBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['theme', 'footer', 'backgroundColor']), 'value' => $this->getData(['theme', 'footer', 'backgroundColor']),
'help' => 'Quand le pied de page est dans le site, l\'arrière plan transparent montre le fond de la page. Quand le pied de page est hors du site, l\'arrière plan transparent montre le fond du site.' 'help' => 'Quand le pied de page est dans le site, l\'arrière plan transparent montre le fond de la page. Quand le pied de page est hors du site, l\'arrière plan transparent montre le fond du site.'
]); ?> ]); ?>

View File

@ -83,7 +83,7 @@ $("input, select").on("change", function() {
var headerFont = $("#themeHeaderFont").val(); var headerFont = $("#themeHeaderFont").val();
var css = "@import url('https://fonts.googleapis.com/css?family=" + headerFont + "');"; var css = "@import url('https://fonts.googleapis.com/css?family=" + headerFont + "');";
css += "header{background-color:" + $("#themeHeaderBackgroundColor").val() + ";text-align:" + $("#themeHeaderTextAlign").val() + ";"; css += "header{text-align:" + $("#themeHeaderTextAlign").val() + ";";
if ($("#themeHeaderImage").val()) { if ($("#themeHeaderImage").val()) {
// Une image est sélectionnée // Une image est sélectionnée
css += "background-image:url('<?php echo helper::baseUrl(false); ?>site/file/source/" + $("#themeHeaderImage").val() + "');background-repeat:" + $("#themeHeaderImageRepeat").val() + ";background-position:" + $("#themeHeaderImagePosition").val() + ";"; css += "background-image:url('<?php echo helper::baseUrl(false); ?>site/file/source/" + $("#themeHeaderImage").val() + "');background-repeat:" + $("#themeHeaderImageRepeat").val() + ";background-position:" + $("#themeHeaderImagePosition").val() + ";";
@ -97,7 +97,7 @@ $("input, select").on("change", function() {
// Taille, couleur, épaisseur et capitalisation du titre de la bannière // 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() + "}"; css += "header span{font-family:'" + headerFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeHeaderFontWeight").val() + ";font-size:" + $("#themeHeaderFontSize").val() + ";text-transform:" + $("#themeHeaderTextTransform").val() + "}";
// Cache le titre de la bannière // Cache le titre de la bannière
if($("#themeHeaderTextHide").is(":checked")) { if($("#themeHeaderTextHide").is(":checked")) {
@ -108,6 +108,9 @@ $("input, select").on("change", function() {
} }
} }
// Couleur du fond
css += "header{background-color:" + $("#themeHeaderBackgroundColor").val() + ";}";
// Position de la bannière // Position de la bannière
var positionNav = <?php echo json_encode($this->getData(['theme', 'menu', 'position'])); ?>; var positionNav = <?php echo json_encode($this->getData(['theme', 'menu', 'position'])); ?>;
@ -252,9 +255,11 @@ $("#themeHeaderFeature").on("change", function() {
if($(this).val() === 'wallpaper') { if($(this).val() === 'wallpaper') {
$(".wallpaperContainer").show(); $(".wallpaperContainer").show();
$(".featureContainer").hide(); $(".featureContainer").hide();
$("#themeHeaderTextColorWrapper").show();
} }
if($(this).val() === 'feature') { if($(this).val() === 'feature') {
$(".featureContainer").show(); $(".featureContainer").show();
$(".wallpaperContainer").hide(); $(".wallpaperContainer").hide();
$("#themeHeaderTextColorWrapper").hide();
} }
}).trigger("change"); }).trigger("change");

View File

@ -72,7 +72,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row wallpaperContainer"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block">
<h4>Couleurs</h4> <h4>Couleurs</h4>
@ -81,7 +81,7 @@
<?php echo template::text('themeHeaderBackgroundColor', [ <?php echo template::text('themeHeaderBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['theme', 'header', 'backgroundColor']) 'value' => $this->getData(['theme', 'header', 'backgroundColor'])
]); ?> ]); ?>
</div> </div>
@ -157,7 +157,7 @@
$this->getData(['theme', 'header', 'image']) : ""; $this->getData(['theme', 'header', 'image']) : "";
echo template::file('themeHeaderImage', [ echo template::file('themeHeaderImage', [
'help' => 'Sélectionner une image aux dimensions recommandées ci-dessous :', 'help' => 'Sélectionner une image aux dimensions recommandées ci-dessous :',
'label' => 'Fond', 'label' => 'Image',
'type' => 1, 'type' => 1,
'value' => $imageFile 'value' => $imageFile
]); ?> ]); ?>

View File

@ -138,7 +138,7 @@
<?php echo template::text('themeMenuBackgroundColor', [ <?php echo template::text('themeMenuBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['theme', 'menu', 'backgroundColor']) 'value' => $this->getData(['theme', 'menu', 'backgroundColor'])
]); ?> ]); ?>
</div> </div>

View File

@ -66,7 +66,7 @@
<?php echo template::text('themeSiteBackgroundColor', [ <?php echo template::text('themeSiteBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['theme', 'site', 'backgroundColor']) 'value' => $this->getData(['theme', 'site', 'backgroundColor'])
]); ?> ]); ?>
</div> </div>

View File

@ -115,7 +115,7 @@
<?php echo template::text('galleryThemeLegendBgColor', [ <?php echo template::text('galleryThemeLegendBgColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['module', $this->getUrl(0), 'theme','legendBgColor']) 'value' => $this->getData(['module', $this->getUrl(0), 'theme','legendBgColor'])
]); ?> ]); ?>
</div> </div>