bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: bachir:4decc2f130b12cbf8ac3db09b52ace0679a32f3d
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
..
compare: bachir:master
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

7 Commits
4decc2f130 ... master

Author SHA1 Message Date
ouidade
29a4d44c8b add ressource 2026-06-23 23:21:29 +02:00
ouidade
26a8e45dca new ressource 2026-04-09 11:03:26 +02:00
ouidade
d8eb9b0e4a js bouton presentation equipe en eng 2026-03-12 12:22:07 +01:00
ouidade
5d208da095 css bouton lien galerie order 2026-03-12 11:43:54 +01:00
ouidade
87884a9091 css bouton lien galerie 2026-03-12 11:35:51 +01:00
ouidade
807fa02e76 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2026-03-12 11:28:36 +01:00
ouidade
58ae8435e9 display header right lang switcher 2026-03-12 11:11:17 +01:00
7 changed files with 223 additions and 15 deletions
Expand all files Collapse all files

22
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@@ -496,10 +496,19 @@ document.addEventListener('DOMContentLoaded', function () {
const photo = document.querySelector('.field_field_equipe_photo');
const pres = document.querySelector('.field_field_equipe_presentation');
const isEnglish = window.location.pathname.startsWith('/en/');
const openText = isEnglish
? "LEARN MORE ABOUT THE TEAM"
: "EN SAVOIR PLUS SUR L'ÉQUIPE";
const closeText = isEnglish
? "CLOSE THE TEAM PRESENTATION"
: "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
if (!photo || !pres) return;
// 🔒 Forcer l'état FERMÉ au chargement
// Forcer l'état FERMÉ au chargement
photo.classList.remove('is-open');
pres.classList.remove('is-open');
@@ -519,7 +528,8 @@ document.addEventListener('DOMContentLoaded', function () {
// 3. Création du bouton
const btn = document.createElement('button');
btn.className = 'btn-equipe-toggle';
btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.textContent = openText;
// btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'false');
// Insertion du bouton juste après le panel (et plus après "pres")
@@ -540,7 +550,8 @@ document.addEventListener('DOMContentLoaded', function () {
const fullHeight = panel.scrollHeight; // inclut photo + texte
panel.style.maxHeight = fullHeight + 'px';
btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
btn.textContent = closeText;
// btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'true');
}
@@ -555,7 +566,8 @@ document.addEventListener('DOMContentLoaded', function () {
pres.classList.remove('is-open');
});
btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.textContent = openText;
// btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'false');
}
@@ -1292,7 +1304,7 @@ document.addEventListener('DOMContentLoaded', function () {
}
// Ajuster le nombre d'éléments visibles en fonction du type
if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo" || typeClass.toLowerCase() === "type-les-webinaires-quartiers-de-demain")) {
visibleCount = 2; // Pour Podcast et Vidéo
} else if (typeClass === "type-kit-de-communication") {
visibleCount = 1; // Pour Kit de Communication

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

91
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -3727,7 +3727,7 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
margin-top: 2rem;
width: 100%;
order: 6;
order: 7;
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
@@ -3822,6 +3822,32 @@ body {
padding-left: 0.2rem;
height: 25px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) {
order: 6;
margin-top: 0.5rem;
width: 100%;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a {
display: inline-flex;
align-items: center;
color: white;
background: black;
padding-left: 0.5rem;
text-transform: uppercase;
font-size: 0.5rem;
margin-bottom: 0.3rem;
width: fit-content;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
height: 25px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 25% !important;
height: fit-content;
@@ -5777,6 +5803,69 @@ main {
font-size: 1rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row {
width: 22%;
padding: 0.5rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row {
width: 50%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row h2 {
margin-bottom: 0.2rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-date-ressource {
padding-top: 0.3rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-body-1 p {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-documents a,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-liens a {
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.4rem;
padding: 0.1rem 0.5rem;
padding-right: 0rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-documents a::after,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.1rem;
padding-left: 0.1rem;
height: 25px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row {
width: 43%;
margin: 1rem;
justify-content: space-between;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row {
width: 100%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row img {
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row iframe {
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row .views-field-title-1 {
margin-top: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row .views-field-field-liens {
display: none;
}
.type-documentation .views-field-body-1,
.type-documentation .views-field-field-images,

20
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@@ -438,10 +438,19 @@ document.addEventListener('DOMContentLoaded', function () {
const photo = document.querySelector('.field_field_equipe_photo');
const pres = document.querySelector('.field_field_equipe_presentation');
const isEnglish = window.location.pathname.startsWith('/en/');
const openText = isEnglish
? "LEARN MORE ABOUT THE TEAM"
: "EN SAVOIR PLUS SUR L'ÉQUIPE";
const closeText = isEnglish
? "CLOSE THE TEAM PRESENTATION"
: "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
if (!photo || !pres) return;
// 🔒 Forcer l'état FERMÉ au chargement
// Forcer l'état FERMÉ au chargement
photo.classList.remove('is-open');
pres.classList.remove('is-open');
@@ -461,7 +470,8 @@ document.addEventListener('DOMContentLoaded', function () {
// 3. Création du bouton
const btn = document.createElement('button');
btn.className = 'btn-equipe-toggle';
btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.textContent = openText;
// btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'false');
// Insertion du bouton juste après le panel (et plus après "pres")
@@ -482,7 +492,8 @@ document.addEventListener('DOMContentLoaded', function () {
const fullHeight = panel.scrollHeight; // inclut photo + texte
panel.style.maxHeight = fullHeight + 'px';
btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
btn.textContent = closeText;
// btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'true');
}
@@ -497,7 +508,8 @@ document.addEventListener('DOMContentLoaded', function () {
pres.classList.remove('is-open');
});
btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.textContent = openText;
// btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
btn.setAttribute('aria-expanded', 'false');
}

2
web/themes/custom/quartiers_de_demain/src/assets/js/ressources.js
View File

@@ -52,7 +52,7 @@
}
// Ajuster le nombre d'éléments visibles en fonction du type
if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo" || typeClass.toLowerCase() === "type-les-webinaires-quartiers-de-demain")) {
visibleCount = 2; // Pour Podcast et Vidéo
} else if (typeClass === "type-kit-de-communication") {
visibleCount = 1; // Pour Kit de Communication

33
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -269,7 +269,7 @@
div:has(.field_field_parties){
margin-top: 2rem;
width: 100%;
order:6;
order:7;
@media(max-width: 500px){
width: 100%;
}
@@ -378,8 +378,37 @@
}
}
}
div:has(.field_field_liens){
div:has(.field_field_liens_site){
order: 6;
margin-top: 0.5rem;
width: 100%;
.field_field_liens_site{
a{
display: inline-flex;
align-items: center;
color: white;
background: black;
padding-left: 0.5rem;
text-transform: uppercase;
font-size: 0.5rem;
margin-bottom: 0.3rem;
width: fit-content;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
height: 25px;
// padding-bottom: 0.2rem;
}
}
}
}
}
}

66
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
View File

@@ -362,6 +362,72 @@
}
}
&.type-Les-Perspectives-Quartiers-de-demain{
.views-row{
width: 22%;
padding: 0.5rem;
@media(max-width: 810px){
width: 50%;
}
h2{margin-bottom: 0.2rem;}
.views-field-field-date-ressource{
padding-top: 0.3rem;
}
.views-field-body-1 p{
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
.views-field-field-documents a,
.views-field-field-liens a{
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.4rem;
padding: 0.1rem 0.5rem;
padding-right: 0rem;
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.1rem;
padding-left: 0.1rem;
height: 25px;
}
}
.views-field-field-liens{
}
}
}
&.type-Les-Webinaires-Quartiers-de-demain{
.views-row{
width: 43%;
margin: 1rem;
justify-content: space-between;
@media(max-width: 810px){
width: 100%;
}
img{
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 9px;
}
iframe{
border-radius: 9px;
}
.views-field-title-1{margin-top: 1rem;}
.views-field-field-liens{
display: none;
}
}
}
}
// }