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

js affichage bandeau ressources

Browse Source
This commit is contained in:
ouidade
2025-05-20 11:02:06 +02:00
parent bf005f69a6
commit 091f946b30
5 changed files with 80 additions and 44 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
+39 -34
View File
@@ -5260,6 +5260,13 @@ svg.ext {
width: 100%;
margin: auto;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
font-size: 5rem;
color: rgb(9, 57, 139);
font-weight: 400;
text-align: center;
margin-bottom: 1rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
display: flex;
flex-direction: column;
@@ -5299,7 +5306,6 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
margin: auto;
background: rgb(255, 255, 255);
margin-top: 5rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
@@ -5373,7 +5379,6 @@ svg.ext {
top: 9rem;
left: 0;
background-color: rgb(255, 255, 255);
margin-top: 2rem;
margin-bottom: 5rem;
padding: 1rem;
padding-left: 2rem;
@@ -5407,13 +5412,13 @@ 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 .view-type-ressource-slide:not(footer) {
.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) {
width: 100%;
position: relative;
z-index: 0;
padding-bottom: 4rem;
}
.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-ressource-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: "";
position: absolute;
left: -30%;
@@ -5421,73 +5426,73 @@ svg.ext {
width: 110vw;
z-index: 0;
}
.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-ressource-slide:not(footer) > * {
.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) > * {
position: relative;
z-index: 1;
}
.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-ressource-slide:not(footer) h3 {
.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) h3 {
margin-top: 3rem;
text-transform: uppercase;
font-family: "Source Code Pro";
}
.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-ressource-slide:not(footer) h3 a {
.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) h3 a {
color: rgb(9, 57, 139) !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 .view-type-ressource-slide:not(footer) h3 a {
.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) h3 a {
display: flex;
flex-direction: row;
align-items: center;
}
.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-ressource-slide:not(footer) h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain 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-content .view-type-slide:not(footer) h3.type-publication-issue-du-programme-eqld a:before {
content: url("../images/pictos/picto-ressource-eqld.svg");
padding-right: 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-ressource-slide:not(footer) h3.type-paroles-de-laureats 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-content .view-type-slide:not(footer) h3.type-paroles-de-laureats a:before {
content: url("../images/pictos/picto-ressource-paroleslaureats.svg");
padding-right: 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-ressource-slide:not(footer) h3.type-les-projets-en-images 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-content .view-type-slide:not(footer) h3.type-les-projets-en-images a:before {
content: url("../images/pictos/picto-ressource-projetsimages.svg");
padding-right: 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-ressource-slide:not(footer) h3.type-presse 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-content .view-type-slide:not(footer) h3.type-presse a:before {
content: url("../images/pictos/picto-ressource-presse.svg");
padding-right: 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-ressource-slide:not(footer) .views-row-wrapper {
.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) .views-row-wrapper {
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 .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .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 .view-type-slide:not(footer) .views-row-wrapper .views-row {
display: flex;
width: 25%;
max-width: fit-content;
}
@media (max-width: 810px) {
.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-ressource-slide:not(footer) .views-row-wrapper {
.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) .views-row-wrapper {
flex-direction: column;
}
.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-ressource-slide:not(footer) .views-row-wrapper .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 .view-type-slide:not(footer) .views-row-wrapper .views-row {
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-ressource-slide:not(footer) .views-row-wrapper .slick-next::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) .views-row-wrapper .slick-next::before {
content: url("../images/pictos/fleche-droite-dans-rond.png");
display: block;
}
.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-ressource-slide:not(footer) .views-row-wrapper .slick-prev::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) .views-row-wrapper .slick-prev::before {
content: url("../images/pictos/fleche-droite-dans-rond.png");
display: block;
transform: scaleX(-1);
}
.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-ressource-slide:not(footer) .views-row-wrapper .slick-prev.slick-disabled::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-ressource-slide:not(footer) .views-row-wrapper .slick-next.slick-disabled::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) .views-row-wrapper .slick-prev.slick-disabled::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) .views-row-wrapper .slick-next.slick-disabled::before {
opacity: 0 !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 .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next {
.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) .views-row-wrapper .slick-next {
right: 3%;
}
.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-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain)::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:has(.type-publication-issue-du-programme-eqld)::before {
background-color: rgba(0, 158, 227, 0.2);
}
.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 .type-les-projets-en-images .slick-track {
@@ -6223,56 +6228,56 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
.node-type-ressource svg.ext {
display: none;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr);
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
grid-row: 2;
margin-bottom: 1rem;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-media {
order: 1;
grid-row: 1;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
order: 3;
grid-row: 3/span 5;
height: auto;
width: 90%;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img {
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
grid-row: 3;
margin-top: 0;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title a {
color: rgb(0, 158, 227);
font-size: 1.2rem;
font-style: normal;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
grid-row: 4;
color: rgb(0, 158, 227);
font-size: 0.8rem;
font-weight: 800;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
grid-row: 5;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
grid-row: 6;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
grid-row: 7;
}
.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs {
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
grid-row: 8;
}
@media (max-width: 479px) {
web/themes/custom/eql/scripts/main.js
+28 -2
View File
@@ -235,7 +235,7 @@ jQuery(function($) {
});
// //////// start class à views-row-wrapper ////////
// //////// start ajoute class à views-row-wrapper et view-type-slide dans /ressources ////////
$(document).ready(function () {
$(".views-row-wrapper").each(function () {
let h3 = $(this).prev("h3");
@@ -251,6 +251,7 @@ $(document).ready(function () {
$(this).addClass('type-' + className);
// Ajouter la même classe sur le <h3>
h3.addClass('type-' + className);
h3.closest('.view-type-slide').addClass('type-' + className); // ajouter aussi au bloc parent
}
});
@@ -270,6 +271,22 @@ $(document).ready(function () {
$(this).addClass('type-media-' + className);
});
////// cache les slide non voulue en fonction de la class /////////
const allowedTypes = [
"type-publication-issue-du-programme-eqld",
"type-paroles-de-laureats",
"type-les-projets-en-images",
"type-presse"
];
$(".view-type-slide").each(function () {
let $block = $(this);
let keep = allowedTypes.some(type => $block.hasClass(type));
if (!keep) {
$block.hide(); // ou fadeOut() si tu veux un effet
}
});
});
// /////// end class à views-row-wrapper ///////
@@ -284,6 +301,8 @@ document.querySelectorAll('a[href^="http"]').forEach(link => {
/////////////// end ouverture liens externes vers nouvel onglet //////////////////
/// start /// dans pages /projets après click sur appliquer filtres, scroll down la page au niveau des filtres //////
document.addEventListener("DOMContentLoaded", function () {
const form = document.querySelector(".views-exposed-form");
@@ -305,8 +324,13 @@ document.addEventListener("DOMContentLoaded", function () {
});
}
}
/// end //// dans pages /projets après click sur appliquer filtres, scroll down la page au niveau des filtres //////
document.querySelectorAll(".view-type-ressource-slide").forEach(view => {
//// start ne pas afficher type de ressource 2 fois dans /ressources //////
document.querySelectorAll(".view-type-slide").forEach(view => {
const h3Content = view.querySelector("h3 > a")?.textContent.trim();
view.querySelectorAll(".field--name-field-type-de-ressource").forEach(field => {
@@ -318,6 +342,8 @@ document.addEventListener("DOMContentLoaded", function () {
});
});
//// end ne pas afficher type de ressource 2 fois dans /ressources //////
});
})(jQuery, window);
web/themes/custom/eql/scss/pages/ressources.scss
+11 -6
View File
@@ -10,7 +10,13 @@
width: 100%;
margin: auto;
#block-contenudelapageprincipale{
h2{
font-size: 5rem;
color: $blue-dark;
font-weight: 400;
text-align: center;
margin-bottom: 1rem;
}
.layout--onecol{
.layout__region--content{
.block-region-content{
@@ -46,7 +52,7 @@
.field--name-field-introduction{
margin: auto;
background: $white;
margin-top:5rem;
// margin-top:5rem;
@media (max-width: 479px){
margin-top:1rem;
}
@@ -122,7 +128,6 @@
top: 9rem;
left: 0;
background-color: $white;
margin-top: 2rem;
margin-bottom: 5rem;
padding: 1rem;
padding-left: 2rem;
@@ -151,7 +156,7 @@
flex-direction: row;
flex-wrap: wrap;
width: 100%;
.view-type-ressource-slide:not(footer){
.view-type-slide:not(footer){
width: 100%;
position: relative;
z-index: 0;
@@ -179,7 +184,7 @@
flex-direction: row;
align-items: center;
}
h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain a{
h3.type-publication-issue-du-programme-eqld a{
&:before{
content:url("../images/pictos/picto-ressource-eqld.svg");
padding-right: 1rem;
@@ -241,7 +246,7 @@
}
.view-type-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain){
.view-type-slide:has(.type-publication-issue-du-programme-eqld){
&::before{
background-color: $background-actus;}
}
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss
+1 -1
View File
@@ -7,7 +7,7 @@
svg.ext{
display: none;
}
&.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
&.type-de-ressource-Publication-issue-du-programme-EQLD{
// background-color: $background-actus;
.wrapper-ressource{
display: grid;