089 inclus le script fullpage pour le nouveau site et deux templates tinymce + aide dans le module de redirection

core/core.php

@@ -36,7 +36,7 @@ class common {
 	const THUMBS_WIDTH = 640;
 
 	// Numéro de version 
-	const ZWII_VERSION = '10.0.088';
+	const ZWII_VERSION = '10.0.089';
 	const ZWII_UPDATE_CHANNEL = "v10";
 
 	public static $actions = [];
@@ -81,7 +81,7 @@ class common {
 		'metaDescription' => '',
 		'metaTitle' => '',
 		'notification' => '',
-		'redirect' => '',
+		'redirect' => '',		
 		'script' => '',
 		'showBarEditButton' => false,
 		'showPageContent' => false,
@@ -101,7 +101,8 @@ class common {
 			'tippy',
 			'zwiico',
 			'imagemap',
-			'simplelightbox'
+			'simplelightbox',
+			'fullpage'
 		],
 		'view' => ''
 	];
@@ -1604,13 +1605,6 @@ class core extends common {
 						}
 						// Sinon traitement des données de sortie qui requiert qu'aucune notice ne soit présente
 						else {
-							// Enregistrement des données
-							/** 
-							* if($output['state'] !== false) {
-							* 	$this->setData([$module->getData()]);
-							*	$this->SaveData();
-							* }
-							*/
 							// Notification
 							if($output['notification']) {
 								if($output['state'] === true) {

core/vendor/fullpage/fullpage.min.css

@@ -0,0 +1,11 @@
+/*!
+ * fullPage 3.0.8
+ * https://github.com/alvarotrigo/fullPage.js
+ *
+ * @license GPLv3 for open source use only
+ * or Fullpage Commercial License for commercial use
+ * http://alvarotrigo.com/fullPage/pricing/
+ *
+ * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
+ */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+/*# sourceMappingURL=fullpage.min.css.map */

core/vendor/fullpage/inc.json

@@ -0,0 +1,5 @@
+[
+	"fullpage.min.css",
+	"fullpage.min.js",
+	"init.js"
+]

core/vendor/fullpage/init.js

@@ -0,0 +1,10 @@
+$(function() {
+    $('#fullpage').fullpage({
+        //options here
+        autoScrolling:true,
+        scrollHorizontally: true,
+        verticalCentered: false,
+        animateAnchor: true,
+        paddingBottom: '100px'
+    });
+});

core/vendor/fullpage/lisez.moi

@@ -0,0 +1 @@
+https://github.com/alvarotrigo/fullPage.js

core/vendor/tinymce/init.js

@@ -160,6 +160,17 @@ tinymce.init({
 			url: baseUrl + "core/vendor/tinymce/templates/accordion.html",
 			description: "Bloc de texte avec effet accordéon."
 		},
+		{
+			title: "Effet FullPage Section",
+			url: baseUrl + "core/vendor/tinymce/templates/fullPageSections.html",
+			description: "Page organisée en sections navigable avec le module redirection."
+		},		
+		{
+			title: "Effet FullPage Slides",
+			url: baseUrl + "core/vendor/tinymce/templates/fullPageSlides.html",
+			description: "Page organisée en slides navigable avec le module redirection."
+		},		
+
 		{
 			title: "Grille symétrique : 6 - 6",
 			url: baseUrl + "core/vendor/tinymce/templates/col6.html",

core/vendor/tinymce/templates/fullPageSections.html

@@ -0,0 +1,6 @@
+<div id="fullpage">
+	<div class="section" data-anchor="section1">Section 1</div>
+	<div class="section" data-anchor="section2">Section 2</div>
+	<div class="section" data-anchor="section3">Section 3</div>
+	<div class="section" data-anchor="section4">Section 4</div>
+</div>

core/vendor/tinymce/templates/fullPageSlides.html

@@ -0,0 +1,8 @@
+<div id="fullpage">
+    <div class="section">
+        <div class="slide" data-anchor="slide1"> Slide 1 </div>
+        <div class="slide" data-anchor="slide2"> Slide 2 </div>
+        <div class="slide" data-anchor="slide3"> Slide 3 </div>
+        <div class="slide" data-anchor="slide4"> Slide 4 </div>
+    </div>
+</div>

module/redirection/view/config/config.php

@@ -19,7 +19,8 @@
 				<?php echo template::text('redirectionConfigUrl', [
 					'label' => 'Lien de redirection',
 					'placeholder' => 'http://',
-					'value' => $this->getData(['module', $this->getUrl(0), 'url'])
+					'value' => $this->getData(['module', $this->getUrl(0), 'url']),
+					'help' => 'Le lien de redirection peut contenir une URL standard, ou pointer vers l\'ancre d\'une page du site <em>(/page#ancre)</em> ; <em>(/?page#ancre)</em>'
 				]); ?>
 			</div>
 		</div>

site/site/data/custom.css

@@ -0,0 +1,235 @@
+/**
+ * Voici une feuille de style type, bien entendu vous pouvez ajouter
+ * ou supprimer des propriétés CSS en fonction de vos besoins.
+ */
+
+/**
+ * Éléments principaux
+ */
+
+/* Fond du site */
+body {
+}
+
+/* Site */
+#site {
+  margin:0px auto !important;
+  max-width:1200px !important;
+}
+
+/* Bannière */
+header {
+}
+
+/* Titre de la bannière */
+header span {
+}
+
+/* Menu */
+nav {
+}
+
+/* Items du menu */
+nav a {
+}
+
+/* Items au survol du menu */
+nav a:hover {
+}
+
+/* Item courant du menu */
+nav a.active {
+}
+
+/* Bas de page */
+footer {
+	height:400px !important;
+
+}
+
+footer #footersite, #footerbody {
+}
+
+/* Liens du bas de page */
+footer #footersite, #footerbody a {
+}
+
+/* footer bloc gauche */
+footer #footersiteLeft, #footerbodyLeft  {
+  font-size:16px;
+}
+
+/* footer bloc central */
+footer #footersiteCenter, #footerbodyCenter {
+  vertical-align: bottom;
+}
+
+/* footer bloc droite */
+footer #footersiteRight, #footerbodyRight {
+}
+
+/**
+ * Éléments de contenu
+ */
+
+/* Titres */
+h1 {
+ font-size: ; 
+ color: ; 
+ }
+h2 {
+ font-size: 18; 
+ color: #5e4eff; 
+ }
+h3 {
+ font-size: 16; 
+ color: white; 
+ }
+h4 {
+ font-size: 14; 
+ color: white; 
+ }
+
+/* Liens */
+a {
+}
+
+/* Liens au survol */
+a:hover {
+}
+
+/* Liens au clic */
+a:active {
+}
+
+/* Boutons */
+.button,
+button[type='submit'],
+.pagination a {
+}
+
+/* Boutons au survol */
+.button:hover,
+button[type='submit']:hover,
+.pagination a:hover {
+}
+
+/* Boutons au clic */
+.button:active,
+button[type='submit']:active,
+.pagination a:active {
+}
+
+/* Cases à cocher */
+input[type='checkbox']:checked + label:before {
+}
+
+/* Cases à cocher au survol */
+input[type='checkbox']:not(:active):checked:hover + label:before,
+input[type='checkbox']:active + label:before {
+}
+
+/* Champs de formulaire */
+input[type='text'],
+input[type='password'],
+.inputFile,
+select,
+textarea {
+}
+
+/* Champs de formulaire au survol */
+input[type='text']:hover,
+input[type='password']:hover,
+.inputFile:hover,
+select:hover,
+textarea:hover {
+}
+/* Capsule : Emplacement */
+.wrapper {
+  float: right;
+  /* padding-left: 450px; */
+}
+
+/* Capsule : structure  */
+.capsule {
+  display: table;
+  font-size: 1.2em;
+}
+
+.capsule__btn,
+.capsule__body {
+  display: table-cell;
+  border: 3px solid;
+  vertical-align: middle;
+}
+.capsule--top .capsule__btn, .capsule--top
+.capsule__body {
+  vertical-align: middle;
+}
+.capsule--bottom .capsule__btn, .capsule--bottom
+.capsule__body {
+  vertical-align: bottom;
+}
+
+.capsule__btn {
+  border-right: none;
+  padding: 8px;
+  padding-left: 20px;
+}
+.capsule__btn--rev .capsule__btn {
+  float: right;
+}
+
+.capsule__body {
+  overflow: hidden;
+}
+
+/* Capsule : Styling */
+.brand-style .capsule__body,
+.brand-style .capsule__btn {
+  border-color: #FA45C0;
+}
+
+.brand-style .capsule__btn {
+  background: #FA45C0;
+  Color: #FFFFFF;
+  border-top-left-radius: 30px;
+  border-bottom-left-radius: 30px;
+}
+.brand-style .capsule__body {
+  background: #fff;
+  border-top-right-radius: 30px;
+  border-bottom-right-radius: 30px;
+  padding: 8px;
+  padding-right: 20px;
+}
+
+/* Hauteur minimum du site */
+section {
+	min-height: 700px;
+}
+/* Zoom sur images */
+<div class=zoom><style>.zoom {
+width: 100px;
+height: 100px;
+}
+.image {
+width: 100%;
+height: 100%; 
+}
+.image img {
+/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
+-webkit-transition: all 1s ease; /* Safari et Chrome */
+-moz-transition: all 1s ease; /* Firefox */
+-ms-transition: all 1s ease; /* Internet Explorer 9 */
+-o-transition: all 1s ease; /* Opera */
+transition: all 1s ease;
+}
+.image:hover img {
+/* L'image est doublée */
+-webkit-transform:scale(1.25); /* Safari et Chrome */
+-moz-transform:scale(1.25; /* Firefox */
+-ms-transform:scale(1.25; /* Internet Explorer 9 */
+-o-transform:scale(1.25; /* Opera */
+transform:scale(1.25;
+}</style>

site/site/data/theme.css

@@ -0,0 +1 @@
+/*12dca3afeaaa5cc4a5a7c896e1608ba8*/@import url("https://fonts.googleapis.com/css?family=Fira+Sans|Ubuntu|Raleway|Raleway");body{background-color:rgba(255,255,255,0.18);font-family:"Fira Sans",sans-serif}body{background-image:url("../file/source/banniere/fondpdavise.png");background-position:top center;background-attachment:scroll;background-size:contain;background-repeat:repeat-x}#backToTop {background-color:rgba(0, 177, 255, 0.8);color:rgba(0, 0, 0, 1);}a{color:rgba(250,69,192,1)}a:hover{color:rgba(235,54,177,1)}body,.row > div{font-size:15px}body,.block h4{color:rgba(33, 34, 35, 1)}select,input[type='email'],input[type='text'],textarea{color:}.container{max-width:1170px}#site{background-color:rgba(255, 255, 255, 0);border-radius:0px;box-shadow:0px #212223;}.editorWysiwyg {background-color:rgba(255, 255, 255, 0);}.speechBubble,.button,.button:hover,button[type='submit'],.pagination a,.pagination a:hover,input[type='checkbox']:checked + label:before,input[type='radio']:checked + label:before,.helpContent{background-color:rgba(219,219,219,1);color:inherit}.helpButton span{color:rgba(219,219,219,1)}input[type='text']:hover,input[type='password']:hover,.inputFile:hover,select:hover,textarea:hover{border-color:rgba(219,219,219,1)}.speechBubble:before{border-color:rgba(219,219,219,1) transparent transparent transparent}.button:hover,button[type='submit']:hover,.pagination a:hover,input[type='checkbox']:not(:active):checked:hover + label:before,input[type='checkbox']:active + label:before,input[type='radio']:checked:hover + label:before,input[type='radio']:not(:checked):active + label:before{background-color:rgba(204,204,204,1)}.helpButton span:hover{color:rgba(204,204,204,1)}.button:active,button[type='submit']:active,.pagination a:active{background-color:rgba(199,199,199,1)}h1,h2,h3,h4,h5,h6{color:rgba(94,78,255,0.44);font-family:"Ubuntu",sans-serif;font-weight:bold;text-transform:none}header{background-size:contain}header{background-color:rgba(255,255,255,0);height:400px;line-height:400px;text-align:center}header{background-image:url("../file/source/banniere/headerpda.png");background-position:center center;background-repeat:no-repeat}header span{color:rgba(33,34,35,1);font-family:"Raleway",sans-serif;font-weight:normal;font-size:2em;text-transform:none}nav,nav a{background-color:rgba(22,22,89,1)}nav a,#toggle span,nav a:hover{color:rgba(250, 69, 192, 1)}nav a:hover{background-color:rgba(7,7,74,1)}nav a.active{background-color:rgba(2,2,69,1)}nav #burgerText{color:white}nav .navLevel1 a.active {border-radius:0px}#menu{text-align:center}nav{margin:0}#toggle span,#menu a{padding:15px 10px;font-family:"Raleway",sans-serif;font-weight:bold;font-size:1.2em;text-transform:none}footer{padding:0 20px;}footer span, #footerText > p {color:rgba(255, 255, 255, 1);font-family:"Open Sans",sans-serif;font-weight:normal;font-size:1em;text-transform:none}footer{background-color:rgba(22,22,89,1);color:rgba(255, 255, 255, 1)}footer a{color:rgba(255, 255, 255, 1)}footer #footersite > div {margin:0px 0}footer #footerbody > div {margin:0px 0}#footerSocials{text-align:right}#footerText > p {text-align:left}#footerCopyright{text-align:center}

site/site/data/theme.json

@@ -0,0 +1 @@
+{"theme":{"body":{"backgroundColor":"rgba(255, 255, 255, 0.18)","image":"banniere\/fondpdavise.png","imageAttachment":"scroll","imagePosition":"top center","imageRepeat":"repeat-x","imageSize":"contain","toTopbackgroundColor":"rgba(0, 177, 255, 0.8)","toTopColor":"rgba(0, 0, 0, 1)"},"button":{"backgroundColor":"rgba(219, 219, 219, 1)"},"footer":{"backgroundColor":"rgba(22, 22, 89, 1)","copyrightAlign":"center","height":"0px","loginLink":"1","margin":true,"position":"body","fixed":false,"socialsAlign":"right","text":"<p>&nbsp;<\/p>\r\n<h1>Le parcours d'artistes de Vis&eacute;<\/h1>\r\n<p>Quand les artistes de Vis&eacute; d&eacute;cident d&rsquo;ouvrir leurs portes aux visiteurs de tout horizon,<br \/>et de permettre &agrave; ceux-ci de profiter de l&rsquo;ambiance, de d&eacute;couvrir les artistes et leurs &oelig;uvres.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<h1>Nos partenaires<\/h1>\r\n<p><img width=\"150\" height=\"104\" alt=\"\" src=\"\/site\/file\/source\/banniere\/villevise.png\" \/> &nbsp; <img width=\"200\" height=\"42\" alt=\"\" src=\"\/site\/file\/source\/banniere\/reference.png\" \/><\/p>\r\n<p>&nbsp;<\/p>","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","copyrightPosition":"right","textPosition":"left","socialsPosition":"center","textTransform":"none","font":"Open+Sans","fontSize":"1em","fontWeight":"normal","displayVersion":true,"displaySiteMap":true,"displayCopyright":true,"displayLegal":true,"displaySearch":true,"template":"4"},"header":{"backgroundColor":"rgba(255, 255, 255, 0)","textTransform":"none","font":"Raleway","fontSize":"2em","fontWeight":"normal","height":"400px","image":"banniere\/headerpda.png","imagePosition":"center center","imageRepeat":"no-repeat","margin":false,"position":"body","textAlign":"center","textColor":"rgba(33, 34, 35, 1)","textHide":true,"linkHomePage":false,"imageContainer":"contain"},"link":{"textColor":"rgba(250, 69, 192, 1)"},"menu":{"backgroundColor":"rgba(22, 22, 89, 1)","font":"Raleway","fontSize":"1.2em","fontWeight":"bold","height":"15px 10px","loginLink":false,"margin":false,"position":"site","textAlign":"center","textColor":"rgba(250, 69, 192, 1)","textTransform":"none","fixed":false,"activeColorAuto":true,"activeColor":"","radius":"0px","burgerTitle":true},"site":{"backgroundColor":"rgba(255, 255, 255, 0)","radius":"0px","shadow":"0px","width":"1170px"},"text":{"font":"Fira+Sans","fontSize":"15px","textColor":"rgba(33, 34, 35, 1)"},"title":{"font":"Ubuntu","textColor":"rgba(94, 78, 255, 0.44)","fontWeight":"bold","textTransform":"none"}}}