-
+
setEmailImportHost(e.target.value)}
+ className="h-11"
/>
Adresse du serveur IMAP
@@ -331,7 +351,7 @@ export default function ImportSettings() {
-
+
setEmailImportPort(parseInt(e.target.value) || 993)}
+ className="h-11"
/>
Port SSL (993 par défaut)
@@ -347,13 +368,14 @@ export default function ImportSettings() {
-
+
setEmailImportFrequency(parseInt(e.target.value) || 30)}
+ className="h-11"
/>
Intervalle de temps entre chaque vérification des emails (minimum: 1 minute)
@@ -361,32 +383,60 @@ export default function ImportSettings() {
{/* Service Control Buttons */}
-
+
{emailServiceStatus?.isRunning ? (
-
+ <>
+
+
+
+
+ Service actif
+
+
) : (
)}
- {emailServiceStatus?.isRunning && (
-
-
- Service actif
-
- )}
-
- {emailServiceStatus?.isRunning && (
-
- )}
-
+
)}
{/* Export Folder */}
-
-
-
-
- Dossier d'export
-
-
- Configurez le dossier de destination pour l'export des factures
-
+
+
+
+
+
+
+
+ Dossier d'export
+
+ Configurez le dossier de destination pour l'export des factures
+
+
+
-
+
setExportFolder(e.target.value)}
+ className="h-11"
/>
Spécifiez le chemin absolu du dossier où les factures seront exportées
@@ -495,27 +503,27 @@ export default function ImportSettings() {
{/* Save Button */}
-
+
-
-
+
+
+
Chargement des listes...
);
}
+ const departmentCount = departments?.length || 0;
+ const allocationCount = allocations?.length || 0;
+
return (
-
-
-
-
- Administration des listes
-
-
- Gérez les listes de valeurs pour les champs métier des factures
-
+
+ {/* Header */}
+
+
+
+
+
+
+
+ Administration des listes
+
+
+ Gérez les listes de valeurs pour les champs métier des factures
+
+
+
+
+
+ {/* Statistics */}
+
+
+
+
+
+
+
+
+
Services
+
{departmentCount}
+
+
+
+ Actif{departmentCount > 1 ? 's' : ''}
+
+
+
+
+
+
+
+
+
+
+
+
Ventilations
+
{allocationCount}
+
+
+
+ Active{allocationCount > 1 ? 's' : ''}
+
+
+
{/* Department List */}
-
-
- Service concerné
-
- Gérez la liste des services disponibles pour la classification des factures
-
+
+
+
+
+
+
+
+ Service concerné
+
+ Gérez la liste des services disponibles pour la classification des factures
+
+
+
+
+
-
+
{departments && departments.length > 0 ? (
departments.map((dept) => (
-
{dept.name}
+
))
) : (
-
- Aucun service configuré. Ajoutez-en un pour commencer.
-
+
+
+
+ Aucun service configuré
+
+
+ Ajoutez-en un pour commencer
+
+
)}
{/* Accounting Allocation List */}
-
-
- Ventilation comptable
-
- Gérez la liste des ventilations comptables disponibles pour la classification des factures
-
+
+
+
+
+
+
+
+ Ventilation comptable
+
+ Gérez la liste des ventilations comptables disponibles pour la classification des factures
+
+
+
+
+
-
+
{allocations && allocations.length > 0 ? (
allocations.map((alloc) => (
-
{alloc.name}
+
))
) : (
-
- Aucune ventilation configurée. Ajoutez-en une pour commencer.
-
+
+
+
+ Aucune ventilation configurée
+
+
+ Ajoutez-en une pour commencer
+
+
)}
@@ -243,15 +335,20 @@ export default function ListsAdmin() {
- Confirmer la suppression
-
- Êtes-vous sûr de vouloir supprimer "{itemToDelete?.name}" ?
+ Confirmer la suppression
+
+ Êtes-vous sûr de vouloir supprimer "{itemToDelete?.name}" ?
+
Cette action est irréversible.
Annuler
-
+
+
Supprimer
diff --git a/todo.md b/todo.md
index ffe331f..9a33454 100644
--- a/todo.md
+++ b/todo.md
@@ -395,4 +395,14 @@
- [x] Améliorer le responsive design pour mobile
- [x] Ajouter des badges de statut (Actif/Inactif) avec couleurs
- [x] Tester localement l'interface modernisée
+- [x] Déployer sur le VPS
+
+## Modernisation des pages Administration et Import
+- [x] Identifier les pages Administration des listes et Paramètres d'import
+- [x] Analyser la structure actuelle de ces pages
+- [x] Moderniser la page Administration des listes avec Tabs, icônes colorées, cards
+- [x] Moderniser la page Paramètres d'import avec le même style
+- [x] Appliquer les badges de statut et animations
+- [x] Améliorer la typographie et les espacements
+- [x] Tester localement les interfaces modernisées
- [ ] Déployer sur le VPS