diff --git a/js/public.js b/js/public.js index 800f9e4..0e2f219 100644 --- a/js/public.js +++ b/js/public.js @@ -21,6 +21,7 @@ function getStarsHTML(rating) { function generateStreamingSelect() { const select = document.getElementById('pub-streaming-select'); if (!select) return; + const platforms = new Set(); films.forEach(f => { if (f.type === 'critique' && f.streaming && @@ -32,6 +33,7 @@ function generateStreamingSelect() { }); } }); + const sortedPlatforms = Array.from(platforms).sort(); select.innerHTML = ''; sortedPlatforms.forEach(platform => { @@ -40,6 +42,7 @@ function generateStreamingSelect() { option.textContent = platform; select.appendChild(option); }); + select.addEventListener('change', (e) => { activeStreamingFilter = e.target.value; currentPage = 1; @@ -52,12 +55,11 @@ async function loadPublicData() { const response = await fetch(`${API_URL}?action=get_films`, { cache: 'default' }); const data = await response.json(); - // ✅ CORRECTION : Fusionner les deux tableaux en un seul + // ✅ CORRECTION : Fusionner les deux tableaux films = [...(data.critique || []), ...(data.videotheque || [])]; generateStreamingSelect(); - // Écouteur pour le filtre physique const physicalCheckbox = document.getElementById('physical-only-checkbox'); if (physicalCheckbox) { physicalCheckbox.addEventListener('change', () => { @@ -77,13 +79,15 @@ function switchPubTab(tabName) { activeRatingFilter = 0; activeStreamingFilter = ''; currentPage = 1; + const select = document.getElementById('pub-streaming-select'); if (select) select.value = ''; + const ratingBar = document.getElementById('rating-filter-bar'); 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'; @@ -93,15 +97,19 @@ function switchPubTab(tabName) { btn.classList.remove('active'); btn.querySelectorAll('.rf-star').forEach(s => s.classList.remove('filled')); }); + document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active')); const activeBtn = document.getElementById(`tab-pub-${tabName}s`); if (activeBtn) activeBtn.classList.add('active'); + renderPublicGrid(); } function filterByRating(stars) { if (currentPubTab !== 'critique') return; + activeRatingFilter = (activeRatingFilter === stars) ? 0 : stars; + document.querySelectorAll('.rating-filter-btn').forEach(btn => { const n = parseInt(btn.dataset.stars); btn.classList.toggle('active', n === activeRatingFilter); @@ -109,6 +117,7 @@ function filterByRating(stars) { s.classList.toggle('filled', i < activeRatingFilter); }); }); + renderPublicGrid(); } @@ -116,20 +125,18 @@ function renderPublicGrid() { const grid = document.getElementById('grid'); const emptyState = document.getElementById('empty-state'); const countLabel = document.getElementById('count-label'); + if (!grid) return; grid.innerHTML = ''; let filtered = films.filter(f => f.type === currentPubTab); - - // 🔥 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 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; }); } @@ -140,7 +147,7 @@ function renderPublicGrid() { return Math.round(rating) === activeRatingFilter; }); } - + if (currentPubTab === 'critique' && activeStreamingFilter) { const filterLower = activeStreamingFilter.toLowerCase(); filtered = filtered.filter(f => { @@ -149,7 +156,7 @@ function renderPublicGrid() { return platforms.includes(filterLower); }); } - + if (searchQuery) { const q = searchQuery.toLowerCase(); filtered = filtered.filter(f => @@ -157,23 +164,24 @@ function renderPublicGrid() { (f.director && f.director.toLowerCase().includes(q)) ); } - + if (countLabel) { countLabel.textContent = `${filtered.length} ${currentPubTab === 'critique' ? 'critique' : 'œuvre'}${filtered.length > 1 ? 's' : ''}`; } - + if (filtered.length === 0) { if (emptyState) emptyState.style.display = 'block'; renderPagination(0); return; } + if (emptyState) emptyState.style.display = 'none'; - + const totalPages = Math.ceil(filtered.length / itemsPerPage) || 1; if (currentPage > totalPages) currentPage = totalPages; const startIdx = (currentPage - 1) * itemsPerPage; const pageItems = filtered.slice(startIdx, startIdx + itemsPerPage); - + pageItems.forEach(f => { const card = document.createElement('div'); card.className = 'card'; @@ -182,7 +190,7 @@ function renderPublicGrid() { let posterHTML = f.poster ? `
${f.title}
` : `
Pas d'affiche
`; - + if (f.type === 'critique') { const starsHTML = getStarsHTML(f.rating) + `${parseFloat(f.rating)}`; card.innerHTML = ` @@ -206,15 +214,17 @@ function renderPublicGrid() { `; } + grid.appendChild(card); }); - + renderPagination(totalPages); } function renderPagination(totalPages) { const container = document.getElementById('pub-pagination'); if (!container) return; + container.innerHTML = ''; if (totalPages <= 1) return; @@ -222,31 +232,35 @@ function renderPagination(totalPages) { info.className = 'pub-pagination-info'; info.textContent = `Page ${currentPage} / ${totalPages}`; container.appendChild(info); - + 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)); let endPage = Math.min(totalPages, startPage + maxButtons - 1); + if (endPage - startPage + 1 < maxButtons) { startPage = Math.max(1, endPage - maxButtons + 1); } + if (startPage > 1) { container.appendChild(createPubPageBtn(1)); if (startPage > 2) container.appendChild(createPubEllipsis()); } + for (let i = startPage; i <= endPage; i++) { container.appendChild(createPubPageBtn(i)); } + if (endPage < totalPages) { if (endPage < totalPages - 1) container.appendChild(createPubEllipsis()); container.appendChild(createPubPageBtn(totalPages)); } - + const nextBtn = document.createElement('button'); nextBtn.innerHTML = ''; nextBtn.disabled = currentPage === totalPages; @@ -273,6 +287,7 @@ function createPubEllipsis() { function openDetail(id) { const f = films.find(item => item.id == id); if (!f) return; + const dPoster = document.getElementById('d-poster'); const dPosterWrap = document.getElementById('d-poster-wrap'); const dTitle = document.getElementById('d-title'); @@ -292,10 +307,10 @@ function openDetail(id) { if (dPosterWrap) dPosterWrap.style.display = 'none'; if (detailModalLayout) detailModalLayout.classList.add('no-poster'); } - + if (dTitle) dTitle.textContent = f.title; if (dMeta) dMeta.textContent = `${f.year ? f.year + ' | ' : ''}${f.director || 'Réalisateur inconnu'}`; - + if (dBody) { if (f.type === 'critique') { const stars = getStarsHTML(f.rating) + `${parseFloat(f.rating)}/5`; @@ -308,25 +323,21 @@ function openDetail(id) { ${f.streaming ? `
Visionnage : ${f.streaming}
` : ''} `; } else { - // Modification : Ajout du bloc "Casting & Équipe" avec les réalisateurs et acteurs dBody.innerHTML = `
${f.format ? ` ${f.format}` : ''} ${f.length ? ` ${f.length} Min` : ''} ${f.number_of_discs ? ` ${f.number_of_discs} Disque(s)` : ''}
-

Réalisation : ${f.director ? f.director : 'Non renseignée'}

Casting : ${f.actors ? f.actors : 'Non renseigné'}

-
Éditeur${f.publisher || '—'}
Format Image${f.aspect_ratio || '—'}
Code Barre (EAN)${f.ean_isbn13 || '—'}
-

Synopsis

${f.description ? f.description : 'Aucun synopsis disponible pour ce support.'}

@@ -334,6 +345,7 @@ function openDetail(id) { `; } } + if (detailOverlay) detailOverlay.classList.add('open'); } @@ -344,6 +356,7 @@ function closeDetail() { document.addEventListener('DOMContentLoaded', () => { loadPublicData(); + const searchInput = document.getElementById('pub-search-input'); if (searchInput) { searchInput.addEventListener('input', (e) => {