397 lines
10 KiB
JavaScript
397 lines
10 KiB
JavaScript
import 'slick-carousel';
|
|
|
|
var mobile = false;
|
|
var containers_id = ["projets-block_1","programmes-block_4","home_themes-block_1"];
|
|
|
|
$(function(){
|
|
console.log("$ ready !!");
|
|
|
|
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i)){
|
|
mobile = true;
|
|
}
|
|
|
|
if($(".path-frontpage").length > 0){
|
|
|
|
// $("#"+).fadeIn();
|
|
|
|
|
|
$('.last-news').slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
centerMode: true,
|
|
centerPadding: '300px',
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
centerPadding: '0',
|
|
}
|
|
}]
|
|
});
|
|
$('.last-ressources').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
centerMode: true,
|
|
centerPadding: '60px',
|
|
infinite: true,
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
centerPadding: '0',
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 400,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
centerPadding: '0',
|
|
}
|
|
}]
|
|
});
|
|
}
|
|
|
|
if($("#programme_toc-block_5").length > 0){
|
|
$('#programme_toc-block_5>div>div').slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
centerMode: true,
|
|
centerPadding: '200px',
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
centerPadding: '0',
|
|
adaptiveHeight: true
|
|
}
|
|
}]
|
|
});
|
|
}
|
|
|
|
$('#centre_de_ressources-block_2>div>div').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
centerMode: false,
|
|
centerPadding: '60px',
|
|
infinite: false,
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
slidesToScroll: 1,
|
|
centerPadding: '0',
|
|
}
|
|
}]
|
|
});
|
|
|
|
if($(".path-actus").length > 0){
|
|
let elem = $("#actus_blocks-block_2").find("footer").detach();
|
|
$("#actus_blocks-block_2").append(elem);
|
|
$('#actus_blocks-block_2>div>div').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
centerMode: false,
|
|
centerPadding: '60px',
|
|
infinite: false,
|
|
});
|
|
elem = $("#actus_blocks-block_1").find("footer").detach();
|
|
$("#actus_blocks-block_1").append(elem);
|
|
$('#actus_blocks-block_1>div>div').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
centerMode: false,
|
|
centerPadding: '60px',
|
|
infinite: false,
|
|
|
|
});
|
|
|
|
$('#home_blocks-block_3>div>div').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
centerMode: false,
|
|
centerPadding: '60px',
|
|
infinite: false,
|
|
});
|
|
|
|
}
|
|
|
|
|
|
if($('.path-centre-de-ressources').length > 0){
|
|
|
|
let elem = $(".content_container").find(".views-element-container header>div");
|
|
$(elem[0]).slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
centerMode: true,
|
|
centerPadding: '100px'
|
|
});
|
|
}
|
|
|
|
|
|
$('.close-block').click(function(){
|
|
$(this).parent().fadeOut();
|
|
if(mobile == true){
|
|
$("body").css("overflow","auto");
|
|
}
|
|
});
|
|
$('.open-block').click(function(){
|
|
$(this).prev().css("display","grid");
|
|
if(mobile == true){
|
|
$("body").css("overflow","hidden");
|
|
}
|
|
});
|
|
|
|
$("body").on("click", ".header_container header", function(){
|
|
// let row = $('.views-element-container').find(".views-row");
|
|
// let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
|
|
// if($('.path-frontpage').length > 0){
|
|
// $(row).each(element => {
|
|
|
|
// if($(row[element]).is(":visible") && id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
|
|
// $(row[element]).fadeOut();
|
|
// }
|
|
// });
|
|
$('.header_container').find("header").removeClass('active');
|
|
$('.header_container').find("header .arrow").remove();
|
|
$(this).append('<span class="arrow"><br>▼</span>');
|
|
$(this).toggleClass('active');
|
|
|
|
containers_id.forEach((element) => {
|
|
$("#"+element).fadeOut();
|
|
});
|
|
var d = $(this).data("dom");
|
|
$("#"+d).fadeIn(function(){
|
|
|
|
if(d == "home_themes-block_1"){
|
|
|
|
$("#home_themes-block_1>div>div").slick('refresh');
|
|
}
|
|
});
|
|
|
|
// $(".home_info_container").fadeOut();
|
|
// if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
|
|
// $("#home_prog_container").fadeIn();
|
|
// }
|
|
// if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
|
|
// $("#home_theme_container").find(".views-row").css("opacity","0");
|
|
// $("#home_theme_container").fadeIn(function(){
|
|
// $("#home_theme_container").slick('refresh');
|
|
// $("#home_theme_container").find(".views-row").css("opacity","1");
|
|
// });
|
|
// }
|
|
// if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
|
|
|
|
// $("#home_map_container").fadeIn();
|
|
// var map = L.map('leaflet-map-view-villes-block-1');
|
|
// map.invalidateSize();
|
|
// Drupal.behaviors.leaflet
|
|
// console.log("squik", Drupal.behaviors.leaflet.lMap );
|
|
|
|
// }
|
|
|
|
// }
|
|
// if($('.page-node-type-programme').length > 0){
|
|
// $(this).parent().find(".views-row").fadeToggle();
|
|
|
|
// }
|
|
|
|
});
|
|
|
|
// HOME PAGE
|
|
if($(".path-frontpage").length > 0){
|
|
|
|
let elem = "<div class='main_logo'></div>";
|
|
$(".about .views-row").prepend(elem);
|
|
|
|
var header_container = "<div class='header_container'></div>";
|
|
|
|
$('#home_blocks-block_2').after(header_container);
|
|
|
|
|
|
//reconstruction header
|
|
var header = $('.views-element-container').find("header");
|
|
$(header).each((index , element) => {
|
|
|
|
let parent_id = $(header[index]).parents().eq(2).attr("id");
|
|
let words = $(header[index]).text().trim().split(" ");
|
|
let newcontent = words.join('<br>');
|
|
$(header[index]).empty();
|
|
$(header[index]).append(newcontent);
|
|
$(header[index]).attr('data-dom', parent_id);
|
|
let h = $(header[index]).clone();
|
|
if(index == 0){
|
|
$(h).append('<span class="arrow"><br>▼</span>');
|
|
$(h).addClass("active");
|
|
}
|
|
$('.header_container').append(h);
|
|
|
|
});
|
|
$("#home_themes-block_1 header").remove();
|
|
$("#home_themes-block_1>div>div").slick({
|
|
slidesToShow: 5,
|
|
slidesToScroll: 4,
|
|
centerMode: false,
|
|
// centerPadding: '10%',
|
|
infinite: false,
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
slidesToScroll: 1,
|
|
centerPadding: '10px',
|
|
}
|
|
}]
|
|
});
|
|
|
|
// $('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
|
|
// //populate info container
|
|
// let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
|
|
// $("#home_theme_container").empty().append(inner_rows);
|
|
// $("#home_theme_container").slick({
|
|
// slidesToShow: 5,
|
|
// slidesToScroll: 4,
|
|
// centerMode: false,
|
|
// // centerPadding: '10%',
|
|
// infinite: false,
|
|
// });
|
|
// inner_rows = $('#programmes-block_4').find(".views-row").clone();
|
|
// $("#home_prog_container").empty().append(inner_rows);
|
|
// $('#programmes-block_4 header').append('<span class="arrow"><br>▼</span>').addClass("active");
|
|
|
|
// let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
|
|
// $("#home_map_container").empty().append(map);
|
|
|
|
containers_id.forEach((element) => {
|
|
$("#"+element).fadeOut();
|
|
});
|
|
$("#"+$('.header_container').find(".active").data("dom")).fadeIn();
|
|
}
|
|
|
|
|
|
|
|
//ajout header motif in page static
|
|
if($(".page-node-type-static").length > 0){
|
|
let elem = "<div class='layout__region layout__region--top'></div>"
|
|
$(".layout--threecol-25-50-25").prepend(elem);
|
|
}
|
|
//last-ressources empty item
|
|
$(".last-ressources .views-field-field-programme .field-content").each(function(){
|
|
|
|
if ($(this).children().length == 0) {
|
|
$(this).append("POPSU")
|
|
$(this).addClass("empty");
|
|
}
|
|
|
|
});
|
|
|
|
//// PAGE POPSU ////
|
|
|
|
if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").length > 0 || $(".page-node-type-theme").length > 0){
|
|
$('.views-element-container header').click(function(){
|
|
$(this).parent().find(".views-row").fadeToggle();
|
|
});
|
|
|
|
//test hauteur
|
|
let hb = $(".block-region-second .body").height();
|
|
let ttp = 0;
|
|
$(".block-region-second .body p").each(function(){
|
|
ttp = ttp + $(this).height() ;
|
|
});
|
|
if(hb < ttp + 30){
|
|
$(".block-region-second .body").append('<footer><a class="more">Lire la suite</a></footer>');
|
|
}else{
|
|
$(".block-region-second .body").addClass("body_open");
|
|
}
|
|
//reteste on windows resize
|
|
window.addEventListener('resize', function(){
|
|
$(".block-region-second .body").removeClass("body_open");
|
|
let hb = $(".block-region-second .body").height();
|
|
let ttp = 0;
|
|
$(".block-region-second .body p").each(function(){
|
|
ttp = ttp + $(this).height() ;
|
|
});
|
|
if(hb < ttp+30){
|
|
|
|
if($(".block-region-second .body footer").length == 0){
|
|
|
|
$(".block-region-second .body").append('<footer><a class="more">Lire la suite</a></footer>');
|
|
}
|
|
}else{
|
|
if($(".block-region-second .body footer").length > 0){
|
|
$(".block-region-second .body footer").remove();
|
|
|
|
}
|
|
$(".block-region-second .body").addClass("body_open");
|
|
}
|
|
|
|
});
|
|
let elem = "<div class='main_logo'></div>"
|
|
$('#projets-block_2').prepend(elem);
|
|
|
|
// ouverture et fermeture des paragraphes
|
|
$(".field_titre").on("click", function(){
|
|
let e = $(this).parent().find(".field_texte");
|
|
$(e).toggleClass("crop");
|
|
$(this).toggleClass("rotate");
|
|
|
|
});
|
|
$(".field_equipes").parent().find("h2").on("click", function(){
|
|
|
|
$(this).toggleClass("rotate");
|
|
if($(".field_equipes").is(":visible")){
|
|
$(".field_equipes").fadeOut("slow");
|
|
}else{
|
|
$(".field_equipes").fadeIn("slow");
|
|
}
|
|
|
|
})
|
|
|
|
$(".block-region-second .body").on("click", ".more", function(){
|
|
|
|
|
|
$(".body").toggleClass("body_open");
|
|
if($('.body_open').length > 0){
|
|
$(this).empty().html("Fermer")
|
|
}else{
|
|
$(this).empty().html("Lire la suite")
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
//page about navigation :
|
|
if($(".page-node-type-static").length > 0){
|
|
$(".field_titre").on("click", function(){
|
|
let elem = $(this).find('div:not([class])').html();
|
|
console.log(elem);
|
|
$(".block-region-second").find(".field_titre").each(function(){
|
|
let title = $(this).html();
|
|
if(title == elem){
|
|
$('html,body').animate({
|
|
scrollTop: $(this).offset().top
|
|
}, 'slow');
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
// $(document).on('DOMNodeInserted', function(e) {
|
|
// // console.log(e.target);
|
|
// if ( $(e.target).attr("id") == "home_theme_container" ) {
|
|
|
|
// }
|
|
// });
|
|
|
|
|