tableau info site

This commit is contained in:
ouidade 2024-11-06 11:39:38 +01:00
parent 8a5f0b9a90
commit b55564deef
4 changed files with 42 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@ -3098,6 +3098,10 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div {
flex: 0 0 50%; flex: 0 0 50%;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div .field_field_porteur_s_de_site {
border-bottom: none;
padding-bottom: 0;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div .field_field_nom_de_la_commune_nb_d_hab { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div .field_field_nom_de_la_commune_nb_d_hab {
border-bottom: none; border-bottom: none;
padding-bottom: 0; padding-bottom: 0;

View File

@ -572,30 +572,51 @@ document.addEventListener("DOMContentLoaded", function() {
//////////////////// end wrapper views-row lessites ///////////////////////// //////////////////// end wrapper views-row lessites /////////////////////////
///////////////////////////////////////
//////////////////// start div infos site ////////////////////////
// Vérifie si la page a la classe 'node-type-site' dans le <body> // Vérifie si la page a la classe 'node-type-site' dans le <body>
if (document.body.classList.contains('node-type-site')) { if (document.body.classList.contains('node-type-site')) {
// Sélectionne le conteneur principal // Sélectionne le conteneur principal
const blockRegion = document.querySelector('.block-region-second'); const blockRegion = document.querySelector('.block-region-second');
// Vérifie si le conteneur principal existe et contient suffisamment de divs // Liste des classes spécifiques à cibler
if (blockRegion && blockRegion.children.length >= 7) { const fieldClasses = [
// Sélectionne les divs enfants à partir du 3e jusqu'au 7e (indices 2 à 6 en JavaScript) '.field_field_region',
const elementsToWrap = Array.from(blockRegion.children).slice(2, 7); '.field_field_nom_du_qpv_nb_d_hab',
'.field_field_departement_s',
'.field_field_programme_de_l_etat',
'.field_field_porteur_s_de_site',
'.field_field_nom_de_la_commune_nb_d_hab'
];
// Crée un nouveau conteneur pour les divs sélectionnés // Sélectionne les div parents de chacun des champs listés
const elementsToWrap = [];
fieldClasses.forEach(className => {
const fieldElement = blockRegion.querySelector(className);
if (fieldElement) {
// Ajoute le parent du champ au tableau si trouvé
elementsToWrap.push(fieldElement.parentElement);
}
});
// Vérifie que des éléments ont été trouvés
if (elementsToWrap.length > 0) {
// Crée le conteneur avec la classe 'infos'
const infosContainer = document.createElement('div'); const infosContainer = document.createElement('div');
infosContainer.className = 'infos'; // Attribue la classe 'infos' au conteneur infosContainer.className = 'infos';
// Déplace chaque div sélectionné dans le nouveau conteneur // Insère le conteneur `.infos` avant le premier élément ciblé
const firstElement = elementsToWrap[0];
blockRegion.insertBefore(infosContainer, firstElement);
// Déplace chaque élément dans le conteneur `.infos`
elementsToWrap.forEach(element => infosContainer.appendChild(element)); elementsToWrap.forEach(element => infosContainer.appendChild(element));
// Ajoute le nouveau conteneur dans le conteneur principal à la place des éléments déplacés
blockRegion.insertBefore(infosContainer, blockRegion.children[2]);
} }
} }
//////////////////////////////////////////// //////////////////// end div infos site ////////////////////////
})(jQuery, window); })(jQuery, window);

View File

@ -215,6 +215,10 @@
div{ div{
flex: 0 0 50%; flex: 0 0 50%;
} }
div .field_field_porteur_s_de_site{
border-bottom: none;
padding-bottom: 0;
}
div .field_field_nom_de_la_commune_nb_d_hab{ div .field_field_nom_de_la_commune_nb_d_hab{
border-bottom: none; border-bottom: none;
padding-bottom: 0; padding-bottom: 0;