bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

grille view content filtered

Browse Source
This commit is contained in:
ouidade
2025-05-27 23:21:08 +02:00
parent 1614187f3f
commit 616cc2529c
5 changed files with 61 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+14 -12
View File
@@ -5526,6 +5526,19 @@ 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 { .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; 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 .filtered {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.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 .filtered .views-row-wrapper .views-row {
padding: 1rem;
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 { .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; transition: opacity 0.3s ease;
display: flex; display: flex;
@@ -5533,17 +5546,6 @@ svg.ext {
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; 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;
flex-wrap: wrap;
}
.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 {
padding: 1rem;
width: 25%;
}
.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 { .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; 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 { .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: ""; content: "";
position: absolute; position: absolute;
left: -30%; left: -35%;
height: 100%; height: 100%;
width: 110vw; width: 110vw;
z-index: 0; z-index: 0;
web/themes/custom/eql/scripts/main.js
+9
View File
@@ -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
+16 -13
View File
@@ -286,25 +286,28 @@
} }
} }
} }
.filtered{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-row-wrapper{
flex-wrap: wrap;
width: 85%;
.views-row {
padding: 1rem;
width: 30% !important;
}
}
}
.view-content{ .view-content{
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
.grid-layout,
.grid-layout-inner{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-row {
padding: 1rem;
width: 25%;
}
}
.view-type-slide.type-publication-issue-du-programme-eqld{ .view-type-slide.type-publication-issue-du-programme-eqld{
order: 1; order: 1;
@@ -326,7 +329,7 @@
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
left: -30%; left: -35%;
height: 100%; height: 100%;
width: 110vw; width: 110vw;
z-index: 0; z-index: 0;
web/themes/custom/eql/templates/views-view-unformatted--base-de-donnees.html.twig
+20 -32
View File
@@ -16,42 +16,30 @@
*/ */
#} #}
{#
/**
* Custom template to display unformatted rows for the view "base_de_donnees".
*/
#}
{% {%
set view_wrapper_class = [ 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' }}"> <div class="views-row-wrapper">
{% if grouped_rows is defined %} {% for row in group.rows %}
{% for type_class, group in grouped_rows %} <div{{ row.attributes.addClass('views-row') }}>
<div class="view-type-slide {{ type_class }}"> {{ row.content }}
<h3 class="{{ type_class }}">{{ group.label }}</h3> </div>
{% if not is_filtered %} {% endfor %}
<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> </div>
{% endfor %}
{% else %}
<div class="grid-layout-inner">
{% for row in rows %}
<div{{ row.attributes.addClass('views-row') }}>
{{ row.content }}
</div>
{% endfor %}
</div> </div>
{% endif %} {% endfor %}
</div> {% else %}
{% for row in rows %}
<div{{ row.attributes.addClass('views-row') }}>
{{ row.content }}
</div>
{% endfor %}
{% endif %}