js class type media

web/themes/custom/eql/scripts/main.js

@@ -247,6 +247,23 @@ $(document).ready(function () {
             h3.addClass('type-' + className);
     }
   });
+
+
+  $(".wrapper-ressource").each(function(){
+    let media = $(this).find(".field--name-field-type-de-media");
+
+    // console.log(media);
+    
+    let mediaText = media.text().trim();
+    let className = mediaText
+    .toLowerCase()
+    .normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
+    .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
+    .replace(/(^-|-$)/g, ''); // enlever tirets début/fin
+    // console.log(mediaText);
+    $(this).addClass('type-media-' + className);
+  });
+
 });
 // /////// end class à views-row-wrapper ///////
 

web/themes/custom/eql/scss/pages/_ressource.scss

@@ -163,6 +163,12 @@
                 }
 
             }
+
+            .block-region-top:has(.type-de-media-video){
+
+            }
+
+
                         /* Hide empty blocks */
             .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640:empty,
             .block-entity-fieldnodefield-type-de-ressource:empty,