116 lines
4.5 KiB
HTML
116 lines
4.5 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>
|
|
<div class="admin-wrap">
|
|
<!-- Bandeau de sécurité -->
|
|
<div id="security-banner" class="security-banner" style="display: none;">
|
|
<div class="sec-text">
|
|
<i class="ti ti-alert-triangle"></i>
|
|
<span>Attention : Aucun mot de passe défini pour protéger l'administration.</span>
|
|
</div>
|
|
<button class="btn-action danger-solid btn-small" onclick="openPasswordModal()">
|
|
<i class="ti ti-lock"></i> Sécuriser le compte
|
|
</button>
|
|
</div>
|
|
|
|
<!-- En-tête -->
|
|
<header class="admin-header">
|
|
<div class="header-titles">
|
|
<h1>Espace <span>Admin</span></h1>
|
|
<p>Gestion centralisée de la cinémathèque</p>
|
|
</div>
|
|
<div class="header-actions">
|
|
<a href="../index.html" class="btn-action outline">
|
|
<i class="ti ti-external-link"></i> Voir le site
|
|
</a>
|
|
<button class="btn-action outline" onclick="openConfigModal()" title="Configuration globale">
|
|
<i class="ti ti-settings"></i>
|
|
</button>
|
|
<button class="btn-action outline" onclick="openPasswordModal()" title="Sécurité">
|
|
<i class="ti ti-lock"></i>
|
|
</button>
|
|
<button class="btn-action outline text-danger" onclick="logout()" title="Déconnexion">
|
|
<i class="ti ti-logout"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Barre de contrôles unifiée -->
|
|
<div class="admin-controls-bar">
|
|
<div class="pub-tabs">
|
|
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
|
|
<i class="ti ti-star"></i> Critiques
|
|
</button>
|
|
<button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
|
|
<i class="ti ti-disc"></i> Vidéothèque
|
|
</button>
|
|
</div>
|
|
|
|
<div class="search-box">
|
|
<i class="ti ti-search"></i>
|
|
<input type="text" id="search-input" placeholder="Rechercher un titre, un réalisateur...">
|
|
</div>
|
|
|
|
<div class="action-add">
|
|
<button class="btn-action primary" onclick="openAddModal()">
|
|
<i class="ti ti-plus"></i> Ajouter une œuvre
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Informations et Bulk Actions -->
|
|
<div class="admin-sub-toolbar">
|
|
<span class="count" id="admin-count-label">0 élément(s)</span>
|
|
|
|
<div id="bulk-actions-bar" class="bulk-actions-bar" style="display: none;">
|
|
<span><i class="ti ti-check"></i> <strong id="bulk-count">0</strong> sélectionné(s)</span>
|
|
<button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()">
|
|
<i class="ti ti-trash"></i> Supprimer
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tableau -->
|
|
<div class="table-container">
|
|
<table class="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="text-align:center; width: 50px;">
|
|
<input type="checkbox" id="select-all-checkbox" title="Tout sélectionner">
|
|
</th>
|
|
<th style="width: 80px;">Affiche</th>
|
|
<th style="width: 30%;">Titre</th>
|
|
<th style="width: 80px;">Année</th>
|
|
<th style="width: 20%;">Réalisateur</th>
|
|
<th style="width: 25%;">Informations</th>
|
|
<th style="text-align:right; width: 120px;">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="admin-table-body">
|
|
<!-- Les lignes seront générées par JS -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="pagination-container" class="pagination"></div>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<p>Mon Cinéma — Administration</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Les Modales restent inchangées dans leur structure, le nouveau CSS va les sublimer -->
|
|
<!-- [Le code des modales de votre source 1 s'insère ici à l'identique] -->
|
|
|
|
<script src="../js/admin.js"></script>
|
|
</body>
|
|
</html> |