Cedric/mon-petit-cinema
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser admin/dashboard.html

Browse Source
This commit is contained in:
Cedric
2026-06-21 11:10:23 +02:00
parent ca04136456
commit 5f824d88bc
1 changed files with 48 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/dashboard.html
+47 -29
View File
@@ -26,7 +26,7 @@
</div> </div>
</header> </header>
<div class="pub-tabs-container" style="justify-content: center;"> <div class="pub-tabs-container">
<div class="pub-tabs"> <div class="pub-tabs">
<button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')"> <button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
<i class="ti ti-star"></i> Mes Critiques <i class="ti ti-star"></i> Mes Critiques
@@ -42,6 +42,11 @@
<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>
<button class="btn-action primary" onclick="openAddModal()">
<i class="ti ti-plus"></i> Ajouter une œuvre
</button>
<div class="count"> <div class="count">
<span id="admin-count-label">0 élément(s)</span> <span id="admin-count-label">0 élément(s)</span>
</div> </div>
@@ -52,12 +57,11 @@
<button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()"><i class="ti ti-trash"></i> Supprimer la sélection</button> <button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()"><i class="ti ti-trash"></i> Supprimer la sélection</button>
</div> </div>
<!-- VRAI TABLEAU HTML (6 COLONNES) -->
<div class="table-container"> <div class="table-container">
<table class="admin-table"> <table class="admin-table">
<thead> <thead>
<tr> <tr>
<th><input type="checkbox" id="select-all-checkbox"></th> <th style="width: 50px; text-align: center;"><input type="checkbox" id="select-all-checkbox"></th>
<th>Titre</th> <th>Titre</th>
<th>Année</th> <th>Année</th>
<th>Réalisateur</th> <th>Réalisateur</th>
@@ -72,7 +76,6 @@
<div id="pagination-container" class="pagination"></div> <div id="pagination-container" class="pagination"></div>
</div> </div>
<!-- MODALES -->
<div class="overlay" id="admin-modal"> <div class="overlay" id="admin-modal">
<div class="modal"> <div class="modal">
<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>
@@ -83,31 +86,40 @@
<div class="form-group"><label>Titre *</label><input type="text" id="f-title" required></div> <div class="form-group"><label>Titre *</label><input type="text" id="f-title" required></div>
<div class="form-group"><label>Année</label><input type="number" id="f-year"></div> <div class="form-group"><label>Année</label><input type="number" id="f-year"></div>
<div class="form-group" style="grid-column: span 2;"><label>Réalisateur</label><input type="text" id="f-director"></div> <div class="form-group" style="grid-column: span 2;"><label>Réalisateur</label><input type="text" id="f-director"></div>
<div class="form-group" style="grid-column: span 2;"><label>URL de l'affiche</label><input type="text" id="f-poster"></div> <div class="form-group" style="grid-column: span 2;"><label>URL Affiche</label><input type="url" id="f-poster"></div>
</div> </div>
<div id="form-critique-fields"> <div id="form-critique-fields">
<div class="divider">Spécifique aux critiques</div> <div class="divider">Champs Critiques</div>
<div class="form-grid"> <div class="form-grid">
<div class="form-group"><label>Note (sur 5)</label><input type="number" id="f-rating" min="0" max="5" step="0.5"></div> <div class="form-group"><label>Note (sur 5)</label><input type="number" step="0.5" min="0" max="5" id="f-rating"></div>
<div class="form-group"><label>Lien Streaming / VOD</label><input type="text" id="f-streaming"></div> <div class="form-group"><label>Lien Streaming</label><input type="url" id="f-streaming"></div>
<div class="form-group" style="grid-column: span 2;"><label>Critique / Avis</label><textarea id="f-review" rows="4"></textarea></div> <div class="form-group" style="grid-column: span 2;"><label>Critique</label><textarea id="f-review" rows="4"></textarea></div>
</div> </div>
</div> </div>
<div id="form-videotheque-fields" style="display: none;"> <div id="form-videotheque-fields" style="display: none;">
<div class="divider">Spécifique à la vidéothèque</div> <div class="divider">Champs Vidéothèque</div>
<div class="form-grid"> <div class="form-grid">
<div class="form-group"><label>Format</label> <div class="form-group">
<select id="f-format"><option value="Blu-ray 4K">Blu-ray 4K</option><option value="Blu-ray">Blu-ray</option><option value="DVD">DVD</option><option value="VHS">VHS</option></select> <label>Format</label>
<select id="f-format">
<option value="Blu-ray 4K">Blu-ray 4K</option>
<option value="Blu-ray">Blu-ray</option>
<option value="DVD">DVD</option>
<option value="VHS">VHS</option>
</select>
</div> </div>
<div class="form-group"><label>Éditeur</label><input type="text" id="f-publisher"></div> <div class="form-group"><label>Éditeur</label><input type="text" id="f-publisher"></div>
<div class="form-group"><label>Durée (min)</label><input type="number" id="f-length"></div> <div class="form-group"><label>Durée (min)</label><input type="number" id="f-length"></div>
<div class="form-group"><label>Format Image</label><input type="text" id="f-aspect"></div> <div class="form-group"><label>Ratio Image</label><input type="text" id="f-aspect" placeholder="ex: 2.39:1"></div>
<div class="form-group"><label>Code Barre (EAN)</label><input type="text" id="f-ean"></div> <div class="form-group"><label>Code Barre (EAN)</label><input type="text" id="f-ean"></div>
<div class="form-group"><label>Nombre de disques</label><input type="number" id="f-discs" value="1"></div> <div class="form-group"><label>Nb disques</label><input type="number" id="f-discs" value="1"></div>
<div class="form-group" style="grid-column: span 2;"><label>Description / Synopsis</label><textarea id="f-description" rows="4"></textarea></div> <div class="form-group" style="grid-column: span 2;"><label>Description / État</label><textarea id="f-description" rows="3"></textarea></div>
</div> </div>
</div> </div>
<div style="display:flex; gap:1rem; margin-top:2rem; justify-content:flex-end;">
<div style="margin-top: 2rem; display: flex; justify-content: flex-end; gap: 1rem;">
<button type="button" class="btn-action outline" onclick="closeAdminModal()">Annuler</button> <button type="button" class="btn-action outline" onclick="closeAdminModal()">Annuler</button>
<button type="submit" class="btn-action primary">Enregistrer</button> <button type="submit" class="btn-action primary">Enregistrer</button>
</div> </div>
@@ -118,25 +130,31 @@
<div class="overlay" id="config-modal"> <div class="overlay" id="config-modal">
<div class="modal"> <div class="modal">
<button class="modal-close" onclick="closeConfigModal()"><i class="ti ti-x"></i></button> <button class="modal-close" onclick="closeConfigModal()"><i class="ti ti-x"></i></button>
<h2 class="modal-h"><i class="ti ti-settings"></i> Configuration globale</h2> <h2 class="modal-h"><i class="ti ti-settings"></i> Configuration</h2>
<div class="form-group"><label>Clé API TMDB</label><input type="text" id="tmdb-key-input" placeholder="Votre clé API..."><button type="button" class="btn-action primary" style="margin-top:1rem;" onclick="saveTmdbKey()">Sauvegarder</button></div> <div class="form-group" style="margin-bottom: 2rem;">
<div class="divider">Importation de données</div> <label>Clé API TMDB</label>
<div class="import-box"> <div style="display: flex; gap: 0.5rem; margin-top: 0.5rem;">
<input type="text" id="tmdb-key-input" placeholder="Clé v3 auth...">
<button class="btn-action primary" onclick="saveTmdbKey()">Sauvegarder</button>
</div>
</div>
<div class="divider">Importer CSV</div>
<div class="import-box" onclick="document.getElementById('csv-file').click()">
<i class="ti ti-file-upload"></i> <i class="ti ti-file-upload"></i>
<p>Importer un fichier CSV</p> <p style="margin:0; font-weight: 600;">Cliquez ou déposez votre CSV</p>
<input type="file" id="csv-file" accept=".csv"> <input type="file" id="csv-file" accept=".csv" style="display:none">
</div> </div>
</div> </div>
</div> </div>
<div class="overlay" id="password-modal"> <div class="overlay" id="password-modal">
<div class="modal"> <div class="modal" style="max-width:450px;">
<button class="modal-close" onclick="closePasswordModal()"><i class="ti ti-x"></i></button> <button class="modal-close" onclick="closePasswordModal()"><i class="ti ti-x"></i></button>
<h2 class="modal-h"><i class="ti ti-shield-lock"></i> Sécurité du compte</h2> <h2 class="modal-h"><i class="ti ti-lock"></i> Sécurité</h2>
<div class="form-group"><label>Nouveau mot de passe</label><input type="password" id="new-password-input"></div> <div class="form-group" style="margin-bottom: 1rem;"><label>Nouveau mot de passe</label><input type="password" id="new-password-input"></div>
<div class="form-group"><label>Confirmation</label><input type="password" id="new-password-confirm"></div> <div class="form-group" style="margin-bottom: 1.5rem;"><label>Confirmer</label><input type="password" id="new-password-confirm"></div>
<p id="pwd-error" style="color:#ff4757; display:none; margin-top:1rem;"></p> <div id="pwd-error" style="color: #ff4757; font-size: 0.85rem; margin-bottom: 1rem; display: none;"></div>
<button class="btn-action primary" style="margin-top:1.5rem; width:100%;" onclick="saveNewPassword()">Mettre à jour</button> <button class="btn-action primary" style="width: 100%; justify-content: center;" onclick="saveNewPassword()">Mettre à jour</button>
</div> </div>
</div> </div>
@@ -158,7 +176,7 @@
<div style="background:var(--border); border-radius:6px; overflow:hidden; margin:1.5rem 0; height:12px;"> <div style="background:var(--border); border-radius:6px; overflow:hidden; margin:1.5rem 0; height:12px;">
<div id="progress-bar" style="height:100%; background:var(--gold); width:0%; transition:width 0.3s;"></div> <div id="progress-bar" style="height:100%; background:var(--gold); width:0%; transition:width 0.3s;"></div>
</div> </div>
<p id="progress-count" style="color:var(--muted);">0 / 0</p> <p id="progress-count" style="font-weight:bold;">0 / 0</p>
</div> </div>
</div> </div>