Actualiser admin/dashboard.html
This commit is contained in:
+85
-75
@@ -9,97 +9,107 @@
|
||||
<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="sec-text">
|
||||
<i class="ti ti-alert-triangle"></i>
|
||||
<strong>Attention :</strong> Aucun mot de passe défini pour protéger l'administration.
|
||||
<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>
|
||||
<button onclick="openPasswordModal()" class="btn-action danger-solid btn-small">Sécuriser le compte</button>
|
||||
</div>
|
||||
|
||||
<header class="site-header 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>
|
||||
</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()">
|
||||
<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>
|
||||
<button class="btn-action danger outline" onclick="logout()">
|
||||
<i class="ti ti-logout"></i> Quitter
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<!-- En-tête -->
|
||||
<header class="admin-header">
|
||||
<div class="header-titles">
|
||||
<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">
|
||||
<i class="ti ti-external-link"></i> Voir le site
|
||||
</a>
|
||||
<button class="btn-action" onclick="openConfigModal()">
|
||||
<i class="ti ti-settings"></i> Configuration
|
||||
</button>
|
||||
<button class="btn-action" onclick="openPasswordModal()">
|
||||
<i class="ti ti-lock"></i> Sécurité
|
||||
</button>
|
||||
<button class="btn-action" onclick="logout()">
|
||||
<i class="ti ti-logout"></i> Quitter
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
<button id="btn-tab-videotheque" class="tab-btn" onclick="switchAdminTab('videotheque')">
|
||||
<i class="ti ti-device-tv"></i> Ma Vidéothèque
|
||||
</button>
|
||||
<!-- Onglets -->
|
||||
<div class="pub-tabs-container">
|
||||
<div class="pub-tabs">
|
||||
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
|
||||
<i class="ti ti-star"></i> Mes Critiques
|
||||
</button>
|
||||
<button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
|
||||
<i class="ti ti-disc"></i> Ma Vidéothèque
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-toolbar">
|
||||
<div class="toolbar-left">
|
||||
<span class="count" id="admin-count-label">0 élément</span>
|
||||
<!-- Barre d'outils -->
|
||||
<div class="admin-toolbar">
|
||||
<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="toolbar-right">
|
||||
<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>
|
||||
<div class="table-container">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Affiche</th>
|
||||
<th>Titre</th>
|
||||
<th>Année</th>
|
||||
<th>Réalisateur</th>
|
||||
<th>Informations</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="admin-table-body">
|
||||
<!-- Les lignes sont générées par JavaScript -->
|
||||
</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 — Administration
|
||||
</footer>
|
||||
|
||||
<!-- 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>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Affiche</th>
|
||||
<th>Titre</th>
|
||||
<th>Année</th>
|
||||
<th>Réalisateur</th>
|
||||
<th>Informations</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="admin-table-body">
|
||||
<!-- Les lignes sont générées par JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
Reference in New Issue
Block a user