diff --git a/js/admin.js b/js/admin.js index b74857d..dca4cb5 100644 --- a/js/admin.js +++ b/js/admin.js @@ -4,8 +4,9 @@ let currentAdminTab = 'critique'; let currentPage = 1; const itemsPerPage = 12; let searchQuery = ''; +let selectedIds = new Set(); -// ── GÉNÉRATEUR D'ÉTOILES (Supporte les demi-étoiles) ─ +// ── GÉNÉRATEUR D'ÉTOILES (Supporte les demi-étoiles) ── function getStarsHTML(rating) { const r = parseFloat(rating) || 0; const full = Math.floor(r); @@ -17,13 +18,65 @@ function getStarsHTML(rating) { 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) { + if (confirmBtn) { confirmBtn.addEventListener('click', () => { if (pendingDeleteAction) pendingDeleteAction(); closeConfirmModal(); @@ -34,9 +87,17 @@ document.addEventListener('DOMContentLoaded', () => { 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')) { @@ -47,37 +108,27 @@ function initEventListeners() { e.target.classList.remove('open'); } }); - const searchInput = document.getElementById('search-input'); - if (searchInput) { - searchInput.addEventListener('input', (e) => { - searchQuery = e.target.value; - currentPage = 1; // Reset à la page 1 à chaque recherche - renderAdminTable(); - }); - } } -// ── CHARGEMENT DES DONNÉES (Anti-cache) ── +// ── 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 = ''; - // 1. Filtrage let filtered = allItems.filter(item => item.type === currentAdminTab); if (searchQuery) { const q = searchQuery.toLowerCase(); @@ -88,30 +139,22 @@ function renderAdminTable() { } const countLabel = document.getElementById('admin-count-label'); - if(countLabel) countLabel.textContent = `${filtered.length} élément(s)`; + if (countLabel) countLabel.textContent = `${filtered.length} élément(s)`; - // 2. Pagination 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); - // 3. Rendu pageItems.forEach(f => { const tr = document.createElement('tr'); - let infoHtml = ''; if (currentAdminTab === 'critique') { - const rating = parseFloat(f.rating) || 0; - const fullStars = Math.floor(rating); - const emptyStars = 5 - Math.ceil(rating); - const stars = '★'.repeat(fullStars) + '☆'.repeat(emptyStars); infoHtml = ` -
- ${stars} - ${rating.toFixed(1)} +
+ ${getStarsHTML(f.rating)} + ${parseFloat(f.rating).toFixed(1)}
`; - if (f.streaming && f.streaming !== 'Disponible en support physique ou Cinéma') { infoHtml += `${f.streaming}`; } else { @@ -119,7 +162,7 @@ function renderAdminTable() { } } else { infoHtml = `${f.format || '-'}`; - if(f.length) infoHtml += `${f.length}`; + if (f.length) infoHtml += `${f.length}`; } tr.innerHTML = ` @@ -140,7 +183,6 @@ function renderAdminTable() { tbody.appendChild(tr); }); - // ✅ Synchronise les checkboxes avec selectedIds après rendu document.querySelectorAll('.film-checkbox').forEach(cb => { cb.checked = selectedIds.has(cb.value); }); @@ -148,7 +190,7 @@ function renderAdminTable() { renderPagination(totalPages, filtered.length); } -// ── SÉLECTION INDIVIDUELLE ── +// ── SÉLECTION ─ function toggleSingleSelect(id, checkbox) { if (checkbox.checked) { selectedIds.add(String(id)); @@ -156,8 +198,6 @@ function toggleSingleSelect(id, checkbox) { selectedIds.delete(String(id)); } updateBulkBar(); - - // Met à jour le checkbox "select all" const selectAll = document.getElementById('select-all-checkbox'); const filtered = allItems.filter(item => item.type === currentAdminTab); if (selectAll) { @@ -165,53 +205,69 @@ function toggleSingleSelect(id, checkbox) { } } -// ── FONCTIONS DE PAGINATION ── +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; } - - // Info const info = document.createElement('span'); info.className = 'pagination-info'; info.textContent = `Page ${currentPage} sur ${totalPages}`; container.appendChild(info); - // Prev const prevBtn = document.createElement('button'); prevBtn.innerHTML = ''; prevBtn.disabled = currentPage === 1; prevBtn.onclick = () => { currentPage--; renderAdminTable(); }; container.appendChild(prevBtn); - // Pages (affichage intelligent : 1 ... 4 5 6 ... 10) 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)); } - - // Next const nextBtn = document.createElement('button'); nextBtn.innerHTML = ''; nextBtn.disabled = currentPage === totalPages; @@ -235,81 +291,39 @@ function createEllipsis() { return span; } -// ── GESTION DE MASSE AMÉLIORÉE ─ -let selectedIds = new Set(); // Stocke tous les IDs sélectionnés (toutes pages) - -function toggleSelectAll(source) { - // Sélectionne tous les films de la catégorie actuelle (pas juste la page) - 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))); - } - - // Met à jour visuellement les checkboxes de la page courante - 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'); - const selectAll = document.getElementById('select-all-checkbox'); - - if (selectedIds.size > 0) { - if(bulkBar) bulkBar.style.display = 'flex'; - if(bulkCount) bulkCount.textContent = selectedIds.size; - } else { - if(bulkBar) bulkBar.style.display = 'none'; - if(selectAll) selectAll.checked = false; - } -} - -// ── POP-UP CONFIRMATION SUPPRESSION ── +// ── POP-UP CONFIRMATION ─ let pendingDeleteAction = null; - function showConfirmModal(actionFn) { pendingDeleteAction = actionFn; const modal = document.getElementById('confirm-modal'); - if(modal) modal.classList.add('open'); + if (modal) modal.classList.add('open'); } - function closeConfirmModal() { const modal = document.getElementById('confirm-modal'); - if(modal) modal.classList.remove('open'); + if (modal) modal.classList.remove('open'); pendingDeleteAction = null; } -// ── ACTIONS CRUD (SUPPRESSION SÉCURISÉE) ── +// ─ 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' - }, + headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify({ ids, type: currentAdminTab }) }); - if (!res.ok) throw new Error("Erreur serveur lors de la suppression multiple."); - + 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; + if (selectAll) selectAll.checked = false; loadDashboardData(); - } catch (err) { + } catch (err) { console.error('Erreur bulk delete :', err); - alert("Une erreur est survenue lors de la suppression."); + alert("Une erreur est survenue."); } }); } @@ -321,11 +335,11 @@ async function deleteSingleFilm(id) { method: 'DELETE', headers: { 'Authorization': localStorage.getItem('token') } }); - if (!res.ok) throw new Error("Erreur serveur lors de la suppression."); + if (!res.ok) throw new Error("Erreur serveur."); loadDashboardData(); - } catch (err) { + } catch (err) { console.error('Erreur delete :', err); - alert("Une erreur est survenue lors de la suppression."); + alert("Une erreur est survenue."); } }); } @@ -334,15 +348,20 @@ async function deleteSingleFilm(id) { 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'; + 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'); + if (btn) btn.classList.add('active'); toggleFormFields(); renderAdminTable(); } @@ -357,16 +376,13 @@ function openAddModal() { 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') { + 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 || ''; @@ -385,15 +401,14 @@ function openEditModal(id) { 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() { +function openPasswordModal() { document.getElementById('pwd-error').style.display = 'none'; - document.getElementById('password-modal').classList.add('open'); + 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'; +function logout() { + localStorage.removeItem('token'); + window.location.href = 'login.html'; } // ── SAUVEGARDE FILM ── @@ -417,14 +432,10 @@ async function saveFilmForm(e) { 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' - }, + headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); closeAdminModal(); @@ -432,86 +443,26 @@ async function saveFilmForm(e) { } catch (err) { console.error('Erreur sauvegarde :', err); } } -// ── PARSER CSV (Gère les virgules dans les titres entre guillemets) ── -function parseCSV(text) { - if (text.charCodeAt(0) === 0xFEFF) text = text.slice(1); // Supprime le BOM UTF-8 - 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; -} - -// ── GESTION UI 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'); -} - -// ── IMPORT CSV (Lecture locale + Envoi par lots) ── +// ── IMPORT CSV PAR LOTS ── async function handleCsvUpload(input) { if (!input.files || input.files.length === 0) return; const file = input.files[0]; - input.value = ''; // Reset l'input file + input.value = ''; try { - // 1. Lecture du fichier en texte par le navigateur const text = await file.text(); const allData = parseCSV(text); - if (allData.length === 0) { alert('❌ Le fichier CSV est vide ou mal formaté.'); return; } - - closeConfigModal(); // Ferme la modale de config + closeConfigModal(); showProgressModal(allData.length); - // 2. Envoi par lots de 5 films pour éviter les timeouts et avoir une barre fluide - const batchSize = 5; + 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', @@ -524,37 +475,28 @@ async function handleCsvUpload(input) { } 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.'); + alert(' Impossible de lire le fichier CSV.'); } } -// ── SAUVEGARDE CLÉ TMDB (EN BASE DE DONNÉES) ── +// ── SAUVEGARDE CLÉ TMDB ── async function saveTmdbKey() { const input = document.getElementById('tmdb-key-input'); if (input && input.value) { try { - // On envoie la clé au serveur PHP pour qu'il la stocke en base 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 - }) + 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) { @@ -575,36 +517,31 @@ 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 = ''; + if (data.success) { + pwdInput.value = ''; pwdConfirm.value = ''; errorMsg.style.display = "none"; closePasswordModal(); alert('Mot de passe mis à jour.'); - loadDashboardData(); + loadDashboardData(); } } catch (err) { console.error('Erreur mise à jour mot de passe :', err); } } \ No newline at end of file