agenda couleur de la grille

CHANGES.md

@@ -2,7 +2,7 @@
 
 ## Version 4.5.04 de Deltacms
 - Modifications :
-	- 
+	- Agenda 6.0 : la couleur de la grille est réglable en configuration,
 - Corrections :
 	- 
 - Sur le site :

module/agenda/agenda.php

@@ -36,7 +36,7 @@ class agenda extends common {
 		'index' => self::GROUP_VISITOR
 	];
 
-	const VERSION = '5.9';	
+	const VERSION = '6.0';	
 	const REALNAME = 'Agenda';
 	const DELETE = true;
 	const UPDATE = '4.1';
@@ -116,9 +116,11 @@ class agenda extends common {
 			copy( './module/agenda/ressource/file/source/agenda/adresses/.htaccess', './site/file/source/agenda/adresses/.htaccess');
 			$this->setData(['module', $this->getUrl(0), 'config', 'versionData','5.2']);
 		}
-		// Mise à jour vers la version 5.9
-		if (version_compare($this->getData(['module', $this->getUrl(0), 'config', 'versionData']), '5.9', '<') ) {	
-			$this->setData(['module', $this->getUrl(0), 'config', 'versionData','5.9']);
+		// Mise à jour vers la version 6.0
+		if (version_compare($this->getData(['module', $this->getUrl(0), 'config', 'versionData']), '6.0', '<') ) {	
+			// Couleur de la grille
+			$this->setData(['module', $this->getUrl(0),'config', 'gridColor', 'rgba(146, 52, 101, 1)']);
+			$this->setData(['module', $this->getUrl(0), 'config', 'versionData','6.0']);
 		}
 	}
 	
@@ -151,6 +153,7 @@ class agenda extends common {
 				$fichier_ics = $this->getInput('config_fichier_ics');
 				$largeur_maxi = $this->getInput('config_MaxiWidth'); 
 				$fichier_csv_txt = $this->getInput('config_fichier_csv_txt');
+				$gridColor = $this->getInput('config_gridColor');
 					
 				//Sauvegarder l'agenda
 				if ($fichier_sauve !=''){
@@ -240,6 +243,7 @@ class agenda extends common {
 					'droit_creation' => intval($droit_creation),
 					'droit_limite' => $droit_limite,
 					'maxiWidth' => $largeur_maxi,
+					'gridColor' => $gridColor,
 					'versionData' => $this->getData(['module', $this->getUrl(0), 'config', 'versionData'])
 				]]);
 				$this->setData(['module', $this->getUrl(0), 'texts',[
@@ -322,6 +326,9 @@ class agenda extends common {
 				$this->addOutput([
 					'showBarEditButton' => true,
 					'showPageContent' => false,
+					'vendor' => [
+						'tinycolorpicker'
+					],
 					'view' => 'config'
 				]);
 			}
@@ -885,6 +892,7 @@ class agenda extends common {
 							'droit_creation' => 2,
 							'droit_limite' => true,
 							'maxiWidth' => '800',
+							'gridColor' => 'rgba(146, 52, 101, 1)',
 							'versionData' => self::VERSION
 						],
 						'categories' => [

module/agenda/vendor/js/css.inc.json

@@ -1,4 +1,5 @@
 [
 	"packages/core/main.min.css",
-	"packages/daygrid/main.min.css"
+	"packages/daygrid/main.min.css",
+	"../../view/index/index.css"
 ]

module/agenda/view/config/config.php

@@ -70,13 +70,21 @@ else {
 
 <div class="block">
 	<div class="blockTitle"><?php echo $text['agenda_view']['config'][4]; ?></div>
-		<div class="col4">
+		<div class="col3">
 			<?php echo template::select('config_MaxiWidth', $maxwidth,[
 				'help' => $text['agenda_view']['config'][10],
 				'label' => $text['agenda_view']['config'][11],
 				'selected' => $this->getData(['module', $this->getUrl(0),'config', 'maxiWidth'])
 			]); ?>
 		</div>
+		<div class="col3 offset3">
+			<?php echo template::text('config_gridColor', [
+				'class' => 'colorPicker',
+				'help' => 'toto',
+				'label' => 'Couleur de la grille',
+				'value' => $this->getData(['module', $this->getUrl(0),'config', 'gridColor'])
+			]); ?>
+		</div>
 </div>
 
 <div class="block">

module/agenda/view/index/index.css

@@ -1,7 +1,7 @@
 /* Personnalisation des couleurs de l'agenda à associer avec votre thème*/
 
 /**/
-/*Bordures */
+/*Bordures ne pas modifier, cette couleur est réglable dans la configuration de l'agenda*/
 /**/
 
 .fc-unthemed th,
@@ -15,7 +15,7 @@
 .fc-unthemed .fc-list-view,
 .fc-unthemed .fc-list-heading td,
 .fc .fc-row .fc-content-skeleton td {
-  border-color: #ddd;
+  border-color: var(--grid_color, yellow);
 }
 
 /**/

module/agenda/view/index/index.js.php

@@ -59,26 +59,11 @@
 			var wclient = document.body.clientWidth,
 				largeur_pour_cent,
 				largeur,
-				largeur_section,
 				wsection = getComputedStyle(site).width,
-				wcalcul;
-			switch (wsection)
-			{
-				case '750px':
-					largeur_section = 750;
-					break;
-				case '960px':
-					largeur_section = 960;
-					break;
-				case '1170px':
-					largeur_section = 1170;
-					break;
-				default:
-					largeur_section = wclient;
-			}
-						
-			// 20 pour les margin du body / html, 40 pour le padding intérieur dans section	
-			if(wclient > largeur_section + 20) {wcalcul = largeur_section-40} else {wcalcul = wclient-40};
+				wcalcul;	
+				
+			// 20 pour les margin du body / html, 40 pour le padding intérieur dans section			
+			wcalcul = wsection.replace('px','')-40;
 			largeur_pour_cent = Math.floor(100*(maxwidth/wcalcul));
 			if(largeur_pour_cent > 100) { largeur_pour_cent=100;}
 			largeur=largeur_pour_cent.toString() + "%";

module/agenda/view/index/index.php

@@ -1,5 +1,11 @@
 <!-- Agenda dans une div pour contrôler la taille-->
-<div id="index_wrapper" style=" margin:0 auto;">
+<style>
+	#index_wrapper {
+		--grid_color : <?php echo $this->getData(['module', $this->getUrl(0),'config', 'gridColor']); ?>;
+		margin:0 auto;
+	}
+</style>
+<div id="index_wrapper">
 	<!--Affiche l'agenda-->
 	<br>
 	<div id='calendar'> </div>