En-têtes : ${rawH.map(h=>`
${esc(h)}`).join(' · ')}Mapping : ${ Object.keys(CANON).map(k=>`${k} → ${idx[k]!==undefined?'OK':'manquant'}`).join(' · ') }`; return rows.slice(1).map(r=>{ const o={}; Object.keys(CANON).forEach(k=>{ const i=idx[k]; o[k]=(i!==undefined && r[i]!=null)? r[i].trim() : ""; }); return o; }); } function cardHTML(x){ const titre=x.titre||'Sans titre', url=x.url_source||'#', cycle=x.cycle||'', discipline=x.discipline||'', type=x.type_ressource||'', resume=x.mini_resume||'', duree=x.duree_minutes||'', licence=x.licence||'', access=x.accessibilite||'', qual=x.note_qualite_0_100||'', dateC=x.date_dernier_controle||'', image=x.image_url||'', gratuit=(x.gratuit||'').toLowerCase()==='oui'?'Gratuit':''; return `
${esc(titre)}
${type? `${esc(type)}`:''}
${discipline? `${esc(discipline)}`:''}
${gratuit? `${esc(gratuit)}`:''}
${esc(resume)}
Cartes générées : ${n}`; if(n===0 && status){ status.innerHTML = "ℹ️ Aucune carte générée. Vérifie que la première ligne de données contient au moins
titre et url_source.";
}
}
function onceDomReady(fn){
if(document.readyState === 'complete' || document.readyState === 'interactive'){ setTimeout(fn, 0); }
else document.addEventListener('DOMContentLoaded', fn, {once:true});
}
async function fetchCSV(url, debug, status){
if(debug) debug.textContent = "Debug — JS footer actif, chargement…";
try{
const resp = await fetch(url, {cache:'no-store', credentials:'omit'});
if(debug) debug.innerHTML += `HTTP: ${resp.status} ${resp.statusText}`; if(!resp.ok) throw new Error(`HTTP ${resp.status}`); const txt = await resp.text(); if(debug){ const preview = txt.split('\n').slice(0,2).join('\n'); debug.innerHTML += `
Extrait:
${esc(preview)}`;
}
return txt;
}catch(e){
if(status) status.innerHTML = "❌ Échec du chargement CSV à l’URL 1.";
if(debug) debug.innerHTML += `Erreur 1 : ${esc(e.message)}`; throw e; } } async function init(){ const debug = $('#debug'), status=$('#status'), grid=$('#grid'), filters=$('#filters'); if(!grid){ console.warn("Pedagotheque: #grid introuvable"); return; } if(status) status.textContent = "Chargement des ressources…"; let txt; try{ txt = await fetchCSV(CSV_URL, debug, status); }catch(e){ if(FALLBACK_URL){ if(debug) debug.innerHTML += `
→ Tentative avec l’URL de secours…`; try{ txt = await fetchCSV(FALLBACK_URL, debug, status); }catch(e2){ if(status) status.innerHTML = "❌ Impossible de charger le CSV (URL principale et de secours)."; return; } }else{ return; } } const rows = parseCSV(txt); if(!rows.length){ if(status) status.innerHTML="❌ CSV vide ou mal formé."; return; } const records = toRecords(rows, debug); render(records, grid, debug, status); // Facettes dynamiques const uniq = arr => Array.from(new Set(arr.filter(Boolean))).sort((a,b)=>a.localeCompare(b,'fr',{sensitivity:'base'})); const make = (el,name,vals)=>{ if(!el) return; el.innerHTML = vals.map(v=>``).join(''); }; const facetCycle=$('#facet-cycle'), facetDis=$('#facet-discipline'), facetType=$('#facet-type'), facetAcc=$('#facet-access'); make(facetCycle,'cycle', uniq(records.map(x=>x.cycle))); make(facetDis,'discipline', uniq(records.map(x=>x.discipline))); make(facetType,'type', uniq(records.map(x=>x.type_ressource))); const accSplit = records.flatMap(x => (x.accessibilite||'').split(/[;,]/).map(s=>s.trim()).filter(Boolean)); make(facetAcc,'access', uniq(accSplit)); if(filters){ function getChecks(name){ return Array.from(filters.querySelectorAll(`input[name="${name}"]:checked`)).map(i=>i.value.toLowerCase()); } function matches(card){ const qv = ($('#q')?.value || '').trim().toLowerCase(); const cycles = getChecks('cycle'), dis=getChecks('discipline'), types=getChecks('type'), accs=getChecks('access'); const dm = parseInt($('#dur')?.value || '0', 10); const any = qv || cycles.length || dis.length || types.length || accs.length || (dm>0); if(!any) return true; const txt = (card.dataset.titre + ' ' + card.dataset.text).toLowerCase(); if (qv && !txt.includes(qv)) return false; if (cycles.length && !cycles.includes((card.dataset.cycle||'').toLowerCase())) return false; if (dis.length && !dis.includes((card.dataset.discipline||'').toLowerCase())) return false; if (types.length && !types.includes((card.dataset.type||'').toLowerCase())) return false; if (accs.length){ const v=(card.dataset.access||'').toLowerCase(); if (!accs.some(a => v.includes(a))) return false; } if (!Number.isNaN(dm) && dm>0){ const d=parseInt(card.dataset.duree || '999', 10); if (d > dm) return false; } return true; } function sortCards(list){ const mode = $('#sort')?.value || 'pertinence'; const toDate = s => new Date(s||'1970-01-01').getTime(); return list.sort((a,b)=>{ if(mode==='date') return toDate(b.dataset.date)-toDate(a.dataset.date); if(mode==='qualite') return (parseInt(b.dataset.qualite||'0',10))-(parseInt(a.dataset.qualite||'0',10)); if(mode==='duree') return (parseInt(a.dataset.duree||'0',10))-(parseInt(b.dataset.duree||'0',10)); return 0; }); } function apply(){ const cards = Array.from($('#grid').querySelectorAll('.card')); const vis = cards.filter(c=>matches(c)); const sorted = sortCards(vis); cards.forEach(c=>c.style.display='none'); sorted.forEach(c=>c.style.display=''); const cnt = $('#results-count'); if(cnt) cnt.textContent = `${sorted.length} ressource${sorted.length>1?'s':''} trouvée${sorted.length>1?'s':''}`; } filters.hidden=false; filters.addEventListener('input', apply); apply(); } if(status) status.textContent = ""; } onceDomReady(init); })();