script.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. import 'slick-carousel';
  2. $(function(){
  3. console.log("$ ready !!");
  4. $('.last-news').slick({
  5. slidesToShow: 1,
  6. slidesToScroll: 1,
  7. centerMode: true,
  8. centerPadding: '60px',
  9. });
  10. $('.last-ressources').slick({
  11. slidesToShow: 3,
  12. slidesToScroll: 1,
  13. centerMode: true,
  14. centerPadding: '60px',
  15. infinite: false,
  16. });
  17. // console.log($('#centre_de_ressources-block_2 .item-list ul'));
  18. $('#centre_de_ressources-block_2 .item-list ul').slick({
  19. slidesToShow: 3,
  20. slidesToScroll: 1,
  21. centerMode: true,
  22. centerPadding: '60px',
  23. infinite: false,
  24. });
  25. if($('.path-centre-de-ressources').length > 0){
  26. $("header > div").slick();
  27. }
  28. $('.close-block').click(function(){
  29. $(this).parent().fadeOut();
  30. });
  31. $('.open-block').click(function(){
  32. $(this).prev().css("display","grid");
  33. });
  34. $('.views-element-container header').click(function(){
  35. let row = $('.views-element-container').find(".views-row");
  36. let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
  37. if($('.path-frontpage').length > 0){
  38. $(row).each(element => {
  39. if($(row[element]).is(":visible") && id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
  40. $(row[element]).fadeOut();
  41. }
  42. });
  43. $('.views-element-container').find("header").removeClass('active');
  44. $('.views-element-container').find("header .arrow").remove();
  45. $(this).append('<span class="arrow"><br>▼</span>');
  46. $(this).toggleClass('active');
  47. $(".home_info_container").fadeOut();
  48. if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
  49. $("#home_prog_container").fadeIn();
  50. }
  51. if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
  52. $("#home_theme_container").find(".views-row").css("opacity","0");
  53. $("#home_theme_container").fadeIn(function(){
  54. $("#home_theme_container").slick('refresh');
  55. $("#home_theme_container").find(".views-row").css("opacity","1");
  56. });
  57. }
  58. // if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
  59. // $("#home_map_container").empty().append(inner_rows).fadeIn();
  60. // }
  61. }
  62. if($('.page-node-type-programme').length > 0){
  63. $(this).parent().find(".views-row").fadeToggle();
  64. }
  65. })
  66. // HOME PAGE
  67. if($(".path-frontpage").length > 0){
  68. let elem = "<div class='main_logo'></div>"
  69. console.log(elem);
  70. $(".about .views-row").prepend(elem);
  71. //reconstruction header
  72. var header = $('.views-element-container').find("header");
  73. $(header).each(element => {
  74. let words = $(header[element]).text().trim().split(" ");
  75. let newcontent = words.join('<br>');
  76. console.log(words, newcontent);
  77. $(header[element]).empty();
  78. $(header[element]).append(newcontent);
  79. });
  80. $('#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>');
  81. //populate info container
  82. let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
  83. $("#home_theme_container").empty().append(inner_rows);
  84. $("#home_theme_container").slick({
  85. slidesToShow: 5,
  86. slidesToScroll: 4,
  87. centerMode: true,
  88. centerPadding: '60px',
  89. infinite: false,
  90. });
  91. inner_rows = $('#programmes-block_4').find(".views-row").clone();
  92. $("#home_prog_container").empty().append(inner_rows);
  93. }
  94. });
  95. $(document).on('DOMNodeInserted', function(e) {
  96. // console.log(e.target);
  97. if ( $(e.target).attr("id") == "home_theme_container" ) {
  98. //console.log(e.target);
  99. // $(e.target).slick({
  100. // slidesToShow: 1,
  101. // slidesToScroll: 1,
  102. // centerMode: true,
  103. // centerPadding: '60px',
  104. // infinite: false,
  105. // });
  106. }
  107. });