bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

carte home ok

Browse Source
This commit is contained in:
armansansd
2021-08-28 19:48:34 +02:00
parent b8bf16eaee
commit 26ac7e57a0
6 changed files with 509 additions and 442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
web/themes/custom/popsu/lib/script.js
View File

@@ -87,84 +87,115 @@ $(function(){
$(this).prev().css("display","grid");
});
$('.views-element-container header').click(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 => {
$("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();
}
});
$('.views-element-container').find("header").removeClass('active');
$('.views-element-container').find("header .arrow").remove();
// 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');
$(".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" ){
var containers_id = ["villes-block_1","programmes-block_4","home_themes-block_1"];
containers_id.forEach((element) => {
$("#"+element).fadeOut();
});
$("#"+$(this).data("dom")).fadeIn(function(){
if($(this).data("dom") == "home_themes-block_1"){
console.log("oll");
$("#home_themes-block_1").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();
// $("#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();
// }
// 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(element => {
let words = $(header[element]).text().trim().split(" ");
$(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>');
console.log(words, newcontent);
$(header[element]).empty();
$(header[element]).append(newcontent);
$(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);
});
$('#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({
$("#home_themes-block_1 header").remove();
$("#home_themes-block_1>div>div").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");
// $('#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);
// let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
// $("#home_map_container").empty().append(map);
}