85 lines
3.3 KiB
HTML
85 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Administration — Mon Cinéma</title>
|
|
<link rel="stylesheet" href="../css/public.css">
|
|
<link rel="stylesheet" href="../css/admin.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
|
|
</head>
|
|
<body class="admin-body">
|
|
|
|
<div class="admin-wrap">
|
|
|
|
<div class="security-banner" id="security-banner" style="display:none;">
|
|
<span><i class="ti ti-alert-triangle"></i> <strong>Attention :</strong> Aucun mot de passe défini.</span>
|
|
<button onclick="openPasswordModal()">Sécuriser le compte</button>
|
|
</div>
|
|
|
|
<header class="admin-header">
|
|
<div>
|
|
<h1 class="admin-title">Espace <span>Admin</span></h1>
|
|
<p id="admin-subtitle">Gestion centralisée de votre cinémathèque</p>
|
|
</div>
|
|
<div class="admin-actions">
|
|
<button class="btn btn-outline" onclick="openConfigModal()"><i class="ti ti-key"></i> Clé TMDB</button>
|
|
<button class="btn btn-outline" onclick="openPasswordModal()"><i class="ti ti-lock"></i> Sécurité</button>
|
|
<button class="btn btn-danger" onclick="logout()"><i class="ti ti-logout"></i> Quitter</button>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="admin-tabs">
|
|
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
|
|
<i class="ti ti-message-star"></i> Critiques
|
|
</button>
|
|
<button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
|
|
<i class="ti ti-device-tv"></i> Vidéothèque
|
|
</button>
|
|
</nav>
|
|
|
|
<section id="import-section" class="import-box">
|
|
<i class="ti ti-file-upload"></i>
|
|
<p>Importez vos exports <strong>Letterboxd</strong> (.csv)</p>
|
|
<input type="file" id="csv-file-input" accept=".csv" style="display:none;" onchange="handleCsvUpload(this)">
|
|
<button class="btn btn-outline" onclick="document.getElementById('csv-file-input').click()">
|
|
<i class="ti ti-file-spreadsheet"></i> Choisir un fichier
|
|
</button>
|
|
</section>
|
|
|
|
<div class="toolbar-container">
|
|
<div class="bulk-actions-bar" id="bulk-actions-bar" style="display:none;">
|
|
<span><i class="ti ti-checkbox"></i> <span id="bulk-count">0</span> élément(s) sélectionné(s)</span>
|
|
<button class="btn btn-danger" onclick="executeBulkDelete()"><i class="ti ti-trash"></i> Supprimer la sélection</button>
|
|
</div>
|
|
|
|
<div class="toolbar-actions">
|
|
<span class="count" id="admin-count-label">Chargement…</span>
|
|
<button class="btn btn-gold" onclick="openAddModal()"><i class="ti ti-plus"></i> Ajouter une œuvre</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-table-wrap">
|
|
<table class="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:48px; text-align:center;">
|
|
<input type="checkbox" id="select-all-checkbox" class="film-checkbox" onclick="toggleSelectAll(this)">
|
|
</th>
|
|
<th style="width:60px; text-align:center;">Affiche</th>
|
|
<th>Titre</th>
|
|
<th>Année</th>
|
|
<th>Réalisateur</th>
|
|
<th id="th-dynamic">Note</th>
|
|
<th style="width:120px; text-align:center;">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="admin-table-body"></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="../js/admin.js"></script>
|
|
</body>
|
|
</html> |