[9.2.00.dev] mise en page assymétrique

This commit is contained in:
fredtempez 2019-06-25 20:50:54 +02:00
parent 37a2320bb9
commit adb8406b8e
3 changed files with 98 additions and 100 deletions

View File

@ -42,11 +42,13 @@ class page extends common {
];
public static $pageBlocks = [
'12' => 'Pleine page',
'4-8' => 'Barre latérale 1/3 - Page 2/3',
'8-4' => 'Page 2/3 - Barre latérale 1/3',
'3-9' => 'Barre latérale 1/4 - Page 3/4',
'9-3' => 'Page 3/4 - Barre latérale 1/4',
'3-6-3' => 'Barre latérale 1/4 - Page 1/2 - Barre latérale 1/4',
'4-8' => 'Barre 1/3 - Page 2/3',
'8-4' => 'Page 2/3 - Barre 1/3',
'3-9' => 'Barre 1/4 - Page 3/4',
'9-3' => 'Page 3/4 - Barre 1/4',
'3-6-3' => 'Barre 1/4 - Page 1/2 - Barre latérale 1/4',
'2-7-3' => 'Barre 2/12 - Page 7/12 - Barre 3/12 ',
'3-7-2' => 'Barre 3/12 - Page 7/12 - Barre 2/12 ',
'bar' => 'Barre latérale'
];
public static $displayMenu = [

View File

@ -104,6 +104,8 @@ $( document ).ready(function() {
$("#pageEditBarRightWrapper").slideDown();
break;
case "3-6-3":
case "2-7-3":
case "3-7-2":
$("#pageEditBarLeftWrapper").addClass("disabled");
$("#pageEditBarLeftWrapper").slideDown();
$("#pageEditBarRightWrapper").addClass("disabled");
@ -112,7 +114,7 @@ $( document ).ready(function() {
};
if ($("#pageEditBlock").val() === "bar") {
$("#pageEditMenu").removeClass("disabled");
$("#pageEditMenu").slideUp();
$("#pageEditMenu").hide();
$("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
@ -125,8 +127,6 @@ $( document ).ready(function() {
$("#pageEditDisplayMenuWrapper").slideDown();
$("#pageEditGroupWrapper").removeClass("disabled");
$("#pageEditGroupWrapper").slideUp();
$("#pageEditMenuSpecial").removeClass("disabled");
$("#pageEditMenuSpecial").slideUp();
} else {
$("#pageEditDisplayMenuWrapper").removeClass("disabled");
$("#pageEditDisplayMenuWrapper").slideUp();
@ -305,6 +305,8 @@ pageEditBlockDOM.on("change", function() {
$("#pageEditBarRightWrapper").slideDown();
break;
case "3-6-3":
case "2-7-3":
case "3-7-2":
$("#pageEditBarLeftWrapper").addClass("disabled");
$("#pageEditBarLeftWrapper").slideDown();
$("#pageEditBarRightWrapper").addClass("disabled");
@ -313,9 +315,7 @@ pageEditBlockDOM.on("change", function() {
}
if ($(this).val() === "bar") {
$("#pageEditMenu").removeClass("disabled");
$("#pageEditMenu").slideUp();
$("#pageEditMenuSpecial").removeClass("disabled");
$("#pageEditMenuSpecial").slideUp();
$("#pageEditMenu").hide();
$("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
@ -330,9 +330,7 @@ pageEditBlockDOM.on("change", function() {
$("#pageEditGroupWrapper").slideUp();
} else {
$("#pageEditMenu").addClass("disabled");
$("#pageEditMenu").slideDown();
$("#pageEditMenuSpecial").addClass("disabled");
$("#pageEditMenuSpecial").slideDown();
$("#pageEditMenu").show();
$("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown();
$("#pageEditModuleIdWrapper").addClass("disabled");

View File

@ -88,23 +88,85 @@ echo template::formOpen('pageEditForm'); ?>
'value' => $this->getData(['page', $this->getUrl(2), 'content'])
]); ?>
<div class="row">
<div class="col6" id="pageEditBlockLayout">
<div class="block" >
<h4>Mise en page</h4>
<div class="row">
<div class="col12">
<?php echo template::select('pageEditBlock', $module::$pageBlocks, [
'label' => 'Gabarits de page / Barre latérale',
'help' => 'Pour définir la page comme barre latérale, choisissez l\'option dans la liste.',
'selected' => $this->getData(['page', $this->getUrl(2) , 'block'])
]); ?>
</div>
<div class="col12">
<!-- 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; ?>
</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 deux crochets [] dans le contenu de la page.'
]); ?>
</div>
</div>
</div>
</div>
<div class="col6" id="pageEditMenu">
<div class="block">
<h4>Emplacement</h4>
<?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; ?>
<?php echo template::select('pageEditPosition', [], [
'label' => 'Position',
'help' => '\'Ne pas afficher\' crée une page orpheline non accessible par le biais des menus.'
]); ?>
<div class="row">
<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 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>
<div class="row">
<div class="col6">
<?php echo template::checkbox('pageEditTargetBlank', true, 'Nouvel onglet', [
@ -117,83 +179,19 @@ echo template::formOpen('pageEditForm'); ?>
'help' => 'Une page désactivée figure dans le menu sans être cliquable, ex : une page parente sans contenu.'
]); ?>
</div>
</div>
</div>
</div>
<div class="col6" id="pageEditBlockLayout">
<div class="block" >
<h4>Mise en page</h4>
<?php echo template::select('pageEditBlock', $module::$pageBlocks, [
'label' => 'Gabarits de page / Barre latérale',
'help' => 'Pour définir la page comme barre latérale, choisissez l\'option dans la liste.',
'selected' => $this->getData(['page', $this->getUrl(2) , 'block'])
]); ?>
<!-- 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; ?>
<div class="row">
<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 deux crochets [] dans le contenu de la page.'
<div class="col12">
<?php echo template::checkbox('pageEditHideMenuSide', true, 'Ne pas afficher dans le menu vertical', [
'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuSide'])
]); ?>
</div>
</div>
<div class="row">
<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::checkbox('pageEditHideMenuChildren', true, 'Ne pas afficher les pages enfants dans le menu horizontal', [
'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuChildren'])
]); ?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col12" id="pageEditMenuSpecial">
<div class="block">
<h4>Options d'emplacement avancées</h4>
<div class="row">
<div class="col12">
<?php echo template::checkbox('pageEditHideMenuChildren', true, 'Ne pas afficher les sous-pages dans le menu horizontal', [
'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuChildren']),
'help' => 'Afficher uniquement les pages enfants dans le \'sous-menu de page parente\' d\'une barre latérale.'
]); ?>
</div>
</div>
<div class="row">
<div class="col12">
<?php echo template::checkbox('pageEditHideMenuSide', true, 'Ne pas afficher dans les menus verticaux', [
'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuSide'])
]); ?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='row'>
<div class="col12">