From 5f7028d068a99f1335fb7f153467eb062cb0041c Mon Sep 17 00:00:00 2001 From: Cedric Date: Mon, 22 Jun 2026 16:12:39 +0200 Subject: [PATCH] Actualiser js/public.js --- js/public.js | 43 +++++++++++++++++++++++++------------------ 1 file changed, 25 insertions(+), 18 deletions(-) diff --git a/js/public.js b/js/public.js index 966d437..6272a9e 100644 --- a/js/public.js +++ b/js/public.js @@ -1,12 +1,11 @@ -let films = []; const API_URL = '../api.php'; +let films = []; let currentPubTab = 'critique'; let activeRatingFilter = 0; let activeStreamingFilter = ''; let searchQuery = ''; let currentPage = 1; const itemsPerPage = 12; -let physicalOnlyFilter = false; function getStarsHTML(rating) { const r = parseFloat(rating) || 0; @@ -22,8 +21,8 @@ function getStarsHTML(rating) { function generateStreamingSelect() { const select = document.getElementById('pub-streaming-select'); if (!select) return; - const platforms = new Set(); // Fixed: S et -> Set - films.forEach(f => { // Fixed: = > -> => + const platforms = new Set(); + films.forEach(f => { if (f.type === 'critique' && f.streaming && f.streaming !== 'Disponible en support physique ou Cinéma' && f.streaming.trim() !== '') { @@ -49,7 +48,7 @@ function generateStreamingSelect() { } async function loadPublicData() { - try { + try { const response = await fetch(`${API_URL}?action=get_films`, { cache: 'default' }); films = await response.json(); generateStreamingSelect(); @@ -57,8 +56,7 @@ async function loadPublicData() { // Écouteur pour le filtre physique const physicalCheckbox = document.getElementById('physical-only-checkbox'); if (physicalCheckbox) { - physicalCheckbox.addEventListener('change', (e) => { - physicalOnlyFilter = e.target.checked; + physicalCheckbox.addEventListener('change', () => { currentPage = 1; renderPublicGrid(); }); @@ -81,6 +79,12 @@ function switchPubTab(tabName) { if (ratingBar) ratingBar.style.display = (tabName === 'critique') ? 'flex' : 'none'; if (select) select.style.display = (tabName === 'critique') ? 'block' : 'none'; + // 🔥 Cacher la case physique en mode vidéothèque + const physicalBox = document.querySelector('.physical-filter-box'); + if (physicalBox) { + physicalBox.style.display = (tabName === 'critique') ? 'block' : 'none'; + } + document.querySelectorAll('.rating-filter-btn').forEach(btn => { btn.classList.remove('active'); btn.querySelectorAll('.rf-star').forEach(s => s.classList.remove('filled')); @@ -113,13 +117,16 @@ function renderPublicGrid() { let filtered = films.filter(f => f.type === currentPubTab); - // FILTRE PHYSIQUE UNIQUENENT + // 🔥 FILTRE PHYSIQUE UNIQUEMENT (CORRIGÉ) + const physicalFilter = document.getElementById('physical-only-checkbox'); if (physicalFilter && physicalFilter.checked) { - filtered = filtered.filter(f => { - // Pour les critiques : vérifier le champ streaming + filtered = filtered.filter(f => { + // Pour les critiques : vérifier le champ streaming if (f.type === 'critique') { return f.streaming && f.streaming.toLowerCase().includes('support physique'); } + // Pour la vidéothèque : tout est physique par défaut + return true; }); } @@ -148,11 +155,11 @@ function renderPublicGrid() { } if (countLabel) { - countLabel.textContent = `${filtered.length} ${currentPubTab === 'critique' ? 'critique' : 'œuvre'}${filtered.length > 1 ? 's' : ''}`; // Fixed: filtere d -> filtered + countLabel.textContent = `${filtered.length} ${currentPubTab === 'critique' ? 'critique' : 'œuvre'}${filtered.length > 1 ? 's' : ''}`; } if (filtered.length === 0) { - if (emptyState) emptyState.style.display = 'block'; // Fixed: di splay -> display + if (emptyState) emptyState.style.display = 'block'; renderPagination(0); return; } @@ -212,14 +219,14 @@ function renderPagination(totalPages) { info.textContent = `Page ${currentPage} / ${totalPages}`; container.appendChild(info); - const prevBtn = document.createElement('button'); // Fixed: p revBtn -> prevBtn + const prevBtn = document.createElement('button'); prevBtn.innerHTML = ''; prevBtn.disabled = currentPage === 1; prevBtn.onclick = () => { currentPage--; renderPublicGrid(); window.scrollTo({ top: 0, behavior: 'smooth' }); }; container.appendChild(prevBtn); const maxButtons = 5; - let startPage = Math.max(1, currentPage - Math.floor(maxButtons / 2)); // Fixed: curren tPage -> currentPage + let startPage = Math.max(1, currentPage - Math.floor(maxButtons / 2)); let endPage = Math.min(totalPages, startPage + maxButtons - 1); if (endPage - startPage + 1 < maxButtons) { startPage = Math.max(1, endPage - maxButtons + 1); @@ -237,7 +244,7 @@ function renderPagination(totalPages) { } const nextBtn = document.createElement('button'); - nextBtn.innerHTML = ''; // Fixed: i nnerHTML -> innerHTML + nextBtn.innerHTML = ''; nextBtn.disabled = currentPage === totalPages; nextBtn.onclick = () => { currentPage++; renderPublicGrid(); window.scrollTo({ top: 0, behavior: 'smooth' }); }; container.appendChild(nextBtn); @@ -267,14 +274,14 @@ function openDetail(id) { const dTitle = document.getElementById('d-title'); const dMeta = document.getElementById('d-meta'); const dBody = document.getElementById('d-body'); - const detailModalLayout = document.getElementById('detail-modal-layout'); // Fixed: detailModalLa yout + const detailModalLayout = document.getElementById('detail-modal-layout'); const detailOverlay = document.getElementById('detail-overlay'); if (f.poster) { if (dPoster) dPoster.src = f.poster; if (dPosterWrap) { dPosterWrap.style.display = 'block'; - dPosterWrap.className = `detail-poster poster-${f.type}`; // Fixed: poster-$ {f.type} + dPosterWrap.className = `detail-poster poster-${f.type}`; } if (detailModalLayout) detailModalLayout.classList.remove('no-poster'); } else { @@ -283,7 +290,7 @@ function openDetail(id) { } if (dTitle) dTitle.textContent = f.title; - if (dMeta) dMeta.textContent = `${f.year ? f.year + ' | ' : ''}${f.director || 'Réalisateur inconnu'}`; // Fixed: Réa lisateur + if (dMeta) dMeta.textContent = `${f.year ? f.year + ' | ' : ''}${f.director || 'Réalisateur inconnu'}`; if (dBody) { if (f.type === 'critique') {