[9.0.15] Page edit design

This commit is contained in:
fredtempez 2019-04-01 15:45:57 +02:00
parent dfdecfd478
commit 296b19c923
3 changed files with 92 additions and 75 deletions

View File

@ -32,24 +32,24 @@ $( document ).ready(function() {
*/ */
if($("#pageEditModuleId").val() === "") { if($("#pageEditModuleId").val() === "") {
$("#pageEditModuleConfig").addClass("disabled"); $("#pageEditModuleConfig").addClass("disabled");
$("#pageEditContentContainer").slideDown(); $("#pageEditContentContainer").hide();
} }
else { else {
$("#pageEditModuleConfig").removeClass("disabled"); $("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditContentContainer").slideUp(); $("#pageEditContentContainer").hide();
$("#pageEditBlock option[value='bar']").remove(); $("#pageEditBlock option[value='bar']").remove();
} }
/** /**
* Masquer et affiche le contenu pour les modules form et gallery * Masquer et affiche le contenu pour les modules form et gallery
*/ */
if($("#pageEditModuleId").val() === "form" || if($("#pageEditModuleId").val() === "form" ||
$("#pageEditModuleId").val() === "gallery") { $("#pageEditModuleId").val() === "gallery") {
$("#configModulePositionWrapper").addClass("disabled"); $("#configModulePositionWrapper").addClass("disabled");
$("#configModulePositionWrapper").slideDown(); $("#configModulePositionWrapper").slideDown();
} } else {
else {
$("#configModulePositionWrapper").removeClass("disabled"); $("#configModulePositionWrapper").removeClass("disabled");
$("#configModulePositionWrapper").slideUp(); $("#configModulePositionWrapper").slideUp();
} }
/** /**
* Masquer et démasquer le contenu pour les modules code et redirection * Masquer et démasquer le contenu pour les modules code et redirection
@ -58,8 +58,7 @@ $( document ).ready(function() {
$("#pageEditModuleId").val() === "redirection") { $("#pageEditModuleId").val() === "redirection") {
$("#pageEditContentWrapper").removeClass("disabled"); $("#pageEditContentWrapper").removeClass("disabled");
$("#pageEditContentWrapper").slideUp(); $("#pageEditContentWrapper").slideUp();
} } else {
else {
$("#pageEditContentWrapper").addClass("disabled"); $("#pageEditContentWrapper").addClass("disabled");
$("#pageEditContentWrapper").slideDown(); $("#pageEditContentWrapper").slideDown();
} }
@ -69,16 +68,15 @@ $( document ).ready(function() {
if($("#pageEditModuleId").val() === "redirection" || if($("#pageEditModuleId").val() === "redirection" ||
$("#pageEditModuleId").val() === "code") { $("#pageEditModuleId").val() === "code") {
$("#pageEditHideTitleWrapper").removeClass("disabled"); $("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp(); $("#pageEditHideTitleWrapper").hide();
$("#pageEditBlockWrapper").removeClass("disabled"); $("#pageEditBlockWrapper").removeClass("disabled");
$("#pageEditBlockWrapper").slideUp(); $("#pageEditBlockWrapper").hide();
} } else {
else {
$("#pageEditHideTitleWrapper").addClass("disabled"); $("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown(); $("#pageEditHideTitleWrapper").show();
$("#pageEditBlockWrapper").addClass("disabled"); $("#pageEditBlockWrapper").addClass("disabled");
$("#pageEditBlockWrapper").slideDown(); $("#pageEditBlockWrapper").show();
} }
/** /**
* Masquer et démasquer la sélection des barres * Masquer et démasquer la sélection des barres
@ -112,49 +110,30 @@ $( document ).ready(function() {
$("#pageEditBarRightWrapper").slideDown(); $("#pageEditBarRightWrapper").slideDown();
break; break;
}; };
if ($("#pageEditBlock").val() === "bar") { if ($("#pageEditBlock").val() === "bar") {
$("#pageEditPositionWrapper").removeClass("disabled"); $("#PageEditMenu").removeClass("disabled");
$("#pageEditPositionWrapper").slideUp(); $("#PageEditMenu").slideUp();
$("#pageEditTargetBlank").removeClass("disabled");
$("#pageEditTargetBlank").slideUp();
$("#pageDisableWrapper").removeClass("disabled");
$("#pageDisableWrapper").slideUp();
$("#pageEditTargetBlankWrapper").removeClass("disabled");
$("#pageEditTargetBlankWrapper").slideUp();
$("#pageEditHideTitleWrapper").removeClass("disabled"); $("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp(); $("#pageEditHideTitleWrapper").slideUp();
$("#pageEditParentPageIdWrapper").removeClass("disabled"); $("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditParentPageIdWrapper").slideUp(); $("#pageEditbreadCrumbWrapper").slideUp();
$("#pageEditModuleIdWrapper").removeClass("disabled"); $("#pageEditModuleIdWrapper").removeClass("disabled");
$("#pageEditModuleIdWrapper").slideUp(); $("#pageEditModuleIdWrapper").slideUp();
$("#pageEditModuleConfig").removeClass("disabled"); $("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditModuleConfig").slideUp(); $("#pageEditModuleConfig").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled"); $("#pageEditDisplayMenuWrapper").addClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp(); $("#pageEditDisplayMenuWrapper").slideDown();
} else { } else {
$("#pageEditPositionWrapper").addClass("disabled"); $("#pageEditDisplayMenuWrapper").removeClass("disabled");
$("#pageEditPositionWrapper").slideDown(); $("#pageEditDisplayMenuWrapper").slideUp();
$("#pageEditTargetBlank").addClass("disabled");
$("#pageEditTargetBlank").slideDown();
$("#pageDisableWrapper").addClass("disabled");
$("#pageDisableWrapper").slideDown();
$("#pageEditTargetBlankWrapper").addClass("disabled");
$("#pageEditTargetBlankWrapper").slideDown();
$("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown();
$("#pageEditParentPageIdWrapper").addClass("disabled");
$("#pageEditParentPageIdWrapper").slideDown();
$("#pageEditModuleIdWrapper").addClass("disabled");
$("#pageEditModuleIdWrapper").slideDown();
$("#pageEditbreadCrumbWrapper").addClass("disabled");
$("#pageEditbreadCrumbWrapper").slideDown();
} }
/** /**
* Masquer ou afficher le chemin de fer * Masquer ou afficher le chemin de fer
* Quand le titre est masqué * Quand le titre est masqué
*/ */
if ($("input[name=pageEditHideTitle]").is(':checked')) { if ($("input[name=pageEditHideTitle]").is(':checked') &&
$("#pageEditParentPageId").val() === "") {
$("#pageEditbreadCrumbWrapper").removeClass("disabled"); $("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp(); $("#pageEditbreadCrumbWrapper").slideUp();
} else { } else {
@ -177,7 +156,7 @@ $( document ).ready(function() {
/** /**
* Masquer ou afficher le chemin de fer * Masquer ou afficher le chemin de fer
* Quand la page n'est pas mère et que le menu n'est pas masqué * Quand la page n'est pas parente et que le menu n'est pas masqué
*/ */
if ($("#pageEditParentPageId").val() === "" && if ($("#pageEditParentPageId").val() === "" &&
!$('input[name=pageEditHideTitle]').is(':checked') ) { !$('input[name=pageEditHideTitle]').is(':checked') ) {
@ -188,6 +167,61 @@ $( document ).ready(function() {
$("#pageEditbreadCrumbWrapper").slideDown(); $("#pageEditbreadCrumbWrapper").slideDown();
} }
/**
* Cache les options de masquage dans les menus quand la page n'est pas affichée.
*/
if ($("#pageEditPosition").val() === "0" ) {
$("#pageEdithiddenMenuHeadWrapper").removeClass("disabled");
$("#pageEdithiddenMenuHeadWrapper").slideUp();
$("#pageEdithiddenMenuSideWrapper").removeClass("disabled");
$("#pageEdithiddenMenuSideWrapper").slideUp();
} else {
$("#pageEdithiddenMenuHeadWrapper").addClass("disabled");
$("#pageEdithiddenMenuHeadWrapper").slideDown();
$("#pageEdithiddenMenuSideWrapper").addClass("disabled");
$("#pageEdithiddenMenuSideWrapper").slideDown();
}
});
/**
* Une seule option de masquage dans les menus est autorisée
*/
var pageEdithiddenMenuHeadDOM = $("#pageEdithiddenMenuHead");
pageEdithiddenMenuHeadDOM.on("change", function() {
if ($('input[name=pageEdithiddenMenuSide]').is(':checked')) {
$("#pageEdithiddenMenuSide").prop("checked",false);
}
});
var pageEdithiddenMenuSideDOM = $("#pageEdithiddenMenuSide");
pageEdithiddenMenuSideDOM.on("change", function() {
if ($('input[name=pageEdithiddenMenuHead]').is(':checked')) {
$("#pageEdithiddenMenuHead").prop("checked",false);
}
});
/**
* 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" ) {
$("#pageEdithiddenMenuHeadWrapper").removeClass("disabled");
$("#pageEdithiddenMenuHeadWrapper").slideUp();
$("#pageEdithiddenMenuSideWrapper").removeClass("disabled");
$("#pageEdithiddenMenuSideWrapper").slideUp();
$("#pageEdithiddenMenuSide").prop("checked",false);
$("#pageEdithiddenMenuHead").prop("checked",false);
} else {
$("#pageEdithiddenMenuHeadWrapper").addClass("disabled");
$("#pageEdithiddenMenuHeadWrapper").slideDown();
$("#pageEdithiddenMenuSideWrapper").addClass("disabled");
$("#pageEdithiddenMenuSideWrapper").slideDown();
}
}); });
/** /**
@ -302,43 +336,31 @@ pageEditBlockDOM.on("change", function() {
break; break;
} }
if ($(this).val() === "bar") { if ($(this).val() === "bar") {
$("#pageEditPositionWrapper").removeClass("disabled"); $("#PageEditMenu").removeClass("disabled");
$("#pageEditPositionWrapper").slideUp(); $("#PageEditMenu").slideUp();
$("#pageEditTargetBlank").removeClass("disabled");
$("#pageEditTargetBlank").slideUp();
$("#pageDisableWrapper").removeClass("disabled");
$("#pageDisableWrapper").slideUp();
$("#pageEditTargetBlankWrapper").removeClass("disabled");
$("#pageEditTargetBlankWrapper").slideUp();
$("#pageEditHideTitleWrapper").removeClass("disabled"); $("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp(); $("#pageEditHideTitleWrapper").slideUp();
$("#pageEditParentPageIdWrapper").removeClass("disabled");
$("#pageEditParentPageIdWrapper").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled"); $("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp(); $("#pageEditbreadCrumbWrapper").slideUp();
$("#pageEditModuleIdWrapper").removeClass("disabled"); $("#pageEditModuleIdWrapper").removeClass("disabled");
$("#pageEditModuleIdWrapper").slideUp(); $("#pageEditModuleIdWrapper").slideUp();
$("#pageEditModuleConfig").removeClass("disabled"); $("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditModuleConfig").slideUp(); $("#pageEditModuleConfig").slideUp();
$("#pageEditDisplayMenuWrapper").addClass("disabled");
$("#pageEditDisplayMenuWrapper").slideDown();
} else { } else {
$("#pageEditPositionWrapper").addClass("disabled"); $("#PageEditMenu").addClass("disabled");
$("#pageEditPositionWrapper").slideDown(); $("#PageEditMenu").slideDown();
$("#pageEditTargetBlank").addClass("disabled");
$("#pageEditTargetBlank").slideDown();
$("#pageDisableWrapper").addClass("disabled");
$("#pageDisableWrapper").slideDown();
$("#pageEditTargetBlankWrapper").addClass("disabled");
$("#pageEditTargetBlankWrapper").slideDown();
$("#pageEditHideTitleWrapper").addClass("disabled"); $("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown(); $("#pageEditHideTitleWrapper").slideDown();
$("#pageEditParentPageIdWrapper").addClass("disabled");
$("#pageEditParentPageIdWrapper").slideDown();
$("#pageEditbreadCrumbWrapper").addClass("disabled"); $("#pageEditbreadCrumbWrapper").addClass("disabled");
$("#pageEditbreadCrumbWrapper").slideDown(); $("#pageEditbreadCrumbWrapper").slideDown();
$("#pageEditModuleIdWrapper").addClass("disabled"); $("#pageEditModuleIdWrapper").addClass("disabled");
$("#pageEditModuleIdWrapper").slideDown(); $("#pageEditModuleIdWrapper").slideDown();
$("#pageEditModuleConfig").addClass("disabled"); $("#pageEditModuleConfig").addClass("disabled");
$("#pageEditModuleConfig").slideDown(); $("#pageEditModuleConfig").slideDown();
$("#pageEditDisplayMenuWrapper").removeClass("disabled");
$("#pageEditDisplayMenuWrapper").slideUp();
} }
}); });
@ -360,9 +382,6 @@ pageEditHideTitleDOM.on("change", function() {
}); });
/** /**
* Masquer ou afficher le chemin de fer * Masquer ou afficher le chemin de fer
* Quand la page n'est pas mère et que le menu n'est pas masqué * Quand la page n'est pas mère et que le menu n'est pas masqué
@ -399,8 +418,6 @@ pageTypeMenuDOM.on("change", function() {
/** /**
* Soumission du formulaire pour éditer le module * Soumission du formulaire pour éditer le module
*/ */

View File

@ -86,7 +86,7 @@
]); ?> ]); ?>
<div class="row"> <div class="row">
<div class="col6"> <div class="col6">
<div class="block"> <div class="block" id="PageEditMenu">
<h4>Menu</h4> <h4>Menu</h4>
<?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', [

View File

@ -1 +1 @@
[{"title":"Accueil","value":"?accueil","menu":[{"title":"Enfant","value":"?enfant"},{"title":"Mise en page","value":"?mise-en-page"},{"title":"Menu lat\u00e9ral","value":"?menu-lateral"}]},{"title":"Priv\u00e9e","value":"?privee"},{"title":"Blog","value":"?blog"},{"title":"Galeries","value":"?galeries"},{"title":"Site de Zwii","value":"?site-de-zwii"},{"title":"Contact","value":"?contact"}] [{"title":"Accueil","value":"?accueil","menu":[{"title":"Enfant","value":"?enfant"},{"title":"Mise en page","value":"?mise-en-page"}]},{"title":"Priv\u00e9e","value":"?privee"},{"title":"Blog","value":"?blog"},{"title":"Galeries","value":"?galeries"},{"title":"Site de Zwii","value":"?site-de-zwii"},{"title":"Contact","value":"?contact"}]