grille si filtered

This commit is contained in:
2025-05-27 22:13:59 +02:00
parent 3d3680fbd7
commit 38ac43bf77
6 changed files with 82 additions and 38 deletions
File diff suppressed because one or more lines are too long
+12
View File
@@ -5533,6 +5533,18 @@ svg.ext {
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: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
}
.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 {
background: #fff;
border: 1px solid #ccc;
padding: 1rem;
}
.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;
}
+1
View File
@@ -261,6 +261,7 @@ function eql_preprocess_views_view_unformatted(array &$variables) {
$variables['unclassified_rows'] = $unclassified_rows;
$variables['rows'] = []; // désactive affichage par défaut
$variables['is_filtered'] = !$filter_slides;
}
+22 -16
View File
@@ -110,26 +110,32 @@ jQuery(function ($) {
}
}
});
$('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
slidesToShow: 3,
dots: false,
arrows: true,
infinite: false,
centerMode: false,
draggable: true,
responsive: [{
breakpoint: 810,
settings: {
document.addEventListener('DOMContentLoaded', () => {
const wrapper = document.querySelector('.view-content');
if (wrapper && !wrapper.classList.contains('grid-layout')) {
$('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
slidesToShow: 3,
arrows: false,
dots: false,
arrows: true,
infinite: false,
centerMode: false,
draggable: true,
centerMode: true,
}
}]
responsive: [{
breakpoint: 810,
settings: {
slidesToShow: 3,
arrows: false,
draggable: true,
centerMode: true,
}
}]
});
}
});
// Classes media → .wrapper-ressource
$(".wrapper-ressource").each(function () {
const media = $(this).find(".field--name-field-type-de-media").text().trim();
@@ -293,6 +293,19 @@
flex-direction: row;
flex-wrap: wrap;
width: 100%;
.grid-layout,
.grid-layout-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
.views-row {
background: #fff;
border: 1px solid #ccc;
padding: 1rem;
}
}
.view-type-slide.type-publication-issue-du-programme-eqld{
order: 1;
&::before{
@@ -16,30 +16,42 @@
*/
#}
{#
/**
* 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="views-row-wrapper">
{% for row in group.rows %}
<div{{ row.attributes.addClass('views-row') }}>
{{ row.content }}
</div>
{% endfor %}
</div>
</div>
{% endfor %}
{% else %}
{% for row in rows %}
<div{{ row.attributes.addClass('views-row') }}>
{{ row.content }}
</div>
{% endfor %}
<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>
{% endfor %}
{% else %}
<div class="grid-layout-inner">
{% for row in rows %}
<div{{ row.attributes.addClass('views-row') }}>
{{ row.content }}
</div>
{% endfor %}
</div>
{% endif %}
</div>