diff --git a/js/admin.js b/js/admin.js index c7e5f70..b11ebcd 100644 --- a/js/admin.js +++ b/js/admin.js @@ -3,546 +3,143 @@ let allItems = []; let currentAdminTab = 'critique'; let currentPage = 1; const itemsPerPage = 12; -let searchQuery = ''; let selectedIds = new Set(); +let pendingDeleteAction = null; -// ── GÉNÉRATEUR D'É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(); - }); - } + document.getElementById('confirm-btn').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', () => { - currentPage = 1; // Reset page on search - renderAdminTable(); - }); + searchInput.addEventListener('input', () => { currentPage = 1; renderAdminTable(); }); } - - // Fix: Select All Checkbox Event - const selectAll = document.getElementById('select-all-checkbox'); - if (selectAll) { - selectAll.addEventListener('change', (e) => toggleSelectAll(e.target)); - } - + document.getElementById('select-all-checkbox').addEventListener('change', (e) => toggleSelectAll(e.target)); 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'); + if (e.target.classList.contains('modal-close') || e.target.closest('.modal-close') || e.target.classList.contains('overlay')) { + const overlay = e.target.closest('.overlay') || e.target; + if (overlay.classList.contains('overlay')) overlay.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 (FIXED PAGINATION) ── +function getStarsHTML(rating) { + const r = parseFloat(rating) || 0; + const full = Math.floor(r), hasHalf = (r - full) >= 0.5, empty = 5 - Math.ceil(r); + return '★'.repeat(full) + (hasHalf ? '★' : '') + `${'☆'.repeat(empty)}`; +} + function renderAdminTable() { const tbody = document.getElementById('admin-table-body'); - if (!tbody) return; - tbody.innerHTML = ''; - - const searchInput = document.getElementById('search-input'); - const currentSearch = searchInput ? searchInput.value.toLowerCase() : ''; - - let filtered = allItems.filter(item => item.type === currentAdminTab); - - if (currentSearch) { - filtered = filtered.filter(f => - f.title.toLowerCase().includes(currentSearch) || - (f.director && f.director.toLowerCase().includes(currentSearch)) - ); - } - - const countLabel = document.getElementById('admin-count-label'); - if(countLabel) countLabel.textContent = `${filtered.length} élément(s)`; - - // --- PAGINATION LOGIC --- + if (!tbody) return; tbody.innerHTML = ''; + const query = document.getElementById('search-input').value.toLowerCase(); + let filtered = allItems.filter(i => i.type === currentAdminTab); + if (query) filtered = filtered.filter(f => f.title.toLowerCase().includes(query) || (f.director && f.director.toLowerCase().includes(query))); + + document.getElementById('admin-count-label').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); - // ------------------------ + const pageItems = filtered.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage); pageItems.forEach(f => { const tr = document.createElement('tr'); - const isChecked = selectedIds.has(String(f.id)) ? 'checked' : ''; + const info = currentAdminTab === 'critique' ? `${getStarsHTML(f.rating)}` : `${f.format || '-'}`; tr.innerHTML = ` -
Aucun élément trouvé.
'; return; } + if (totalPages <= 1) return; + const info = document.createElement('span'); info.className = 'pagination-info'; info.textContent = `Page ${currentPage} / ${totalPages}`; c.appendChild(info); + const prev = document.createElement('button'); prev.innerHTML = ''; prev.disabled = currentPage === 1; prev.onclick = () => { currentPage--; renderAdminTable(); }; c.appendChild(prev); - if (totalItems === 0) { - container.innerHTML = 'Aucun élément trouvé.
'; - return; - } - if (totalPages <= 1) return; // Hide pagination if only 1 page - - 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); + const max = 5; let s = Math.max(1, currentPage - Math.floor(max/2)), e = Math.min(totalPages, s + max - 1); + if (e - s + 1 < max) s = Math.max(1, e - max + 1); + if (s > 1) { c.appendChild(makeBtn(1)); if (s > 2) c.appendChild(makeEll()); } + for (let i = s; i <= e; i++) c.appendChild(makeBtn(i)); + if (e < totalPages) { if (e < totalPages - 1) c.appendChild(makeEll()); c.appendChild(makeBtn(totalPages)); } + + const next = document.createElement('button'); next.innerHTML = ''; next.disabled = currentPage === totalPages; next.onclick = () => { currentPage++; renderAdminTable(); }; c.appendChild(next); } +const makeBtn = (n) => { const b = document.createElement('button'); b.textContent = n; if (n === currentPage) b.classList.add('active'); b.onclick = () => { currentPage = n; renderAdminTable(); }; return b; }; +const makeEll = () => { const s = document.createElement('span'); s.textContent = '...'; s.style.color = 'var(--muted)'; s.style.padding = '0 0.5rem'; return s; }; -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 = ''; +function switchAdminTab(tab) { + currentAdminTab = tab; currentPage = 1; selectedIds.clear(); + document.getElementById('search-input').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(); + document.getElementById(`btn-tab-${tab}`).classList.add('active'); renderAdminTable(); } -function openAddModal() { - document.getElementById('film-form').reset(); - document.getElementById('f-id').value = ''; - toggleFormFields(); - document.getElementById('admin-modal').classList.add('open'); -} +function showConfirmModal(fn) { pendingDeleteAction = fn; document.getElementById('confirm-modal').classList.add('open'); } +function closeConfirmModal() { document.getElementById('confirm-modal').classList.remove('open'); pendingDeleteAction = null; } +async function executeBulkDelete() { if (selectedIds.size === 0) return; showConfirmModal(async () => { await post(`${API_URL}?action=bulk_delete`, { ids: Array.from(selectedIds), type: currentAdminTab }); selectedIds.clear(); updateBulkBar(); loadDashboardData(); }); } +async function deleteSingleFilm(id) { showConfirmModal(async () => { await del(`${API_URL}?action=delete_film&id=${id}&type=${currentAdminTab}`); loadDashboardData(); }); } -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 openAddModal() { document.getElementById('film-form').reset(); document.getElementById('f-id').value = ''; document.getElementById('admin-modal').classList.add('open'); } +function openEditModal(id) { const f = allItems.find(x => String(x.id) === String(id)); if (!f) return; document.getElementById('f-id').value = f.id; document.getElementById('f-title').value = f.title; document.getElementById('f-year').value = f.year || ''; document.getElementById('f-director').value = f.director || ''; document.getElementById('f-poster').value = f.poster || ''; document.getElementById('admin-modal').classList.add('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'; -} +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); } -} \ No newline at end of file +const post = async (url, body) => await fetch(url, { method: 'POST', headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' }, body: JSON.stringify(body) }); +const del = async (url) => await fetch(url, { method: 'DELETE', headers: { 'Authorization': localStorage.getItem('token') } }); +document.getElementById('film-form').onsubmit = async (e) => { e.preventDefault(); await post(`${API_URL}?action=save_film`, Object.fromEntries(new FormData(e.target))); document.getElementById('admin-modal').classList.remove('open'); loadDashboardData(); }; \ No newline at end of file