ZwiiCMS, le gestionnaire de site Web sans base de données à installer.
Conçu en 2008 par Rémi Jean, le développement a été repris par Frédéric Tempez en 2018.
zwii cms nosql json flat file
https://www.zwiicms.fr
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
286 lines
10 KiB
286 lines
10 KiB
/** |
|
* This file is part of Zwii. |
|
* |
|
* For full copyright and license information, please see the LICENSE |
|
* file that was distributed with this source code. |
|
* |
|
* @author Rémi Jean <remi.jean@outlook.com> |
|
* @copyright Copyright (C) 2008-2018, Rémi Jean |
|
* @license GNU General Public License, version 3 |
|
* @author Frédéric Tempez <frederic.tempez@outlook.com> |
|
* @copyright Copyright (C) 2018-2020, Frédéric Tempez |
|
* @link http://zwiicms.com/ |
|
*/ |
|
|
|
/** |
|
* Aperçu en direct |
|
*/ |
|
$("input, select").on("change", function() { |
|
// Import des polices de caractères |
|
var footerFont = $("#themeFooterFont").val(); |
|
var css = "@import url('https://fonts.googleapis.com/css?family=" + footerFont + "');"; |
|
// Couleurs du pied de page |
|
var colors = core.colorVariants($("#themeFooterBackgroundColor").val()); |
|
var textColor = $("#themeFooterTextColor").val(); |
|
var css = "footer {background-color:" + colors.normal + ";color:" + textColor + "}"; |
|
css += "footer a{color:" + textColor + "}"; |
|
// Couleur de l'éditeur |
|
css += ".editorWysiwyg{background-color:" + colors.normal + " !important; color:" + textColor + " !important;}"; |
|
// Hauteur du pied de page |
|
//css += "#footersiteLeft, #footersiteCenter, #footersiteRight, #footerbodyLeft, #footerbodyCenter, #footerbodyRight {margin:" + $("#themeFooterHeight").val() + " 0}"; |
|
css += "footer #footersite > div{margin:" + $("#themeFooterHeight").val() + " 0}"; |
|
css += "footer #footerbody > div{margin:" + $("#themeFooterHeight").val() + " 0}"; |
|
// Alignement du contenu |
|
css += "#footerSocials{text-align:" + $("#themeFooterSocialsAlign").val() + "}"; |
|
css += "#footerText > p {text-align:" + $("#themeFooterTextAlign").val() + "}"; |
|
css += "#footerCopyright{text-align:" + $("#themeFooterCopyrightAlign").val() + "}"; |
|
// Taille, couleur, épaisseur et capitalisation du titre de la bannière |
|
css += "footer span, #footerText > p {color:" + $("#themeFooterTextColor").val() + ";font-family:'" + footerFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeFooterFontWeight").val() + ";font-size:" + $("#themeFooterFontSize").val() + ";text-transform:" + $("#themeFooterTextTransform").val() + "}"; |
|
// Marge |
|
if($("#themeFooterMargin").is(":checked")) { |
|
css += 'footer{padding: 0 20px;}'; |
|
} |
|
else { |
|
css += 'footer{padding:0}'; |
|
} |
|
// Ajout du css au DOM |
|
$("#themePreview").remove(); |
|
$("<style>") |
|
.attr("type", "text/css") |
|
.attr("id", "themePreview") |
|
.text(css) |
|
.appendTo("footer"); |
|
// Position du pied de page |
|
switch($("#themeFooterPosition").val()) { |
|
case 'hide': |
|
$("footer").hide(); |
|
break; |
|
case 'site': |
|
$("footer").show().appendTo("#site"); |
|
$("footer > div:first-child").removeAttr("class"); |
|
$("footer > div:first-child").addClass("container"); |
|
break; |
|
case 'body': |
|
$("footer").show().appendTo("body"); |
|
$("footer > div:first-child").removeAttr("class"); |
|
$("footer > div:first-child").addClass("container-large"); |
|
break; |
|
} |
|
// Réduire la marge du paragraphe de la zone de texte enrichie |
|
$("#footerText > p").css("margin-top","0"); |
|
$("#footerText > p").css("margin-bottom","0"); |
|
}); |
|
|
|
|
|
|
|
// Position dans les blocs |
|
// Bloc texte personnalisé |
|
$(".themeFooterContent").on("change",function() { |
|
// Position site ou body |
|
var footerPosition = $("#themeFooterPosition").val(); |
|
switch($("#themeFooterTextPosition").val()) { |
|
case "hide": |
|
$("#footerText").hide(); |
|
break; |
|
default: |
|
// Choix de la position du bloc |
|
textPosition = $("#themeFooterTextPosition").val(); |
|
textPosition = textPosition.substr(0,1).toUpperCase()+textPosition.substr(1); |
|
$("#footerText").show().appendTo("#footer" + footerPosition + textPosition); |
|
//console.log("text"); |
|
//console.log("#footer" + footerPosition + textPosition); |
|
break; |
|
} |
|
switch($("#themeFooterSocialsPosition").val()) { |
|
case 'hide': |
|
$("#footerSocials").hide(); |
|
break; |
|
default: |
|
// Choix de la position du bloc |
|
socialsPosition = $("#themeFooterSocialsPosition").val(); |
|
socialsPosition = socialsPosition.substr(0,1).toUpperCase()+socialsPosition.substr(1); |
|
$("#footerSocials").show().appendTo("#footer" + footerPosition + socialsPosition); |
|
//console.log("socials"); |
|
//console.log("#footer" + footerPosition + socialsPosition); |
|
break; |
|
} |
|
switch($("#themeFooterCopyrightPosition").val()) { |
|
case 'hide': |
|
$("#footerCopyright").hide(); |
|
break; |
|
default: |
|
// Choix de la position du bloc |
|
copyrightPosition = $("#themeFooterCopyrightPosition").val(); |
|
copyrightPosition = copyrightPosition.substr(0,1).toUpperCase()+copyrightPosition.substr(1); |
|
$("#footerCopyright").show().appendTo("#footer" + footerPosition + copyrightPosition); |
|
//console.log("copyright"); |
|
//console.log("#footer" + footerPosition + copyrightPosition); |
|
break; |
|
} |
|
|
|
|
|
}).trigger("change"); |
|
|
|
// Fin Position dans les blocs |
|
|
|
// Modification dynamique de la mise en page |
|
$("#themeFooterTemplate").on("change",function() { |
|
// Nettoyage des sélecteurs des contenus |
|
var newOptions = { |
|
4: {'hide' : 'Masqué', 'left' : 'En haut', 'center' : 'Au milieu', 'right' : 'En bas'} , |
|
3: {'hide': 'Masqué', 'left': 'A gauche', 'center': 'Au centre', 'right': 'A droite'} , |
|
2: {'hide': 'Masqué', 'left': 'A gauche', 'right': 'A droite'} , |
|
1: {'hide': 'Masqué', 'center': 'Affiché'} |
|
}; |
|
var $el = $(".themeFooterContent"); |
|
$el.empty(); |
|
// Eléments des position de contenus |
|
$.each(newOptions[$("#themeFooterTemplate").val()], function(key,value) { |
|
$el.append($("<option></option>") |
|
.attr("value", key).text(value)); |
|
}); |
|
var position = $("#themeFooterPosition").val(); |
|
// Masquer les contenus |
|
$("#footerCopyright").hide(); |
|
$("#footerText").hide(); |
|
$("#footerSocials").hide(); |
|
// Dimension des blocs |
|
switch($("#themeFooterTemplate").val()) { |
|
case "1": |
|
$("#footer" + position + "Left").css("display","none"); |
|
$("#footer" + position + "Center").removeAttr('class').addClass("col12").css("display",""); |
|
$("#footer" + position + "Right").css("display","none"); |
|
break; |
|
case "2": |
|
$("#footer" + position + "Left").removeAttr('class').addClass('col6').css("display",""); |
|
$("#footer" + position + "Center").css("display","none").removeAttr('class'); |
|
$("#footer" + position + "Right").removeAttr('class').addClass('col6').css("display",""); |
|
break; |
|
case "3": |
|
$("#footer" + position + "Left").removeAttr('class').addClass('col4').css("display",""); |
|
$("#footer" + position + "Center").removeAttr('class').addClass('col4').css("display",""); |
|
$("#footer" + position + "Right").removeAttr('class').addClass('col4').css("display",""); |
|
break; |
|
case "4": |
|
$("#footer" + position + "Left").removeAttr('class').addClass('col12').css("display",""); |
|
$("#footer" + position + "Center").removeAttr('class').addClass('col12').css("display",""); |
|
$("#footer" + position + "Right").removeAttr('class').addClass('col12').css("display",""); |
|
break; |
|
|
|
} |
|
}); |
|
|
|
|
|
// Désactivation des sélections multiples |
|
$("#themeFooterSocialsPosition").on("change", function() { |
|
if ($(this).prop('selectedIndex') >= 1 ) { |
|
if ( $("#themeFooterTextPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterTextPosition").prop('selectedIndex',0); |
|
$("#footerText").hide(); |
|
} |
|
if ( $("#themeFooterCopyrightPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterCopyrightPosition").prop('selectedIndex',0); |
|
$("#footerCopyright").hide(); |
|
} |
|
} |
|
}).trigger("change"); |
|
$("#themeFooterTextPosition").on("change", function() { |
|
if ($(this).prop('selectedIndex') >= 1 ) { |
|
if ( $("#themeFooterSocialsPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterSocialsPosition").prop('selectedIndex',0); |
|
$("#footerSocials").hide(); |
|
} |
|
if ( $("#themeFooterCopyrightPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterCopyrightPosition").prop('selectedIndex',0); |
|
$("#footerCopyright").hide(); |
|
} |
|
} |
|
}).trigger("change"); |
|
|
|
$("#themeFooterCopyrightPosition").on("change", function() { |
|
if ($(this).prop('selectedIndex') >= 1 ) { |
|
if ( $("#themeFooterTextPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterTextPosition").prop('selectedIndex',0); |
|
$("#footerText").hide(); |
|
} |
|
if ( $("#themeFooterSocialsPosition").prop('selectedIndex') === $(this).prop('selectedIndex') ) { |
|
$("#themeFooterSocialsPosition").prop('selectedIndex',0); |
|
$("#footerSocials").hide(); |
|
} |
|
} |
|
}).trigger("change"); |
|
// Affiche / Cache les options du footer fixe |
|
$("#themeFooterPosition").on("change", function() { |
|
if($(this).val() === 'body') { |
|
$("#themeFooterPositionFixed").slideDown(); |
|
} |
|
else { |
|
$("#themeFooterPositionFixed").slideUp(function() { |
|
$("#themeFooterFixed").prop("checked", false).trigger("change"); |
|
}); |
|
} |
|
}).trigger("change"); |
|
|
|
// Lien de connexion |
|
$("#themeFooterLoginLink").on("change", function() { |
|
if($(this).is(":checked")) { |
|
$("#footerLoginLink").show(); |
|
} |
|
else { |
|
$("#footerLoginLink").hide(); |
|
} |
|
}).trigger("change"); |
|
|
|
// Numéro de version |
|
$("#themefooterDisplayVersion").on("change", function() { |
|
if($(this).is(":checked")) { |
|
$("#footerDisplayVersion").show(); |
|
} |
|
else { |
|
$("#footerDisplayVersion").hide(); |
|
} |
|
}).trigger("change"); |
|
|
|
// Numéro de version |
|
$("#themefooterDisplayCopyright").on("change", function() { |
|
if($(this).is(":checked")) { |
|
$("#footerDisplayCopyright").show(); |
|
} |
|
else { |
|
$("#footerDisplayCopyright").hide(); |
|
} |
|
}).trigger("change"); |
|
|
|
// Site Map |
|
$("#themefooterDisplaySiteMap").on("change", function() { |
|
if($(this).is(":checked")) { |
|
$("#footerDisplaySiteMap").show(); |
|
} |
|
else { |
|
$("#footerDisplaySiteMap").hide(); |
|
} |
|
}).trigger("change"); |
|
|
|
// Rechercher |
|
$("#themeFooterDisplaySearch").on("change", function() { |
|
if($(this).is(":checked")) { |
|
$("#footerDisplaySearch").show(); |
|
} |
|
else { |
|
$("#footerDisplaySearch").hide(); |
|
} |
|
}).trigger("change"); |
|
|
|
/* |
|
// Affiche / Cache les options de la position |
|
$("#themeFooterPosition").on("change", function() { |
|
if($(this).val() === 'site') { |
|
$("#themeFooterPositionOptions").slideDown(); |
|
} |
|
else { |
|
$("#themeFooterPositionOptions").slideUp(function() { |
|
$("#themeFooterMargin").prop("checked", false).trigger("change"); |
|
}); |
|
} |
|
}).trigger("change"); |
|
*/
|
|
|