From 5e77c51f51b86ca37b424580f121541027bd1725 Mon Sep 17 00:00:00 2001 From: Fred Tempez Date: Fri, 15 May 2020 18:31:01 +0200 Subject: [PATCH] =?UTF-8?q?093=20th=C3=A8me=20menu=20couleur=20de=20la=20p?= =?UTF-8?q?age=20s=C3=A9lectionn=C3=A9e?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- core/core.php | 5 ++- core/module/install/ressource/defaultdata.php | 3 +- core/module/theme/theme.php | 1 + core/module/theme/view/menu/menu.js.php | 8 ++-- core/module/theme/view/menu/menu.php | 42 +++++++++++-------- 5 files changed, 35 insertions(+), 24 deletions(-) diff --git a/core/core.php b/core/core.php index 4589aa00..f54fcc95 100755 --- a/core/core.php +++ b/core/core.php @@ -1417,12 +1417,13 @@ class core extends common { $css .= 'nav,nav a{background-color:' . $colors['normal'] . '}'; $css .= 'nav a,#toggle span,nav a:hover{color:' . $this->getData(['theme', 'menu', 'textColor']) . '}'; $css .= 'nav a:hover{background-color:' . $colors['darken'] . '}'; + $css .= 'nav a.active{color:' . $this->getData(['theme','menu','activeTextColor']) . ';}'; if ($this->getData(['theme','menu','activeColorAuto']) === true) { $css .= 'nav a.active{background-color:' . $colors['veryDarken'] . '}'; } else { $css .= 'nav a.active{background-color:' . $this->getData(['theme','menu','activeColor']) . '}'; - $color2 = helper::colorVariants($this->getData(['theme', 'menu', 'textColor'])); - $css .= 'nav a.active{color:' . $color2['text'] . '}'; + /*$color2 = helper::colorVariants($this->getData(['theme', 'menu', 'textColor'])); + $css .= 'nav a.active{color:' . $color2['text'] . '}';*/ } $css .= 'nav #burgerText{color:' . $colors['text'] . '}'; $css .= 'nav .navLevel1 a.active {border-radius:' . $this->getData(['theme', 'menu', 'radius']) . '}'; diff --git a/core/module/install/ressource/defaultdata.php b/core/module/install/ressource/defaultdata.php index 8fad02cf..ddbd2e20 100755 --- a/core/module/install/ressource/defaultdata.php +++ b/core/module/install/ressource/defaultdata.php @@ -135,7 +135,8 @@ class init extends common { 'textTransform' => 'none', 'fixed' => false, 'activeColorAuto' => true, - 'activeColor' => 'rgba(255, 255, 255, 1)' + 'activeColor' => 'rgba(255, 255, 255, 1)', + 'activeTextColor' => 'rgba(255, 255, 255, 1)' ], 'site' => [ 'backgroundColor' => 'rgba(255, 255, 255, 1)', diff --git a/core/module/theme/theme.php b/core/module/theme/theme.php index 033a5206..d3d11090 100755 --- a/core/module/theme/theme.php +++ b/core/module/theme/theme.php @@ -462,6 +462,7 @@ class theme extends common { 'fixed' => $this->getInput('themeMenuFixed', helper::FILTER_BOOLEAN), 'activeColorAuto' => $this->getInput('themeMenuActiveColorAuto', helper::FILTER_BOOLEAN), 'activeColor' => $this->getInput('themeMenuActiveColor'), + 'activeTextColor' => $this->getInput('themeMenuActiveTextColor'), 'radius' => $this->getInput('themeMenuRadius'), 'burgerTitle' => $this->getInput('themeMenuBurgerTitle', helper::FILTER_BOOLEAN) ]]); diff --git a/core/module/theme/view/menu/menu.js.php b/core/module/theme/view/menu/menu.js.php index 0e10e7ef..481858dd 100755 --- a/core/module/theme/view/menu/menu.js.php +++ b/core/module/theme/view/menu/menu.js.php @@ -42,15 +42,16 @@ $("input, select").on("change", function() { var menuFont = $("#themeMenuFont").val(); var css = "@import url('https://fonts.googleapis.com/css?family=" + menuFont + "');"; var colors = core.colorVariants($("#themeMenuBackgroundColor").val()); - // Couleurs du menu + // Couleurs du menu css += "nav,nav a{background-color:" + colors.normal + "}"; css += "nav a,#toggle span,nav a:hover{color:" + $("#themeMenuTextColor").val() + "}"; css += "nav a:hover{background-color:" + colors.darken + "}"; if ($("#themeMenuActiveColorAuto").is(':checked')) { - css += "nav a.active{background-color:" + colors.veryDarken + "}"; + css += "nav a:hover{background-color:" + colors.veryDarken + ";color:" + $('#themeMenuActiveTextColor').val() + ";}"; } else { - css += "nav a.active{background-color:" + $("#themeMenuActiveColor").val() + "}"; + css += "nav a:hover{background-color:" + $("#themeMenuActiveColor").val() + ";color:" + $('#themeMenuActiveTextColor').val() + ";}"; } + console.log(css); // Taille, hauteur, épaisseur et capitalisation de caractères du menu css += "#toggle span,#menu a{padding:" + $("#themeMenuHeight").val() + ";font-family:'" + menuFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeMenuFontWeight").val() + ";font-size:" + $("#themeMenuFontSize").val() + ";text-transform:" + $("#themeMenuTextTransform").val() + "}"; // Alignement du menu @@ -139,7 +140,6 @@ $("#themeMenuLoginLink").on("change", function() { // Affiche / Cache les options de la position $("#themeMenuPosition").on("change", function() { - console.log($("#themeMenuPosition").val()); if($(this).val() === 'site-first' || $(this).val() === 'site-second') { $("#themeMenuPositionOptions").slideDown(); } diff --git a/core/module/theme/view/menu/menu.php b/core/module/theme/view/menu/menu.php index 7c7a7986..e74df07e 100755 --- a/core/module/theme/view/menu/menu.php +++ b/core/module/theme/view/menu/menu.php @@ -15,38 +15,46 @@
-

Couleur

+

Couleurs

-
- 'colorPicker', - 'help' => 'Le curseur horizontal règle le niveau de transparence.', - 'label' => 'Fond', - 'value' => $this->getData(['theme', 'menu', 'backgroundColor']) - ]); ?> -
-
+
'colorPicker', 'help' => 'Le curseur horizontal règle le niveau de transparence.', 'label' => 'Texte', 'value' => $this->getData(['theme', 'menu', 'textColor']) ]); ?> -
-
-
-
+
+
+ 'colorPicker', + 'help' => 'Le curseur horizontal règle le niveau de transparence.', + 'label' => 'Fond', + 'value' => $this->getData(['theme', 'menu', 'backgroundColor']) + ]); ?> +
+
+ 'colorPicker', + 'help' => 'Le curseur horizontal règle le niveau de transparence.', + 'label' => 'Texte page active', + 'value' => $this->getData(['theme', 'menu', 'activeTextColor']) + ]); ?> +
+
$this->getData(['theme', 'menu', 'activeColorAuto']), 'help' => 'La couleur de fond de la page active peut être définie automatique ou selon une couleur définie, comme par exemple celle de fond des pages.' ]); ?>
-
+
+
+
'colorPicker', 'help' => 'Couleur de fond de la page sélectionnée dans le menu.
Le curseur horizontal règle le niveau de transparence.', - 'label' => 'Fond', + 'label' => 'Fond active', 'value' => $this->getData(['theme', 'menu', 'activeColor']) ]); ?>