Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Antoine:2a75dd5d00d28361789ed6045f828f56ce7f7668
Branches Tags
Antoine:main
..
compare: Antoine:6f6f6f75ff50834f96f45bcd326f2e56707eec03
Branches Tags
Antoine:main

No commits in common. "2a75dd5d00d28361789ed6045f828f56ce7f7668" and "6f6f6f75ff50834f96f45bcd326f2e56707eec03" have entirely different histories.
2a75dd5d00 ... 6f6f6f75ff

1 changed files with 3 additions and 33 deletions
Show Stats Expand all files Collapse all files

36
resources/js/chapter-progression.js
View File

@ -2,25 +2,6 @@ export default function observeChapterProgression() {
const hasChapterIndex = document.querySelector('.chapter_index__list');
if (!hasChapterIndex) return;
// Debug function to visualize rootMargin
// function createDebugOverlay() {
// const overlay = document.createElement('div');
// overlay.style.position = 'fixed';
// overlay.style.top = '10%';
// overlay.style.bottom = '70%';
// overlay.style.left = '0';
// overlay.style.right = '0';
// overlay.style.border = '2px solid red';
// overlay.style.pointerEvents = 'none';
// overlay.style.zIndex = '9999';
// overlay.style.opacity = '0.3';
// overlay.style.backgroundColor = 'rgba(255, 0, 0, 0.1)';
// document.body.appendChild(overlay);
// }
// Uncomment the line below to see the detection zone
// createDebugOverlay();
function handleLinkScrollToTarget(e) {
e.preventDefault();
let target = e.target.getAttribute('href');
@ -40,22 +21,12 @@ export default function observeChapterProgression() {
chapterIndicator.style.height = targetHeight + 'px';
}
function handleSetLinkActive(targetLink) {
const allLinks = document.querySelectorAll('.chapter_index__link');
allLinks.forEach((link) => {
link.classList.remove('active');
});
// targetLink.classList.add('active');
}
let chapterLinks = document.querySelectorAll('.chapter_index__link');
chapterLinks.forEach((link) => {
link.addEventListener('click', (e) => {
handleLinkScrollToTarget(e);
handleChapterIndicatorPosition(e.target);
handleSetLinkActive(e.target);
handleChapterIndicatorPosition(e.target.offsetTop);
});
});
@ -70,7 +41,6 @@ export default function observeChapterProgression() {
if (entry.isIntersecting) {
// Add 'active' class if observation target is inside viewport
handleChapterIndicatorPosition(relatedChapterLink);
entry.target.classList.add('active');
relatedChapterLink.classList.add('active');
} else {
@ -92,7 +62,7 @@ export default function observeChapterProgression() {
const plusLoinBlock = document.querySelector('#aller-plus-loin');
const helpHomegradeBlock = document.querySelector('#homegrade-vous-aide');
const partnersOtherServices = document.querySelector('#partenaires-autres-services');
const customTitles = document.querySelectorAll('.homegrade-blocks-custom-heading[id]');
let allBlocks = [];
if (vocabulaireSummaryBlock) allBlocks.push(vocabulaireSummaryBlock);
@ -103,7 +73,7 @@ export default function observeChapterProgression() {
allBlocks = [...allBlocks, ...questionsContainerBlocks];
if (postsContainerBlocks.length > 0) allBlocks = [...allBlocks, ...postsContainerBlocks];
if (chapitresThematiques.length > 0) allBlocks = [...allBlocks, ...chapitresThematiques];
if (customTitles.length > 0) allBlocks = [...allBlocks, ...customTitles];
return allBlocks;
}