[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,13 +32,14 @@ $( document ).ready(function() {
*/
if($("#pageEditModuleId").val() === "") {
$("#pageEditModuleConfig").addClass("disabled");
$("#pageEditContentContainer").slideDown();
$("#pageEditContentContainer").hide();
}
else {
$("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditContentContainer").slideUp();
$("#pageEditContentContainer").hide();
$("#pageEditBlock option[value='bar']").remove();
}
/**
* Masquer et affiche le contenu pour les modules form et gallery
*/
@ -46,8 +47,7 @@ $( document ).ready(function() {
$("#pageEditModuleId").val() === "gallery") {
$("#configModulePositionWrapper").addClass("disabled");
$("#configModulePositionWrapper").slideDown();
}
else {
} else {
$("#configModulePositionWrapper").removeClass("disabled");
$("#configModulePositionWrapper").slideUp();
}
@ -58,8 +58,7 @@ $( document ).ready(function() {
$("#pageEditModuleId").val() === "redirection") {
$("#pageEditContentWrapper").removeClass("disabled");
$("#pageEditContentWrapper").slideUp();
}
else {
} else {
$("#pageEditContentWrapper").addClass("disabled");
$("#pageEditContentWrapper").slideDown();
}
@ -69,16 +68,15 @@ $( document ).ready(function() {
if($("#pageEditModuleId").val() === "redirection" ||
$("#pageEditModuleId").val() === "code") {
$("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp();
$("#pageEditHideTitleWrapper").hide();
$("#pageEditBlockWrapper").removeClass("disabled");
$("#pageEditBlockWrapper").slideUp();
$("#pageEditBlockWrapper").hide();
}
else {
} else {
$("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown();
$("#pageEditHideTitleWrapper").show();
$("#pageEditBlockWrapper").addClass("disabled");
$("#pageEditBlockWrapper").slideDown();
$("#pageEditBlockWrapper").show();
}
/**
* Masquer et démasquer la sélection des barres
@ -113,48 +111,29 @@ $( document ).ready(function() {
break;
};
if ($("#pageEditBlock").val() === "bar") {
$("#pageEditPositionWrapper").removeClass("disabled");
$("#pageEditPositionWrapper").slideUp();
$("#pageEditTargetBlank").removeClass("disabled");
$("#pageEditTargetBlank").slideUp();
$("#pageDisableWrapper").removeClass("disabled");
$("#pageDisableWrapper").slideUp();
$("#pageEditTargetBlankWrapper").removeClass("disabled");
$("#pageEditTargetBlankWrapper").slideUp();
$("#PageEditMenu").removeClass("disabled");
$("#PageEditMenu").slideUp();
$("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp();
$("#pageEditParentPageIdWrapper").removeClass("disabled");
$("#pageEditParentPageIdWrapper").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp();
$("#pageEditModuleIdWrapper").removeClass("disabled");
$("#pageEditModuleIdWrapper").slideUp();
$("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditModuleConfig").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp();
$("#pageEditDisplayMenuWrapper").addClass("disabled");
$("#pageEditDisplayMenuWrapper").slideDown();
} else {
$("#pageEditPositionWrapper").addClass("disabled");
$("#pageEditPositionWrapper").slideDown();
$("#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();
$("#pageEditDisplayMenuWrapper").removeClass("disabled");
$("#pageEditDisplayMenuWrapper").slideUp();
}
/**
* Masquer ou afficher le chemin de fer
* Quand le titre est masqué
*/
if ($("input[name=pageEditHideTitle]").is(':checked')) {
if ($("input[name=pageEditHideTitle]").is(':checked') &&
$("#pageEditParentPageId").val() === "") {
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp();
} else {
@ -177,7 +156,7 @@ $( document ).ready(function() {
/**
* 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() === "" &&
!$('input[name=pageEditHideTitle]').is(':checked') ) {
@ -188,6 +167,61 @@ $( document ).ready(function() {
$("#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;
}
if ($(this).val() === "bar") {
$("#pageEditPositionWrapper").removeClass("disabled");
$("#pageEditPositionWrapper").slideUp();
$("#pageEditTargetBlank").removeClass("disabled");
$("#pageEditTargetBlank").slideUp();
$("#pageDisableWrapper").removeClass("disabled");
$("#pageDisableWrapper").slideUp();
$("#pageEditTargetBlankWrapper").removeClass("disabled");
$("#pageEditTargetBlankWrapper").slideUp();
$("#PageEditMenu").removeClass("disabled");
$("#PageEditMenu").slideUp();
$("#pageEditHideTitleWrapper").removeClass("disabled");
$("#pageEditHideTitleWrapper").slideUp();
$("#pageEditParentPageIdWrapper").removeClass("disabled");
$("#pageEditParentPageIdWrapper").slideUp();
$("#pageEditbreadCrumbWrapper").removeClass("disabled");
$("#pageEditbreadCrumbWrapper").slideUp();
$("#pageEditModuleIdWrapper").removeClass("disabled");
$("#pageEditModuleIdWrapper").slideUp();
$("#pageEditModuleConfig").removeClass("disabled");
$("#pageEditModuleConfig").slideUp();
$("#pageEditDisplayMenuWrapper").addClass("disabled");
$("#pageEditDisplayMenuWrapper").slideDown();
} else {
$("#pageEditPositionWrapper").addClass("disabled");
$("#pageEditPositionWrapper").slideDown();
$("#pageEditTargetBlank").addClass("disabled");
$("#pageEditTargetBlank").slideDown();
$("#pageDisableWrapper").addClass("disabled");
$("#pageDisableWrapper").slideDown();
$("#pageEditTargetBlankWrapper").addClass("disabled");
$("#pageEditTargetBlankWrapper").slideDown();
$("#PageEditMenu").addClass("disabled");
$("#PageEditMenu").slideDown();
$("#pageEditHideTitleWrapper").addClass("disabled");
$("#pageEditHideTitleWrapper").slideDown();
$("#pageEditParentPageIdWrapper").addClass("disabled");
$("#pageEditParentPageIdWrapper").slideDown();
$("#pageEditbreadCrumbWrapper").addClass("disabled");
$("#pageEditbreadCrumbWrapper").slideDown();
$("#pageEditModuleIdWrapper").addClass("disabled");
$("#pageEditModuleIdWrapper").slideDown();
$("#pageEditModuleConfig").addClass("disabled");
$("#pageEditModuleConfig").slideDown();
$("#pageEditDisplayMenuWrapper").removeClass("disabled");
$("#pageEditDisplayMenuWrapper").slideUp();
}
});
@ -360,9 +382,6 @@ pageEditHideTitleDOM.on("change", function() {
});
/**
* Masquer ou afficher le chemin de fer
* 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
*/

View File

@ -86,7 +86,7 @@
]); ?>
<div class="row">
<div class="col6">
<div class="block">
<div class="block" id="PageEditMenu">
<h4>Menu</h4>
<?php if($this->getHierarchy($this->getUrl(2), false)): ?>
<?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"}]