bouton media dynamiques

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

@@ -5465,11 +5465,11 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a:hover::before {
   content: url("../images/pictos/podcasts-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportages-photos a::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportage-photos a::before {
   content: url("../images/pictos/en-images.svg");
   padding-right: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportages-photos a:hover::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportage-photos a:hover::before {
   content: url("../images/pictos/en-images-blanc.svg");
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a::before {
@@ -5486,11 +5486,11 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications-rapports a::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications---rapports a::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications-rapports a:hover::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications---rapports a:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form::before {

web/themes/custom/eql/eql.theme

@@ -76,6 +76,9 @@ function eql_preprocess_page(array &$variables) {
   }
 }
 
+
+
+
 function eql_preprocess_block(array &$variables) {
   // Vérifie si on est sur une page node de type 'ressource'
   $route_match = \Drupal::routeMatch();
@@ -268,6 +271,28 @@ function eql_preprocess_views_view_unformatted(array &$variables) {
 }
 
 
+function eql_preprocess_form(&$variables) {
+  $terms = \Drupal::entityTypeManager()
+    ->getStorage('taxonomy_term')
+    ->loadTree('type_de_media');
+
+  $transliterator = \Drupal::service('transliteration');
+  $media_links = [];
+
+  foreach ($terms as $term) {
+    $slug = strtolower($transliterator->transliterate($term->name));
+    $slug = Html::cleanCssIdentifier($slug); // Nettoie pour CSS
+
+    $media_links[] = [
+      'tid' => $term->tid,
+      'label' => $term->name,
+      'slug' => $slug,
+    ];
+  }
+
+  $variables['media_links'] = $media_links;
+}
+
 
 
 

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

@@ -206,7 +206,7 @@
                                                         }
                                                     }
                                                 }
-                                                &.button-reportages-photos{
+                                                &.button-reportage-photos{
                                                     a {
                                                         &::before{
                                                         content:url("../images/pictos/en-images.svg");
@@ -239,7 +239,7 @@
                                                         }
                                                     }
                                                 }
-                                                &.button-publications-rapports{
+                                                &.button-publications---rapports{
                                                     a {
                                                         &::before{
                                                         content:url("../images/pictos/ecrits.svg");

web/themes/custom/eql/templates/partials/form.html.twig

@@ -12,7 +12,7 @@
  * @ingroup themeable
  */
 #}
-
+{# 
   <div class="buttons-filtres-ressources">
    <button class="button-videos" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=693&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Vidéos</a></button>
 
@@ -22,11 +22,20 @@
    <button class="button-livres" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Livres</a></button>
    <button class="button-articles" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=694&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Articles</a></button>
    <button class="button-publications-rapports" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Publications/rapports</a></button>
+</div> #}
+
+<div class="buttons-filtres-ressources">
+
+  {% for item in media_links %}
+    <button class="button-{{ item.slug }}" type="button">
+      <a href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}">
+        {{ item.label }}
+      </a>
+    </button>
+  {% endfor %}
 </div>
 
 
-
-
 <form{{ attributes }}>
   {{ children }}
 </form>