améliorations menu petit et grand écran
This commit is contained in:
parent
199f3a740c
commit
46614bc06f
|
@ -602,38 +602,28 @@ $(document).ready(function(){
|
||||||
* après appui sur l'icône plus / minus
|
* après appui sur l'icône plus / minus
|
||||||
* substitution des icônes down, plus, minus
|
* substitution des icônes down, plus, minus
|
||||||
*/
|
*/
|
||||||
if($(window).width() < 800) {
|
$(window).on("resize", function() {
|
||||||
if( $("nav #menu ul li span").hasClass('zwiico-down') ) {
|
if($(window).width() < 800) {
|
||||||
$("nav #menu ul li span").removeClass('zwiico-down').addClass('zwiico-plus');
|
$("nav #menu ul li span").click(function() {
|
||||||
|
// id de la page parent
|
||||||
|
var parentId = $(this).parents().attr("id");
|
||||||
|
var select = "ul#_"+parentId+".navSub";
|
||||||
|
var select2 = "nav #menu ul li #" + parentId + " span";
|
||||||
|
if( $(select).css("z-index") === "-1" ) {
|
||||||
|
$(select).css("z-index","1");
|
||||||
|
$(select).css("opacity","1");
|
||||||
|
$(select).css("padding-left","20px");
|
||||||
|
$(select).css("position","static");
|
||||||
|
$(select2).removeClass('zwiico-plus').addClass('zwiico-minus');
|
||||||
|
} else {
|
||||||
|
$(select).css("z-index","-1");
|
||||||
|
$(select).css("opacity","0");
|
||||||
|
$(select).css("position","absolute");
|
||||||
|
$(select2).removeClass('zwiico-minus').addClass('zwiico-plus');
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
$("nav #menu ul li span").click(function() {
|
}).trigger("resize");
|
||||||
// id de la page parent
|
|
||||||
var parentId = $(this).parents().attr("id");
|
|
||||||
var select = "ul#_"+parentId+".navSub";
|
|
||||||
if( $(select).css("z-index") === "-1" ) {
|
|
||||||
$(select).css("z-index","1");
|
|
||||||
$(select).css("opacity","1");
|
|
||||||
$(select).css("padding-left","20px");
|
|
||||||
$(select).css("position","static");
|
|
||||||
} else {
|
|
||||||
$(select).css("z-index","-1");
|
|
||||||
$(select).css("opacity","0");
|
|
||||||
$(select).css("position","absolute");
|
|
||||||
}
|
|
||||||
// Modification de l'icône plus ou minus
|
|
||||||
var select = "nav #menu ul li #" + parentId + " span";
|
|
||||||
if ( $(select).hasClass('zwiico-plus') ) {
|
|
||||||
$(select).removeClass('zwiico-plus').addClass('zwiico-minus');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$(select).removeClass('zwiico-minus').addClass('zwiico-plus');
|
|
||||||
};
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
if( $("nav #menu ul li span").hasClass('zwiico-plus') ) {
|
|
||||||
$("nav #menu ul li span").removeClass('zwiico-plus').addClass('zwiico-down');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Suppression du décalage vertical de la bannière en petit écran
|
/* Suppression du décalage vertical de la bannière en petit écran
|
||||||
* si menu burger fixe et bannière dans le site et bannière visible
|
* si menu burger fixe et bannière dans le site et bannière visible
|
||||||
|
|
|
@ -0,0 +1,647 @@
|
||||||
|
/**
|
||||||
|
* This file is part of DeltaCMS.
|
||||||
|
* For full copyright and license information, please see the LICENSE
|
||||||
|
* file that was distributed with this source code.
|
||||||
|
* @author Sylvain Lelièvre <lelievresylvain@free.fr>
|
||||||
|
* @copyright Copyright (C) 2021, Sylvain Lelièvre
|
||||||
|
* @license GNU General Public License, version 3
|
||||||
|
* @link https://deltacms.fr/
|
||||||
|
*
|
||||||
|
* Delta was created from version 11.2.00.24 of ZwiiCMS
|
||||||
|
* @author Rémi Jean <remi.jean@outlook.com>
|
||||||
|
* @copyright Copyright (C) 2008-2018, Rémi Jean
|
||||||
|
* @author Frédéric Tempez <frederic.tempez@outlook.com>
|
||||||
|
* @copyright Copyright (C) 2018-2021, Frédéric Tempez
|
||||||
|
*/
|
||||||
|
|
||||||
|
var core = {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Crée un message d'alerte
|
||||||
|
*/
|
||||||
|
core.alert = function(text) {
|
||||||
|
var lightbox = lity(function($) {
|
||||||
|
return $("<div>")
|
||||||
|
.addClass("lightbox")
|
||||||
|
.append(
|
||||||
|
$("<span>").text(text),
|
||||||
|
$("<div>")
|
||||||
|
.addClass("lightboxButtons")
|
||||||
|
.append(
|
||||||
|
$("<a>")
|
||||||
|
.addClass("button")
|
||||||
|
.text("Ok")
|
||||||
|
.on("click", function() {
|
||||||
|
lightbox.close();
|
||||||
|
})
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}(jQuery));
|
||||||
|
// Validation de la lightbox avec le bouton entrée
|
||||||
|
$(document).on("keyup", function(event) {
|
||||||
|
if(event.keyCode === 13) {
|
||||||
|
lightbox.close();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Génère des variations d'une couleur
|
||||||
|
*/
|
||||||
|
core.colorVariants = function(rgba) {
|
||||||
|
rgba = rgba.match(/\(+(.*)\)/);
|
||||||
|
rgba = rgba[1].split(", ");
|
||||||
|
return {
|
||||||
|
"normal": "rgba(" + rgba[0] + "," + rgba[1] + "," + rgba[2] + "," + rgba[3] + ")",
|
||||||
|
"darken": "rgba(" + Math.max(0, rgba[0] - 15) + "," + Math.max(0, rgba[1] - 15) + "," + Math.max(0, rgba[2] - 15) + "," + rgba[3] + ")",
|
||||||
|
"veryDarken": "rgba(" + Math.max(0, rgba[0] - 20) + "," + Math.max(0, rgba[1] - 20) + "," + Math.max(0, rgba[2] - 20) + "," + rgba[3] + ")",
|
||||||
|
//"text": core.relativeLuminanceW3C(rgba) > .22 ? "inherit" : "white"
|
||||||
|
"text": core.relativeLuminanceW3C(rgba) > .22 ? "#222" : "#DDD"
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Crée un message de confirmation
|
||||||
|
*/
|
||||||
|
core.confirm = function(text, yesCallback, noCallback) {
|
||||||
|
var lightbox = lity(function($) {
|
||||||
|
return $("<div>")
|
||||||
|
.addClass("lightbox")
|
||||||
|
.append(
|
||||||
|
$("<span>").text(text),
|
||||||
|
$("<div>")
|
||||||
|
.addClass("lightboxButtons")
|
||||||
|
.append(
|
||||||
|
$("<a>")
|
||||||
|
.addClass("button grey")
|
||||||
|
.text(textConfirmNo)
|
||||||
|
.on("click", function() {
|
||||||
|
lightbox.options('button', true);
|
||||||
|
lightbox.close();
|
||||||
|
if(typeof noCallback !== "undefined") {
|
||||||
|
noCallback();
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
$("<a>")
|
||||||
|
.addClass("button")
|
||||||
|
.text(textConfirmYes)
|
||||||
|
.on("click", function() {
|
||||||
|
lightbox.options('button', true);
|
||||||
|
lightbox.close();
|
||||||
|
if(typeof yesCallback !== "undefined") {
|
||||||
|
yesCallback();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}(jQuery));
|
||||||
|
// Callback lors d'un clic sur le fond et sur la croix de fermeture
|
||||||
|
lightbox.options('button', false);
|
||||||
|
$(document).on('lity:close', function(event, instance) {
|
||||||
|
if(
|
||||||
|
instance.options('button') === false
|
||||||
|
&& typeof noCallback !== "undefined"
|
||||||
|
) {
|
||||||
|
noCallback();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// Validation de la lightbox avec le bouton entrée
|
||||||
|
$(document).on("keyup", function(event) {
|
||||||
|
if(event.keyCode === 13) {
|
||||||
|
lightbox.close();
|
||||||
|
if(typeof yesCallback !== "undefined") {
|
||||||
|
yesCallback();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Scripts à exécuter en dernier
|
||||||
|
*/
|
||||||
|
core.end = function() {
|
||||||
|
/**
|
||||||
|
* Modifications non enregistrées du formulaire
|
||||||
|
*/
|
||||||
|
var formDOM = $("form");
|
||||||
|
// Ignore :
|
||||||
|
// - TinyMCE car il gère lui même le message
|
||||||
|
// - Les champs avec data-no-dirty
|
||||||
|
var inputsDOM = formDOM.find("input:not([data-no-dirty]), select:not([data-no-dirty]), textarea:not(.editorWysiwyg):not([data-no-dirty])");
|
||||||
|
var inputSerialize = inputsDOM.serialize();
|
||||||
|
$(window).on("beforeunload", function() {
|
||||||
|
if(inputsDOM.serialize() !== inputSerialize) {
|
||||||
|
return "Les modifications que vous avez apportées ne seront peut-être pas enregistrées.";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
formDOM.submit(function() {
|
||||||
|
$(window).off("beforeunload");
|
||||||
|
});
|
||||||
|
};
|
||||||
|
$(function() {
|
||||||
|
core.end();
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Ajoute une notice
|
||||||
|
*/
|
||||||
|
core.noticeAdd = function(id, notice) {
|
||||||
|
$("#" + id + "Notice").text(notice).removeClass("displayNone");
|
||||||
|
$("#" + id).addClass("notice");
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Supprime une notice
|
||||||
|
*/
|
||||||
|
core.noticeRemove = function(id) {
|
||||||
|
$("#" + id + "Notice").text("").addClass("displayNone");
|
||||||
|
$("#" + id).removeClass("notice");
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Scripts à exécuter en premier
|
||||||
|
*/
|
||||||
|
core.start = function() {
|
||||||
|
/**
|
||||||
|
* Remonter en haut au clic sur le bouton
|
||||||
|
*/
|
||||||
|
var backToTopDOM = $("#backToTop");
|
||||||
|
backToTopDOM.on("click", function() {
|
||||||
|
$("body, html").animate({scrollTop: 0}, "400");
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
* Affiche / Cache le bouton pour remonter en haut
|
||||||
|
*/
|
||||||
|
$(window).on("scroll", function() {
|
||||||
|
if($(this).scrollTop() > 200) {
|
||||||
|
backToTopDOM.fadeIn();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
backToTopDOM.fadeOut();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
* Cache les notifications
|
||||||
|
*/
|
||||||
|
var notificationTimer;
|
||||||
|
$("#notification")
|
||||||
|
.on("mouseenter", function() {
|
||||||
|
clearTimeout(notificationTimer);
|
||||||
|
$("#notificationProgress")
|
||||||
|
.stop()
|
||||||
|
.width("100%");
|
||||||
|
})
|
||||||
|
.on("mouseleave", function() {
|
||||||
|
// Disparition de la notification
|
||||||
|
notificationTimer = setTimeout(function() {
|
||||||
|
$("#notification").fadeOut();
|
||||||
|
}, 3000);
|
||||||
|
// Barre de progression
|
||||||
|
$("#notificationProgress").animate({
|
||||||
|
"width": "0%"
|
||||||
|
}, 3000, "linear");
|
||||||
|
})
|
||||||
|
.trigger("mouseleave");
|
||||||
|
$("#notificationClose").on("click", function() {
|
||||||
|
clearTimeout(notificationTimer);
|
||||||
|
$("#notification").fadeOut();
|
||||||
|
$("#notificationProgress").stop();
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Traitement du formulaire cookies
|
||||||
|
*/
|
||||||
|
$("#cookieForm").submit(function(event){
|
||||||
|
|
||||||
|
// Varables des cookies
|
||||||
|
var samesite = "samesite=lax";
|
||||||
|
var getUrl = window.location;
|
||||||
|
var domain = "domain=" + getUrl.hostname;
|
||||||
|
// var path = "path=" + getUrl.pathname.split('/')[1];
|
||||||
|
var e = new Date();
|
||||||
|
e.setFullYear(e.getFullYear() + 1);
|
||||||
|
var expires = "expires=" + e.toUTCString();
|
||||||
|
|
||||||
|
// Crée le cookie d'acceptation Cookies Externes (tiers) si le message n'est pas vide
|
||||||
|
var messageCookieExt = "<?php echo $this->getData(['locale', 'cookies', 'cookiesExtText']);?>";
|
||||||
|
// le message de consentement des cookies externes est défini en configuration, afficher la checkbox d'acceptation
|
||||||
|
if( messageCookieExt.length > 0){
|
||||||
|
// Traitement du retour de la checkbox
|
||||||
|
if ($("#cookiesExt").is(":checked")) {
|
||||||
|
// L'URL du serveur faut TRUE
|
||||||
|
//document.cookie = "DELTA_COOKIE_EXT_CONSENT=true;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||||
|
document.cookie = "DELTA_COOKIE_EXT_CONSENT=true;" + domain + ";" + samesite + ";" + expires;
|
||||||
|
} else {
|
||||||
|
//document.cookie = "DELTA_COOKIE_EXT_CONSENT=false;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||||
|
document.cookie = "DELTA_COOKIE_EXT_CONSENT=false;" + domain + ";" + samesite + ";" + expires;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Stocke le cookie d'acceptation
|
||||||
|
//document.cookie = "DELTA_COOKIE_CONSENT=true;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||||
|
document.cookie = "DELTA_COOKIE_CONSENT=true;" + domain + ";" + samesite + ";" + expires;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fermeture de la popup des cookies
|
||||||
|
*/
|
||||||
|
$("#cookieConsent .cookieClose").on("click", function() {
|
||||||
|
$('#cookieConsent').addClass("displayNone");
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Commande de gestion des cookies dans le footer
|
||||||
|
*/
|
||||||
|
|
||||||
|
$("#footerLinkCookie").on("click", function() {
|
||||||
|
$("#cookieConsent").removeClass("displayNone");
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Affiche / Cache le menu en mode responsive
|
||||||
|
*/
|
||||||
|
var menuDOM = $("#menu");
|
||||||
|
$("#burgerIcon").on("click", function() {
|
||||||
|
menuDOM.slideToggle();
|
||||||
|
});
|
||||||
|
$(window).on("resize", function() {
|
||||||
|
if($(window).width() > 799) {
|
||||||
|
menuDOM.css("display", "");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Choix de page dans la barre de membre
|
||||||
|
*/
|
||||||
|
$("#barSelectPage").on("change", function() {
|
||||||
|
var pageUrl = $(this).val();
|
||||||
|
if(pageUrl) {
|
||||||
|
$(location).attr("href", pageUrl);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
* Champs d'upload de fichiers
|
||||||
|
*/
|
||||||
|
// Mise à jour de l'affichage des champs d'upload
|
||||||
|
$(".inputFileHidden").on("change", function() {
|
||||||
|
var inputFileHiddenDOM = $(this);
|
||||||
|
var fileName = inputFileHiddenDOM.val();
|
||||||
|
if(fileName === "") {
|
||||||
|
fileName = textSelectFile;
|
||||||
|
$(inputFileHiddenDOM).addClass("disabled");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$(inputFileHiddenDOM).removeClass("disabled");
|
||||||
|
}
|
||||||
|
inputFileHiddenDOM.parent().find(".inputFileLabel").text(fileName);
|
||||||
|
}).trigger("change");
|
||||||
|
// Suppression du fichier contenu dans le champ
|
||||||
|
$(".inputFileDelete").on("click", function() {
|
||||||
|
$(this).parents(".inputWrapper").find(".inputFileHidden").val("").trigger("change");
|
||||||
|
});
|
||||||
|
// Suppression de la date contenu dans le champ
|
||||||
|
$(".inputDateDelete").on("click", function() {
|
||||||
|
$(this).parents(".inputWrapper").find(".datepicker").val("").trigger("change");
|
||||||
|
});
|
||||||
|
// Confirmation de mise à jour
|
||||||
|
$("#barUpdate").on("click", function() {
|
||||||
|
return core.confirm( textUpdating, function() {
|
||||||
|
$(location).attr("href", $("#barUpdate").attr("href"));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
// Confirmation de déconnexion
|
||||||
|
$("#barLogout").on("click", function() {
|
||||||
|
return core.confirm( textLogout, function() {
|
||||||
|
$(location).attr("href", $("#barLogout").attr("href"));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
* Bloque la multi-soumission des boutons
|
||||||
|
*/
|
||||||
|
$("form").on("submit", function() {
|
||||||
|
$(this).find(".uniqueSubmission")
|
||||||
|
.addClass("disabled")
|
||||||
|
.prop("disabled", true)
|
||||||
|
.empty()
|
||||||
|
.append(
|
||||||
|
$("<span>").addClass("zwiico-spin animate-spin")
|
||||||
|
)
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
* Check adresse email
|
||||||
|
*/
|
||||||
|
$("[type=email]").on("change", function() {
|
||||||
|
var _this = $(this);
|
||||||
|
var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
|
||||||
|
if(pattern.test(_this.val())) {
|
||||||
|
core.noticeRemove(_this.attr("id"));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
core.noticeAdd(_this.attr("id"), textCheckMail);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Iframes et vidéos responsives
|
||||||
|
*/
|
||||||
|
var elementDOM = $("iframe, video, embed, object");
|
||||||
|
// Calcul du ratio et suppression de la hauteur / largeur des iframes
|
||||||
|
elementDOM.each(function() {
|
||||||
|
var _this = $(this);
|
||||||
|
_this
|
||||||
|
.data("ratio", _this.height() / _this.width())
|
||||||
|
.data("maxwidth", _this.width())
|
||||||
|
.removeAttr("width height");
|
||||||
|
});
|
||||||
|
// Prend la largeur du parent et détermine la hauteur à l'aide du ratio lors du resize de la fenêtre
|
||||||
|
$(window).on("resize", function() {
|
||||||
|
elementDOM.each(function() {
|
||||||
|
var _this = $(this);
|
||||||
|
var width = _this.parent().first().width();
|
||||||
|
if (width > _this.data("maxwidth")){ width = _this.data("maxwidth");}
|
||||||
|
_this
|
||||||
|
.width(width)
|
||||||
|
.height(width * _this.data("ratio"));
|
||||||
|
});
|
||||||
|
}).trigger("resize");
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header responsive
|
||||||
|
*/
|
||||||
|
$(window).on("resize", function() {
|
||||||
|
var responsive = "<?php echo $this->getdata(['theme','header','imageContainer']);?>";
|
||||||
|
var feature = "<?php echo $this->getdata(['theme','header','feature']);?>";
|
||||||
|
if ( (responsive === "cover" || responsive === "contain") && feature !== "feature" ) {
|
||||||
|
var widthpx = "<?php echo $this->getdata(['theme','site','width']);?>";
|
||||||
|
var width = widthpx.substr(0,widthpx.length-2);
|
||||||
|
var heightpx = "<?php echo $this->getdata(['theme','header','height']);?>";
|
||||||
|
var height = heightpx.substr(0,heightpx.length-2);
|
||||||
|
var ratio = width / height;
|
||||||
|
var feature = "<?php echo $this->getdata(['theme','header','feature']);?>";
|
||||||
|
if ( ($(window).width() / ratio) <= height) {
|
||||||
|
$("header").height( $(window).width() / ratio );
|
||||||
|
$("header").css("line-height", $(window).width() / ratio + "px");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).trigger("resize");
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
core.start();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Confirmation de suppression
|
||||||
|
*/
|
||||||
|
$("#pageDelete").on("click", function() {
|
||||||
|
var _this = $(this);
|
||||||
|
return core.confirm( textPageDelete, function() {
|
||||||
|
$(location).attr("href", _this.attr("href"));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Calcul de la luminance relative d'une couleur
|
||||||
|
*/
|
||||||
|
core.relativeLuminanceW3C = function(rgba) {
|
||||||
|
// Conversion en sRGB
|
||||||
|
var RsRGB = rgba[0] / 255;
|
||||||
|
var GsRGB = rgba[1] / 255;
|
||||||
|
var BsRGB = rgba[2] / 255;
|
||||||
|
// Ajout de la transparence
|
||||||
|
var RsRGBA = rgba[3] * RsRGB + (1 - rgba[3]);
|
||||||
|
var GsRGBA = rgba[3] * GsRGB + (1 - rgba[3]);
|
||||||
|
var BsRGBA = rgba[3] * BsRGB + (1 - rgba[3]);
|
||||||
|
// Calcul de la luminance
|
||||||
|
var R = (RsRGBA <= .03928) ? RsRGBA / 12.92 : Math.pow((RsRGBA + .055) / 1.055, 2.4);
|
||||||
|
var G = (GsRGBA <= .03928) ? GsRGBA / 12.92 : Math.pow((GsRGBA + .055) / 1.055, 2.4);
|
||||||
|
var B = (BsRGBA <= .03928) ? BsRGBA / 12.92 : Math.pow((BsRGBA + .055) / 1.055, 2.4);
|
||||||
|
return .2126 * R + .7152 * G + .0722 * B;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
/**
|
||||||
|
* Affiche le sous-menu quand il est sticky
|
||||||
|
*/
|
||||||
|
$("nav").mouseenter(function(){
|
||||||
|
$("#navfixedlogout .navSub").css({ 'pointer-events' : 'auto' });
|
||||||
|
$("#navfixedconnected .navSub").css({ 'pointer-events' : 'auto' });
|
||||||
|
});
|
||||||
|
$("nav").mouseleave(function(){
|
||||||
|
$("#navfixedlogout .navSub").css({ 'pointer-events' : 'none' });
|
||||||
|
$("#navfixedconnected .navSub").css({ 'pointer-events' : 'none' });
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Chargement paresseux des images et des iframes
|
||||||
|
*/
|
||||||
|
$("img,picture,iframe").attr("loading","lazy");
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Effet accordéon
|
||||||
|
*/
|
||||||
|
$('.accordion').each(function(e) {
|
||||||
|
// on stocke l'accordéon dans une variable locale
|
||||||
|
var accordion = $(this);
|
||||||
|
// on récupère la valeur data-speed si elle existe
|
||||||
|
var toggleSpeed = accordion.attr('data-speed') || 100;
|
||||||
|
|
||||||
|
// fonction pour afficher un élément
|
||||||
|
function open(item, speed) {
|
||||||
|
// on récupère tous les éléments, on enlève l'élément actif de ce résultat, et on les cache
|
||||||
|
accordion.find('.accordion-item').not(item).removeClass('active')
|
||||||
|
.find('.accordion-content').slideUp(speed);
|
||||||
|
// on affiche l'élément actif
|
||||||
|
item.addClass('active')
|
||||||
|
.find('.accordion-content').slideDown(speed);
|
||||||
|
}
|
||||||
|
function close(item, speed) {
|
||||||
|
accordion.find('.accordion-item').removeClass('active')
|
||||||
|
.find('.accordion-content').slideUp(speed);
|
||||||
|
}
|
||||||
|
|
||||||
|
// on initialise l'accordéon, sans animation
|
||||||
|
open(accordion.find('.active:first'), 0);
|
||||||
|
|
||||||
|
// au clic sur un titre...
|
||||||
|
accordion.on('click', '.accordion-title', function(ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
// Masquer l'élément déjà actif
|
||||||
|
if ($(this).closest('.accordion-item').hasClass('active')) {
|
||||||
|
close($(this).closest('.accordion-item'), toggleSpeed);
|
||||||
|
} else {
|
||||||
|
// ...on lance l'affichage de l'élément, avec animation
|
||||||
|
open($(this).closest('.accordion-item'), toggleSpeed);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Icône du Menu Burger, couleur du bandeau burger et position du menu
|
||||||
|
*/
|
||||||
|
$("#burgerIcon").click(function() {
|
||||||
|
var changeIcon = $('#burgerIcon').children("span");
|
||||||
|
var bgColor = "<?php echo $this->getData(['theme', 'menu', 'burgerBannerColor']) ;?>";
|
||||||
|
var bgColorOpaque = bgColor.replace(/[^,]+(?=\))/, '1');
|
||||||
|
if ( $(changeIcon).hasClass('zwiico-menu') ) {
|
||||||
|
$(changeIcon).removeClass('zwiico-menu').addClass('zwiico-cancel');
|
||||||
|
$("nav #toggle").css("background-color",bgColorOpaque);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$(changeIcon).addClass('zwiico-menu');
|
||||||
|
$("nav #toggle").css("background-color",bgColor);
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Active le système d'aide interne
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(".buttonHelp").click(function() {
|
||||||
|
$(".helpDisplayContent").slideToggle();
|
||||||
|
/**
|
||||||
|
if( $(".buttonHelp").css('opacity') > '0.75'){
|
||||||
|
$(".buttonHelp").css('opacity','0.5');
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
$(".buttonHelp").css('opacity','1');
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".helpDisplayContent").click(function() {
|
||||||
|
$(".helpDisplayContent").slideToggle();
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove ID Facebook from URL
|
||||||
|
*/
|
||||||
|
if(/^\?fbclid=/.test(location.search))
|
||||||
|
location.replace(location.href.replace(/\?fbclid.+/, ""));
|
||||||
|
|
||||||
|
/**
|
||||||
|
* No translate Lity close
|
||||||
|
*/
|
||||||
|
$(document).on('lity:ready', function(event, instance) {
|
||||||
|
$('.lity-close').addClass('notranslate');
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bouton screenshot
|
||||||
|
*/
|
||||||
|
var dataURL = {};
|
||||||
|
$('#screenshot').click(function() {
|
||||||
|
html2canvas(document.querySelector("#main_screenshot")).then(canvas => {
|
||||||
|
dataURL = canvas.toDataURL('image/jpeg', 0.1);
|
||||||
|
console.log( dataURL);
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
contentType:"application/x-www-form-urlencoded",
|
||||||
|
url: "<?php echo helper::baseUrl(false); ?>core/vendor/screenshot/screenshot.php",
|
||||||
|
data: {
|
||||||
|
image: dataURL
|
||||||
|
},
|
||||||
|
dataType: "html"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Largeur minimale des onglets principaux du menu et largeur du sous-menu égale à la largeur de l'onglet parent
|
||||||
|
* sauf en petit écran
|
||||||
|
*/
|
||||||
|
$(window).on("resize", function() {
|
||||||
|
if( $(window).width() > 799 ){
|
||||||
|
if( typeof parentPage !== "undefined" ){
|
||||||
|
var page=[];
|
||||||
|
if( '<?php echo $this->getData(['theme', 'menu', 'minWidthParentOrAll']); ?>' === ''){
|
||||||
|
page = parentPage;
|
||||||
|
// suppression d'un sous-menu depuis le dernier enregistrement de theme.css
|
||||||
|
$.each(allPage, function(index, value) {
|
||||||
|
// si la page n'est pas parent on repositionne min-width à auto
|
||||||
|
if( parentPage.includes( value ) === false ) $('nav li .' + value).css('min-width', 'auto');
|
||||||
|
});
|
||||||
|
} else{
|
||||||
|
page = allPage;
|
||||||
|
}
|
||||||
|
$.each(page, function(index, value) {
|
||||||
|
$('nav li .' + value).css('min-width', '<?php echo $this->getData(['theme', 'menu', 'minWidthTab']); ?>');
|
||||||
|
$('nav li ul li .'+value).css('width', $('.'+value).css('width'));
|
||||||
|
$('nav li.' + value).css('text-align', 'left');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).trigger("resize");
|
||||||
|
|
||||||
|
/* Compteur de liens cliqués
|
||||||
|
* Fonctionne avec download_counter.php
|
||||||
|
* Les liens comptabilisés doivent avoir la class="clicked_link_count"
|
||||||
|
* Envoi au fichier download_counter.php la donnée url
|
||||||
|
*/
|
||||||
|
<?php if( $this->getData(['config', 'statislite', 'enable']) && is_file('site/data/statislite/module/download_counter/download_counter.php' ) ) { ?>
|
||||||
|
$('.clicked_link_count').on('click', function(event) {
|
||||||
|
// Récupérer le chemin vers le fichier
|
||||||
|
var filePath = $(this).attr('href');
|
||||||
|
// Envoyer une requête AJAX pour enregistrer le téléchargement
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: '/site/data/statislite/module/download_counter/download_counter.php',
|
||||||
|
data: {'url': filePath},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
/* Affichage / masquage des items du sous-menu
|
||||||
|
* après appui sur l'icône plus / minus
|
||||||
|
* substitution des icônes down, plus, minus
|
||||||
|
*/
|
||||||
|
if($(window).width() < 800) {
|
||||||
|
if( $("nav #menu ul li span").hasClass('zwiico-down') ) {
|
||||||
|
$("nav #menu ul li span").removeClass('zwiico-down').addClass('zwiico-plus');
|
||||||
|
}
|
||||||
|
$("nav #menu ul li span").click(function() {
|
||||||
|
// id de la page parent
|
||||||
|
var parentId = $(this).parents().attr("id");
|
||||||
|
var select = "ul#_"+parentId+".navSub";
|
||||||
|
if( $(select).css("z-index") === "-1" ) {
|
||||||
|
$(select).css("z-index","1");
|
||||||
|
$(select).css("opacity","1");
|
||||||
|
$(select).css("padding-left","20px");
|
||||||
|
$(select).css("position","static");
|
||||||
|
} else {
|
||||||
|
$(select).css("z-index","-1");
|
||||||
|
$(select).css("opacity","0");
|
||||||
|
$(select).css("position","absolute");
|
||||||
|
}
|
||||||
|
// Modification de l'icône plus ou minus
|
||||||
|
var select = "nav #menu ul li #" + parentId + " span";
|
||||||
|
if ( $(select).hasClass('zwiico-plus') ) {
|
||||||
|
$(select).removeClass('zwiico-plus').addClass('zwiico-minus');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$(select).removeClass('zwiico-minus').addClass('zwiico-plus');
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
if( $("nav #menu ul li span").hasClass('zwiico-plus') ) {
|
||||||
|
$("nav #menu ul li span").removeClass('zwiico-plus').addClass('zwiico-down');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Suppression du décalage vertical de la bannière en petit écran
|
||||||
|
* si menu burger fixe et bannière dans le site et bannière visible
|
||||||
|
*/
|
||||||
|
if($(window).width() < 800) {
|
||||||
|
<?php if( $this->getData(['theme','menu', 'burgerFixed'])=== true && $this->getData(['theme','header', 'position'])=== 'site' && $this->getData(['theme','header', 'tinyHidden'])=== false && ( $this->getData(['theme','header', 'homePageOnly'])=== false || $this->getUrl(0) === $this->getData(['locale','homePageId']) ) ){ ?>
|
||||||
|
$("#site.container").css("padding-top","0");
|
||||||
|
<?php } ?>
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
|
@ -1775,17 +1775,31 @@ class common {
|
||||||
<script> var parentPage=[]; var allPage=[]; <?php foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) { if( $childrenPageIds !== [] ){ ?> parentPage.push('<?php echo $parentPageId; ?>'); <?php } ?> allPage.push('<?php echo $parentPageId; ?>'); <?php } ?> </script>
|
<script> var parentPage=[]; var allPage=[]; <?php foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) { if( $childrenPageIds !== [] ){ ?> parentPage.push('<?php echo $parentPageId; ?>'); <?php } ?> allPage.push('<?php echo $parentPageId; ?>'); <?php } ?> </script>
|
||||||
<?php
|
<?php
|
||||||
foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) {
|
foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) {
|
||||||
// Passer les entrées masquées
|
|
||||||
// Propriétés de l'item
|
// Propriétés de l'item
|
||||||
$active = ($parentPageId === $currentPageId OR in_array($currentPageId, $childrenPageIds)) ? 'active ' : '';
|
$active = ($parentPageId === $currentPageId OR in_array($currentPageId, $childrenPageIds)) ? 'active ' : '';
|
||||||
$targetBlank = $this->getData(['page', $parentPageId, 'targetBlank']) ? ' target="_blank"' : '';
|
$targetBlank = $this->getData(['page', $parentPageId, 'targetBlank']) ? ' target="_blank"' : '';
|
||||||
|
// Cas où les pages enfants enfant sont toutes masquées dans le menu
|
||||||
|
// ne pas afficher de symbole lorsqu'il n'y a rien à afficher
|
||||||
|
$totalChild = 0;
|
||||||
|
$disableChild = 0;
|
||||||
|
foreach($childrenPageIds as $childKey) {
|
||||||
|
$totalChild += 1;
|
||||||
|
if( $this->getData(['page', $childKey, 'disable']) === true ) $disableChild +=1;
|
||||||
|
}
|
||||||
|
$iconSubExistLargeScreen='';
|
||||||
|
$iconSubExistSmallScreen='';
|
||||||
|
if($childrenPageIds && $disableChild !== $totalChild && $this->getdata(['page',$parentPageId,'hideMenuChildren']) === false) {
|
||||||
|
$iconSubExistLargeScreen= '<span class="zwiico-down iconSubExistLargeScreen" style="font-size:1em"><!----></span>';
|
||||||
|
$iconSubExistSmallScreen= '<span class="zwiico-plus zwiico-margin-left iconSubExistSmallScreen" style="font-size:1em"><!----></span>';
|
||||||
|
|
||||||
|
}
|
||||||
// Mise en page de l'item
|
// Mise en page de l'item
|
||||||
$itemsLeft .= '<li>';
|
$itemsLeft .= '<li>';
|
||||||
if ( ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') !== $this->getInput('DELTA_USER_PASSWORD'))
|
if ( ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') !== $this->getInput('DELTA_USER_PASSWORD'))
|
||||||
OR ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') === $this->getInput('DELTA_USER_PASSWORD')AND $this->getUser('group') < self::GROUP_EDITOR ))
|
OR ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') === $this->getInput('DELTA_USER_PASSWORD')AND $this->getUser('group') < self::GROUP_EDITOR ))
|
||||||
{
|
{
|
||||||
$pageUrl = ($this->getData(['locale', 'homePageId']) === $this->getUrl(0)) ? helper::baseUrl(false) : helper::baseUrl() . $this->getUrl(0);
|
$pageUrl = ($this->getData(['locale', 'homePageId']) === $this->getUrl(0)) ? helper::baseUrl(false) : helper::baseUrl() . $this->getUrl(0);
|
||||||
$itemsLeft .= '<div id="'.$parentPageId.'" class="box" style="display:flex; align-items:center;"><div><a class="A ' . $active . ' disabled-link">';
|
$itemsLeft .= '<div id="'.$parentPageId.'" class="box" style="display:flex; align-items:center;"><div><a class="A ' . $active . $parentPageId . ' disabled-link">';
|
||||||
} else {
|
} else {
|
||||||
$pageUrl = ($this->getData(['locale', 'homePageId']) === $parentPageId) ? helper::baseUrl(false) : helper::baseUrl() . $parentPageId;
|
$pageUrl = ($this->getData(['locale', 'homePageId']) === $parentPageId) ? helper::baseUrl(false) : helper::baseUrl() . $parentPageId;
|
||||||
$itemsLeft .= '<div id="'.$parentPageId.'" class="box '.$active.'" style="display:flex; align-items:center;"><div><a class="B ' . $active . $parentPageId . '" href="' . $pageUrl . '"' . $targetBlank . '>';
|
$itemsLeft .= '<div id="'.$parentPageId.'" class="box '.$active.'" style="display:flex; align-items:center;"><div><a class="B ' . $active . $parentPageId . '" href="' . $pageUrl . '"' . $targetBlank . '>';
|
||||||
|
@ -1814,20 +1828,10 @@ class common {
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
$itemsLeft .= $iconSubExistLargeScreen;
|
||||||
$itemsLeft .= '</a>';
|
$itemsLeft .= '</a>';
|
||||||
$itemsLeft .= '</div>';
|
$itemsLeft .= '</div>';
|
||||||
// Cas où les pages enfants enfant sont toutes masquées dans le menu
|
$itemsLeft .= $iconSubExistSmallScreen;
|
||||||
// ne pas afficher de symbole lorsqu'il n'y a rien à afficher
|
|
||||||
$totalChild = 0;
|
|
||||||
$disableChild = 0;
|
|
||||||
foreach($childrenPageIds as $childKey) {
|
|
||||||
$totalChild += 1;
|
|
||||||
if( $this->getData(['page', $childKey, 'disable']) === true ) $disableChild +=1;
|
|
||||||
}
|
|
||||||
if($childrenPageIds && $disableChild !== $totalChild && $this->getdata(['page',$parentPageId,'hideMenuChildren']) === false) {
|
|
||||||
$itemsLeft .= template::ico('down', 'left');
|
|
||||||
}
|
|
||||||
// ------------------------------------------------
|
|
||||||
$itemsLeft .= '</div>';
|
$itemsLeft .= '</div>';
|
||||||
|
|
||||||
if ($this->getdata(['page',$parentPageId,'hideMenuChildren']) === true ||
|
if ($this->getdata(['page',$parentPageId,'hideMenuChildren']) === true ||
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -39,6 +39,14 @@
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
}
|
}
|
||||||
|
nav .iconSubExistLargeScreen{
|
||||||
|
display:inline;
|
||||||
|
margin-left :5px;
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
nav .iconSubExistSmallScreen{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
/* Corps */
|
/* Corps */
|
||||||
section {
|
section {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
@ -181,6 +189,12 @@
|
||||||
nav{
|
nav{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
nav .iconSubExistLargeScreen{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
nav .iconSubExistSmallScreen{
|
||||||
|
display:inline;
|
||||||
|
}
|
||||||
/*bandeau flex*/
|
/*bandeau flex*/
|
||||||
nav #toggle {
|
nav #toggle {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -328,7 +342,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Menu burger sur très petit écran */
|
/* Menu burger sur très petit écran */
|
||||||
@media (max-width: 373px) {
|
@media (max-width: 361px) {
|
||||||
.navfixedburgerconnected {
|
.navfixedburgerconnected {
|
||||||
top: 135px;
|
top: 135px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,335 @@
|
||||||
|
/**
|
||||||
|
* This file is part of DeltaCMS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Ecrans >= 800px */
|
||||||
|
|
||||||
|
@media (min-width: 800px) {
|
||||||
|
/* Barre de membre */
|
||||||
|
#bar #barLeft {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#bar #barRight {
|
||||||
|
float: right;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
/* Bannière */
|
||||||
|
header {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
/* Items du menu */
|
||||||
|
.smallScreenFlags {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
nav #menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
nav li:hover ul {
|
||||||
|
z-index: 8;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
/* Barre de navigation fixe quand le menu est en-dehors du site et fixe*/
|
||||||
|
#navfixedlogout {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
#navfixedconnected {
|
||||||
|
top: 45px;
|
||||||
|
z-index: 10;
|
||||||
|
position: sticky;
|
||||||
|
}
|
||||||
|
/* Corps */
|
||||||
|
section {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
/* Grille */
|
||||||
|
.col1 {
|
||||||
|
width: 8.33333333%;
|
||||||
|
}
|
||||||
|
.col2 {
|
||||||
|
width: 16.66666667%;
|
||||||
|
}
|
||||||
|
.col3 {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
.col4 {
|
||||||
|
width: 33.33333333%;
|
||||||
|
}
|
||||||
|
.col5 {
|
||||||
|
width: 41.66666667%;
|
||||||
|
}
|
||||||
|
.col6 {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.col7 {
|
||||||
|
width: 58.33333333%;
|
||||||
|
}
|
||||||
|
.col8 {
|
||||||
|
width: 66.66666667%;
|
||||||
|
}
|
||||||
|
.col9 {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
.col10 {
|
||||||
|
width: 83.33333333%;
|
||||||
|
}
|
||||||
|
.col11 {
|
||||||
|
width: 91.66666667%;
|
||||||
|
}
|
||||||
|
.col12 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.offset1 {
|
||||||
|
margin-left: 8.33333333%;
|
||||||
|
}
|
||||||
|
.offset2 {
|
||||||
|
margin-left: 16.66666667%;
|
||||||
|
}
|
||||||
|
.offset3 {
|
||||||
|
margin-left: 25%;
|
||||||
|
}
|
||||||
|
.offset4 {
|
||||||
|
margin-left: 33.33333333%;
|
||||||
|
}
|
||||||
|
.offset5 {
|
||||||
|
margin-left: 41.66666667%;
|
||||||
|
}
|
||||||
|
.offset6 {
|
||||||
|
margin-left: 50%;
|
||||||
|
}
|
||||||
|
.offset7 {
|
||||||
|
margin-left: 58.33333333%;
|
||||||
|
}
|
||||||
|
.offset8 {
|
||||||
|
margin-left: 66.66666667%;
|
||||||
|
}
|
||||||
|
.offset9 {
|
||||||
|
margin-left: 75%;
|
||||||
|
}
|
||||||
|
.offset10 {
|
||||||
|
margin-left: 83.33333333%;
|
||||||
|
}
|
||||||
|
.offset11 {
|
||||||
|
margin-left: 91.66666667%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ecrans < 800px */
|
||||||
|
|
||||||
|
@media (max-width: 799px) {
|
||||||
|
/* Suppression des marges */
|
||||||
|
body {
|
||||||
|
margin: 0 auto !important ;
|
||||||
|
}
|
||||||
|
body > header {
|
||||||
|
margin: 0 auto !important ;
|
||||||
|
}
|
||||||
|
.tippy-tooltip {
|
||||||
|
font-size: 0.8rem !important ;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
padding: 10px !important ;
|
||||||
|
}
|
||||||
|
/* siteContainer */
|
||||||
|
.siteContainer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.siteContainer > #contentLeft {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.siteContainer > #contentRight {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.siteContainer > #contentSite {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
/* Tableaux */
|
||||||
|
.table thead {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
/* Barre de membre */
|
||||||
|
#bar {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto !important ;
|
||||||
|
}
|
||||||
|
#bar ul {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
#bar #barSelectPage {
|
||||||
|
width: 40%;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
#bar #barLeft {
|
||||||
|
font-size: 1.2em;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
#bar #barRight {
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
#bar #displayUsername {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* Items du menu */
|
||||||
|
body > nav {
|
||||||
|
margin: 0 auto !important ;
|
||||||
|
}
|
||||||
|
nav a.disabled-link {
|
||||||
|
text-decoration:line-through;
|
||||||
|
}
|
||||||
|
nav{
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/*bandeau flex*/
|
||||||
|
nav #toggle {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
nav #toggle #burgerIcon{
|
||||||
|
flex-basis:20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
nav #toggle #burgerText{
|
||||||
|
flex-basis:80%;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
nav #toggle #burgerIcon1, nav #toggle #burgerIcon2 {
|
||||||
|
flex-basis:40%;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
nav #menuLeft {
|
||||||
|
display: block;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
nav #menuLeft {
|
||||||
|
flex-direction: column;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
nav #menuRight {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
nav #menu {
|
||||||
|
display: none;
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
max-height: 80vh;
|
||||||
|
float: left;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
nav li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.navfixedburgerconnected {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 11;
|
||||||
|
top: 90px;
|
||||||
|
padding: 0px;
|
||||||
|
/*pour fixed*/
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
.navfixedburgerlogout{
|
||||||
|
position: fixed;
|
||||||
|
z-index: 10;
|
||||||
|
top: 0;
|
||||||
|
padding: 0px;
|
||||||
|
/*pour fixed*/
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
.navfixedburgerconnected #menu, .navburgerconnected #menu{
|
||||||
|
height: auto;
|
||||||
|
max-height: 60vh;
|
||||||
|
}
|
||||||
|
.navfixedburgerconnected #menu a, .navfixedburgerlogout #menu a{
|
||||||
|
padding: 10px 10px;
|
||||||
|
}
|
||||||
|
/* Taille du menu hamburger */
|
||||||
|
nav .zwiico-menu {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
nav .zwiico-cancel {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
/* Position du bloc dans le site sur les petits écrans */
|
||||||
|
nav ul li span.zwiico-margin-left{
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
.smallScreenFlags {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
/*left: 10px;*/
|
||||||
|
}
|
||||||
|
.smallScreenInline {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.i18nFlag {
|
||||||
|
width: 25px;
|
||||||
|
/*margin: 0 10px 0 -10px;*/
|
||||||
|
}
|
||||||
|
.i18nFlagSelected {
|
||||||
|
width: 30px;
|
||||||
|
/*margin: 0 10px 0 -10px;*/
|
||||||
|
}
|
||||||
|
.zwiico-login {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
/* Conserve le pied de page sur une ligne */
|
||||||
|
body > footer {
|
||||||
|
margin: 0 auto !important ;
|
||||||
|
}
|
||||||
|
footer .col4 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#footerCopyright,
|
||||||
|
#footerText,
|
||||||
|
#footerSocials {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
/* Message sur les cookies */
|
||||||
|
#cookieConsent {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
/* Bannière masquable en petit écran */
|
||||||
|
.bannerDisplay {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* Largeur du menu */
|
||||||
|
.navBodyWidth {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Autres tailles d'écrans */
|
||||||
|
|
||||||
|
/* Tableau sur les écrans de petites tailles */
|
||||||
|
@media (max-width: 668px) {
|
||||||
|
.table thead {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tableau sur les écrans de très petites tailles */
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.table tr {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.table td {
|
||||||
|
display: block;
|
||||||
|
text-align: right;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu burger sur très petit écran */
|
||||||
|
@media (max-width: 373px) {
|
||||||
|
.navfixedburgerconnected {
|
||||||
|
top: 135px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -15,8 +15,6 @@ Lors d'une mise à jour on peut vous signaler l'évolution de ces fichiers dans
|
||||||
<p>Pour charger un fichier de statistiques sauvegardé, sélectionnez le dans la liste puis enregistrez la configuration.</p>
|
<p>Pour charger un fichier de statistiques sauvegardé, sélectionnez le dans la liste puis enregistrez la configuration.</p>
|
||||||
<p>'Réinitialiser' supprime les statistiques, une copie automatique de précaution est réalisée avant.</p>
|
<p>'Réinitialiser' supprime les statistiques, une copie automatique de précaution est réalisée avant.</p>
|
||||||
<h3>Compteur de liens cliqués</h3>
|
<h3>Compteur de liens cliqués</h3>
|
||||||
<p>Depuis Statislite 4.7 vous pouvez comptabiliser les clics réalisés sur certains liens. Vous devez ajouter manuellement dans le lien la mention class="download-link", dans l'éditeur Tinymce cliquer sur l'icône '<>' code source :</p>
|
<p>Vous pouvez comptabiliser les clics réalisés sur certains liens. Pour cela le lien doit avoir la classe "clicked_link_count", il faut la sélectionner dans l'éditeur de lien de Tinymce (sélecteur 'Classe').</p>
|
||||||
<p>repérer le lien, par exemple : href="fichier_telecharge.pdf" target="_blank" rel="noopener">lien</p>
|
|
||||||
<p>ajouter la class => href="fichier_telecharge.pdf" target="_blank" rel="noopener" class="download-link">lien"</p>
|
|
||||||
<h3>Plus</h3>
|
<h3>Plus</h3>
|
||||||
<iframe title="statislite_FR" src="https://video.ploud.fr/videos/embed/8015ef01-5f02-4f06-aa07-8cfb1ba1a452" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
<iframe title="statislite_FR" src="https://video.ploud.fr/videos/embed/8015ef01-5f02-4f06-aa07-8cfb1ba1a452" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
|
@ -15,8 +15,6 @@ During an update you can be notified of the evolution of these files in the modu
|
||||||
<p>To load a saved statistics file, select it from the list then save the configuration.</p>
|
<p>To load a saved statistics file, select it from the list then save the configuration.</p>
|
||||||
<p>'Reset' deletes the statistics, an automatic precautionary copy is made beforehand.</p>
|
<p>'Reset' deletes the statistics, an automatic precautionary copy is made beforehand.</p>
|
||||||
<h3>Clicked links counter</h3>
|
<h3>Clicked links counter</h3>
|
||||||
<p>Since Statislite 4.7 you can count the clicks made on certain links. You must manually add in the link the mention class="download-link", in the Tinymce editor click on the icon '<>' source code:</p>
|
<p>You can count the clicks made on certain links. To do this, the link must have the "clicked_link_count" class, which must be selected in the Tinymce link editor ('Class' selector).</p>
|
||||||
<p>locate the link, for example: href="file_download.pdf" target="_blank" rel="noopener">link</p>
|
|
||||||
<p>add the class => href="fichier_telecharge.pdf" target="_blank" rel="noopener" class="download-link">lien"</p>
|
|
||||||
<h3>More</h3>
|
<h3>More</h3>
|
||||||
<iframe title="statislite_EN" src="https://video.ploud.fr/videos/embed/db4811ba-be34-41e4-861d-31a7bfe32de0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
<iframe title="statislite_EN" src="https://video.ploud.fr/videos/embed/db4811ba-be34-41e4-861d-31a7bfe32de0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
Loading…
Reference in New Issue