Skip to content Skip to sidebar Skip to footer

Chose size of group

', "SEIZOEN 3 (2025)|PRIVE LES|60 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 2|90 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 2|60 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 3|90 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 3|60 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 4|90 MIN LES": '
', "SEIZOEN 3 (2025)|GROEP VAN 4|60 MIN LES": '
', // SEIZOEN 1 - 2026 "SEIZOEN 1 - 2026|PRIVE LES|90 MIN LES": '
', "SEIZOEN 1 - 2026|PRIVE LES|60 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 2|90 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 2|60 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 3|90 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 3|60 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 4|90 MIN LES": '
', "SEIZOEN 1 - 2026|GROEP VAN 4|60 MIN LES": '
', // SEIZOEN 2 - 2026 "SEIZOEN 2 - 2026|PRIVE LES|90 MIN LES": '
', "SEIZOEN 2 - 2026|PRIVE LES|60 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 2|90 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 2|60 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 3|90 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 3|60 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 4|90 MIN LES": '
', "SEIZOEN 2 - 2026|GROEP VAN 4|60 MIN LES": '
', // SEIZOEN 3 - 2026 "SEIZOEN 3 - 2026|PRIVE LES|90 MIN LES": '
', "SEIZOEN 3 - 2026|PRIVE LES|60 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 2|90 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 2|60 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 3|90 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 3|60 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 4|90 MIN LES": '
', "SEIZOEN 3 - 2026|GROEP VAN 4|60 MIN LES": '
', }; function resetFromLevel(levelIndex) { for(let i=levelIndex; i < levels.length; i++) { levels[i].style.display = i === 0 || i < levelIndex ? 'flex' : 'none'; Array.from(levels[i].querySelectorAll('button')).forEach(btn => { btn.style.display = 'inline-block'; btn.classList.remove('active'); }); removeResetButton(levels[i]); delete selection[i+1]; } updateBreadcrumb(); calendar.innerHTML = ''; } function removeResetButton(levelDiv) { const existing = levelDiv.querySelector('.reset-btn'); if(existing) existing.remove(); } function addResetButton(levelDiv, targetButton) { if(levelDiv.dataset.level !== '1') return; removeResetButton(levelDiv); const btn = document.createElement('button'); btn.title = 'Wijzigen'; btn.className = 'reset-btn'; btn.textContent = '✕'; levelDiv.appendChild(btn); btn.addEventListener('click', () => { const lvl = parseInt(levelDiv.dataset.level); resetFromLevel(lvl - 1); }); } function updateBreadcrumb() { breadcrumb.innerHTML = ''; const keys = Object.keys(selection).sort(); if(keys.length === 0) return; const texts = keys.map(k => selection[k]); breadcrumb.textContent = texts.join(' → '); } levels.forEach((levelDiv, index) => { levelDiv.addEventListener('click', e => { if(e.target.tagName !== 'BUTTON' || e.target.classList.contains('reset-btn')) return; Array.from(levelDiv.querySelectorAll('button')).forEach(btn => { if(btn === e.target){ btn.classList.add('active'); btn.style.display = 'inline-block'; selection[index + 1] = btn.textContent; } else { btn.classList.remove('active'); btn.style.display = 'none'; } }); addResetButton(levelDiv, e.target); if(index + 1 < levels.length) { levels[index + 1].style.display = 'flex'; Array.from(levels[index + 1].querySelectorAll('button')).forEach(btn => { btn.style.display = 'inline-block'; btn.classList.remove('active'); }); for(let i = index + 2; i < levels.length; i++) { levels[i].style.display = 'none'; Array.from(levels[i].querySelectorAll('button')).forEach(btn => { btn.classList.remove('active'); btn.style.display = 'inline-block'; }); delete selection[i+1]; } calendar.innerHTML = ''; } else { showCalendar(); } updateBreadcrumb(); }); }); function showCalendar(){ const key = `${selection[1]}|${selection[2]}|${selection[3]}`; const shortcode = calendars[key] || '

Календарь не найден для выбранной опции.

'; calendar.innerHTML = `

Kalender voor:
${selection[1]} → ${selection[2]} → ${selection[3]}

${shortcode}
`; } resetFromLevel(0); })();