script.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. import 'slick-carousel';
  2. $(function(){
  3. console.log("$ ready !!");
  4. if($(".path-frontpage").length > 0){
  5. $('.last-news').slick({
  6. slidesToShow: 1,
  7. slidesToScroll: 1,
  8. centerMode: true,
  9. centerPadding: '60px',
  10. });
  11. $('.last-ressources').slick({
  12. slidesToShow: 3,
  13. slidesToScroll: 1,
  14. centerMode: true,
  15. centerPadding: '60px',
  16. infinite: false,
  17. });
  18. }
  19. $('#centre_de_ressources-block_2 .item-list ul').slick({
  20. slidesToShow: 3,
  21. slidesToScroll: 1,
  22. centerMode: true,
  23. centerPadding: '60px',
  24. infinite: false,
  25. });
  26. if($(".path-actus").length > 0){
  27. let elem = $("#actus_blocks-block_2").find("footer").detach();
  28. $("#actus_blocks-block_2").append(elem);
  29. $('#actus_blocks-block_2>div>div').slick({
  30. slidesToShow: 3,
  31. slidesToScroll: 1,
  32. centerMode: false,
  33. centerPadding: '60px',
  34. infinite: false,
  35. });
  36. elem = $("#actus_blocks-block_1").find("footer").detach();
  37. $("#actus_blocks-block_1").append(elem);
  38. $('#actus_blocks-block_1>div>div').slick({
  39. slidesToShow: 3,
  40. slidesToScroll: 1,
  41. centerMode: false,
  42. centerPadding: '60px',
  43. infinite: false,
  44. });
  45. $('#home_blocks-block_3>div>div').slick({
  46. slidesToShow: 3,
  47. slidesToScroll: 1,
  48. centerMode: false,
  49. centerPadding: '60px',
  50. infinite: false,
  51. });
  52. }
  53. if($('.path-centre-de-ressources').length > 0){
  54. let elem = $(".content_container").find(".views-element-container header>div");
  55. $(elem[0]).slick({
  56. slidesToShow: 1,
  57. slidesToScroll: 1,
  58. centerMode: true,
  59. // centerPadding: '60px'
  60. });
  61. }
  62. $('.close-block').click(function(){
  63. $(this).parent().fadeOut();
  64. });
  65. $('.open-block').click(function(){
  66. $(this).prev().css("display","grid");
  67. });
  68. $('.views-element-container header').click(function(){
  69. let row = $('.views-element-container').find(".views-row");
  70. let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
  71. if($('.path-frontpage').length > 0){
  72. $(row).each(element => {
  73. if($(row[element]).is(":visible") && id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
  74. $(row[element]).fadeOut();
  75. }
  76. });
  77. $('.views-element-container').find("header").removeClass('active');
  78. $('.views-element-container').find("header .arrow").remove();
  79. $(this).append('<span class="arrow"><br>▼</span>');
  80. $(this).toggleClass('active');
  81. $(".home_info_container").fadeOut();
  82. if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
  83. $("#home_prog_container").fadeIn();
  84. }
  85. if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
  86. $("#home_theme_container").find(".views-row").css("opacity","0");
  87. $("#home_theme_container").fadeIn(function(){
  88. $("#home_theme_container").slick('refresh');
  89. $("#home_theme_container").find(".views-row").css("opacity","1");
  90. });
  91. }
  92. if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
  93. //console.log("squik")
  94. $("#home_map_container").fadeIn();
  95. }
  96. }
  97. if($('.page-node-type-programme').length > 0){
  98. $(this).parent().find(".views-row").fadeToggle();
  99. }
  100. })
  101. // HOME PAGE
  102. if($(".path-frontpage").length > 0){
  103. let elem = "<div class='main_logo'></div>"
  104. console.log(elem);
  105. $(".about .views-row").prepend(elem);
  106. //reconstruction header
  107. var header = $('.views-element-container').find("header");
  108. $(header).each(element => {
  109. let words = $(header[element]).text().trim().split(" ");
  110. let newcontent = words.join('<br>');
  111. console.log(words, newcontent);
  112. $(header[element]).empty();
  113. $(header[element]).append(newcontent);
  114. });
  115. $('#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>');
  116. //populate info container
  117. let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
  118. $("#home_theme_container").empty().append(inner_rows);
  119. $("#home_theme_container").slick({
  120. slidesToShow: 5,
  121. slidesToScroll: 4,
  122. centerMode: true,
  123. // centerPadding: '10%',
  124. infinite: false,
  125. });
  126. inner_rows = $('#programmes-block_4').find(".views-row").clone();
  127. $("#home_prog_container").empty().append(inner_rows);
  128. $('#programmes-block_4 header').append('<span class="arrow"><br>▼</span>').addClass("active");
  129. let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
  130. $("#home_map_container").empty().append(map);
  131. }
  132. //ajout header motif in page static
  133. if($(".page-node-type-static").length > 0){
  134. let elem = "<div class='layout__region layout__region--top'></div>"
  135. $(".layout--threecol-25-50-25").prepend(elem);
  136. }
  137. //last-ressources empty item
  138. $(".last-ressources .views-field-field-programme .field-content").each(function(){
  139. if ($(this).children().length == 0) {
  140. $(this).append("POPSU")
  141. $(this).addClass("empty");
  142. }
  143. });
  144. });
  145. // $(document).on('DOMNodeInserted', function(e) {
  146. // // console.log(e.target);
  147. // if ( $(e.target).attr("id") == "home_theme_container" ) {
  148. // }
  149. // });