Admin movies tab redesign #59
+84
-19
@@ -624,20 +624,47 @@
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="admin-backup" role="tabpanel" aria-labelledby="admin-backup-tab">
|
||||
<div class="row g-3">
|
||||
<div class="col-12 col-xxl-6">
|
||||
<div class="card p-3">
|
||||
<h4 class="mb-1">Backup</h4>
|
||||
<p class="text-muted mb-3">
|
||||
Crée une sauvegarde de la base MongoDB (format <code>.ndjson.gz</code>) et conserve-la sur le serveur.
|
||||
</p>
|
||||
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<button type="button" id="db-backup-create" class="btn btn-warning">Créer une sauvegarde</button>
|
||||
<button type="button" id="db-backup-refresh" class="btn btn-outline-primary">Rafraîchir la liste</button>
|
||||
<div class="d-flex flex-wrap align-items-end justify-content-between gap-2">
|
||||
<div>
|
||||
<h4 class="mb-1">Backup / Restore</h4>
|
||||
<div class="text-muted">Sauvegarde et restauration de la base MongoDB.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive mt-3">
|
||||
<ul class="nav nav-pills admin-subtabs mt-3" id="adminBackupSubTabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="admin-backup-subtab-backup" data-bs-toggle="tab" data-bs-target="#admin-backup-pane-backup" type="button" role="tab" aria-controls="admin-backup-pane-backup" aria-selected="true">
|
||||
Backup
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="admin-backup-subtab-restore" data-bs-toggle="tab" data-bs-target="#admin-backup-pane-restore" type="button" role="tab" aria-controls="admin-backup-pane-restore" aria-selected="false">
|
||||
Restore
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="admin-backup-subtab-help" data-bs-toggle="tab" data-bs-target="#admin-backup-pane-help" type="button" role="tab" aria-controls="admin-backup-pane-help" aria-selected="false">
|
||||
Aide
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content pt-3">
|
||||
<!-- Backup -->
|
||||
<div class="tab-pane fade show active" id="admin-backup-pane-backup" role="tabpanel" aria-labelledby="admin-backup-subtab-backup" tabindex="0">
|
||||
<div class="d-flex flex-wrap align-items-end justify-content-between gap-2 mb-2">
|
||||
<div>
|
||||
<div class="fw-semibold">Sauvegardes</div>
|
||||
<div class="text-muted small">Format <code>.ndjson.gz</code>, stocké sur le serveur.</div>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<button type="button" id="db-backup-create" class="btn btn-warning">Créer une sauvegarde</button>
|
||||
<button type="button" id="db-backup-refresh" class="btn btn-outline-secondary">Rafraîchir</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -653,16 +680,18 @@
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Restore -->
|
||||
<div class="tab-pane fade" id="admin-backup-pane-restore" role="tabpanel" aria-labelledby="admin-backup-subtab-restore" tabindex="0">
|
||||
<div class="row g-3">
|
||||
<div class="col-12 col-xxl-7">
|
||||
<div class="border rounded p-3 bg-light">
|
||||
<div class="fw-semibold text-danger mb-1">Restaurer une sauvegarde</div>
|
||||
<div class="text-muted small mb-3">
|
||||
Restaure un fichier <code>.ndjson.gz</code>. L’option <strong>drop</strong> est recommandée.
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xxl-6">
|
||||
<div class="card p-3">
|
||||
<h4 class="mb-1 text-danger">Restore</h4>
|
||||
<p class="text-muted mb-3">
|
||||
Restaure une sauvegarde (fichier <code>.ndjson.gz</code>). Option recommandée: <strong>drop</strong> pour supprimer les collections avant import.
|
||||
</p>
|
||||
|
||||
<div class="alert alert-warning">
|
||||
<div class="alert alert-warning mb-3">
|
||||
La restauration peut <strong>écraser</strong> les données. Fais un backup juste avant si besoin.
|
||||
</div>
|
||||
|
||||
@@ -685,6 +714,42 @@
|
||||
<div id="db-restore-result" class="small text-muted mt-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xxl-5">
|
||||
<div class="border rounded p-3 bg-white">
|
||||
<div class="fw-semibold mb-2">Conseil</div>
|
||||
<div class="text-muted">
|
||||
Utilise <strong>drop</strong> sauf si tu sais exactement ce que tu fais (sinon risque de doublons/erreurs).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Help -->
|
||||
<div class="tab-pane fade" id="admin-backup-pane-help" role="tabpanel" aria-labelledby="admin-backup-subtab-help" tabindex="0">
|
||||
<div class="row g-3">
|
||||
<div class="col-12 col-xxl-8">
|
||||
<div class="border rounded p-3 bg-white">
|
||||
<div class="fw-semibold mb-2">Fonctionnement</div>
|
||||
<ul class="mb-0 text-muted">
|
||||
<li><strong>Backup</strong>: crée un fichier <code>.ndjson.gz</code> (export MongoDB) et le garde sur le serveur.</li>
|
||||
<li><strong>Télécharger</strong>: récupère le fichier localement (utile avant une manipulation risquée).</li>
|
||||
<li><strong>Restore</strong>: importe le fichier. Avec <strong>drop</strong>, les collections restaurées sont d’abord supprimées.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-4">
|
||||
<div class="border rounded p-3 bg-light">
|
||||
<div class="fw-semibold mb-2">Check rapide</div>
|
||||
<div class="text-muted">
|
||||
Après restore, recharge la page et vérifie “Films”, “Checklist” et “Statistiques”.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user