tableau info site
This commit is contained in:
parent
8a5f0b9a90
commit
b55564deef
File diff suppressed because one or more lines are too long
|
@ -3098,6 +3098,10 @@ body {
|
|||
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div {
|
||||
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 {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
|
|
|
@ -572,30 +572,51 @@ document.addEventListener("DOMContentLoaded", function() {
|
|||
//////////////////// end wrapper views-row lessites /////////////////////////
|
||||
|
||||
|
||||
///////////////////////////////////////
|
||||
|
||||
//////////////////// start div infos site ////////////////////////
|
||||
|
||||
// Vérifie si la page a la classe 'node-type-site' dans le <body>
|
||||
if (document.body.classList.contains('node-type-site')) {
|
||||
// Sélectionne le conteneur principal
|
||||
const blockRegion = document.querySelector('.block-region-second');
|
||||
|
||||
// Vérifie si le conteneur principal existe et contient suffisamment de divs
|
||||
if (blockRegion && blockRegion.children.length >= 7) {
|
||||
// Sélectionne les divs enfants à partir du 3e jusqu'au 7e (indices 2 à 6 en JavaScript)
|
||||
const elementsToWrap = Array.from(blockRegion.children).slice(2, 7);
|
||||
// Liste des classes spécifiques à cibler
|
||||
const fieldClasses = [
|
||||
'.field_field_region',
|
||||
'.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');
|
||||
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));
|
||||
}
|
||||
}
|
||||
//////////////////// end div infos site ////////////////////////
|
||||
|
||||
|
||||
// Ajoute le nouveau conteneur dans le conteneur principal à la place des éléments déplacés
|
||||
blockRegion.insertBefore(infosContainer, blockRegion.children[2]);
|
||||
}
|
||||
}
|
||||
////////////////////////////////////////////
|
||||
|
||||
})(jQuery, window);
|
||||
|
||||
|
|
|
@ -215,6 +215,10 @@
|
|||
div{
|
||||
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{
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
|
|
Loading…
Reference in New Issue