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

core/core.php

@@ -1047,6 +1047,15 @@ class common {
 			$this->setData(['core', 'dataVersion', 9216]);
 			$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'])) {
 				$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
 			$colors = helper::colorVariants($this->getData(['theme', 'link', 'textColor']));
 			$css .= 'a{color:' . $colors['normal'] . '}';

core/layout/common.css

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

core/module/install/ressource/defaultdata.php

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

core/module/theme/theme.php

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

core/module/theme/view/body/body.css

@@ -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;
+}

core/module/theme/view/body/body.js.php

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

core/module/theme/view/body/body.php

@@ -15,14 +15,36 @@
 	<div class="row">
 		<div class="col6">
 			<div class="block">
-				<h4>Couleur</h4>
+				<h4>Couleurs</h4>
-				<?php echo template::text('themeBodyBackgroundColor', [
+				<div class="row">
-					'class' => 'colorPicker',
+					<div class="col12">
-					'help' => 'Le curseur horizontal règle le niveau de transparence.',
+						<?php echo template::text('themeBodyBackgroundColor', [
-					'label' => 'Fond',
+							'class' => 'colorPicker',
-					'value' => $this->getData(['theme', 'body', 'backgroundColor'])
+							'help' => 'Couleur visible en l\'absence d\'une image.<br />Le curseur horizontal règle le niveau de transparence.',
-				]); ?>
+							'label' => 'Arrière-plan',
-			</div>
+							'value' => $this->getData(['theme', 'body', 'backgroundColor'])
+						]); ?>
+					</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="block">