Sources ${arr.map(s => `${s}`).join('')}

`; } function highlight(text, q) { if (!q || !text) return text; const idx = text.toLowerCase().indexOf(q.toLowerCase()); if (idx === -1) return text; return text.slice(0, idx) + `${text.slice(idx, idx+q.length)}` + text.slice(idx+q.length); } function subjectRow(s, q = '') { const isMatch = q && (s.name.toLowerCase().includes(q.toLowerCase()) || (s.ar || '').includes(q)); const cls = isMatch ? 'subject-row match' : 'subject-row'; return `

${iconFor(s.name)} ${highlight(s.name, q)}

${s.ar || ''} ${s.hours || ''}

`; } function renderCommonBlock(common, q) { if (!common || !common.length) return ''; return `

Matières communes (toutes sections)

${common.map(s => subjectRow(s, q)).join('')}

`; } function renderSections(cls, q) { if (!cls.sections) return ''; return `

Sections spécifiques

${cls.sections.map(sec => `

▶

${highlight(sec.name, q)}

${sec.arabic}

${sec.track ? `

${sec.track}

` : ''}

${sec.subjects.map(s => subjectRow(s, q)).join('')}

`).join('')} `; } const typeLabel = (t) => ({ commun: '🌳 Tronc commun', sectioned: '📚 Sections', exam: '🎓 Examen' }[t] || t); function hasMatch(cls, q) { if (!q) return false; const ql = q.toLowerCase(); const checkSubjects = arr => (arr || []).some(s => s.name?.toLowerCase().includes(ql) || s.ar?.includes(q)); return cls.name?.toLowerCase().includes(ql) || cls.arabic?.includes(q) || checkSubjects(cls.subjects) || checkSubjects(cls.common) || (cls.sections || []).some(sec => sec.name.toLowerCase().includes(ql) || sec.arabic?.includes(q) || checkSubjects(sec.subjects)); } function renderTree(filter = 'all', q = '', onlyClass = null) { const tree = document.getElementById('tree'); let html = ''; for (const group of DATA) { if (filter !== 'all' && filter !== 'expand' && filter !== group.cat) continue; const showAll = q || filter === 'expand'; html += `

${group.label}

${group.arabic}

`; for (const cls of group.cls) { const match = hasMatch(cls, q); const autoOpen = q && match; const focusOpen = onlyClass === cls.id; html += `

▶ ${cls.num} ${typeLabel(cls.type)} ${highlight(cls.name, q)} ${cls.arabic}

${cls.common ? renderCommonBlock(cls.common, q) : (cls.subjects ? `

${cls.subjects.map(s => subjectRow(s, q)).join('')}

` : '')} ${cls.sections ? renderSections(cls, q) : ''} ${cls.options && cls.options.length ? `

Matières à options

${cls.options.map(o => `

${iconFor(o)}${o}

`).join('')}

` : ''} ${srcHTML(cls.sources)}

`; } html += `

`; } tree.innerHTML = html; tree.querySelectorAll('.cycle-header').forEach(h => h.addEventListener('click', () => h.parentElement.classList.toggle('expanded'))); tree.querySelectorAll('.class-header').forEach(h => h.addEventListener('click', () => h.parentElement.classList.toggle('expanded'))); tree.querySelectorAll('.section-header').forEach(h => h.addEventListener('click', () => h.parentElement.classList.toggle('expanded'))); } document.addEventListener('DOMContentLoaded', () => { renderTree('all', '', null); document.getElementById('search').addEventListener('input', (e) => { const v = e.target.value.trim(); const f = document.querySelector('.filter-chip.active').dataset.filter; renderTree(f, v, null); }); document.querySelectorAll('.filter-chip').forEach(c => { c.addEventListener('click', () => { document.querySelectorAll('.filter-chip').forEach(x => x.classList.remove('active')); c.classList.add('active'); const v = document.getElementById('search').value.trim(); if (c.dataset.filter === 'expand') { renderTree('all', v, null); document.querySelectorAll('.cycle-block, .class-node, .section-block').forEach(n => n.classList.add('expanded')); } else { renderTree(c.dataset.filter, v, null); } }); }); document.querySelectorAll('.station').forEach(s => { s.addEventListener('click', () => { const target = s.dataset.target; const f = document.querySelector('.filter-chip.active').dataset.filter; const v = document.getElementById('search').value.trim(); renderTree(f === 'expand' ? 'all' : f, v, target); document.querySelectorAll('.station').forEach(x => x.classList.remove('active')); s.classList.add('active'); document.querySelectorAll('.cycle-block, .class-node, .section-block').forEach(n => n.classList.add('expanded')); setTimeout(() => { const node = document.querySelector(`.class-node[data-id="${target}"]`); if (node) node.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 50); }); }); });

Chargement en cours…