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

ajout menu aside pages projets

Browse Source
This commit is contained in:
Valentin
2024-11-06 16:59:14 +01:00
parent e6e9e9f7ac
commit dea01885d7
8 changed files with 318 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/themes/erabletheme/js/erabletheme.js
View File

@@ -120,15 +120,23 @@
let footer = document.querySelector('#footer_top');
function positionFluoLinks() {
// if window is more than 960px
for (let i = fluoButtons.length; i > 0 ; i--) {
let prevButtonBottom = fluoButtons[i] ? parseInt(fluoButtons[i].style.bottom) : 0;
let prevButtonHeight = fluoButtons[i] ? fluoButtons[i].offsetHeight : 0;
fluoButtons[i - 1].style.position = 'fixed';
fluoButtons[i - 1].style.left = document.querySelector('.projets') ? '76vw' : '75vw';
if (footer.offsetTop < window.innerHeight + window.scrollY && i === fluoButtons.length) {
fluoButtons[i - 1].style.bottom = `${window.innerHeight - footer.offsetTop + window.scrollY + 30}px`;
if (window.innerWidth > 1080) {
let prevButtonBottom = fluoButtons[i] ? parseInt(fluoButtons[i].style.bottom) : 0;
let prevButtonHeight = fluoButtons[i] ? fluoButtons[i].offsetHeight : 0;
fluoButtons[i - 1].style.position = 'fixed';
fluoButtons[i - 1].style.left = document.querySelector('.projets') ? '76vw' : '75vw';
if (footer.offsetTop < window.innerHeight + window.scrollY && i === fluoButtons.length) {
fluoButtons[i - 1].style.bottom = `${window.innerHeight - footer.offsetTop + window.scrollY + 30}px`;
} else {
fluoButtons[i - 1].style.bottom = i === fluoButtons.length ? '30px' : `${prevButtonBottom + prevButtonHeight + 15}px`;
}
} else {
fluoButtons[i - 1].style.bottom = i === fluoButtons.length ? '30px' : `${prevButtonBottom + prevButtonHeight + 15}px`;
fluoButtons[i - 1].style.position = 'relative';
fluoButtons[i - 1].style.left = '0';
fluoButtons[i - 1].style.bottom = '0';
}
}
}
@@ -246,10 +254,14 @@
// Aside menu toggle
//
const sideMenuTitle = document.querySelector('#block-erabletheme-leprogramme-2 h2');
const sideMenuTitle =
document.querySelector('#block-erabletheme-leprogramme-2 h2') ||
document.querySelector('#block-erabletheme-views-block-projets-block-1 h2');
if (sideMenuTitle) {
sideMenuTitle.addEventListener('click', () => {
const sideMenu = document.querySelector('#block-erabletheme-leprogramme-2 > ul');
const sideMenu = document.querySelector('#block-erabletheme-leprogramme-2 > ul') ||
document.querySelector('#block-erabletheme-views-block-projets-block-1 .projets_list');
const titleArrow = sideMenuTitle.querySelector('div');
if (!sideMenu.classList.contains('closed')) {
sideMenu.classList.add('closed');
@@ -261,6 +273,26 @@
});
}
//
// set active project in aside project menu
//
const asideProjectMenu = document.querySelector('#block-erabletheme-views-block-projets-block-1 .projets_list');
if (asideProjectMenu) {
for (let item of asideProjectMenu.children) {
const itemTitle = item.innerText;
const contentPage = document.querySelector('.projet_full');
const contentPageTitle = contentPage.querySelector('h2').innerText;
console.log(itemTitle, contentPageTitle);
if (itemTitle.toLowerCase() === contentPageTitle.toLowerCase()) {
item.querySelector('a').classList.add('is-active');
}
}
}
//
// index projets random shape
//
@@ -285,7 +317,6 @@
attach: function (context, settings) {
$(context).on('leafletMapInit', function (e, settings, map, mapid, markers) {
const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
console.log(leafletIcons);
for (let icon of leafletIcons) {
icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
}