diff --git a/js/admin.js b/js/admin.js
index b91b178..19e9b4e 100644
--- a/js/admin.js
+++ b/js/admin.js
@@ -1,23 +1,15 @@
/**
- * =========================================================================
* Mon Cinéma - Module d'Administration (admin.js)
- * =========================================================================
+ * Version synchronisée avec api.php
*/
const API_URL = '../api.php';
let allItems = [];
let currentAdminTab = 'critique';
-// ── 1. GARDE DE SESSION ──
-(function guardSession() {
- if (!localStorage.getItem('token')) {
- window.location.href = 'login.html';
- }
-})();
+// ── INITIALISATION ──
+document.addEventListener('DOMContentLoaded', loadDashboardData);
-// ══════════════════════════════════════════════════════════════════
-// CHARGEMENT & RENDU
-// ══════════════════════════════════════════════════════════════════
async function loadDashboardData() {
try {
const res = await fetch(`${API_URL}?action=get_films`);
@@ -35,9 +27,9 @@ async function loadDashboardData() {
function renderAdminTable() {
const tbody = document.getElementById('admin-table-body');
if (!tbody) return;
-
tbody.innerHTML = '';
const filtered = allItems.filter(item => item.type === currentAdminTab);
+ document.getElementById('admin-count-label').textContent = `${filtered.length} élément(s)`;
filtered.forEach(f => {
const tr = document.createElement('tr');
@@ -47,7 +39,7 @@ function renderAdminTable() {
${f.title} |
${f.year || ''} |
${f.director || ''} |
- ${currentAdminTab === 'critique' ? '★'.repeat(f.rating || 0) : (f.format || '-')} |
+ ${currentAdminTab === 'critique' ? (f.rating ? '★'.repeat(f.rating) : '☆') : (f.format || '-')} |
@@ -56,9 +48,60 @@ function renderAdminTable() {
});
}
-// ══════════════════════════════════════════════════════════════════
-// MODALES & ACTIONS
-// ══════════════════════════════════════════════════════════════════
+// ── ACTIONS CRUD ──
+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,
+ // Champs conditionnels
+ rating: document.getElementById('f-rating').value,
+ review: document.getElementById('f-review').value,
+ streaming: document.getElementById('f-streaming').value,
+ format: document.getElementById('f-format').value,
+ length: document.getElementById('f-length').value,
+ publisher: document.getElementById('f-publisher').value,
+ ean_isbn13: document.getElementById('f-ean').value,
+ number_of_discs: document.getElementById('f-discs').value,
+ aspect_ratio: document.getElementById('f-aspect').value,
+ description: document.getElementById('f-description').value
+ };
+
+ await fetch(`${API_URL}?action=save_film`, {
+ method: 'POST',
+ headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' },
+ body: JSON.stringify(payload)
+ });
+ closeAdminModal();
+ loadDashboardData();
+}
+
+async function deleteSingleFilm(id) {
+ if (!confirm('Supprimer cette œuvre ?')) return;
+ await fetch(`${API_URL}?action=delete_film&id=${id}&type=${currentAdminTab}`, {
+ method: 'DELETE',
+ headers: { 'Authorization': localStorage.getItem('token') }
+ });
+ loadDashboardData();
+}
+
+// ── MODALES & UI ──
+function switchAdminTab(tabName) {
+ currentAdminTab = tabName;
+ document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
+ document.getElementById(`btn-tab-${tabName}`).classList.add('active');
+
+ // Basculer l'affichage des formulaires
+ document.getElementById('form-critique-fields').style.display = tabName === 'critique' ? 'block' : 'none';
+ document.getElementById('form-videotheque-fields').style.display = tabName === 'videotheque' ? 'block' : 'none';
+
+ renderAdminTable();
+}
+
function openAddModal() {
document.getElementById('film-form').reset();
document.getElementById('f-id').value = '';
@@ -68,75 +111,38 @@ function openAddModal() {
function openEditModal(id) {
const item = allItems.find(x => String(x.id) === String(id));
if (!item) return;
+ // Remplissage formulaire...
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('admin-modal').classList.add('open');
}
function closeAdminModal() { document.getElementById('admin-modal').classList.remove('open'); }
-
-async function saveFilmForm(e) {
- e.preventDefault();
- const payload = {
- type: currentAdminTab,
- id: document.getElementById('f-id').value || null,
- title: document.getElementById('f-title').value,
- year: document.getElementById('f-year').value,
- director: document.getElementById('f-director').value
- };
- await fetch(`${API_URL}?action=save_film`, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json', 'Authorization': localStorage.getItem('token') },
- body: JSON.stringify(payload)
- });
- closeAdminModal();
- loadDashboardData();
-}
-
-// ══════════════════════════════════════════════════════════════════
-// GESTION COMPTE & SÉCURITÉ
-// ══════════════════════════════════════════════════════════════════
-function logout() { localStorage.removeItem('token'); window.location.href = 'login.html'; }
function openConfigModal() { document.getElementById('config-modal').classList.add('open'); }
function closeConfigModal() { document.getElementById('config-modal').classList.remove('open'); }
function openPasswordModal() { 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';
+}
+
+// ── MOT DE PASSE ──
async function saveNewPassword() {
- const pwd1 = document.getElementById('new-password-input').value;
- const pwd2 = document.getElementById('new-password-confirm').value;
- if (pwd1 !== pwd2) return alert("Les mots de passe ne correspondent pas.");
+ const newPwd = document.getElementById('new-password-input').value;
+ const confirmPwd = document.getElementById('new-password-confirm').value;
+ if (newPwd !== confirmPwd) return alert("Les mots de passe ne correspondent pas.");
- await fetch(`${API_URL}?action=update_password`, {
+ const res = await fetch(`${API_URL}?action=update_password`, {
method: 'POST',
- headers: { 'Content-Type': 'application/json', 'Authorization': localStorage.getItem('token') },
- body: JSON.stringify({ password: pwd1 })
+ headers: { 'Authorization': localStorage.getItem('token'), 'Content-Type': 'application/json' },
+ body: JSON.stringify({ new_password: newPwd })
});
- alert("Mot de passe mis à jour.");
- closePasswordModal();
-}
-
-// ══════════════════════════════════════════════════════════════════
-// UTILS
-// ══════════════════════════════════════════════════════════════════
-async function deleteSingleFilm(id) {
- if (!confirm('Supprimer ?')) return;
- await fetch(`${API_URL}?action=delete_film&id=${id}&type=${currentAdminTab}`, {
- method: 'DELETE',
- headers: { 'Authorization': localStorage.getItem('token') }
- });
- loadDashboardData();
-}
-
-function switchAdminTab(tabName) {
- currentAdminTab = tabName;
- document.getElementById('btn-tab-critique').classList.toggle('active', tabName === 'critique');
- document.getElementById('btn-tab-videotheque').classList.toggle('active', tabName === 'videotheque');
- renderAdminTable();
+ if (res.ok) { alert("Mot de passe mis à jour."); closePasswordModal(); }
}
+// ── IMPORT CSV ──
async function handleCsvUpload(input) {
if (!input.files[0]) return;
const formData = new FormData();
@@ -147,6 +153,4 @@ async function handleCsvUpload(input) {
body: formData
});
loadDashboardData();
-}
-
-document.addEventListener('DOMContentLoaded', loadDashboardData);
\ No newline at end of file
+}
\ No newline at end of file
|