preview menu position dans le header WIP

This commit is contained in:
Fred Tempez 2021-03-22 17:27:00 +01:00
parent 6c893e4333
commit b9d4971aa6

View File

@ -104,12 +104,17 @@ $("input, select").on("change", function() {
css += 'header{margin:0}'; css += 'header{margin:0}';
} }
// Position de la bannière // Position de la bannière
switch($("#themeHeaderPosition").val()) { var headerPosition = $("#themeHeaderPosition").val();
var menuPosition = <?php echo json_encode($this->getData(['theme', 'menu', 'position'])); ?>;
console.clear();
console.log ("menu :" + menuPosition);
console.log ("header :" + headerPosition);
switch(headerPosition) {
case 'hide': case 'hide':
$("header").hide(); $("header").hide();
break; break;
case 'site': case 'site':
if(<?php echo json_encode($this->getData(['theme', 'menu', 'position']) === 'site-first'); ?>) { if( menuPosition === 'site-first') {
$("header").show().insertAfter("nav"); $("header").show().insertAfter("nav");
} }
else { else {
@ -118,54 +123,26 @@ $("input, select").on("change", function() {
if(<?php echo json_encode($this->getData(['theme', 'menu', 'margin'])); ?>) { if(<?php echo json_encode($this->getData(['theme', 'menu', 'margin'])); ?>) {
css += 'nav{margin:0 20px}'; css += 'nav{margin:0 20px}';
} }
if (menuPosition === 'site-second') {
$("nav").show().prependTo("#site");
}
} }
break; break;
case 'body': case 'body':
if(<?php echo json_encode($this->getData(['theme', 'menu', 'position']) === 'body-first'); ?>) { if( menuPosition === 'body-first') {
$("header").show().insertAfter("nav"); $("header").show().insertAfter("nav");
} }
else { else {
$("header").show().insertAfter("#bar"); $("header").show().insertAfter("#bar");
} }
if(<?php echo json_encode($this->getData(['theme', 'menu', 'position']) === 'top'); ?>) { if ( menuPosition === "site-second") {
$("nav").show().insertBefore("header");
}
if( menuPosition === 'top') {
$("header").show().insertAfter("nav"); $("header").show().insertAfter("nav");
} }
break; break;
} }
// Position dynamique du menu placé par rapport à la bannière
var menuPosition = <?php echo json_encode($this->getData(['theme', 'menu', 'position'])); ?>;
if ( menuPosition !== 'site' ||
menuPosition !== 'top') {
switch(menuPosition) {
case 'site-first':
$("nav").show().prependTo("#site");
break;
case 'site-second':
if(<?php echo json_encode($this->getData(['theme', 'header', 'position']) === 'site'); ?>) {
$("nav").show().insertAfter("header");
}
else {
$("nav").show().prependTo("#site");
}
break;
case 'body-first':
$("nav").show().insertAfter("#bar");
$("#menu").removeClass('container-large');
$("nav").removeAttr('id');
$("#menu").addClass('container');
break;
case 'body-second':
if(<?php echo json_encode($this->getData(['theme', 'header', 'position']) === 'body'); ?>) {
$("nav").show().insertAfter("header");
}
else {
$("nav").show().insertAfter("#bar");
}
$("nav").removeAttr('id');
break;
}
}
// Ajout du css au DOM // Ajout du css au DOM
$("#themePreview").remove(); $("#themePreview").remove();