remijean/ZwiiCMS
2
1
Fork 0
forked from ZwiiCMS-Team/ZwiiCMS
Code Pull Requests Activity

[9.2.00.dev] mise en page assymétrique

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
core/module/page/page.php
View File

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

16
core/module/page/view/edit/edit.js.php
View File

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

138
core/module/page/view/edit/edit.php
View File

@ -88,9 +88,67 @@ echo template::formOpen('pageEditForm'); ?>
'value' => $this->getData(['page', $this->getUrl(2), 'content']) 'value' => $this->getData(['page', $this->getUrl(2), 'content'])
]); ?> ]); ?>
<div class="row"> <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="col6" id="pageEditMenu">
<div class="block"> <div class="block">
<h4>Emplacement</h4> <h4>Emplacement</h4>
<div class="row">
<div class="col6">
<?php if($this->getHierarchy($this->getUrl(2), false)): ?> <?php if($this->getHierarchy($this->getUrl(2), false)): ?>
<?php echo template::hidden('pageEditParentPageId', [ <?php echo template::hidden('pageEditParentPageId', [
'value' => $this->getData(['page', $this->getUrl(2), 'parentPageId']) 'value' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
@ -101,10 +159,14 @@ echo template::formOpen('pageEditForm'); ?>
'selected' => $this->getData(['page', $this->getUrl(2), 'parentPageId']) 'selected' => $this->getData(['page', $this->getUrl(2), 'parentPageId'])
]); ?> ]); ?>
<?php endif; ?> <?php endif; ?>
</div>
<div class="col6">
<?php echo template::select('pageEditPosition', [], [ <?php echo template::select('pageEditPosition', [], [
'label' => 'Position', 'label' => 'Position',
'help' => '\'Ne pas afficher\' crée une page orpheline non accessible par le biais des menus.' 'help' => '\'Ne pas afficher\' crée une page orpheline non accessible par le biais des menus.'
]); ?> ]); ?>
</div>
</div>
<div class="row"> <div class="row">
<div class="col6"> <div class="col6">
<?php echo template::checkbox('pageEditTargetBlank', true, 'Nouvel onglet', [ <?php echo template::checkbox('pageEditTargetBlank', true, 'Nouvel onglet', [
@ -117,80 +179,16 @@ echo template::formOpen('pageEditForm'); ?>
'help' => 'Une page désactivée figure dans le menu sans être cliquable, ex : une page parente sans contenu.' 'help' => 'Une page désactivée figure dans le menu sans être cliquable, ex : une page parente sans contenu.'
]); ?> ]); ?>
</div> </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"> <div class="col12">
<?php echo template::select('pageEditDisplayMenu', $module::$displayMenu, [ <?php echo template::checkbox('pageEditHideMenuSide', true, 'Ne pas afficher dans le menu vertical', [
'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 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>
</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']) 'checked' => $this->getData(['page', $this->getUrl(2), 'hideMenuSide'])
]); ?> ]); ?>
</div> </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> </div>