grille view content filtered

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

@@ -5526,23 +5526,25 @@ 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 form select ::placeholder {
   display: none;
 }
-.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-content {
-  transition: opacity 0.3s ease;
+.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 .filtered {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  width: 100%;
 }
-.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-content .grid-layout,
-.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-content .grid-layout-inner {
-  display: flex;
-  flex-direction: row;
+.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 .filtered .views-row-wrapper {
   flex-wrap: wrap;
+  width: 85%;
 }
-.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-content .grid-layout .views-row,
-.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-content .grid-layout-inner .views-row {
+.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 .filtered .views-row-wrapper .views-row {
   padding: 1rem;
-  width: 25%;
+  width: 30% !important;
+}
+.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-content {
+  transition: opacity 0.3s ease;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
 }
 .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-content .view-type-slide.type-publication-issue-du-programme-eqld {
   order: 1;
@@ -5571,7 +5573,7 @@ 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-content .view-type-slide:not(footer)::before {
   content: "";
   position: absolute;
-  left: -30%;
+  left: -35%;
   height: 100%;
   width: 110vw;
   z-index: 0;

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

@@ -266,4 +266,13 @@ function initCarousel({ mainImage, prevArrow, nextArrow, caption, thumbsContaine
 
 
 
+//////////////////////////start classe en JS si des filtres sont présents///////////
+document.addEventListener('DOMContentLoaded', () => {
+  if (window.location.search.length > 0) {
+    document.querySelector('.view-content')?.classList.add('filtered');
+    document.querySelectorAll('.tout-voir').forEach(btn => btn.remove());
+
+  }
+});
+
 

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

@@ -286,26 +286,29 @@
                                             }
                                         }
                                     }
+                                    .filtered{
 
-                                    .view-content{
-                                        transition: opacity 0.3s ease;
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        width: 100%;
-                                        .grid-layout,
-                                        .grid-layout-inner{
+                                        .views-row-wrapper{
+                                            flex-wrap: wrap;
+                                            width: 85%;
+                                            .views-row {
 
+                                                padding: 1rem;
+                                                width: 30% !important;
+                                              }
+    
+                                        }
+                                    }
+                                    .view-content{
+                                        transition: opacity 0.3s ease;
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                          .views-row {
-
-                                            padding: 1rem;
-                                            width: 25%;
-                                          }
-                                        }
-                                        
+                                        width: 100%;
+                                          
                                         .view-type-slide.type-publication-issue-du-programme-eqld{
                                             order: 1;
                                             &::before{
@@ -326,7 +329,7 @@
                                             &::before {
                                                 content: "";
                                                 position: absolute;
-                                                left: -30%;
+                                                left: -35%;
                                                 height: 100%;
                                                 width: 110vw;
                                                 z-index: 0;

web/themes/custom/eql/templates/views-view-unformatted--base-de-donnees.html.twig

@@ -16,42 +16,30 @@
  */
 #}
 
-{#
-/**
- * Custom template to display unformatted rows for the view "base_de_donnees".
- */
-#}
-
 {%
   set view_wrapper_class = [
-    default_row_class ? 'views-row-wrapper',
+  default_row_class ? 'views-row-wrapper',
   ]
 %}
+{% if grouped_rows is defined %}
+  {% for type_class, group in grouped_rows %}
+    <div class="view-type-slide {{ type_class }}">
+      <h3 class="{{ type_class }}">{{ group.label }}</h3>
+      <button class="tout-voir" type="button" style="" target="_blank"><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=All&field_type_de_ressource_target_id=595&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Tout voir</a></button>
 
-<div class="view-content {{ is_filtered ? 'grid-layout' : 'use-slider' }}">
-  {% if grouped_rows is defined %}
-    {% for type_class, group in grouped_rows %}
-      <div class="view-type-slide {{ type_class }}">
-        <h3 class="{{ type_class }}">{{ group.label }}</h3>
-{% if not is_filtered %}
-        <button class="tout-voir" type="button" style="" target="_blank"><a href="http://dev.eql.fr//ressources?field_type_de_media_target_id=All&field_type_de_ressource_target_id=595&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Tout voir</a></button>
-{% endif %}
-        <div class="{{ is_filtered ? 'grid-layout-inner' : 'views-row-wrapper' }}">
-          {% for row in group.rows %}
-            <div{{ row.attributes.addClass('views-row') }}>
-              {{ row.content }}
-            </div>
-          {% endfor %}
-        </div>
+      <div class="views-row-wrapper">
+        {% for row in group.rows %}
+          <div{{ row.attributes.addClass('views-row') }}>
+            {{ row.content }}
+          </div>
+        {% endfor %}
       </div>
-    {% endfor %}
-  {% else %}
-    <div class="grid-layout-inner">
-      {% for row in rows %}
-        <div{{ row.attributes.addClass('views-row') }}>
-          {{ row.content }}
-        </div>
-      {% endfor %}
     </div>
-  {% endif %}
-</div>
+  {% endfor %}
+{% else %}
+  {% for row in rows %}
+    <div{{ row.attributes.addClass('views-row') }}>
+      {{ row.content }}
+    </div>
+  {% endfor %}
+{% endif %}