Options de page dépliables

core/module/page/page.php

@@ -60,7 +60,7 @@ class page extends common {
 	];
 	public static $displayMenu = [
 		'none'	=> 'Aucun',
-		'parents' 	=> 'Le menu horizontal',
+		'parents' 	=> 'Le menu',
 		'children'	=> 'Le sous-menu de la page parente'
 	];
 

core/module/page/view/edit/edit.css

@@ -13,4 +13,22 @@
  */
 
 
-@import url("site/data/admin.css");
+@import url("site/data/admin.css");
+
+.blockContainer:not(#info) {
+    display : none;
+}
+
+#info .zwiico-minus {
+    display: inline;
+}
+
+.zwiico-minus,#info .zwiico-plus {
+    display: none;
+}
+
+
+.zwiico-minus,
+.zwiico-plus {
+    cursor: pointer;
+}

core/module/page/view/edit/edit.js.php

@@ -30,10 +30,10 @@ function protectModule() {
 	var oldModule = $("#pageEditModuleIdOld").val();
 	var oldModuleText =  $("#pageEditModuleIdOldText").val();
 	var newModule = $("#pageEditModuleId").val();
-	if ( oldModule !== "" && 
+	if ( oldModule !== "" &&
 		 oldModule !== newModule) {
 		var _this = $(this);
-		core.confirm("Les données du module " + oldModuleText + " seront effacées. Confirmez-vous ?", 
+		core.confirm("Les données du module " + oldModuleText + " seront effacées. Confirmez-vous ?",
 				function() {
 					$(location).attr("href", _this.attr("href"));
 					return true;
@@ -47,11 +47,25 @@ function protectModule() {
 }
 
 
-/** 
+/**
 * Paramètres par défaut au chargement
-*/ 
+*/
 $( document ).ready(function() {
-	
+
+	/**
+     * Blocs dépliants
+     */
+
+    $("div .block").click(function(e) {
+        $(this).find(".zwiico-plus").toggle();
+        $(this).find(".zwiico-minus").toggle();
+        $(this).find(".blockContainer").slideToggle();
+    }).on("click", "span > input, input, textarea, label, option, button, a, .blockContainer", function(e) {
+        // Empêcher les déclenchements dans les blocs
+        e.stopPropagation();
+    });
+
+
 	/*
 	* Enleve le menu fixe en édition de page
 	*/
@@ -63,12 +77,12 @@ $( document ).ready(function() {
 	*/
 	if($("#pageEditModuleId").val() === "") {
 		$("#pageEditModuleConfig").addClass("disabled");
-		$("#pageEditContentContainer").hide();		
+		$("#pageEditContentContainer").hide();
 	}
 	else {
 		$("#pageEditModuleConfig").removeClass("disabled");
 		$("#pageEditContentContainer").hide();
-		$("#pageEditBlock option[value='bar']").remove();		
+		$("#pageEditBlock option[value='bar']").remove();
 	}
 
 	/**
@@ -77,13 +91,13 @@ $( document ).ready(function() {
 	if( $("#pageEditModuleId").val() === "redirection" ||
 		$("#pageEditModuleId").val() === "" ) {
 		$("#configModulePositionWrapper").removeClass("disabled");
-		$("#configModulePositionWrapper").slideUp();		 	
+		$("#configModulePositionWrapper").slideUp();
 	}
 	else {
 		$("#configModulePositionWrapper").addClass("disabled");
-		$("#configModulePositionWrapper").slideDown();		
+		$("#configModulePositionWrapper").slideDown();
 	}
-	
+
 
 	/**
 	* Masquer et démasquer le contenu pour les modules code et redirection
@@ -93,7 +107,7 @@ $( document ).ready(function() {
 		$("#pageEditContentWrapper").slideUp();
 	} else {
 		$("#pageEditContentWrapper").addClass("disabled");
-		$("#pageEditContentWrapper").slideDown();		
+		$("#pageEditContentWrapper").slideDown();
 	}
 	/**
 	* Masquer et démasquer le masquage du titre pour le module redirection
@@ -102,49 +116,49 @@ $( document ).ready(function() {
 		$("#pageEditHideTitleWrapper").removeClass("disabled");
 		$("#pageEditHideTitleWrapper").hide();
 		$("#pageEditBlockLayout").removeClass("disabled");
-		$("#pageEditBlockLayout").hide();			
+		$("#pageEditBlockLayout").hide();
-		
+
-	} else {	
+	} else {
 		$("#pageEditHideTitleWrapper").addClass("disabled");
 		$("#pageEditHideTitleWrapper").show();
 		$("#pageEditBlockLayout").addClass("disabled");
-		$("#pageEditBlockLayout").show();		
+		$("#pageEditBlockLayout").show();
 	}
 	/**
-	* Masquer et démasquer la sélection des barres 
+	* Masquer et démasquer la sélection des barres
 	*/
 	switch ($("#pageEditBlock").val()) {
-		case "bar":	
+		case "bar":
 		case "12":
 			$("#pageEditBarLeftWrapper").removeClass("disabled");
 			$("#pageEditBarLeftWrapper").slideUp();
 			$("#pageEditBarRightWrapper").removeClass("disabled");
-			$("#pageEditBarRightWrapper").slideUp();	
+			$("#pageEditBarRightWrapper").slideUp();
 			break;
 		case "3-9":
 		case "4-8":
 			$("#pageEditBarLeftWrapper").addClass("disabled");
 			$("#pageEditBarLeftWrapper").slideDown();
 			$("#pageEditBarRightWrapper").removeClass("disabled");
-			$("#pageEditBarRightWrapper").slideUp();					
+			$("#pageEditBarRightWrapper").slideUp();
 			break;
 		case "9-3":
 		case "8-4":
 			$("#pageEditBarLeftWrapper").removeClass("disabled");
-			$("#pageEditBarLeftWrapper").slideUp();	
+			$("#pageEditBarLeftWrapper").slideUp();
 			$("#pageEditBarRightWrapper").addClass("disabled");
-			$("#pageEditBarRightWrapper").slideDown();				
+			$("#pageEditBarRightWrapper").slideDown();
 			break;
 		case "3-6-3":
 		case "2-7-3":
-		case "3-7-2":			
+		case "3-7-2":
 			$("#pageEditBarLeftWrapper").addClass("disabled");
 			$("#pageEditBarLeftWrapper").slideDown();
 			$("#pageEditBarRightWrapper").addClass("disabled");
-			$("#pageEditBarRightWrapper").slideDown();				
+			$("#pageEditBarRightWrapper").slideDown();
 			break;
 	};
-	if ($("#pageEditBlock").val() === "bar") {		
+	if ($("#pageEditBlock").val() === "bar") {
 			$("#pageEditMenu").removeClass("disabled");
 			$("#pageEditMenu").hide();
 			$("#pageEditHideTitleWrapper").removeClass("disabled");
@@ -154,26 +168,28 @@ $( document ).ready(function() {
 			$("#pageEditModuleIdWrapper").removeClass("disabled");
 			$("#pageEditModuleIdWrapper").slideUp();
 			$("#pageEditModuleConfig").removeClass("disabled");
-			$("#pageEditModuleConfig").slideUp();	
+			$("#pageEditModuleConfig").slideUp();
 			$("#pageEditDisplayMenuWrapper").addClass("disabled");
 			$("#pageEditDisplayMenuWrapper").slideDown();
 			$("#pageTypeMenuWrapper").removeClass("disabled");
-			$("#pageTypeMenuWrapper").slideUp();	
+			$("#pageTypeMenuWrapper").slideUp();
 			$("#pageEditSeoWrapper").removeClass("disabled");
-			$("#pageEditSeoWrapper").slideUp();		
+			$("#pageEditSeoWrapper").slideUp();
 			$("#pageEditAdvancedWrapper").removeClass("disabled");
 			$("#pageEditAdvancedWrapper").slideUp();
+			/*
 			$("#pageEditBlockLayout").removeClass("col6");
 			$("#pageEditBlockLayout").addClass("col12");
-						
+			*/
+
 	} else {
 			$("#pageEditDisplayMenuWrapper").removeClass("disabled");
-			$("#pageEditDisplayMenuWrapper").slideUp();	
+			$("#pageEditDisplayMenuWrapper").slideUp();
 	}
 
 	/**
 	* Masquer ou afficher le chemin de fer
-	* Quand le titre est masqué 
+	* Quand le titre est masqué
 	*/
 	if ($("input[name=pageEditHideTitle]").is(':checked') ||
 		  $("#pageEditParentPageId").val() === "" )  {
@@ -183,30 +199,30 @@ $( document ).ready(function() {
 	} else {
 		if ($("#pageEditParentPageId").val() !== "") {
 			$("#pageEditbreadCrumbWrapper").addClass("disabled");
-			$("#pageEditbreadCrumbWrapper").slideDown();	
+			$("#pageEditbreadCrumbWrapper").slideDown();
-		}			
+		}
-	}				
+	}
- 
+
 	/**
-	* Masquer ou afficher la sélection de l'icône 
+	* Masquer ou afficher la sélection de l'icône
 	*/
 	if ($("#pageTypeMenu").val() !== "text") {
 		$("#pageIconUrlWrapper").addClass("disabled");
 		$("#pageIconUrlWrapper").slideDown();
-	} else {	
+	} else {
 		$("#pageIconUrlWrapper").removeClass("disabled");
-		$("#pageIconUrlWrapper").slideUp();					
+		$("#pageIconUrlWrapper").slideUp();
 	}
 
-	/**	
+	/**
 	* Cache les options de masquage dans les menus quand la page n'est pas affichée.
 	*/
 	if ($("#pageEditPosition").val() === "0" ) {
 			$("#pageEditHideMenuSideWrapper").removeClass("disabled");
-			$("#pageEditHideMenuSideWrapper").slideUp();				
+			$("#pageEditHideMenuSideWrapper").slideUp();
 	} else {
 			$("#pageEditHideMenuSideWrapper").addClass("disabled");
-			$("#pageEditHideMenuSideWrapper").slideDown();								
+			$("#pageEditHideMenuSideWrapper").slideDown();
 	}
 
 	/**
@@ -225,10 +241,10 @@ $( document ).ready(function() {
  */
 	if ($("#pageEditDisable").is(':checked') ) {
 		$("#pageEditHideMenuChildrenWrapper").removeClass("disabled");
-		$("#pageEditHideMenuChildrenWrapper").slideUp();			
+		$("#pageEditHideMenuChildrenWrapper").slideUp();
 	} else {
 		$("#pageEditHideMenuChildrenWrapper").addClass("disabled");
-		$("#pageEditHideMenuChildrenWrapper").slideDown();								
+		$("#pageEditHideMenuChildrenWrapper").slideDown();
 	}
 
 });
@@ -243,25 +259,25 @@ pageEditDisableDOM.on("change", function() {
 	if ($(this).is(':checked') ) {
 		$("#pageEditHideMenuChildrenWrapper").removeClass("disabled");
 		$("#pageEditHideMenuChildrenWrapper").slideUp();
-		$("#pageEditHideMenuChildren").prop("checked", false);			
+		$("#pageEditHideMenuChildren").prop("checked", false);
 	} else {
 		$("#pageEditHideMenuChildrenWrapper").addClass("disabled");
-		$("#pageEditHideMenuChildrenWrapper").slideDown();								
+		$("#pageEditHideMenuChildrenWrapper").slideDown();
 	}
 });
 
 
-/**	
+/**
 * Cache les options de masquage dans les menus quand la page n'est pas affichée.
 */
 var pageEditPositionDOM = $("#pageEditPosition");
 pageEditPositionDOM.on("change", function() {
 	if ($(this).val()  === "0" ) {
 		$("#pageEditHideMenuSideWrapper").removeClass("disabled");
-		$("#pageEditHideMenuSideWrapper").slideUp();			
+		$("#pageEditHideMenuSideWrapper").slideUp();
 	} else {
 		$("#pageEditHideMenuSideWrapper").addClass("disabled");
-		$("#pageEditHideMenuSideWrapper").slideDown();								
+		$("#pageEditHideMenuSideWrapper").slideDown();
 	}
 });
 
@@ -274,12 +290,12 @@ pageEditModuleIdDOM.on("change", function() {
 	if($(this).val() === "") {
 		$("#pageEditModuleConfig").addClass("disabled");
 		$("#pageEditContentContainer").slideDown();
-		$("#pageEditBlock").append('<option value="bar">Barre latérale</option>');		
+		$("#pageEditBlock").append('<option value="bar">Barre latérale</option>');
 	}
 	else {
 		$("#pageEditModuleConfig").removeClass("disabled");
 		$("#pageEditContentContainer").slideUp();
-		$("#pageEditBlock option[value='bar']").remove();		
+		$("#pageEditBlock option[value='bar']").remove();
 	}
 });
 
@@ -291,14 +307,14 @@ pageEditModuleIdDOM.on("change", function() {
  * */
 var pageEditModuleIdDOM = $("#pageEditModuleId");
 pageEditModuleIdDOM.on("change", function() {
-	if( $(this).val() === "redirection" || 
+	if( $(this).val() === "redirection" ||
 		$(this).val() === "") {
 		$("#configModulePositionWrapper").removeClass("disabled");
- 		$("#configModulePositionWrapper").slideUp();		
+ 		$("#configModulePositionWrapper").slideUp();
 	}
 	else {
 		$("#configModulePositionWrapper").addClass("disabled");
-		$("#configModulePositionWrapper").slideDown();				
+		$("#configModulePositionWrapper").slideDown();
 	}
 });
 
@@ -316,7 +332,7 @@ pageEditModuleIdDOM.on("change", function() {
 	}
 	else {
 		$("#pageEditContentWrapper").addClass("disabled");
-		$("#pageEditContentWrapper").slideDown();		
+		$("#pageEditContentWrapper").slideDown();
 	}
 });
 
@@ -329,21 +345,21 @@ var pageEditModuleIdDOM = $("#pageEditModuleId");
 pageEditModuleIdDOM.on("change", function() {
 	if( $(this).val() === "redirection") {
 		$("#pageEditHideTitleWrapper").removeClass("disabled");
-		$("#pageEditHideTitleWrapper").slideUp();	
+		$("#pageEditHideTitleWrapper").slideUp();
 		$("#pageEditBlockLayout").removeClass("disabled");
 		$("#pageEditBlockLayout").slideUp();
 	}
-	else {	
+	else {
 		$("#pageEditHideTitleWrapper").addClass("disabled");
 		$("#pageEditHideTitleWrapper").slideDown();
 		$("#pageEditBlockLayout").addClass("disabled");
-		$("#pageEditBlockLayout").slideDown();				
+		$("#pageEditBlockLayout").slideDown();
 	}
 });
 
 
 /**
- * Masquer et démasquer la sélection des barres 
+ * Masquer et démasquer la sélection des barres
  */
 var pageEditBlockDOM = $("#pageEditBlock");
 pageEditBlockDOM.on("change", function() {
@@ -353,30 +369,30 @@ pageEditBlockDOM.on("change", function() {
 			$("#pageEditBarLeftWrapper").removeClass("disabled");
 			$("#pageEditBarLeftWrapper").slideUp();
 			$("#pageEditBarRightWrapper").removeClass("disabled");
-			$("#pageEditBarRightWrapper").slideUp();				
+			$("#pageEditBarRightWrapper").slideUp();
 			break;
 		case "3-9":
 		case "4-8":
 			$("#pageEditBarLeftWrapper").addClass("disabled");
 			$("#pageEditBarLeftWrapper").slideDown();
 			$("#pageEditBarRightWrapper").removeClass("disabled");
-			$("#pageEditBarRightWrapper").slideUp();					
+			$("#pageEditBarRightWrapper").slideUp();
 			break;
 		case "9-3":
 		case "8-4":
 			$("#pageEditBarLeftWrapper").removeClass("disabled");
-			$("#pageEditBarLeftWrapper").slideUp();	
+			$("#pageEditBarLeftWrapper").slideUp();
 			$("#pageEditBarRightWrapper").addClass("disabled");
-			$("#pageEditBarRightWrapper").slideDown();				
+			$("#pageEditBarRightWrapper").slideDown();
 			break;
 		case "3-6-3":
 		case "2-7-3":
-		case "3-7-2":		
+		case "3-7-2":
 			$("#pageEditBarLeftWrapper").addClass("disabled");
 			$("#pageEditBarLeftWrapper").slideDown();
 			$("#pageEditBarRightWrapper").addClass("disabled");
-			$("#pageEditBarRightWrapper").slideDown();				
+			$("#pageEditBarRightWrapper").slideDown();
-			break;	
+			break;
 	}
 	if ($(this).val() === "bar") {
 			$("#pageEditMenu").removeClass("disabled");
@@ -384,50 +400,54 @@ pageEditBlockDOM.on("change", function() {
 			$("#pageEditHideTitleWrapper").removeClass("disabled");
 			$("#pageEditHideTitleWrapper").slideUp();
 			$("#pageTypeMenuWrapper").removeClass("disabled");
-			$("#pageTypeMenuWrapper").slideUp();	
+			$("#pageTypeMenuWrapper").slideUp();
 			$("#pageEditSeoWrapper").removeClass("disabled");
-			$("#pageEditSeoWrapper").slideUp();	
+			$("#pageEditSeoWrapper").slideUp();
 			$("#pageEditAdvancedWrapper").removeClass("disabled");
-			$("#pageEditAdvancedWrapper").slideUp();								
+			$("#pageEditAdvancedWrapper").slideUp();
 			$("#pageEditbreadCrumbWrapper").removeClass("disabled");
 			$("#pageEditbreadCrumbWrapper").slideUp();
 			$("#pageEditModuleIdWrapper").removeClass("disabled");
 			$("#pageEditModuleIdWrapper").slideUp();
 			$("#pageEditModuleConfig").removeClass("disabled");
-			$("#pageEditModuleConfig").slideUp();	
+			$("#pageEditModuleConfig").slideUp();
 			$("#pageEditDisplayMenuWrapper").addClass("disabled");
-			$("#pageEditDisplayMenuWrapper").slideDown();							
+			$("#pageEditDisplayMenuWrapper").slideDown();
+			/*
 			$("#pageEditBlockLayout").removeClass("col6");
-			$("#pageEditBlockLayout").addClass("col12");																			
+			$("#pageEditBlockLayout").addClass("col12");
+			*/
 	} else {
 			$("#pageEditMenu").addClass("disabled");
-			$("#pageEditMenu").show();					
+			$("#pageEditMenu").show();
 			$("#pageEditHideTitleWrapper").addClass("disabled");
-			$("#pageEditHideTitleWrapper").slideDown();	
+			$("#pageEditHideTitleWrapper").slideDown();
 			$("#pageTypeMenuWrapper").addClass("disabled");
-			$("#pageTypeMenuWrapper").slideDown();	
+			$("#pageTypeMenuWrapper").slideDown();
 			$("#pageEditSeoWrapper").addClass("disabled");
-			$("#pageEditSeoWrapper").slideDown();		
+			$("#pageEditSeoWrapper").slideDown();
 			$("#pageEditAdvancedWrapper").addClass("disabled");
-			$("#pageEditAdvancedWrapper").slideDown();						
+			$("#pageEditAdvancedWrapper").slideDown();
 			$("#pageEditModuleIdWrapper").addClass("disabled");
-			$("#pageEditModuleIdWrapper").slideDown();	
+			$("#pageEditModuleIdWrapper").slideDown();
 			$("#pageEditModuleConfig").addClass("disabled");
-			$("#pageEditModuleConfig").slideDown();	
+			$("#pageEditModuleConfig").slideDown();
 			$("#pageEditDisplayMenuWrapper").removeClass("disabled");
-			$("#pageEditDisplayMenuWrapper").slideUp();													
+			$("#pageEditDisplayMenuWrapper").slideUp();
 			if ($("#pageEditParentPageId").val() !== "") {
 				$("#pageEditbreadCrumbWrapper").addClass("disabled");
 				$("#pageEditbreadCrumbWrapper").slideDown();
 			}
+			/*
 			$("#pageEditBlockLayout").removeClass("col12");
 			$("#pageEditBlockLayout").addClass("col6");
-	}	
+			*/
+	}
 });
 
 /**
  * Masquer ou afficher le chemin de fer
- * Quand le titre est masqué 
+ * Quand le titre est masqué
  */
 var pageEditHideTitleDOM = $("#pageEditHideTitle");
 pageEditHideTitleDOM.on("change", function() {
@@ -437,13 +457,13 @@ pageEditHideTitleDOM.on("change", function() {
 	} else {
 		if ($("#pageEditParentPageId").val() !== "") {
 			$("#pageEditbreadCrumbWrapper").addClass("disabled");
-			$("#pageEditbreadCrumbWrapper").slideDown();	
+			$("#pageEditbreadCrumbWrapper").slideDown();
-		}			
+		}
 	}
 });
 
 
-/**	
+/**
  * Masquer ou afficher le chemin de fer
  * Quand la page n'est pas mère et que le menu n'est pas masqué
  */
@@ -452,11 +472,11 @@ pageEditParentPageIdDOM.on("change", function() {
 	if ($(this).val() === "" &&
 		!$('input[name=pageEditHideTitle]').is(':checked') ) {
 			$("#pageEditbreadCrumbWrapper").removeClass("disabled");
-			$("#pageEditbreadCrumbWrapper").slideUp();	
+			$("#pageEditbreadCrumbWrapper").slideUp();
 	} else {
 			$("#pageEditbreadCrumbWrapper").addClass("disabled");
-			$("#pageEditbreadCrumbWrapper").slideDown();			
+			$("#pageEditbreadCrumbWrapper").slideDown();
-					
+
 	}
 	if ($(this).val() !== "") {
 		  $("#pageEditHideMenuChildrenWrapper").removeClass("disabled");
@@ -470,16 +490,16 @@ pageEditParentPageIdDOM.on("change", function() {
 
 
 /**
- * Masquer ou afficher la sélection de l'icône 
+ * Masquer ou afficher la sélection de l'icône
  */
 var pageTypeMenuDOM = $("#pageTypeMenu");
 pageTypeMenuDOM.on("change", function() {
 	if ($(this).val() !== "text") {
 			$("#pageIconUrlWrapper").addClass("disabled");
 			$("#pageIconUrlWrapper").slideDown();
-	} else {	
+	} else {
 			$("#pageIconUrlWrapper").removeClass("disabled");
-			$("#pageIconUrlWrapper").slideUp();					
+			$("#pageIconUrlWrapper").slideUp();
 	}
 });
 

core/module/page/view/edit/edit.php

@@ -53,7 +53,7 @@ echo template::formOpen('pageEditForm');
 							<div class="col3 verticalAlignBottom">
 								<?php echo template::button('pageEditModuleConfig', [
 									'disabled' => (bool) $this->getData(['page', $this->getUrl(2), 'moduleId']) === false,
-									'uniqueSubmission' => true,	
+									'uniqueSubmission' => true,
 									'value' => template::ico('gear')
 								]); ?>
 							</div>
@@ -94,143 +94,167 @@ echo template::formOpen('pageEditForm');
 		</div>
 	</div>
 	<div class="row">
-		<div class="col6" id="pageEditBlockLayout">
+		<div class="col12" id="pageEditBlockLayout">
 			<div class="block" >
-				<h4>Mise en page</h4>
+				<h4><?php
-				<div class="row">
+				echo template::ico('plus','right');
-					<div class="col12">
+				echo template::ico('minus','right');
-						<?php echo template::select('pageEditBlock', $module::$pageBlocks, [
+				?>Mise en page</h4>
-								'label' => 'Gabarits de page / Barre latérale',
+				<div class="blockContainer">
-								'help' => 'Pour définir la page comme barre latérale, choisissez l\'option dans la liste.',
+					<div class="row">
-								'selected' => $this->getData(['page', $this->getUrl(2) , 'block'])
+						<div class="col6">
-						]); ?>	
+							<div class="row">
-					</div>
+								<div class="col12">
-					<div class="col12">			
+									<?php echo template::select('pageEditBlock', $module::$pageBlocks, [
-						<!-- Sélection des barres latérales	 -->
+											'label' => 'Gabarits de page / Barre latérale',
-						<?php if($this->getHierarchy($this->getUrl(2),false,true)): ?>
+											'help' => 'Pour définir la page comme barre latérale, choisissez l\'option dans la liste.',
-							<?php echo template::hidden('pageEditBarLeft', [
+											'selected' => $this->getData(['page', $this->getUrl(2) , 'block'])
-								'value' => $this->getData(['page', $this->getUrl(2), 'barLeft'])
+									]); ?>
+								</div>
+								<div class="col12">
+									<?php echo template::checkbox('pageEditHideTitle', true, 'Titre masqué', [
+										'checked' => $this->getData(['page', $this->getUrl(2), 'hideTitle'])
+									]); ?>
+								</div>
+								<div class="col12">
+									<?php echo template::checkbox('pageEditbreadCrumb', true, 'Fil d\'Ariane', [
+										'checked' => $this->getData(['page', $this->getUrl(2), 'breadCrumb'])
+									]); ?>
+								</div>
+							</div>
+						</div>
+						<div class="col6">
+							<!-- Sélection des barres latérales	 -->
+							<?php if($this->getHierarchy($this->getUrl(2),false,true)): ?>
+								<?php echo template::hidden('pageEditBarLeft', [
+									'value' => $this->getData(['page', $this->getUrl(2), 'barLeft'])
+								]); ?>
+							<?php else: ?>
+								<?php echo template::select('pageEditBarLeft', $module::$pagesBarId, [
+									'label' => 'Barre latérale gauche :',
+									'selected' => $this->getData(['page', $this->getUrl(2), 'barLeft'])
+								]); ?>
+							<?php endif; ?>
+							<?php if($this->getHierarchy($this->getUrl(2),false,true)): ?>
+								<?php echo template::hidden('pageEditBarRight', [
+									'value' => $this->getData(['page', $this->getUrl(2), 'barRight'])
+								]); ?>
+							<?php else: ?>
+								<?php echo template::select('pageEditBarRight', $module::$pagesBarId, [
+									'label' => 'Barre latérale droite :',
+									'selected' => $this->getData(['page', $this->getUrl(2), 'barRight'])
+								]); ?>
+							<?php endif; ?>
+							<?php echo template::select('pageEditDisplayMenu', $module::$displayMenu, [
+								'label' => 'Contenu du menu vertical',
+								'selected' => $this->getData(['page', $this->getUrl(2), 'displayMenu']),
+								'help' => 'Par défaut le menu est affiché APRES le contenu de la page. Pour le positionner à un emplacement précis, insérez [MENU] dans le contenu de la page.'
 							]); ?>
-						<?php else: ?>
+						</div>
-							<?php echo template::select('pageEditBarLeft', $module::$pagesBarId, [
-								'label' => 'Barre latérale gauche :',
-								'selected' => $this->getData(['page', $this->getUrl(2), 'barLeft'])
-							]); ?>
-						<?php endif; ?>
-					</div>
-					<div class="col12">								
-						<?php if($this->getHierarchy($this->getUrl(2),false,true)): ?>
-							<?php echo template::hidden('pageEditBarRight', [
-								'value' => $this->getData(['page', $this->getUrl(2), 'barRight'])
-							]); ?>
-						<?php else: ?>							
-							<?php echo template::select('pageEditBarRight', $module::$pagesBarId, [
-								'label' => 'Barre latérale droite :',
-								'selected' => $this->getData(['page', $this->getUrl(2), 'barRight'])
-							]); ?>
-						<?php endif; ?>	
-					</div>
-					<div class="col6">
-						<?php echo template::checkbox('pageEditHideTitle', true, 'Titre masqué', [
-							'checked' => $this->getData(['page', $this->getUrl(2), 'hideTitle'])
-						]); ?>
-					</div>
-					<div class="col6">
-						<?php echo template::checkbox('pageEditbreadCrumb', true, 'Fil d\'Ariane', [
-							'checked' => $this->getData(['page', $this->getUrl(2), 'breadCrumb'])
-						]); ?>
-					</div>
-					<div class="col12">
-						<?php echo template::select('pageEditDisplayMenu', $module::$displayMenu, [
-							'label' => 'Configuration du menu vertical',
-							'selected' => $this->getData(['page', $this->getUrl(2), 'displayMenu']),
-							'help' => 'Par défaut le menu est affiché APRES le contenu de la page. Pour le positionner à un emplacement précis, insérez [MENU] dans le contenu de la page.'
-						]); ?>
 					</div>
 				</div>
 			</div>
-		</div>			
-		<div class="col6"  id="pageEditMenu">
-			<div class="block">
-				<h4>Emplacement</h4>
-				<div class="row">
-					<div class="col6">
-						<?php echo template::select('pageEditPosition', [], [
-							'label' => 'Position',
-							'help' => '\'Ne pas afficher\' crée une page orpheline non accessible par le biais des menus.'
-						]); ?>	
-					</div>				
-					<div class="col6">
-						<?php	if($this->getHierarchy($this->getUrl(2), false)): ?>
-							<?php echo template::hidden('pageEditParentPageId', [
-								'value' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
-							]); ?>
-						<?php else: ?>
-							<?php echo template::select('pageEditParentPageId', $module::$pagesNoParentId, [
-								'label' => 'Page parent',
-								'selected' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
-							]); ?>
-						<?php endif; ?>
-					</div>
-				</div>								
-				<div class="row">
-					<div class="col6">
-						<?php echo template::checkbox('pageEditTargetBlank', true, 'Nouvel onglet', [
-							'checked' => $this->getData(['page', $this->getUrl(2), 'targetBlank'])
-						]); ?>
-					</div>
-					<div class="col6">
-						<?php echo template::checkbox('pageEditDisable', true, 'Désactivée', [
-							'disabled' => (bool) ($this->getdata(['config','homePageId']) === $this->getUrl(2)) ? true : false,
-							'checked' => (bool) ($this->getdata(['config','homePageId']) === $this->getUrl(2)) ? false : $this->getData(['page', $this->getUrl(2), 'disable']),	
-							'help' => 'Une page désactivée n\'est pas cliquable en mode déconnecté, les pages enfants sont visibles et accessibles. La page d\'accueil n\'est pas désactivable.'
-						]); ?>
-					</div>
-				</div>	
-			</div>
 		</div>
 	</div>
-	<div class='row' id="pageEditSeoWrapper">
+	<div class="row">
-		<div class="col12">
+		<div class="col12"  id="pageEditMenu">
 			<div class="block">
-				<h4>Référencement</h4>
+				<h4><?php
-				<div class='col6'>
+				echo template::ico('plus','right');
-					<?php echo template::select('pageEditGroup', self::$groupPublics, [
+				echo template::ico('minus','right');
-						'label' => 'Groupe requis pour accéder à la page :',
+				?>Emplacement dans le menu</h4>
-						'selected' => $this->getData(['page', $this->getUrl(2), 'group'])
+				<div class="blockContainer">
-					]); ?>
+					<div class="row">
+						<div class="col6">
+							<?php echo template::select('pageEditPosition', [], [
+								'label' => 'Position',
+								'help' => '\'Ne pas afficher\' crée une page orpheline non accessible par le biais des menus.'
+							]); ?>
+						</div>
+						<div class="col6">
+							<?php	if($this->getHierarchy($this->getUrl(2), false)): ?>
+								<?php echo template::hidden('pageEditParentPageId', [
+									'value' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
+								]); ?>
+							<?php else: ?>
+								<?php echo template::select('pageEditParentPageId', $module::$pagesNoParentId, [
+									'label' => 'Page parent',
+									'selected' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
+								]); ?>
+							<?php endif; ?>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col3">
+							<?php echo template::checkbox('pageEditTargetBlank', true, 'Nouvel onglet', [
+								'checked' => $this->getData(['page', $this->getUrl(2), 'targetBlank'])
+							]); ?>
+						</div>
+						<div class="col3">
+							<?php echo template::checkbox('pageEditDisable', true, 'Désactivée', [
+								'disabled' => (bool) ($this->getdata(['config','homePageId']) === $this->getUrl(2)) ? true : false,
+								'checked' => (bool) ($this->getdata(['config','homePageId']) === $this->getUrl(2)) ? false : $this->getData(['page', $this->getUrl(2), 'disable']),
+								'help' => 'Une page désactivée n\'est pas cliquable en mode déconnecté, les pages enfants sont visibles et accessibles. La page d\'accueil n\'est pas désactivable.'
+							]); ?>
+						</div>
+					</div>
 				</div>
-				<div class='col12'>
-					<?php echo template::text('pageEditMetaTitle', [
-						'label' => 'Méta-titre',
-						'value' => $this->getData(['page', $this->getUrl(2), 'metaTitle'])
-					]); ?>
-					<?php echo template::textarea('pageEditMetaDescription', [
-						'label' => 'Méta-description',
-						//'maxlength' => '500',
-						'value' => $this->getData(['page', $this->getUrl(2), 'metaDescription'])
-					]); ?>
-				</div>		
 			</div>
 		</div>
 	</div>
 	<div class='row' id="pageEditAdvancedWrapper">
 		<div class="col12">
 			<div class="block">
-				<h4>Options Avancées</h4>
+				<h4><?php
-				<div class="row">
+				echo template::ico('plus','right');
-				<div class="col6">
+				echo template::ico('minus','right');
-							<?php echo template::checkbox('pageEditHideMenuChildren', true, 'Masquer les pages enfants dans le menu horizontal', [
+				?>Options avancées d'emplacement</h4>
-								'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuChildren']),
+				<div class="blockContainer">
-								'help' => 'Les pages enfants ne sont pas visibles dans le menu horizontal, elles se seront dans un menu vertical. La page doit intégrer un lien vers l\'une des pages enfants sinon elles ne seront pas accessibles.'
+					<div class="row">
+						<div class="col6">
+								<?php echo template::checkbox('pageEditHideMenuChildren', true, 'Masquer les pages enfants du menu', [
+									'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuChildren']),
+									'help' => 'Les pages enfants ne sont pas visibles dans le menu horizontal, elles se seront dans un menu vertical. La page doit intégrer un lien vers l\'une des pages enfants sinon elles ne seront pas accessibles.'
+								]); ?>
+						</div>
+						<div class="col6">
+								<?php echo template::checkbox('pageEditHideMenuSide', true, 'Masquer la page dans le menu vertical', [
+									'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuSide']),
+									'help' => 'La page est affichée dans un menu horizontal mais pas dans le menu vertical d\'une barre latérale.'
+								]); ?>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class='row' id="pageEditSeoWrapper">
+		<div class="col12">
+			<div class="block">
+				<h4><?php
+				echo template::ico('plus','right');
+				echo template::ico('minus','right');
+				?>Permission et référencement</h4>
+				<div class="blockContainer">
+					<div class="row">
+						<div class='col6'>
+							<?php echo template::select('pageEditGroup', self::$groupPublics, [
+								'label' => 'Groupe requis pour accéder à la page :',
+								'selected' => $this->getData(['page', $this->getUrl(2), 'group'])
 							]); ?>
-					</div>					
+						</div>
-					<div class="col6">
+						<div class='col12'>
-							<?php echo template::checkbox('pageEditHideMenuSide', true, 'Masquer la page dans le menu vertical', [
+							<?php echo template::text('pageEditMetaTitle', [
-								'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuSide']),
+								'label' => 'Méta-titre',
-								'help' => 'La page est affichée dans un menu horizontal mais pas dans un menu vertical inséré dans une barre latérale.'
+								'value' => $this->getData(['page', $this->getUrl(2), 'metaTitle'])
 							]); ?>
-					</div>					
+							<?php echo template::textarea('pageEditMetaDescription', [
+								'label' => 'Méta-description',
+								//'maxlength' => '500',
+								'value' => $this->getData(['page', $this->getUrl(2), 'metaDescription'])
+							]); ?>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>