Home node actu cliquable pur toggle

web/themes/custom/quartiers_de_demain/dist/assets/bundle.js

@@ -485,61 +485,79 @@ $(document).ready(function () {
 
 /////////////////// start voir plus...  actualite dans /actualites & /home ////////////////////
 
-  if ($("#actualites" ).length > 0 || $("#home").length > 0)  {
-    $(".node-type-actualite").each(function () {
-      let article = $(this);
+if ($("#actualites").length > 0 || $("#home").length > 0)  {
+  $(".node-type-actualite").each(function () {
+    let article = $(this);
 
-      let body = article.find(".field_body");
-      let links = article.find(".field_field_liens");
+    let body = article.find(".field_body");
+    let links = article.find(".field_field_liens");
 
-      body.hide();
-      links.hide();
+    body.hide();
+    links.hide();
 
-      let toggleButton = $("<button>")
-          .addClass("toggle-actualite")
-          .insertAfter(article);
+    let toggleButton = $("<button>")
+      .addClass("toggle-actualite")
+      .insertAfter(article);
 
-      toggleButton.on("click", function () {
-          body.slideToggle();
-          links.slideToggle();
-          $(this).toggleClass("open");
-      });
+    // Fonction commune
+    function toggleActu () {
+      body.slideToggle();
+      links.slideToggle();
+      toggleButton.toggleClass("open");
+    }
+
+    // Clic sur la flèche
+    toggleButton.on("click", function (e) {
+      e.stopPropagation();
+      toggleActu();
     });
-    // slimselect
-    // duplicated due to embeded view (archives)
-    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
+
+    // Clic n'importe où sur le node
+    article.on("click", function (e) {
+      // Ne rien faire si clic sur un lien
+      if ($(e.target).closest("a").length) {
+        return;
       }
-    })
-    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-  }
+      toggleActu();
+    });
+  });
+
+  // slimselect
+  // duplicated due to embeded view (archives)
+  let actu_type_select = new SlimSelect({
+    select: '#edit-field-type-d-actualite-target-id--2',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_type_select2 = new SlimSelect({
+    select: '#edit-field-type-d-actualite-target-id--3',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_site_select = new SlimSelect({
+    select: '#edit-field-site-target-id-verf--2',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_site_select2 = new SlimSelect({
+    select: '#edit-field-site-target-id-verf--3',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+}
 
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
+
 /////////////// start class à view-rows-ressources ////////
 
   $(".view-rows-wrapper").each(function () {

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -1760,6 +1760,7 @@ footer {
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite {
   width: 85%;
+  cursor: pointer;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu {
   display: grid;

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -427,61 +427,79 @@ $(document).ready(function () {
 
 /////////////////// start voir plus...  actualite dans /actualites & /home ////////////////////
 
-  if ($("#actualites" ).length > 0 || $("#home").length > 0)  {
-    $(".node-type-actualite").each(function () {
-      let article = $(this);
+if ($("#actualites").length > 0 || $("#home").length > 0)  {
+  $(".node-type-actualite").each(function () {
+    let article = $(this);
 
-      let body = article.find(".field_body");
-      let links = article.find(".field_field_liens");
+    let body = article.find(".field_body");
+    let links = article.find(".field_field_liens");
 
-      body.hide();
-      links.hide();
+    body.hide();
+    links.hide();
 
-      let toggleButton = $("<button>")
-          .addClass("toggle-actualite")
-          .insertAfter(article);
+    let toggleButton = $("<button>")
+      .addClass("toggle-actualite")
+      .insertAfter(article);
 
-      toggleButton.on("click", function () {
-          body.slideToggle();
-          links.slideToggle();
-          $(this).toggleClass("open");
-      });
+    // Fonction commune
+    function toggleActu () {
+      body.slideToggle();
+      links.slideToggle();
+      toggleButton.toggleClass("open");
+    }
+
+    // Clic sur la flèche
+    toggleButton.on("click", function (e) {
+      e.stopPropagation();
+      toggleActu();
     });
-    // slimselect
-    // duplicated due to embeded view (archives)
-    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
+
+    // Clic n'importe où sur le node
+    article.on("click", function (e) {
+      // Ne rien faire si clic sur un lien
+      if ($(e.target).closest("a").length) {
+        return;
       }
-    })
-    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-  }
+      toggleActu();
+    });
+  });
+
+  // slimselect
+  // duplicated due to embeded view (archives)
+  let actu_type_select = new SlimSelect({
+    select: '#edit-field-type-d-actualite-target-id--2',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_type_select2 = new SlimSelect({
+    select: '#edit-field-type-d-actualite-target-id--3',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_site_select = new SlimSelect({
+    select: '#edit-field-site-target-id-verf--2',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+  let actu_site_select2 = new SlimSelect({
+    select: '#edit-field-site-target-id-verf--3',
+    settings:{
+      placeholderText: 'choisir',
+      searchPlaceholder: 'choisir'
+    }
+  })
+}
 
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
+
 /////////////// start class à view-rows-ressources ////////
 
   $(".view-rows-wrapper").each(function () {

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -54,6 +54,7 @@
                 .node-type-actualite{
                     width: 85%;
                     // padding-bottom: 2rem;
+                    cursor: pointer;
                     
                     .content-wrapper-actu{
                         display: grid;