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">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div class="admin-wrap">
|
||||||
<div class="site-wrap admin-wrap">
|
<!-- Bandeau de sécurité -->
|
||||||
|
<div id="security-banner" class="security-banner" style="display: none;">
|
||||||
<div class="security-banner" id="security-banner" style="display:none;">
|
<div class="sec-text">
|
||||||
<div class="sec-text">
|
<i class="ti ti-alert-triangle"></i>
|
||||||
<i class="ti ti-alert-triangle"></i>
|
<span>Attention : Aucun mot de passe défini pour protéger l'administration.</span>
|
||||||
<strong>Attention :</strong> Aucun mot de passe défini pour protéger l'administration.
|
</div>
|
||||||
|
<button class="btn-action danger-solid btn-small" onclick="openPasswordModal()">
|
||||||
|
<i class="ti ti-lock"></i> Sécuriser le compte
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button onclick="openPasswordModal()" class="btn-action danger-solid btn-small">Sécuriser le compte</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<header class="site-header admin-header">
|
<!-- En-tête -->
|
||||||
<div class="header-titles">
|
<header class="admin-header">
|
||||||
<h1 class="site-title">Espace <span>Admin</span></h1>
|
<div class="header-titles">
|
||||||
<p class="site-subtitle">Gestion centralisée de votre cinémathèque</p>
|
<h1>Espace <span>Admin</span></h1>
|
||||||
</div>
|
<p>Gestion centralisée de votre cinémathèque</p>
|
||||||
<div class="header-actions">
|
</div>
|
||||||
<a href="../index.html" class="btn-action outline">
|
<div class="header-actions">
|
||||||
<i class="ti ti-external-link"></i> Voir le site
|
<a href="../index.html" class="btn-action">
|
||||||
</a>
|
<i class="ti ti-external-link"></i> Voir le site
|
||||||
<button class="btn-action outline" onclick="openConfigModal()">
|
</a>
|
||||||
<i class="ti ti-settings"></i> Configuration
|
<button class="btn-action" onclick="openConfigModal()">
|
||||||
</button>
|
<i class="ti ti-settings"></i> Configuration
|
||||||
<button class="btn-action outline" onclick="openPasswordModal()">
|
</button>
|
||||||
<i class="ti ti-shield-lock"></i> Sécurité
|
<button class="btn-action" onclick="openPasswordModal()">
|
||||||
</button>
|
<i class="ti ti-lock"></i> Sécurité
|
||||||
<button class="btn-action danger outline" onclick="logout()">
|
</button>
|
||||||
<i class="ti ti-logout"></i> Quitter
|
<button class="btn-action" onclick="logout()">
|
||||||
</button>
|
<i class="ti ti-logout"></i> Quitter
|
||||||
</div>
|
</button>
|
||||||
</header>
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<div class="pub-tabs-container">
|
<!-- Onglets -->
|
||||||
<div class="pub-tabs">
|
<div class="pub-tabs-container">
|
||||||
<button id="btn-tab-critique" class="tab-btn active" onclick="switchAdminTab('critique')">
|
<div class="pub-tabs">
|
||||||
<i class="ti ti-message-star"></i> Mes Critiques
|
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
|
||||||
</button>
|
<i class="ti ti-star"></i> Mes Critiques
|
||||||
<button id="btn-tab-videotheque" class="tab-btn" onclick="switchAdminTab('videotheque')">
|
</button>
|
||||||
<i class="ti ti-device-tv"></i> Ma Vidéothèque
|
<button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
|
||||||
</button>
|
<i class="ti ti-disc"></i> Ma Vidéothèque
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="admin-toolbar">
|
<!-- Barre d'outils -->
|
||||||
<div class="toolbar-left">
|
<div class="admin-toolbar">
|
||||||
<span class="count" id="admin-count-label">0 élément</span>
|
<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>
|
||||||
<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;">
|
<!-- Barre de recherche -->
|
||||||
<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>
|
|
||||||
<div class="admin-filters">
|
<div class="admin-filters">
|
||||||
<div class="search-box">
|
<div class="search-box">
|
||||||
<i class="ti ti-search"></i>
|
<i class="ti ti-search"></i>
|
||||||
<input type="text" id="search-input" placeholder="Rechercher un titre, un réalisateur...">
|
<input type="text" id="search-input" placeholder="Rechercher un titre, un réalisateur...">
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer>
|
||||||
|
<p>Mon Cinéma — Administration</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
<div class="overlay" id="admin-modal">
|
<div class="overlay" id="admin-modal">
|
||||||
<div class="modal" style="max-width: 700px;">
|
<div class="modal" style="max-width: 700px;">
|
||||||
<button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
|
<button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
|
||||||
|
|||||||
Reference in New Issue
Block a user