Actualiser admin/dashboard.html

2026-06-22 14:15:13 +02:00
parent 9792431c80
commit 8a171c34d3
1 changed files with 24 additions and 23 deletions
@@ -5,8 +5,8 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Administration — Mon Cinéma</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
-    <link rel="stylesheet" href="..\css\public.css"> <!-- Votre thème global -->
-    <link rel="stylesheet" href="..\css\admin.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/admin.css">
 </head>
 <body>
    <div class="admin-wrap">
@@ -36,7 +36,7 @@
        </div>

        <div class="admin-toolbar">
-            <label style="display:flex; align-items:center; gap:0.5rem; color:var(--muted); font-size:0.9rem; cursor:pointer;">
+            <label style="display:flex; align-items:center; gap:0.5rem; color:var(--muted); font-size:0.9rem; cursor:pointer;" id="physical-filter-wrapper">
                <input type="checkbox" id="admin-physical-checkbox"> Uniquement support physique / Cinéma
            </label>
            <button class="btn-action primary" onclick="openAddModal()"><i class="ti ti-plus"></i> Ajouter une œuvre</button>
@@ -72,9 +72,20 @@
            </table>
        </div>
        <div class="pagination" id="pagination-container"></div>
+
+        <div class="import-section">
+            <h3><i class="ti ti-database-import"></i> <span id="import-title">Importer des données</span></h3>
+            <p id="import-desc">Sélectionnez vos fichiers CSV pour commencer l'importation.</p>
+            <label class="import-box" for="csv-file">
+                <i class="ti ti-cloud-upload"></i>
+                <p><strong>Cliquez pour sélectionner vos fichiers CSV</strong></p>
+                <p>Le système détectera automatiquement le format selon l'onglet actif.</p>
+                <input type="file" id="csv-file" accept=".csv" multiple hidden>
+            </label>
+        </div>
    </div>

-    <!-- MODALES -->
+    <!-- MODALE CONFIGURATION -->
    <div class="overlay" id="config-modal">
        <div class="modal">
            <button class="modal-close" onclick="closeConfigModal()"><i class="ti ti-x"></i></button>
@@ -87,20 +98,10 @@
                <button class="btn-action outline" onclick="closeConfigModal()">Annuler</button>
                <button class="btn-action primary" onclick="saveConfigKeys()">Sauvegarder</button>
            </div>
-        <!-- ZONE D'IMPORT -->
-            <div class="import-section">
-                <h3><i class="ti ti-database-import"></i> <span id="import-title">Importer des données</span></h3>
-                <p id="import-desc">Sélectionnez vos fichiers CSV pour commencer l'importation.</p>
-                <label class="import-box" for="csv-file">
-                    <i class="ti ti-cloud-upload"></i>
-                    <p><strong>Cliquez pour sélectionner vos fichiers CSV</strong></p>
-                    <p>Le système détectera automatiquement le format selon l'onglet actif.</p>
-                    <input type="file" id="csv-file" accept=".csv" multiple hidden>
-                </label>
-            </div>
        </div>
    </div>

+    <!-- MODALE SÉCURITÉ -->
    <div class="overlay" id="password-modal">
        <div class="modal">
            <button class="modal-close" onclick="closePasswordModal()"><i class="ti ti-x"></i></button>
@@ -116,10 +117,11 @@
        </div>
    </div>

+    <!-- MODALE CONFIRMATION SUPPRESSION -->
    <div class="overlay" id="confirm-modal">
        <div class="modal" style="max-width:400px; text-align:center;">
            <h3 class="modal-h" style="justify-content:center;"><i class="ti ti-alert-triangle" style="color:#ff4757;"></i> Suppression définitive</h3>
-            <p>Êtes-vous sûr de vouloir supprimer ces éléments ? Cette action est irréversible.</p>
+            <p>Êtes-vous sûr de vouloir supprimer ces éléments ?</p>
            <div style="display:flex; gap:1rem; margin-top:1.5rem; justify-content:center;">
                <button class="btn-action outline" onclick="closeConfirmModal()">Annuler</button>
                <button class="btn-action danger-solid" id="confirm-btn">Oui, supprimer</button>
@@ -127,6 +129,7 @@
        </div>
    </div>

+    <!-- MODALE IMPORT PROGRESS -->
    <div class="overlay" id="import-progress-modal">
        <div class="modal" style="max-width:450px; text-align:center;">
            <h3 class="modal-h" id="import-modal-title" style="justify-content:center;"></h3>
@@ -136,6 +139,7 @@
        </div>
    </div>

+    <!-- MODALE AJOUT/EDITION -->
    <div class="overlay" id="admin-modal">
        <div class="modal">
            <button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
@@ -148,16 +152,14 @@
                    <div class="form-group"><label>Année</label><input type="text" id="f-year"></div>
                    <div class="form-group" style="grid-column: span 2;"><label>Affiche (URL)</label><input type="text" id="f-poster"></div>
                </div>
-                
                <div id="form-critique-fields">
                    <div class="divider">Données Critique</div>
                    <div class="form-grid">
                        <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>Plateforme de Streaming</label><input type="text" id="f-streaming"></div>
+                        <div class="form-group"><label>Streaming</label><input type="text" id="f-streaming"></div>
                        <div class="form-group" style="grid-column: span 2;"><label>Critique</label><textarea id="f-review" rows="4"></textarea></div>
                    </div>
                </div>
-
                <div id="form-videotheque-fields" style="display:none;">
                    <div class="divider">Données Vidéothèque</div>
                    <div class="form-grid">
@@ -165,12 +167,11 @@
                        <div class="form-group"><label>Durée</label><input type="text" id="f-length"></div>
                        <div class="form-group"><label>Éditeur</label><input type="text" id="f-publisher"></div>
                        <div class="form-group"><label>Code EAN</label><input type="text" id="f-ean"></div>
-                        <div class="form-group"><label>Nombre de disques</label><input type="number" id="f-discs"></div>
-                        <div class="form-group"><label>Aspect Ratio</label><input type="text" id="f-aspect"></div>
+                        <div class="form-group"><label>Disques</label><input type="number" id="f-discs"></div>
+                        <div class="form-group"><label>Aspect</label><input type="text" id="f-aspect"></div>
                        <div class="form-group" style="grid-column: span 2;"><label>Description</label><textarea id="f-description" rows="3"></textarea></div>
                    </div>
                </div>
-
                <div style="display:flex; gap:1rem; margin-top:1.5rem; justify-content:flex-end;">
                    <button type="button" class="btn-action outline" onclick="closeAdminModal()">Annuler</button>
                    <button type="submit" class="btn-action primary">Enregistrer</button>
@@ -179,6 +180,6 @@
        </div>
    </div>

-    <script src="../js/admin.js"></script>
+    <script src="..\js\admin.js"></script>
 </body>
 </html>