Actualiser js/public.js

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 = '<option value="">Toutes les plateformes</option>';
     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;
         });
     }
@@ -167,6 +174,7 @@ function renderPublicGrid() {
         renderPagination(0);
         return;
     }
+    
     if (emptyState) emptyState.style.display = 'none';
     
     const totalPages = Math.ceil(filtered.length / itemsPerPage) || 1;
@@ -206,6 +214,7 @@ function renderPublicGrid() {
                     </div>
                 </div>`;
         }
+        
         grid.appendChild(card);
     });
     
@@ -215,6 +224,7 @@ function renderPublicGrid() {
 function renderPagination(totalPages) {
     const container = document.getElementById('pub-pagination');
     if (!container) return;
+    
     container.innerHTML = '';
     if (totalPages <= 1) return;
     
@@ -232,16 +242,20 @@ function renderPagination(totalPages) {
     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));
@@ -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');
@@ -308,25 +323,21 @@ function openDetail(id) {
                 ${f.streaming ? `<div class="tech-pill" style="margin-top:1.5rem; width:fit-content;"><i class="ti ti-device-tv"></i> Visionnage : ${f.streaming}</div>` : ''}
             `;
         } else {
-            // Modification : Ajout du bloc "Casting & Équipe" avec les réalisateurs et acteurs
             dBody.innerHTML = `
                 <div class="pub-tech-badges">
                     ${f.format ? `<span class="tech-pill format-gold"><i class="ti ti-disc"></i> ${f.format}</span>` : ''}
                     ${f.length ? `<span class="tech-pill"><i class="ti ti-clock"></i> ${f.length} Min</span>` : ''}
                     ${f.number_of_discs ? `<span class="tech-pill"><i class="ti ti-layers-intersect"></i> ${f.number_of_discs} Disque(s)</span>` : ''}
                 </div>
-                
                 <div class="pub-cast-crew">
                     <p><span class="cast-label">Réalisation :</span> <span class="cast-value">${f.director ? f.director : 'Non renseignée'}</span></p>
                     <p><span class="cast-label">Casting :</span> <span class="cast-value">${f.actors ? f.actors : 'Non renseigné'}</span></p>
                 </div>
-
                 <div class="pub-tech-grid">
                     <div class="tech-meta-item"><span class="tech-meta-label">Éditeur</span><span class="tech-meta-value">${f.publisher || '—'}</span></div>
                     <div class="tech-meta-item"><span class="tech-meta-label">Format Image</span><span class="tech-meta-value">${f.aspect_ratio || '—'}</span></div>
                     <div class="tech-meta-item" style="grid-column: span 2;"><span class="tech-meta-label">Code Barre (EAN)</span><span class="tech-meta-value">${f.ean_isbn13 || '—'}</span></div>
                 </div>
-
                 <div class="pub-synopsis-box">
                     <h4>Synopsis</h4>
                     <p>${f.description ? f.description : 'Aucun synopsis disponible pour ce support.'}</p>
@@ -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) => {