110 lines
3.7 KiB
JavaScript
110 lines
3.7 KiB
JavaScript
jQuery( document ).ready(function($) {
|
|
// ajout d'un contains non sensible à la casse
|
|
$.expr[":"].Contains = $.expr.createPseudo(function(arg) {
|
|
return function( elem ) {
|
|
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
|
|
};
|
|
});
|
|
|
|
|
|
|
|
$(".measure-wrapper .measure-title").click(function() {
|
|
$(this).next(".measure-content").slideToggle(500, "swing");
|
|
})
|
|
|
|
|
|
|
|
|
|
/** Filtrage des propositions **/
|
|
|
|
var css_selector = ".measure-wrapper, .measure-wrapper";
|
|
|
|
function clearSearchField() {
|
|
$(".search-container #measure-search").val("");
|
|
}
|
|
|
|
/* Par catégories */
|
|
|
|
// Au clic sur un des titres des catégories : on crée le div de filtre correspondnt (avec le slug en attr "statut") et on trigger l'event filtre
|
|
$(".home-graph-item .status-title").click(function(){
|
|
var stat = $(this).attr("status");
|
|
|
|
// on conditionne l'action au fait que le filtre ne soit pas déjà actif
|
|
if ( $("div.filters-container .filter-" + stat).length === 0) {
|
|
var htmlFilter = "<div class='measure-filter filter-" + stat +"' status='" + stat + "'><p class='name'>"+ $(this).text() + "</p><div class='filter-close'>+</div></div>";
|
|
$("div.filters-container").append(htmlFilter);
|
|
$("div.filters-container").trigger("filters-change");
|
|
|
|
$([document.documentElement, document.body]).animate({
|
|
scrollTop: $(".measures-col").offset().top
|
|
}, 200);
|
|
}
|
|
else {
|
|
$("div.filters-container .filter-" + stat).remove();
|
|
$("div.filters-container").trigger("filters-change");
|
|
}
|
|
}
|
|
);
|
|
|
|
// Au clic sur une croix d'un filtre on supprime le div concerné et on trigger l'event filtre
|
|
$("body").on("click", "div.filters-container .filter-close", function (){
|
|
$(this).closest('.measure-filter').remove();
|
|
$("div.filters-container").trigger("filters-change");
|
|
});
|
|
|
|
|
|
|
|
// Event filtre : on récupère les slugs des catégories présente dans la div des filtres, et on masque tous les autres. Si il n'y a aucun filtre on affiche tout.
|
|
$("div.filters-container").on("filters-change", function() {
|
|
clearSearchField();
|
|
|
|
// d'abord on remasque tout
|
|
$(".measure-wrapper").hide();
|
|
// si aucun filtre on affiche tout
|
|
if (!$.trim($("div.filters-container").html() )) {
|
|
css_selector = ".measure-wrapper";
|
|
}
|
|
|
|
//sinon on parcourt les filtres et on affiche les éléments correspondants
|
|
else {
|
|
css_selector = "";
|
|
$("div.filters-container > .measure-filter").each(function (index) {
|
|
var stat = $(this).attr("status");
|
|
|
|
if (index !== 0) {
|
|
css_selector += ", ";
|
|
}
|
|
css_selector += ".measure-wrapper.measure-" + stat;
|
|
})
|
|
}
|
|
|
|
//on affiche les mesures correspondant au sélecteur
|
|
$(css_selector).show();
|
|
|
|
});
|
|
|
|
|
|
|
|
/* Par recherche texte */
|
|
|
|
$(".search-container #measure-search").keyup(function() {
|
|
|
|
// récupération du query actuel
|
|
var query = $.trim($(this).val());
|
|
|
|
if (query === "") { // si il est vide on affiche tout
|
|
// on affiche toutes les propositions, en tenant compte des filtres éventuels
|
|
$(css_selector).show();
|
|
}
|
|
else {
|
|
// on va chercher les mentions de ce query dans les mesures et on cache celles qui ne l'ont pas
|
|
$(css_selector).show().not(':Contains(' + query + ')').hide();
|
|
}
|
|
});
|
|
|
|
$(".search-container #measure-search-reset").click(function () {
|
|
clearSearchField();
|
|
$(".search-container #measure-search").trigger("keyup");
|
|
});
|
|
|
|
}); |