1
0

Ajout des fonctionnalités de sélection multiple et unification de l'authentification

## Nouvelles fonctionnalités

### Sélection multiple et actions en lot
- Ajout d'une colonne de checkboxes avec case "Tout sélectionner"
- Panneau d'actions en lot (édition et suppression de plusieurs éléments)
- Modals dédiées pour l'édition et suppression en lot
- Gestion intelligente de la sélection (état indéterminé)
- Routes serveur `/bulk-edit` et `/bulk-delete` avec validation sécurisée

### Amélioration des modals de confirmation
- Modal de confirmation pour le renvoi (remplace le confirm() basique)
- Interface cohérente avec les autres modals
- Gestion clavier (Escape/Enter) pour toutes les modals

### Unification du système d'authentification
- Fusion des deux systèmes de login (DB + config) en une seule route
- Priorité à la base de données avec fallback sur le fichier config
- Logs détaillés avec émojis pour faciliter le débogage
- Robustesse améliorée (admin de secours si DB en panne)

## Améliorations configuration et posteur
- Configuration API pour le renvoi vers le site principal (config.js)
- Correction du calcul de taille pour les liens symboliques (posteur.sh)
- Support amélioré du mode symlink avec option -L pour du
- Ajout .gitignore pour exclure le dossier .specstory

## Améliorations techniques
- Interface utilisateur moderne avec compteur de sélection
- Mise à jour visuelle en temps réel
- Validation côté serveur avec gestion d'erreurs
- Conservation de toutes les fonctionnalités existantes
This commit is contained in:
unfr
2025-09-27 15:06:16 +02:00
parent 2847ed5514
commit 3de9e74331
6 changed files with 623 additions and 14 deletions

View File

@@ -114,10 +114,28 @@
{{PAGINATION_HTML}}
</nav>
<!-- Boutons d'actions en lot -->
<div id="bulkActions" class="hidden mb-4 p-4 bg-gray-800 rounded-lg border border-gray-600">
<div class="flex items-center justify-between flex-wrap gap-3">
<span id="selectedCount" class="text-gray-300 font-medium">0 élément sélectionné</span>
<div class="flex gap-2">
<button id="bulkEditBtn" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold transition">
✏️ Éditer la sélection
</button>
<button id="bulkDeleteBtn" class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg font-semibold transition">
🗑️ Supprimer la sélection
</button>
</div>
</div>
</div>
<div class="overflow-x-auto">
<table class="min-w-full border border-gray-700 shadow-lg rounded-lg overflow-hidden">
<thead class="bg-gray-900 text-gray-300 uppercase text-sm">
<tr>
<th class="px-4 py-2">
<input type="checkbox" id="selectAll" class="rounded border-gray-600 bg-gray-700 text-blue-600 focus:ring-blue-500">
</th>
<th class="px-4 py-2">Name</th>
<th class="px-4 py-2">Status</th>
<th class="px-4 py-2">ID</th>
@@ -187,6 +205,56 @@
</div>
</div>
<!-- Modal de confirmation de renvoi -->
<div id="confirmResendModal" class="hidden fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-50">
<div class="bg-gray-900 p-6 rounded-2xl shadow-2xl w-full max-w-3xl md:max-w-4xl relative">
<button type="button" class="absolute top-3 right-3 text-gray-400 hover:text-white text-xl font-bold" id="confirmResendClose" aria-label="Fermer">&times;</button>
<h3 class="text-xl font-bold text-white mb-2">Renvoyer cet enregistrement ?</h3>
<p class="text-gray-300 text-sm mb-6">Vous êtes sur le point de renvoyer <span id="confirmResendItemName" class="text-white font-semibold"></span> vers le site principal.</p>
<div class="flex justify-end gap-3">
<button type="button" id="cancelResendBtn" class="px-4 py-2 rounded-lg bg-gray-700 hover:bg-gray-600 text-white">Annuler</button>
<button type="button" id="confirmResendBtn" class="px-4 py-2 rounded-lg bg-green-600 hover:bg-green-700 text-white font-semibold">Renvoyer</button>
</div>
</div>
</div>
<!-- Modal d'édition en lot -->
<div id="bulkEditModal" class="hidden fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-50">
<div class="bg-gray-900 p-6 rounded-2xl shadow-2xl w-full max-w-md relative">
<button type="button" class="absolute top-4 right-4 text-gray-400 hover:text-white text-2xl font-bold" id="bulkEditClose">&times;</button>
<h2 class="text-2xl font-bold mb-6 text-center text-white">✏️ Éditer la sélection</h2>
<p class="text-gray-300 text-sm mb-4">Modifier le statut de <span id="bulkEditCount" class="text-white font-semibold">0</span> élément(s) sélectionné(s).</p>
<form id="bulkEditForm">
<label for="bulkStatusSelect" class="block mb-2 text-gray-300 font-medium">Nouveau statut :</label>
<select id="bulkStatusSelect" name="status"
class="w-full p-3 mb-6 rounded-lg border border-gray-700 bg-gray-800 text-white focus:ring-2 focus:ring-blue-500 focus:outline-none">
<option value="0" class="text-cyan-400">EN ATTENTE</option>
<option value="1" class="text-green-400">ENVOI TERMINÉ</option>
<option value="2" class="text-red-400">ERREUR</option>
<option value="3" class="text-pink-400">DEJA DISPONIBLE</option>
<option value="4" class="text-yellow-400">EN COURS</option>
</select>
<button type="submit" class="w-full p-3 bg-gradient-to-r from-blue-600 to-blue-500 text-white font-semibold rounded-lg shadow hover:from-blue-500 hover:to-blue-400 transform hover:-translate-y-0.5 transition">💾 Mettre à jour la sélection</button>
</form>
</div>
</div>
<!-- Modal de confirmation de suppression en lot -->
<div id="bulkDeleteModal" class="hidden fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-50">
<div class="bg-gray-900 p-6 rounded-2xl shadow-2xl w-full max-w-3xl md:max-w-4xl relative">
<button type="button" class="absolute top-3 right-3 text-gray-400 hover:text-white text-xl font-bold" id="bulkDeleteClose" aria-label="Fermer">&times;</button>
<h3 class="text-xl font-bold text-white mb-2">Supprimer ces enregistrements ?</h3>
<p class="text-gray-300 text-sm mb-4">Vous êtes sur le point de supprimer <span id="bulkDeleteCount" class="text-white font-semibold">0</span> élément(s) sélectionné(s).</p>
<div id="bulkDeleteList" class="max-h-40 overflow-y-auto mb-6 p-3 bg-gray-800 rounded-lg border border-gray-700">
<!-- Liste des éléments à supprimer -->
</div>
<div class="flex justify-end gap-3">
<button type="button" id="cancelBulkDeleteBtn" class="px-4 py-2 rounded-lg bg-gray-700 hover:bg-gray-600 text-white">Annuler</button>
<button type="button" id="confirmBulkDeleteBtn" class="px-4 py-2 rounded-lg bg-red-600 hover:bg-red-700 text-white font-semibold">Supprimer tout</button>
</div>
</div>
</div>
<!-- Toast -->
<div id="toast" class="hidden fixed bottom-6 left-1/2 -translate-x-1/2 px-4 py-2 rounded-lg bg-gray-900/95 text-white shadow-lg z-[60]">
<span id="toastMsg">Supprimé.</span>