Files
unionflow-mobile-apps/lib/features/settings/presentation/pages/system_settings_page.dart
dahoud ba779a7a40 feat(ui): dark mode adaptatif sur 15 pages/widgets restants
Pattern AppColors pair (isDark ternaries) appliqué sur :
- login_page : SnackBar error color Color(0xFFDC2626) → AppColors.error
  (gradient brand intentionnel non modifié)
- help_support : barre de recherche + ExpansionTile + chevrons → scheme adaptatif
- system_settings : état 'Accès réservé' + unselectedLabelColor TabBar
- epargne : date/description/boutons OutlinedButton foregroundColor adaptatifs
- conversation_tile, connected_recent_activities, connected_upcoming_events
- dashboard_notifications_widget
- budgets_list_page, pending_approvals_page, approve/reject_dialog
- create_organization_page, edit_organization_page, about_page

Les couleurs sémantiques (error, success, warning, primary) restent inchangées.
Les blancs/gradients intentionnels (AppBars brand, logos payment) préservés.
2026-04-15 20:14:59 +00:00

1413 lines
48 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../shared/design_system/unionflow_design_system.dart';
import '../../../../core/di/injection_container.dart';
import '../../../../features/authentication/presentation/bloc/auth_bloc.dart';
import '../../../../features/authentication/data/models/user_role.dart';
import '../../data/models/system_metrics_model.dart';
import '../bloc/system_settings_bloc.dart';
import '../bloc/system_settings_event.dart';
import '../bloc/system_settings_state.dart';
import '../../../backup/presentation/pages/backup_page.dart';
/// Page Paramètres Système - UnionFlow Mobile
///
/// Le BlocProvider est créé ici (StatelessWidget) afin que this.context
/// dans _SystemSettingsViewState soit toujours sous le provider.
class SystemSettingsPage extends StatelessWidget {
const SystemSettingsPage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => sl<SystemSettingsBloc>()
..add(LoadSystemConfig())
..add(LoadSystemMetrics()),
child: const _SystemSettingsView(),
);
}
}
class _SystemSettingsView extends StatefulWidget {
const _SystemSettingsView();
@override
State<_SystemSettingsView> createState() => _SystemSettingsViewState();
}
class _SystemSettingsViewState extends State<_SystemSettingsView>
with TickerProviderStateMixin {
late TabController _tabController;
// Métriques système en temps réel
SystemMetricsModel? _metrics;
// États des paramètres système
bool _maintenanceMode = false;
bool _debugMode = false;
bool _analyticsEnabled = true;
bool _crashReportingEnabled = true;
bool _sslEnforced = true;
bool _apiLoggingEnabled = false;
bool _performanceMonitoring = true;
bool _alertCpuHigh = true;
bool _alertLowMemory = true;
bool _alertDiskFull = true;
bool _alertFailedConnections = false;
String _selectedLogLevel = 'INFO';
String _selectedCacheStrategy = 'Intelligent';
final List<String> _logLevels = ['DEBUG', 'INFO', 'WARN', 'ERROR'];
final List<String> _cacheStrategies = ['Agressif', 'Intelligent', 'Conservateur', 'Désactivé'];
@override
void initState() {
super.initState();
_tabController = TabController(length: 5, vsync: this);
_loadSystemSettings();
}
@override
void dispose() {
_tabController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return BlocBuilder<AuthBloc, AuthState>(
builder: (context, authState) {
// Accès réservé aux super administrateurs (configuration système globale)
if (authState is! AuthAuthenticated || authState.effectiveRole != UserRole.superAdmin) {
return Scaffold(
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
appBar: UFAppBar(
title: 'Paramètres Système',
moduleGradient: ModuleColors.parametresGradient,
),
body: Center(
child: Padding(
padding: const EdgeInsets.all(SpacingTokens.xxxl),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.lock_outline,
size: 64,
color: (Theme.of(context).brightness == Brightness.dark
? AppColors.textSecondaryDark
: AppColors.textSecondary).withOpacity(0.5),
),
const SizedBox(height: SpacingTokens.xl),
Text(
'Accès réservé',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Theme.of(context).brightness == Brightness.dark
? AppColors.textPrimaryDark
: AppColors.textPrimary,
),
textAlign: TextAlign.center,
),
const SizedBox(height: SpacingTokens.md),
Text(
'Les paramètres système sont réservés aux administrateurs plateforme.',
style: TextStyle(
fontSize: 14,
color: Theme.of(context).brightness == Brightness.dark
? AppColors.textSecondaryDark
: AppColors.textSecondary,
),
textAlign: TextAlign.center,
),
],
),
),
),
);
}
return BlocConsumer<SystemSettingsBloc, SystemSettingsState>(
listener: (context, state) {
if (state is SystemMetricsLoaded) {
setState(() {
_metrics = state.metrics;
});
} else if (state is SystemConfigLoaded) {
setState(() {
_maintenanceMode = state.config.maintenanceMode ?? false;
_analyticsEnabled = state.config.metricsCollectionEnabled ?? true;
_crashReportingEnabled = state.config.performanceOptimizationEnabled ?? true;
_sslEnforced = state.config.twoFactorAuthEnabled ?? true;
_apiLoggingEnabled = state.config.detailedLoggingEnabled ?? false;
_performanceMonitoring = state.config.realTimeMonitoringEnabled ?? true;
_alertCpuHigh = state.config.cpuHighAlertEnabled ?? true;
_alertLowMemory = state.config.memoryLowAlertEnabled ?? true;
_alertDiskFull = state.config.criticalErrorAlertEnabled ?? true;
_alertFailedConnections = state.config.connectionFailureAlertEnabled ?? false;
if (state.config.logLevel != null) _selectedLogLevel = state.config.logLevel!;
// Backup config retiré — géré dans BackupPage
});
} else if (state is SystemSettingsSuccess) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(state.message),
backgroundColor: AppColors.success,
behavior: SnackBarBehavior.floating,
),
);
} else if (state is SystemSettingsError) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(state.error),
backgroundColor: AppColors.error,
behavior: SnackBarBehavior.floating,
),
);
}
},
builder: (context, state) {
return Scaffold(
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
appBar: UFAppBar(
title: 'Paramètres Système',
moduleGradient: ModuleColors.parametresGradient,
automaticallyImplyLeading: true,
actions: [
IconButton(
icon: const Icon(Icons.monitor_heart, color: AppColors.onGradient),
onPressed: () => _showSystemStatus(),
tooltip: 'État du système',
),
IconButton(
icon: const Icon(Icons.download, color: AppColors.onGradient),
onPressed: () => _exportSystemConfig(),
tooltip: 'Exporter la configuration',
),
],
),
body: SafeArea(
top: false,
child: Column(
children: [
_buildSystemIndicators(),
_buildTabBar(),
Expanded(
child: TabBarView(
controller: _tabController,
children: [
_buildGeneralTab(),
_buildSecurityTab(),
_buildPerformanceTab(),
_buildMaintenanceTab(),
_buildMonitoringTab(),
],
),
),
],
),
),
);
},
);
},
);
}
/// Bande d'indicateurs système (sous l'AppBar)
Widget _buildSystemIndicators() {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Container(
margin: const EdgeInsets.fromLTRB(SpacingTokens.lg, SpacingTokens.md, SpacingTokens.lg, 0),
padding: const EdgeInsets.symmetric(horizontal: SpacingTokens.md, vertical: SpacingTokens.md),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
border: Border.all(color: isDark ? AppColors.borderDark : AppColors.border),
boxShadow: const [BoxShadow(color: AppColors.shadow, blurRadius: 8, offset: Offset(0, 2))],
),
child: Row(
children: [
Expanded(
child: _buildSystemIndicator(
'Statut',
_metrics?.systemStatus ?? (_maintenanceMode ? 'MAINTENANCE' : 'OPERATIONAL'),
_maintenanceMode ? Icons.build : Icons.check_circle,
_maintenanceMode ? AppColors.warning : AppColors.success,
),
),
Container(width: 1, height: 40, color: isDark ? AppColors.borderDark : AppColors.border),
Expanded(
child: _buildSystemIndicator(
'Charge CPU',
_metrics != null ? '${_metrics!.cpuUsagePercent?.toStringAsFixed(0) ?? '0'}%' : '-',
Icons.memory,
AppColors.info,
),
),
Container(width: 1, height: 40, color: isDark ? AppColors.borderDark : AppColors.border),
Expanded(
child: _buildSystemIndicator(
'Utilisateurs',
_metrics?.activeUsersCount?.toString() ?? '-',
Icons.people,
AppColors.accent,
),
),
],
),
);
}
/// Indicateur système — conçu pour la bande de KPIs dans le body
Widget _buildSystemIndicator(String label, String value, IconData icon, Color color) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
padding: const EdgeInsets.all(SpacingTokens.md),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
shape: BoxShape.circle,
),
child: Icon(icon, color: color, size: 18),
),
const SizedBox(height: SpacingTokens.sm),
Text(
value,
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.bold,
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimary,
),
),
Text(
label,
style: TextStyle(
fontSize: 10,
color: isDark ? AppColors.textSecondaryDark : AppColors.textSecondary,
),
),
],
);
}
/// Barre d'onglets
Widget _buildTabBar() {
return Container(
margin: const EdgeInsets.fromLTRB(SpacingTokens.lg, SpacingTokens.md, SpacingTokens.lg, 0),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(SpacingTokens.radiusXl),
boxShadow: const [
BoxShadow(
color: AppColors.shadow,
blurRadius: 10,
offset: Offset(0, 2),
),
],
),
child: TabBar(
controller: _tabController,
labelColor: AppColors.primary,
unselectedLabelColor: Theme.of(context).brightness == Brightness.dark
? AppColors.textSecondaryDark
: AppColors.textSecondary,
indicatorColor: AppColors.primary,
indicatorWeight: 3,
indicatorSize: TabBarIndicatorSize.tab,
labelStyle: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 10,
),
unselectedLabelStyle: const TextStyle(
fontWeight: FontWeight.normal,
fontSize: 10,
),
tabs: const [
Tab(
icon: Icon(Icons.tune, size: 16),
text: 'Général',
),
Tab(
icon: Icon(Icons.security, size: 16),
text: 'Sécurité',
),
Tab(
icon: Icon(Icons.speed, size: 16),
text: 'Performance',
),
Tab(
icon: Icon(Icons.build, size: 16),
text: 'Maintenance',
),
Tab(
icon: Icon(Icons.analytics, size: 16),
text: 'Monitoring',
),
],
),
);
}
/// Onglet général
Widget _buildGeneralTab() {
return SingleChildScrollView(
padding: const EdgeInsets.all(SpacingTokens.lg),
child: Column(
children: [
const SizedBox(height: SpacingTokens.xl),
// Configuration de base
_buildSettingsSection(
'Configuration de base',
'Paramètres fondamentaux du système',
Icons.settings,
[
_buildSwitchSetting(
'Mode maintenance',
'Désactiver l\'accès utilisateur pour maintenance',
_maintenanceMode,
(value) {
setState(() => _maintenanceMode = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'maintenanceMode': value}));
_showMaintenanceModeDialog(value);
},
isWarning: true,
),
_buildSwitchSetting(
'Mode debug',
'Activer les logs détaillés et outils de débogage',
_debugMode,
(value) {
setState(() => _debugMode = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'detailedLoggingEnabled': value}));
_showSuccessSnackBar('Mode debug ${value ? 'activé' : 'désactivé'}');
},
),
_buildDropdownSetting(
'Niveau de logs',
'Détail des informations enregistrées',
_selectedLogLevel,
_logLevels,
(value) => setState(() => _selectedLogLevel = value!),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Gestion des données
_buildSettingsSection(
'Gestion des données',
'Configuration du stockage et cache',
Icons.storage,
[
_buildDropdownSetting(
'Stratégie de cache',
'Politique de mise en cache des données',
_selectedCacheStrategy,
_cacheStrategies,
(value) => setState(() => _selectedCacheStrategy = value!),
),
_buildActionSetting(
'Vider le cache système',
_metrics != null
? 'Supprimer tous les fichiers temporaires (${_metrics!.totalCacheSizeFormatted ?? "0 B"})'
: 'Supprimer tous les fichiers temporaires',
Icons.delete_sweep,
AppColors.warning,
() => _clearSystemCache(),
),
_buildActionSetting(
'Optimiser la base de données',
'Réorganiser et compacter la base de données',
Icons.tune,
AppColors.primary,
() => _optimizeDatabase(),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Configuration réseau
_buildSettingsSection(
'Configuration réseau',
'Paramètres de connectivité',
Icons.network_check,
[
_buildInfoSetting('Serveur API', _metrics?.apiBaseUrl ?? 'Non configuré'),
_buildInfoSetting('Serveur d\'authentification', _metrics?.authServerUrl ?? 'Non configuré'),
_buildInfoSetting('CDN Assets', _metrics?.cdnUrl ?? 'Non configuré'),
_buildActionSetting(
'Tester la connectivité',
'Vérifier la connexion aux services',
Icons.network_ping,
AppColors.success,
() => _testConnectivity(),
),
],
),
const SizedBox(height: 80),
],
),
);
}
/// Onglet sécurité
Widget _buildSecurityTab() {
return SingleChildScrollView(
padding: const EdgeInsets.all(SpacingTokens.lg),
child: Column(
children: [
const SizedBox(height: SpacingTokens.xl),
// Sécurité réseau
_buildSettingsSection(
'Sécurité réseau',
'Protection des communications',
Icons.security,
[
_buildSwitchSetting(
'Forcer HTTPS/SSL',
'Obliger les connexions sécurisées',
_sslEnforced,
(value) {
setState(() => _sslEnforced = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'twoFactorAuthEnabled': value}));
_showSuccessSnackBar('SSL ${value ? 'obligatoire' : 'optionnel'}');
},
),
_buildSwitchSetting(
'Logs des API',
'Enregistrer toutes les requêtes API',
_apiLoggingEnabled,
(value) {
setState(() => _apiLoggingEnabled = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'detailedLoggingEnabled': value}));
_showSuccessSnackBar('Logs API ${value ? 'activés' : 'désactivés'}');
},
),
_buildActionSetting(
'Régénérer les clés API',
'Créer de nouvelles clés d\'authentification',
Icons.vpn_key,
AppColors.warning,
() => _regenerateApiKeys(),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Authentification
_buildSettingsSection(
'Authentification',
'Gestion des accès utilisateurs',
Icons.login,
[
_buildInfoSetting(
'Sessions actives',
_metrics != null ? '${_metrics!.activeSessionsCount ?? 0} sessions actives' : 'Chargement...',
),
_buildInfoSetting(
'Tentatives échouées',
_metrics != null ? '${_metrics!.failedLoginAttempts24h ?? 0} dans les dernières 24h' : 'Chargement...',
),
_buildActionSetting(
'Forcer la déconnexion globale',
'Déconnecter tous les utilisateurs',
Icons.logout,
AppColors.error,
() => _forceGlobalLogout(),
),
_buildActionSetting(
'Réinitialiser les sessions',
'Nettoyer les sessions expirées',
Icons.refresh,
AppColors.primary,
() => _resetSessions(),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Audit et conformité
_buildSettingsSection(
'Audit et conformité',
'Traçabilité et réglementation',
Icons.fact_check,
[
_buildActionSetting(
'Générer rapport d\'audit',
'Créer un rapport complet des activités',
Icons.assessment,
AppColors.primary,
() => _generateAuditReport(),
),
_buildActionSetting(
'Export RGPD',
'Exporter toutes les données utilisateurs',
Icons.download,
AppColors.success,
() => _exportGDPRData(),
),
_buildActionSetting(
'Purge des données',
'Supprimer les données expirées (RGPD)',
Icons.auto_delete,
AppColors.warning,
() => _purgeExpiredData(),
),
],
),
const SizedBox(height: 80),
],
),
);
}
/// Onglet performance
Widget _buildPerformanceTab() {
return SingleChildScrollView(
padding: const EdgeInsets.all(SpacingTokens.lg),
child: Column(
children: [
const SizedBox(height: SpacingTokens.xl),
// Monitoring système
_buildSettingsSection(
'Monitoring système',
'Surveillance des performances',
Icons.monitor,
[
_buildSwitchSetting(
'Monitoring des performances',
'Surveiller CPU, mémoire et réseau',
_performanceMonitoring,
(value) {
setState(() => _performanceMonitoring = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'realTimeMonitoringEnabled': value}));
_showSuccessSnackBar('Monitoring ${value ? 'activé' : 'désactivé'}');
},
),
_buildSwitchSetting(
'Rapports de crash',
'Envoyer automatiquement les rapports d\'erreur',
_crashReportingEnabled,
(value) {
setState(() => _crashReportingEnabled = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'performanceOptimizationEnabled': value}));
_showSuccessSnackBar('Rapports de crash ${value ? 'activés' : 'désactivés'}');
},
),
_buildSwitchSetting(
'Analytics système',
'Collecter des données d\'utilisation anonymes',
_analyticsEnabled,
(value) {
setState(() => _analyticsEnabled = value);
context.read<SystemSettingsBloc>().add(UpdateSystemConfig({'metricsCollectionEnabled': value}));
_showSuccessSnackBar('Analytics ${value ? 'activées' : 'désactivées'}');
},
),
],
),
// Note : les "Métriques en temps réel" (CPU/RAM/Disque/Réseau) sont
// disponibles dans Logs & Monitoring (consultation = read-only).
const SizedBox(height: SpacingTokens.xl),
// Optimisation
_buildSettingsSection(
'Optimisation',
'Améliorer les performances',
Icons.tune,
[
_buildActionSetting(
'Analyser les performances',
'Scanner les goulots d\'étranglement',
Icons.analytics,
AppColors.primary,
() => _analyzePerformance(),
),
_buildActionSetting(
'Nettoyer les logs anciens',
'Supprimer les logs de plus de 30 jours',
Icons.cleaning_services,
AppColors.warning,
() => _cleanOldLogs(),
),
_buildActionSetting(
'Redémarrer les services',
'Relancer tous les services système',
Icons.restart_alt,
AppColors.error,
() => _restartServices(),
),
],
),
const SizedBox(height: 80),
],
),
);
}
/// Onglet maintenance
Widget _buildMaintenanceTab() {
return SingleChildScrollView(
padding: const EdgeInsets.all(SpacingTokens.lg),
child: Column(
children: [
const SizedBox(height: SpacingTokens.xl),
// Sauvegarde & restauration — gérée intégralement dans l'écran
// dédié BackupPage (Drawer → Système → Sauvegarde & Restauration).
// On garde uniquement un raccourci pour éviter la duplication.
_buildSettingsSection(
'Sauvegarde & restauration',
'Configuration et historique des sauvegardes',
Icons.backup,
[
_buildActionSetting(
'Ouvrir Sauvegarde & Restauration',
'Planification, sauvegardes manuelles et restauration',
Icons.open_in_new,
ModuleColors.backup,
() => _restoreFromBackup(),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Maintenance système
_buildSettingsSection(
'Maintenance système',
'Opérations de maintenance',
Icons.build,
[
_buildInfoSetting(
'Dernière maintenance',
_metrics?.lastMaintenance ?? 'Aucune maintenance récente',
),
_buildInfoSetting(
'Prochaine maintenance',
_metrics?.nextScheduledMaintenance ?? 'Non planifiée',
),
_buildActionSetting(
'Planifier une maintenance',
'Programmer une fenêtre de maintenance',
Icons.schedule,
AppColors.primary,
() => _scheduleMaintenance(),
),
_buildActionSetting(
'Maintenance d\'urgence',
'Lancer immédiatement une maintenance',
Icons.warning,
AppColors.error,
() => _emergencyMaintenance(),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Mise à jour système
_buildSettingsSection(
'Mise à jour système',
'Gestion des versions',
Icons.system_update,
[
_buildInfoSetting(
'Version actuelle',
_metrics != null ? 'UnionFlow Server ${_metrics!.applicationVersion ?? "N/A"}' : 'Chargement...',
),
_buildInfoSetting(
'Uptime',
_metrics?.uptimeFormatted ?? 'Chargement...',
),
_buildActionSetting(
'Vérifier les mises à jour',
'Rechercher les nouvelles versions',
Icons.refresh,
AppColors.primary,
() => _checkUpdates(),
),
_buildActionSetting(
'Historique des mises à jour',
'Voir les versions précédentes',
Icons.history,
AppColors.primary,
() => _showUpdateHistory(),
),
],
),
const SizedBox(height: 80),
],
),
);
}
/// Onglet monitoring
Widget _buildMonitoringTab() {
return SingleChildScrollView(
padding: const EdgeInsets.all(SpacingTokens.lg),
child: Column(
children: [
const SizedBox(height: SpacingTokens.xl),
// Alertes système
_buildSettingsSection(
'Alertes système',
'Notifications d\'état critique',
Icons.notifications_active,
[
_buildAlertItem(
'CPU élevé',
'Alerte si CPU > 80% pendant 5 min',
_alertCpuHigh,
AppColors.warning,
onChanged: (value) => setState(() => _alertCpuHigh = value),
),
_buildAlertItem(
'Mémoire faible',
'Alerte si RAM < 20% disponible',
_alertLowMemory,
AppColors.warning,
onChanged: (value) => setState(() => _alertLowMemory = value),
),
_buildAlertItem(
'Disque plein',
'Alerte si stockage > 90%',
_alertDiskFull,
AppColors.error,
onChanged: (value) => setState(() => _alertDiskFull = value),
),
_buildAlertItem(
'Connexions échouées',
'Alerte si > 100 échecs/min',
_alertFailedConnections,
AppColors.primary,
onChanged: (value) => setState(() => _alertFailedConnections = value),
),
],
),
const SizedBox(height: SpacingTokens.xl),
// Note : les compteurs de logs (Erreurs/Warnings/Infos/Debug),
// les statistiques d'utilisation et la consultation des logs
// sont accessibles dans Logs & Monitoring (CONSULTATION).
// Les rapports d'utilisation détaillés sont dans Plus → Rapports & Analytics.
const SizedBox(height: 80),
],
),
);
}
// ==================== MÉTHODES DE CONSTRUCTION DES COMPOSANTS ====================
/// Section de paramètres
Widget _buildSettingsSection(
String title,
String subtitle,
IconData icon,
List<Widget> children,
) {
return Container(
padding: const EdgeInsets.all(SpacingTokens.xl),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(SpacingTokens.radiusXl),
boxShadow: const [
BoxShadow(
color: AppColors.shadow,
blurRadius: 10,
offset: Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(icon, color: Theme.of(context).colorScheme.onSurfaceVariant, size: 20),
const SizedBox(width: SpacingTokens.md),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Theme.of(context).colorScheme.onSurface,
),
),
Text(
subtitle,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
),
],
),
const SizedBox(height: SpacingTokens.xl),
...children.map((child) => Padding(
padding: const EdgeInsets.only(bottom: SpacingTokens.lg),
child: child,
)),
],
),
);
}
/// Paramètre avec switch
Widget _buildSwitchSetting(
String title,
String subtitle,
bool value,
Function(bool) onChanged, {
bool isWarning = false,
}) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
decoration: BoxDecoration(
color: isWarning ? AppColors.warningContainer : Theme.of(context).colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
border: isWarning ? Border.all(color: AppColors.warningUI) : null,
),
child: Row(
children: [
if (isWarning)
const Icon(Icons.warning, color: AppColors.warning, size: 20)
else
const Icon(Icons.toggle_on, color: AppColors.primary, size: 20),
const SizedBox(width: SpacingTokens.lg),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: isWarning ? AppColors.warning : (isDark ? AppColors.textPrimaryDark : AppColors.textPrimary),
),
),
Text(
subtitle,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
),
Switch(
value: value,
onChanged: onChanged,
activeColor: isWarning ? AppColors.warning : AppColors.primary,
),
],
),
);
}
/// Paramètre avec dropdown
Widget _buildDropdownSetting(
String title,
String subtitle,
String value,
List<String> options,
Function(String?) onChanged,
) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Icon(Icons.arrow_drop_down, color: AppColors.primary, size: 20),
const SizedBox(width: SpacingTokens.lg),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimary,
),
),
Text(
subtitle,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
),
],
),
const SizedBox(height: SpacingTokens.md),
Container(
padding: const EdgeInsets.symmetric(horizontal: SpacingTokens.lg),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(SpacingTokens.radiusMd),
border: Border.all(color: isDark ? AppColors.borderDark : AppColors.border),
),
child: DropdownButtonHideUnderline(
child: DropdownButton<String>(
value: value,
isExpanded: true,
onChanged: onChanged,
items: options.map((option) {
return DropdownMenuItem<String>(
value: option,
child: Text(option),
);
}).toList(),
),
),
),
],
),
);
}
/// Paramètre d'action
Widget _buildActionSetting(
String title,
String subtitle,
IconData icon,
Color color,
VoidCallback onTap,
) {
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
child: Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
decoration: BoxDecoration(
color: color.withOpacity(0.05),
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
border: Border.all(color: color.withOpacity(0.1)),
),
child: Row(
children: [
Icon(icon, color: color, size: 20),
const SizedBox(width: SpacingTokens.lg),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: color,
),
),
Text(
subtitle,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
),
Icon(Icons.arrow_forward_ios, color: Theme.of(context).colorScheme.onSurfaceVariant, size: 16),
],
),
),
);
}
/// Paramètre d'information
Widget _buildInfoSetting(String title, String value) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
),
child: Row(
children: [
Icon(Icons.info_outline, color: Theme.of(context).colorScheme.onSurfaceVariant, size: 20),
const SizedBox(width: SpacingTokens.lg),
Expanded(
child: Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimary,
),
),
),
Text(
value,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w600,
),
),
],
),
);
}
/// Élément d'alerte
Widget _buildAlertItem(String title, String subtitle, bool enabled, Color color, {Function(bool)? onChanged}) {
return Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
decoration: BoxDecoration(
color: enabled ? color.withOpacity(0.05) : Theme.of(context).colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
border: Border.all(
color: enabled ? color.withOpacity(0.3) : Theme.of(context).colorScheme.outlineVariant,
),
),
child: Row(
children: [
Icon(
enabled ? Icons.notifications_active : Icons.notifications_off,
color: enabled ? color : Theme.of(context).colorScheme.onSurfaceVariant,
size: 20,
),
const SizedBox(width: SpacingTokens.lg),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: enabled ? color : Theme.of(context).colorScheme.onSurface,
),
),
Text(
subtitle,
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
),
Switch(
value: enabled,
onChanged: (value) {
onChanged?.call(value);
_showSuccessSnackBar('Alerte ${value ? 'activée' : 'désactivée'}');
},
activeColor: color,
),
],
),
);
}
// ==================== MÉTHODES D'ACTION ====================
/// Charger les paramètres système
void _loadSystemSettings() {
// Simuler le chargement des paramètres depuis le serveur
// En production, ceci ferait appel à l'API
}
/// Afficher l'état du système
void _showSystemStatus() {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('État du système'),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildStatusItem('Serveur API', 'Opérationnel', AppColors.success),
_buildStatusItem('Base de données', 'Opérationnel', AppColors.success),
_buildStatusItem('Authentification', 'Opérationnel', AppColors.success),
_buildStatusItem('CDN', 'Dégradé', AppColors.warning),
_buildStatusItem('Monitoring', 'Opérationnel', AppColors.success),
],
),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('Fermer'),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
_showSuccessSnackBar('État du système actualisé');
},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primary,
foregroundColor: AppColors.onPrimary,
),
child: const Text('Actualiser'),
),
],
),
);
}
/// Élément de statut
Widget _buildStatusItem(String service, String status, Color color) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: SpacingTokens.sm),
child: Row(
children: [
Icon(Icons.circle, color: color, size: 12),
const SizedBox(width: SpacingTokens.md),
Expanded(child: Text(service)),
Text(
status,
style: TextStyle(
color: color,
fontWeight: FontWeight.w600,
),
),
],
),
);
}
/// Exporter la configuration système
void _exportSystemConfig() {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('Exporter la configuration'),
content: const Text(
'La configuration système sera exportée dans un fichier JSON. '
'Ce fichier contient tous les paramètres actuels du système.',
),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('Annuler'),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
_showSuccessSnackBar('Configuration exportée avec succès');
},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primary,
foregroundColor: AppColors.onPrimary,
),
child: const Text('Exporter'),
),
],
),
);
}
/// Dialogue de mode maintenance
void _showMaintenanceModeDialog(bool enabled) {
if (enabled) {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('Mode maintenance activé'),
content: const Text(
'ATTENTION : Le mode maintenance va bloquer l\'accès à tous les utilisateurs. '
'Seuls les administrateurs système pourront accéder à l\'application.',
),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
setState(() => _maintenanceMode = false);
},
child: const Text('Annuler'),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
_showSuccessSnackBar('Mode maintenance activé - Utilisateurs bloqués');
},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.warning,
foregroundColor: AppColors.onPrimary,
),
child: const Text('Confirmer'),
),
],
),
);
} else {
_showSuccessSnackBar('Mode maintenance désactivé - Accès restauré');
}
}
// Actions générales
void _clearSystemCache() {
context.read<SystemSettingsBloc>().add(ClearCache());
}
void _optimizeDatabase() => context.read<SystemSettingsBloc>().add(OptimizeDatabase());
void _testConnectivity() {
context.read<SystemSettingsBloc>().add(TestDatabaseConnection());
}
// Actions de sécurité
void _regenerateApiKeys() {
_showWarningDialog('Régénérer les clés API', 'Cette action invalidera toutes les clés existantes.', onConfirm: () {
context.read<SystemSettingsBloc>().add(CleanupSessions());
});
}
void _forceGlobalLogout() {
_showWarningDialog('Déconnexion globale', 'Tous les utilisateurs seront déconnectés immédiatement.', onConfirm: () {
context.read<SystemSettingsBloc>().add(ForceGlobalLogout());
});
}
void _resetSessions() => context.read<SystemSettingsBloc>().add(CleanupSessions());
void _generateAuditReport() => context.read<SystemSettingsBloc>().add(GenerateAuditReport());
void _exportGDPRData() => context.read<SystemSettingsBloc>().add(ExportGDPRData());
void _purgeExpiredData() {
_showWarningDialog('Purge des données', 'Les données expirées seront définitivement supprimées.', onConfirm: () {
context.read<SystemSettingsBloc>().add(PurgeExpiredData());
});
}
// Actions de performance
void _analyzePerformance() => context.read<SystemSettingsBloc>().add(AnalyzePerformance());
void _cleanOldLogs() => context.read<SystemSettingsBloc>().add(CleanOldLogs());
void _restartServices() {
_showWarningDialog('Redémarrer les services', 'Cette action causera une interruption temporaire du service.', onConfirm: () {
_showSuccessSnackBar('Demande de redémarrage envoyée aux services');
});
}
// Actions de maintenance
void _restoreFromBackup() {
Navigator.of(context).push(MaterialPageRoute(builder: (_) => const BackupPage()));
}
void _scheduleMaintenance() {
final now = DateTime.now().add(const Duration(hours: 2));
final scheduledAt = '${now.year}-${now.month.toString().padLeft(2, '0')}-${now.day.toString().padLeft(2, '0')} ${now.hour.toString().padLeft(2, '0')}:${now.minute.toString().padLeft(2, '0')}';
context.read<SystemSettingsBloc>().add(ScheduleMaintenance(scheduledAt: scheduledAt, reason: 'Maintenance de routine'));
}
void _emergencyMaintenance() {
_showWarningDialog('Maintenance d\'urgence', 'Le système sera immédiatement mis en maintenance.', onConfirm: () {
context.read<SystemSettingsBloc>().add(EmergencyMaintenance());
});
}
void _checkUpdates() => context.read<SystemSettingsBloc>().add(CheckUpdates());
void _showUpdateHistory() => _showSuccessSnackBar('Fonctionnalité disponible prochainement');
// Actions de monitoring (consultation, export, rapports) déplacées vers
// Logs & Monitoring (Drawer → Système → Logs & Monitoring) et
// Plus → Rapports & Analytics.
/// Dialogue d'avertissement générique
void _showWarningDialog(String title, String message, {VoidCallback? onConfirm}) {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: Text(title),
content: Text(message),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('Annuler'),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
if (onConfirm != null) {
onConfirm();
} else {
_showSuccessSnackBar('Opération confirmée');
}
},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.error,
foregroundColor: AppColors.onError,
),
child: const Text('Confirmer'),
),
],
),
);
}
/// Afficher un message de succès
void _showSuccessSnackBar(String message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(message),
backgroundColor: AppColors.success,
behavior: SnackBarBehavior.floating,
),
);
}
/// Afficher un message d'erreur
void _showErrorSnackBar(String message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(message),
backgroundColor: AppColors.error,
behavior: SnackBarBehavior.floating,
),
);
}
}