const API_URL = '../api.php'; let allItems = []; let currentAdminTab = 'critique'; let currentPage = 1; const itemsPerPage = 12; let searchQuery = ''; let selectedIds = new Set(); // ── GÉNÉRATEUR D'ÉTOILES (Supporte les demi-étoiles) ── function getStarsHTML(rating) { const r = parseFloat(rating) || 0; const full = Math.floor(r); const hasHalf = (r - full) >= 0.5; const empty = 5 - Math.ceil(r); let html = '★'.repeat(full); if (hasHalf) html += ''; html += `${'☆'.repeat(empty)}`; return html; } // ── PARSER CSV ── function parseCSV(text) { if (text.charCodeAt(0) === 0xFEFF) text = text.slice(1); const rows = []; let col = '', row = [], inQuotes = false; for (let i = 0; i < text.length; i++) { const c = text[i]; if (inQuotes) { if (c === '"') { if (text[i+1] === '"') { col += '"'; i++; } else inQuotes = false; } else col += c; } else { if (c === '"') inQuotes = true; else if (c === ',') { row.push(col); col = ''; } else if (c === '\n' || c === '\r') { if (c === '\r' && text[i+1] === '\n') i++; row.push(col); col = ''; if (row.length > 1 || row[0] !== '') rows.push(row); row = []; } else col += c; } } if (col !== '' || row.length > 0) { row.push(col); rows.push(row); } if (rows.length === 0) return []; const headers = rows[0].map(h => h.trim()); const data = []; for (let i = 1; i < rows.length; i++) { if (rows[i].length === headers.length) { const obj = {}; headers.forEach((h, idx) => obj[h] = rows[i][idx]); data.push(obj); } } return data; } // ── BARRE DE PROGRESSION ── function showProgressModal(total) { document.getElementById('progress-text').textContent = 'Traitement des films et récupération TMDB...'; document.getElementById('progress-bar').style.width = '0%'; document.getElementById('progress-count').textContent = `0 / ${total}`; document.getElementById('progress-overlay').classList.add('open'); } function updateProgressModal(current, total) { const pct = Math.round((current / total) * 100); document.getElementById('progress-bar').style.width = pct + '%'; document.getElementById('progress-count').textContent = `${current} / ${total}`; } function closeProgressModal() { document.getElementById('progress-overlay').classList.remove('open'); } // ── INITIALISATION ── document.addEventListener('DOMContentLoaded', () => { loadDashboardData(); initEventListeners(); const confirmBtn = document.getElementById('confirm-btn'); if (confirmBtn) { confirmBtn.addEventListener('click', () => { if (pendingDeleteAction) pendingDeleteAction(); closeConfirmModal(); }); } }); function initEventListeners() { const filmForm = document.getElementById('film-form'); if (filmForm) filmForm.addEventListener('submit', saveFilmForm); const csvInput = document.getElementById('csv-file'); if (csvInput) csvInput.addEventListener('change', (e) => handleCsvUpload(e.target)); const searchInput = document.getElementById('search-input'); if (searchInput) { searchInput.addEventListener('input', (e) => { searchQuery = e.target.value; currentPage = 1; renderAdminTable(); }); } document.addEventListener('click', (e) => { if (e.target.classList.contains('modal-close') || e.target.closest('.modal-close')) { const overlay = e.target.closest('.overlay'); if (overlay) overlay.classList.remove('open'); } if (e.target.classList.contains('overlay')) { e.target.classList.remove('open'); } }); } // ── CHARGEMENT DES DONNÉES ── async function loadDashboardData() { try { const res = await fetch(`${API_URL}?action=get_films`, { cache: 'no-store' }); allItems = await res.json(); const secRes = await fetch(`${API_URL}?action=check_security_status`, { cache: 'no-store' }); const secData = await secRes.json(); const banner = document.getElementById('security-banner'); if (banner) banner.style.display = secData.is_blank ? 'flex' : 'none'; renderAdminTable(); } catch (err) { console.error('Erreur chargement :', err); } } // ── RENDU DU TABLEAU ── function renderAdminTable() { const tbody = document.getElementById('admin-table-body'); if (!tbody) return; tbody.innerHTML = ''; let filtered = allItems.filter(item => item.type === currentAdminTab); if (searchQuery) { const q = searchQuery.toLowerCase(); filtered = filtered.filter(f => f.title.toLowerCase().includes(q) || (f.director && f.director.toLowerCase().includes(q)) ); } const countLabel = document.getElementById('admin-count-label'); if (countLabel) countLabel.textContent = `${filtered.length} élément(s)`; 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 tr = document.createElement('tr'); let infoHtml = ''; if (currentAdminTab === 'critique') { infoHtml = `
${getStarsHTML(f.rating)} ${parseFloat(f.rating).toFixed(1)}
`; if (f.streaming && f.streaming !== 'Disponible en support physique ou Cinéma') { infoHtml += `${f.streaming}`; } else { infoHtml += `🎟️ Cinéma / Physique`; } } else { infoHtml = `${f.format || '-'}`; if (f.length) infoHtml += `${f.length}`; } tr.innerHTML = ` ${f.poster ? `Affiche` : '
'} ${f.title} ${f.year || '-'} ${f.director || '-'}
${infoHtml}
`; tbody.appendChild(tr); }); document.querySelectorAll('.film-checkbox').forEach(cb => { cb.checked = selectedIds.has(cb.value); }); renderPagination(totalPages, filtered.length); } // ── SÉLECTION ─ function toggleSingleSelect(id, checkbox) { if (checkbox.checked) { selectedIds.add(String(id)); } else { selectedIds.delete(String(id)); } updateBulkBar(); const selectAll = document.getElementById('select-all-checkbox'); const filtered = allItems.filter(item => item.type === currentAdminTab); if (selectAll) { selectAll.checked = filtered.length > 0 && filtered.every(f => selectedIds.has(String(f.id))); } } function toggleSelectAll(source) { const filtered = allItems.filter(item => item.type === currentAdminTab); if (source.checked) { filtered.forEach(f => selectedIds.add(String(f.id))); } else { filtered.forEach(f => selectedIds.delete(String(f.id))); } document.querySelectorAll('.film-checkbox').forEach(cb => { cb.checked = selectedIds.has(cb.value); }); updateBulkBar(); } function updateBulkBar() { const bulkBar = document.getElementById('bulk-actions-bar'); const bulkCount = document.getElementById('bulk-count'); if (selectedIds.size > 0) { if (bulkBar) bulkBar.style.display = 'flex'; if (bulkCount) bulkCount.textContent = selectedIds.size; } else { if (bulkBar) bulkBar.style.display = 'none'; const selectAll = document.getElementById('select-all-checkbox'); if (selectAll) selectAll.checked = false; } } // ── PAGINATION ── function renderPagination(totalPages, totalItems) { const container = document.getElementById('pagination-container'); if (!container) return; container.innerHTML = ''; if (totalItems === 0) { container.innerHTML = '

Aucun élément trouvé.

'; return; } const info = document.createElement('span'); info.className = 'pagination-info'; info.textContent = `Page ${currentPage} sur ${totalPages}`; container.appendChild(info); const prevBtn = document.createElement('button'); prevBtn.innerHTML = ''; prevBtn.disabled = currentPage === 1; prevBtn.onclick = () => { currentPage--; renderAdminTable(); }; 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(createPageBtn(1)); if (startPage > 2) container.appendChild(createEllipsis()); } for (let i = startPage; i <= endPage; i++) { container.appendChild(createPageBtn(i)); } if (endPage < totalPages) { if (endPage < totalPages - 1) container.appendChild(createEllipsis()); container.appendChild(createPageBtn(totalPages)); } const nextBtn = document.createElement('button'); nextBtn.innerHTML = ''; nextBtn.disabled = currentPage === totalPages; nextBtn.onclick = () => { currentPage++; renderAdminTable(); }; container.appendChild(nextBtn); } function createPageBtn(num) { const btn = document.createElement('button'); btn.textContent = num; if (num === currentPage) btn.classList.add('active'); btn.onclick = () => { currentPage = num; renderAdminTable(); }; return btn; } function createEllipsis() { const span = document.createElement('span'); span.textContent = '...'; span.style.color = 'var(--muted)'; span.style.padding = '0 0.5rem'; return span; } // ── POP-UP CONFIRMATION ─ let pendingDeleteAction = null; function showConfirmModal(actionFn) { pendingDeleteAction = actionFn; const modal = document.getElementById('confirm-modal'); if (modal) modal.classList.add('open'); } function closeConfirmModal() { const modal = document.getElementById('confirm-modal'); if (modal) modal.classList.remove('open'); pendingDeleteAction = null; } // ─ SUPPRESSIONS ── async function executeBulkDelete() { const ids = Array.from(selectedIds); if (ids.length === 0) return; showConfirmModal(async () => { try { const res = await fetch(`${API_URL}?action=bulk_delete`, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify({ ids, type: currentAdminTab }) }); if (!res.ok) throw new Error("Erreur serveur."); selectedIds.clear(); document.getElementById('bulk-actions-bar').style.display = 'none'; const selectAll = document.getElementById('select-all-checkbox'); if (selectAll) selectAll.checked = false; loadDashboardData(); } catch (err) { console.error('Erreur bulk delete :', err); alert("Une erreur est survenue."); } }); } async function deleteSingleFilm(id) { showConfirmModal(async () => { try { const res = await fetch(`${API_URL}?action=delete_film&id=${id}&type=${currentAdminTab}`, { method: 'DELETE', headers: { 'Authorization': localStorage.getItem('token') } }); if (!res.ok) throw new Error("Erreur serveur."); loadDashboardData(); } catch (err) { console.error('Erreur delete :', err); alert("Une erreur est survenue."); } }); } // ── MODALES & UI ── function toggleFormFields() { const critFields = document.getElementById('form-critique-fields'); const vidFields = document.getElementById('form-videotheque-fields'); if (critFields) critFields.style.display = currentAdminTab === 'critique' ? 'block' : 'none'; if (vidFields) vidFields.style.display = currentAdminTab === 'videotheque' ? 'block' : 'none'; } function switchAdminTab(tabName) { currentAdminTab = tabName; currentPage = 1; searchQuery = ''; selectedIds.clear(); const searchInput = document.getElementById('search-input'); if (searchInput) searchInput.value = ''; document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active')); const btn = document.getElementById(`btn-tab-${tabName}`); if (btn) btn.classList.add('active'); toggleFormFields(); renderAdminTable(); } function openAddModal() { document.getElementById('film-form').reset(); document.getElementById('f-id').value = ''; toggleFormFields(); document.getElementById('admin-modal').classList.add('open'); } function openEditModal(id) { const item = allItems.find(x => String(x.id) === String(id)); if (!item) return; document.getElementById('f-id').value = item.id; document.getElementById('f-title').value = item.title; document.getElementById('f-year').value = item.year || ''; document.getElementById('f-director').value = item.director || ''; document.getElementById('f-poster').value = item.poster || ''; toggleFormFields(); if (currentAdminTab === 'critique') { document.getElementById('f-rating').value = item.rating || 3; document.getElementById('f-review').value = item.review || ''; document.getElementById('f-streaming').value = item.streaming || ''; } else { document.getElementById('f-format').value = item.format || ''; document.getElementById('f-length').value = item.length || ''; document.getElementById('f-publisher').value = item.publisher || ''; document.getElementById('f-aspect').value = item.aspect_ratio || ''; document.getElementById('f-ean').value = item.ean_isbn13 || ''; document.getElementById('f-discs').value = item.number_of_discs || 1; document.getElementById('f-description').value = item.description || ''; } document.getElementById('admin-modal').classList.add('open'); } function closeAdminModal() { document.getElementById('admin-modal').classList.remove('open'); } function openConfigModal() { document.getElementById('config-modal').classList.add('open'); } function closeConfigModal() { document.getElementById('config-modal').classList.remove('open'); } function openPasswordModal() { document.getElementById('pwd-error').style.display = 'none'; document.getElementById('password-modal').classList.add('open'); } function closePasswordModal() { document.getElementById('password-modal').classList.remove('open'); } function logout() { localStorage.removeItem('token'); window.location.href = 'login.html'; } // ── SAUVEGARDE FILM ── async function saveFilmForm(e) { e.preventDefault(); const payload = { type: currentAdminTab, id: document.getElementById('f-id').value, title: document.getElementById('f-title').value, year: document.getElementById('f-year').value, director: document.getElementById('f-director').value, poster: document.getElementById('f-poster').value, rating: document.getElementById('f-rating') ? document.getElementById('f-rating').value : '', review: document.getElementById('f-review') ? document.getElementById('f-review').value : '', streaming: document.getElementById('f-streaming') ? document.getElementById('f-streaming').value : '', format: document.getElementById('f-format') ? document.getElementById('f-format').value : '', length: document.getElementById('f-length') ? document.getElementById('f-length').value : '', publisher: document.getElementById('f-publisher') ? document.getElementById('f-publisher').value : '', aspect_ratio: document.getElementById('f-aspect') ? document.getElementById('f-aspect').value : '', ean_isbn13: document.getElementById('f-ean') ? document.getElementById('f-ean').value : '', number_of_discs: document.getElementById('f-discs') ? document.getElementById('f-discs').value : 1, description: document.getElementById('f-description') ? document.getElementById('f-description').value : '' }; try { await fetch(`${API_URL}?action=save_film`, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); closeAdminModal(); loadDashboardData(); } catch (err) { console.error('Erreur sauvegarde :', err); } } // ── IMPORT CSV PAR LOTS ── async function handleCsvUpload(input) { if (!input.files || input.files.length === 0) return; const file = input.files[0]; input.value = ''; try { const text = await file.text(); const allData = parseCSV(text); if (allData.length === 0) { alert('❌ Le fichier CSV est vide ou mal formaté.'); return; } closeConfigModal(); showProgressModal(allData.length); const batchSize = 5; let processed = 0; for (let i = 0; i < allData.length; i += batchSize) { const batch = allData.slice(i, i + batchSize); try { await fetch(`${API_URL}?action=import_batch`, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify({ items: batch, type: currentAdminTab }) }); } catch (err) { console.error('Erreur sur un lot:', err); } processed += batch.length; updateProgressModal(processed, allData.length); } closeProgressModal(); alert(`✅ Import terminé ! ${allData.length} élément(s) traité(s).`); loadDashboardData(); } catch (err) { console.error('Erreur lecture CSV :', err); closeProgressModal(); alert(' Impossible de lire le fichier CSV.'); } } // ── SAUVEGARDE CLÉ TMDB ── async function saveTmdbKey() { const input = document.getElementById('tmdb-key-input'); if (input && input.value) { try { const res = await fetch(`${API_URL}?action=save_config`, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify({ key_name: 'tmdb_api_key', key_value: input.value }) }); const data = await res.json(); if (data.success) { alert('✅ Clé API sauvegardée et chiffrée en base de données !'); closeConfigModal(); } else { alert('❌ Erreur : ' + (data.error || 'Impossible de sauvegarder.')); } } catch (err) { console.error('Erreur sauvegarde clé :', err); alert('Erreur de communication avec le serveur.'); } } } // ── SAUVEGARDE MOT DE PASSE ── async function saveNewPassword() { const pwdInput = document.getElementById('new-password-input'); const pwdConfirm = document.getElementById('new-password-confirm'); const errorMsg = document.getElementById('pwd-error'); if (!pwdInput || !pwdConfirm) return; if (pwdInput.value !== pwdConfirm.value) { errorMsg.textContent = "Les mots de passe ne correspondent pas."; errorMsg.style.display = "block"; return; } if (pwdInput.value.length < 4) { errorMsg.textContent = "Le mot de passe doit contenir au moins 4 caractères."; errorMsg.style.display = "block"; return; } try { const response = await fetch(`${API_URL}?action=update_password`, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify({ new_password: pwdInput.value }) }); const data = await response.json(); if (data.success) { pwdInput.value = ''; pwdConfirm.value = ''; errorMsg.style.display = "none"; closePasswordModal(); alert('Mot de passe mis à jour.'); loadDashboardData(); } } catch (err) { console.error('Erreur mise à jour mot de passe :', err); } }