Actualiser admin/dashboard.html

This commit is contained in:
2026-06-20 21:16:28 +02:00
parent 9be652b7d3
commit 0375308337
+42 -32
View File
@@ -9,72 +9,79 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
</head>
<body>
<div class="site-wrap admin-wrap">
<div class="security-banner" id="security-banner" style="display:none;">
<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>
<strong>Attention :</strong> Aucun mot de passe défini pour protéger l'administration.
<span>Attention : Aucun mot de passe défini pour protéger l'administration.</span>
</div>
<button onclick="openPasswordModal()" class="btn-action danger-solid btn-small">Sécuriser le compte</button>
<button class="btn-action danger-solid btn-small" onclick="openPasswordModal()">
<i class="ti ti-lock"></i> Sécuriser le compte
</button>
</div>
<header class="site-header admin-header">
<!-- En-tête -->
<header class="admin-header">
<div class="header-titles">
<h1 class="site-title">Espace <span>Admin</span></h1>
<p class="site-subtitle">Gestion centralisée de votre cinémathèque</p>
<h1>Espace <span>Admin</span></h1>
<p>Gestion centralisée de votre cinémathèque</p>
</div>
<div class="header-actions">
<a href="../index.html" class="btn-action outline">
<a href="../index.html" class="btn-action">
<i class="ti ti-external-link"></i> Voir le site
</a>
<button class="btn-action outline" onclick="openConfigModal()">
<button class="btn-action" onclick="openConfigModal()">
<i class="ti ti-settings"></i> Configuration
</button>
<button class="btn-action outline" onclick="openPasswordModal()">
<i class="ti ti-shield-lock"></i> Sécurité
<button class="btn-action" onclick="openPasswordModal()">
<i class="ti ti-lock"></i> Sécurité
</button>
<button class="btn-action danger outline" onclick="logout()">
<button class="btn-action" onclick="logout()">
<i class="ti ti-logout"></i> Quitter
</button>
</div>
</header>
<!-- Onglets -->
<div class="pub-tabs-container">
<div class="pub-tabs">
<button id="btn-tab-critique" class="tab-btn active" onclick="switchAdminTab('critique')">
<i class="ti ti-message-star"></i> Mes Critiques
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
<i class="ti ti-star"></i> Mes Critiques
</button>
<button id="btn-tab-videotheque" class="tab-btn" onclick="switchAdminTab('videotheque')">
<i class="ti ti-device-tv"></i> Ma Vidéothèque
<button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
<i class="ti ti-disc"></i> Ma Vidéothèque
</button>
</div>
</div>
<!-- Barre d'outils -->
<div class="admin-toolbar">
<div class="toolbar-left">
<span class="count" id="admin-count-label">0 élément</span>
</div>
<div class="toolbar-right">
<span class="count" id="admin-count-label">0 élément(s)</span>
<div class="header-actions">
<button class="btn-action primary" onclick="openAddModal()">
<i class="ti ti-plus"></i> Ajouter une œuvre
</button>
</div>
</div>
<div class="bulk-actions-bar" id="bulk-actions-bar" style="display:none;">
<span><i class="ti ti-checkbox"></i> <strong id="bulk-count">0</strong> élément(s) sélectionné(s)</span>
<button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()">
<i class="ti ti-trash"></i> Supprimer la sélection
</button>
</div>
<!-- Barre de recherche -->
<div class="admin-filters">
<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>
<!-- Barre bulk actions -->
<div id="bulk-actions-bar" class="bulk-actions-bar" style="display: none;">
<span><i class="ti ti-check"></i> <span id="bulk-count">0</span> élément(s) sélectionné(s)</span>
<button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()">
<i class="ti ti-trash"></i> Supprimer la sélection
</button>
</div>
<!-- Tableau -->
<div class="table-container">
<table class="admin-table">
<thead>
@@ -93,13 +100,16 @@
</tbody>
</table>
</div>
<div id="pagination-container" class="pagination"></div>
<footer style="text-align: center; margin-top: 3rem; color: var(--muted); font-size: 0.9rem;">
Mon Cinéma &mdash; Administration
</footer>
<!-- Pagination -->
<div id="pagination-container" class="pagination"></div>
</div>
<!-- Footer -->
<footer>
<p>Mon Cinéma — Administration</p>
</footer>
<div class="overlay" id="admin-modal">
<div class="modal" style="max-width: 700px;">
<button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>