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

node projet diapo et lightbox

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-04 23:09:51 +01:00
parent 6cd60f5a08
commit e313c4520e
6 changed files with 141 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -562,7 +562,7 @@ $(document).ready(function(){
//////////////// start lightbox galerie image page site////////////////////////
// Sélection des images à ouvrir dans la lightbox
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger, .paragraph--type--projet-diapo .lightbox-trigger');
let currentIndex;
// Création de la lightbox
@@ -732,7 +732,6 @@ if (elementsToWrap.length > 0) {
//////////////////// start div infos actualité ////////////////////////
$(document).ready(function () {
// Vérifier si .layout-container A l'ID #page-node (et non un élément enfant)
if ($(".layout-container").attr("id") === "page-node") {
@@ -758,11 +757,9 @@ $(document).ready(function () {
});
}
});
//////////////////// end div infos actualité ////////////////////////
//////////////////////////////////////////////////////////////////
document.addEventListener("DOMContentLoaded", function() {
// Sélectionner les éléments à déplacer
const documentsField = document.querySelector(".field_field_documents");
@@ -819,9 +816,9 @@ function moveLanguageSwitcher() {
moveLanguageSwitcher();
window.addEventListener("resize", moveLanguageSwitcher);
});
/////////////////// end langswitcher position responsive///////////////////////////////////////////////////////////
/////////////// start class à view-rows-ressources ////////
$(document).ready(function () {
$(".view-rows-wrapper").each(function () {
@@ -923,8 +920,6 @@ $(document).ready(function () {
}
});
/////////////////// end voir plus... ressources ////////////////////
@@ -983,96 +978,9 @@ $(document).ready(function () {
})
}
});
/////////////////// end voir plus... actualite dans /actualites & /home ////////////////////
//////////////////////////////////////////
// /////////// Start script ressources ////////////////////////////////
// document.addEventListener("DOMContentLoaded", () => {
// const view = document.querySelector(".view");
// const elements = Array.from(view.children);
// let newView = document.createElement("div");
// newView.classList.add("view");
// let group = null;
// let groupContent = null;
// elements.forEach((el) => {
// if (el.tagName === "H3") {
// if (group) {
// newView.appendChild(group);
// }
// group = document.createElement("div");
// group.classList.add("group");
// groupContent = document.createElement("div");
// groupContent.classList.add("group-content");
// groupContent.appendChild(el);
// group.appendChild(groupContent);
// } else if (el.classList.contains("views-row")) {
// groupContent.appendChild(el);
// }
// });
// if (group) {
// newView.appendChild(group);
// }
// view.replaceWith(newView);
// // Ajouter un bouton "Voir plus" dans chaque groupe
// document.querySelectorAll(".group").forEach((group) => {
// const rows = group.querySelectorAll(".views-row");
// const button = document.createElement("button");
// button.classList.add("toggle-btn");
// button.textContent = "Voir plus de";
// rows.forEach((row, index) => {
// if (index >= 3) {
// row.classList.add("hidden");
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// }
// });
// button.addEventListener("click", () => {
// const isExpanded = button.textContent === "Voir moins de";
// const hiddenRows = group.querySelectorAll(".views-row.hidden");
// if (isExpanded) {
// // Cacher les lignes avec un délai pour l'effet de transition
// hiddenRows.forEach((row) => {
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
// });
// } else {
// // Afficher les lignes
// hiddenRows.forEach((row) => {
// row.classList.remove("hidden");
// row.style.maxHeight = row.scrollHeight + "px";
// row.style.opacity = "1";
// });
// }
// button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
// });
// group.appendChild(button);
// });
// });
// /////////// end script ressources ////////////////////////////////

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

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

@@ -4242,6 +4242,32 @@ body {
font-family: "gilroy-light";
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet {
display: flex !important;
flex-direction: row !important;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 2rem;
}
@media (max-width: 500px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet {
flex-direction: column !important;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .cadre-img-zoom img {
object-fit: cover;
width: 220px;
height: 145px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .image-field-caption {
margin: 0;
max-width: 200px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .image-field-caption p {
margin-top: 0;
font-size: 0.5rem;
font-family: "gilroy-light";
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens {
width: fit-content;