[9.2.21] paramètre icône back to top

This commit is contained in:
Fred Tempez 2020-02-13 10:48:56 +01:00
parent b41d28b0c8
commit b2284caae4
7 changed files with 68 additions and 11 deletions

View File

@ -1047,6 +1047,15 @@ class common {
$this->setData(['core', 'dataVersion', 9216]); $this->setData(['core', 'dataVersion', 9216]);
$this->saveData(); $this->saveData();
} }
// Version 9.2.21
if($this->getData(['core', 'dataVersion']) < 9221) {
// Utile pour l'installation d'un backup sur un autre serveur
// mais avec la réécriture d'URM
$this->setData(['theme', 'body', 'toTopbackgroundColor', 'rgba(33, 34, 35, .8)' ]);
$this->setData(['theme', 'body', 'toTopColor', 'rgba(255, 255, 255, 1)' ]);
$this->setData(['core', 'dataVersion', 9221]);
$this->saveData();
}
} }
} }
@ -1129,6 +1138,8 @@ class core extends common {
if($themeBodyImage = $this->getData(['theme', 'body', 'image'])) { if($themeBodyImage = $this->getData(['theme', 'body', 'image'])) {
$css .= 'body{background-image:url("../file/source/' . $themeBodyImage . '");background-position:' . $this->getData(['theme', 'body', 'imagePosition']) . ';background-attachment:' . $this->getData(['theme', 'body', 'imageAttachment']) . ';background-size:' . $this->getData(['theme', 'body', 'imageSize']) . ';background-repeat:' . $this->getData(['theme', 'body', 'imageRepeat']) . '}'; $css .= 'body{background-image:url("../file/source/' . $themeBodyImage . '");background-position:' . $this->getData(['theme', 'body', 'imagePosition']) . ';background-attachment:' . $this->getData(['theme', 'body', 'imageAttachment']) . ';background-size:' . $this->getData(['theme', 'body', 'imageSize']) . ';background-repeat:' . $this->getData(['theme', 'body', 'imageRepeat']) . '}';
} }
// Icône BacktoTop
$css .= '#backToTop {background-color:' .$this->getData(['theme', 'body', 'toTopbackgroundColor']). ';color:'.$this->getData(['theme', 'body', 'toTopColor']).';}';
// Site // Site
$colors = helper::colorVariants($this->getData(['theme', 'link', 'textColor'])); $colors = helper::colorVariants($this->getData(['theme', 'link', 'textColor']));
$css .= 'a{color:' . $colors['normal'] . '}'; $css .= 'a{color:' . $colors['normal'] . '}';

View File

@ -743,8 +743,10 @@ footer #footerSocials .zwiico-github:hover {
right: 30px; right: 30px;
bottom: 50px; bottom: 50px;
padding: 13px 16px 16px; padding: 13px 16px 16px;
/*
Paramétré dans le thème (9.2.21)
background: rgba(33, 34, 35, .8); background: rgba(33, 34, 35, .8);
color: #FFF; color: #FFF;*/
cursor: pointer; cursor: pointer;
display: none; display: none;
border-radius: 50%; border-radius: 50%;

View File

@ -441,7 +441,9 @@ class install extends common {
'imageAttachment' => 'scroll', 'imageAttachment' => 'scroll',
'imageRepeat' => 'no-repeat', 'imageRepeat' => 'no-repeat',
'imagePosition' => 'top center', 'imagePosition' => 'top center',
'imageSize' => 'auto' 'imageSize' => 'auto',
'toTopbackgroundColor' => 'rgba(33, 34, 35, .8)',
'toTopColor' => 'rgba(255, 255, 255, 1)'
], ],
'button' => [ 'button' => [
'backgroundColor' => 'rgba(32, 59, 82, 1)' 'backgroundColor' => 'rgba(32, 59, 82, 1)'

View File

@ -275,7 +275,9 @@ class theme extends common {
'imageAttachment' => $this->getInput('themeBodyImageAttachment'), 'imageAttachment' => $this->getInput('themeBodyImageAttachment'),
'imagePosition' => $this->getInput('themeBodyImagePosition'), 'imagePosition' => $this->getInput('themeBodyImagePosition'),
'imageRepeat' => $this->getInput('themeBodyImageRepeat'), 'imageRepeat' => $this->getInput('themeBodyImageRepeat'),
'imageSize' => $this->getInput('themeBodyImageSize') 'imageSize' => $this->getInput('themeBodyImageSize'),
'toTopbackgroundColor' => $this->getInput('themeBodyToTopBackground'),
'toTopColor' => $this->getInput('themeBodyToTopColor')
]]); ]]);
// Valeurs en sortie // Valeurs en sortie
$this->addOutput([ $this->addOutput([

View File

@ -0,0 +1,16 @@
/**
* This file is part of Zwii. *
* For full copyright and license information, please see the LICENSE
* file that was distributed with this source code.
*
* @author Rémi Jean <remi.jean@outlook.com>
* @copyright Copyright (C) 2008-2018, Rémi Jean
* @license GNU General Public License, version 3
* @author Frédéric Tempez <frederic.tempez@outlook.com>
* @copyright Copyright (C) 2018-2020, Frédéric Tempez
* @link http://zwiicms.com/
*/
#backToTop {
display: block;
}

View File

@ -24,6 +24,8 @@ $("input, select").on("change", function() {
else { else {
css += "body{background-image:none}"; css += "body{background-image:none}";
} }
css += '#backToTop {background-color:' + $("#themeBodyToTopBackground").val() + ';color:' + $("#themeBodyToTopColor").val() + ';}';
// Ajout du css au DOM // Ajout du css au DOM
$("#themePreview").remove(); $("#themePreview").remove();
$("<style>") $("<style>")

View File

@ -15,15 +15,37 @@
<div class="row"> <div class="row">
<div class="col6"> <div class="col6">
<div class="block"> <div class="block">
<h4>Couleur</h4> <h4>Couleurs</h4>
<div class="row">
<div class="col12">
<?php echo template::text('themeBodyBackgroundColor', [ <?php echo template::text('themeBodyBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Couleur visible en l\'absence d\'une image.<br />Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Arrière-plan',
'value' => $this->getData(['theme', 'body', 'backgroundColor']) 'value' => $this->getData(['theme', 'body', 'backgroundColor'])
]); ?> ]); ?>
</div> </div>
</div> </div>
<div class="row">
<div class="col6">
<?php echo template::text('themeBodyToTopBackground', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond icône haut de page',
'value' => $this->getData(['theme', 'body', 'toTopbackgroundColor'])
]); ?>
</div>
<div class="col6">
<?php echo template::text('themeBodyToTopColor', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Icône haut de page',
'value' => $this->getData(['theme', 'body', 'toTopColor'])
]); ?>
</div>
</div>
</div>
</div>
<div class="col6"> <div class="col6">
<div class="block"> <div class="block">
<h4>Image</h4> <h4>Image</h4>