lionsdev/unionflow-mobile-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
dahoud
2026-03-31 09:14:47 +00:00
parent 9bfffeeebe
commit 5383df6dcb
200 changed files with 11192 additions and 7063 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
lib/features/members/presentation/pages/members_page.dart
View File

@@ -1,5 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../shared/design_system/tokens/app_colors.dart';
import '../../../../shared/design_system/unionflow_design_system.dart';
import '../../../../features/authentication/presentation/bloc/auth_bloc.dart';
import '../../../../features/authentication/data/models/user_role.dart';
@@ -174,13 +175,13 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
builder: (context, state) {
if (state is! AuthAuthenticated) {
return Container(
color: const Color(0xFFF8F9FA),
color: AppColors.lightBackground,
child: const Center(child: CircularProgressIndicator()),
);
}
return Container(
color: const Color(0xFFF8F9FA),
color: AppColors.lightBackground,
child: _buildMembersContent(state),
);
},
@@ -196,19 +197,19 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
children: [
// Header avec titre et actions
_buildMembersHeader(state),
const SizedBox(height: 16),
const SizedBox(height: 8),
// Statistiques et métriques
_buildMembersMetrics(),
const SizedBox(height: 16),
const SizedBox(height: 8),
// Barre de recherche et filtres
_buildSearchAndFilters(),
const SizedBox(height: 16),
const SizedBox(height: 8),
// Onglets de catégories
_buildCategoryTabs(),
const SizedBox(height: 16),
const SizedBox(height: 8),
// Liste/Grille des membres
_buildMembersDisplay(),
@@ -265,8 +266,8 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
'Métriques & Statistiques',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Color(0xFF6C5CE7),
fontSize: 18,
color: AppColors.primaryGreen,
fontSize: 14,
),
),
const SizedBox(height: 12),
@@ -280,7 +281,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
totalMembers.toString(),
'+$newThisMonth ce mois',
Icons.people,
const Color(0xFF6C5CE7),
AppColors.primaryGreen,
trend: newThisMonth > 0 ? 'up' : 'stable',
),
),
@@ -291,7 +292,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
activeMembers.toString(),
'${((activeMembers / totalMembers) * 100).toStringAsFixed(1)}%',
Icons.check_circle,
const Color(0xFF00B894),
AppColors.success,
trend: 'up',
),
),
@@ -308,7 +309,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
avgContribution.toStringAsFixed(0),
'Contribution',
Icons.trending_up,
const Color(0xFF0984E3),
AppColors.brandGreenLight,
trend: 'up',
),
),
@@ -319,7 +320,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
newThisMonth.toString(),
'Ce mois',
Icons.new_releases,
const Color(0xFFF39C12),
AppColors.warning,
trend: newThisMonth > 0 ? 'up' : 'stable',
),
),
@@ -388,7 +389,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
),
const SizedBox(height: 2),
@@ -396,7 +397,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
subtitle,
style: const TextStyle(
fontSize: 10,
color: Color(0xFF9CA3AF),
color: AppColors.textSecondaryLight,
),
),
],
@@ -424,7 +425,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
),
child: Row(
children: [
const Icon(Icons.search, color: Color(0xFF6B7280)),
const Icon(Icons.search, color: AppColors.textSecondaryLight),
const SizedBox(width: 12),
Expanded(
child: TextField(
@@ -432,7 +433,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
decoration: const InputDecoration(
hintText: 'Rechercher par nom, email, département...',
border: InputBorder.none,
hintStyle: TextStyle(color: Color(0xFF9CA3AF)),
hintStyle: TextStyle(color: AppColors.textSecondaryLight),
),
onChanged: (value) {
setState(() {
@@ -449,13 +450,13 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
_searchQuery = '';
});
},
icon: const Icon(Icons.clear, color: Color(0xFF6B7280)),
icon: const Icon(Icons.clear, color: AppColors.textSecondaryLight),
),
const SizedBox(width: 8),
Container(
height: 32,
width: 1,
color: const Color(0xFFE5E7EB),
color: AppColors.lightBorder,
),
const SizedBox(width: 8),
IconButton(
@@ -466,7 +467,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
},
icon: Icon(
_showAdvancedFilters ? Icons.filter_list_off : Icons.filter_list,
color: _showAdvancedFilters ? const Color(0xFF6C5CE7) : const Color(0xFF6B7280),
color: _showAdvancedFilters ? AppColors.primaryGreen : AppColors.textSecondaryLight,
),
tooltip: 'Filtres avancés',
),
@@ -478,7 +479,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
},
icon: Icon(
_isGridView ? Icons.view_list : Icons.grid_view,
color: const Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
tooltip: _isGridView ? 'Vue liste' : 'Vue grille',
),
@@ -526,14 +527,14 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
});
},
backgroundColor: Colors.white,
selectedColor: const Color(0xFF6C5CE7).withOpacity(0.1),
checkmarkColor: const Color(0xFF6C5CE7),
selectedColor: AppColors.primaryGreen.withOpacity(0.1),
checkmarkColor: AppColors.primaryGreen,
labelStyle: TextStyle(
color: isSelected ? const Color(0xFF6C5CE7) : const Color(0xFF6B7280),
color: isSelected ? AppColors.primaryGreen : AppColors.textSecondaryLight,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
),
side: BorderSide(
color: isSelected ? const Color(0xFF6C5CE7) : const Color(0xFFE5E7EB),
color: isSelected ? AppColors.primaryGreen : AppColors.lightBorder,
),
),
);
@@ -549,7 +550,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: const Color(0xFFE5E7EB)),
border: Border.all(color: AppColors.lightBorder),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
@@ -558,7 +559,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
'Filtres Avancés',
style: TextStyle(
fontWeight: FontWeight.w600,
color: Color(0xFF374151),
color: AppColors.textPrimaryLight,
),
),
const SizedBox(height: 12),
@@ -589,14 +590,14 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
});
},
backgroundColor: Colors.grey[50],
selectedColor: const Color(0xFF6C5CE7).withOpacity(0.1),
checkmarkColor: const Color(0xFF6C5CE7),
selectedColor: AppColors.primaryGreen.withOpacity(0.1),
checkmarkColor: AppColors.primaryGreen,
labelStyle: TextStyle(
color: isSelected ? const Color(0xFF6C5CE7) : const Color(0xFF6B7280),
color: isSelected ? AppColors.primaryGreen : AppColors.textSecondaryLight,
fontSize: 12,
),
side: BorderSide(
color: isSelected ? const Color(0xFF6C5CE7) : const Color(0xFFE5E7EB),
color: isSelected ? AppColors.primaryGreen : AppColors.lightBorder,
),
);
}).toList(),
@@ -616,14 +617,14 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
icon: const Icon(Icons.clear_all, size: 16),
label: const Text('Réinitialiser'),
style: TextButton.styleFrom(
foregroundColor: const Color(0xFF6B7280),
foregroundColor: AppColors.textSecondaryLight,
),
),
const Spacer(),
Text(
'${_getFilteredMembers().length} résultat(s)',
style: const TextStyle(
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
fontSize: 12,
),
),
@@ -656,9 +657,9 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Tab(text: 'Équipes', icon: Icon(Icons.groups, size: 18)),
Tab(text: 'Analytics', icon: Icon(Icons.analytics, size: 18)),
],
labelColor: const Color(0xFF6C5CE7),
unselectedLabelColor: const Color(0xFF6B7280),
indicatorColor: const Color(0xFF6C5CE7),
labelColor: AppColors.primaryGreen,
unselectedLabelColor: AppColors.textSecondaryLight,
indicatorColor: AppColors.primaryGreen,
indicatorWeight: 3,
labelStyle: const TextStyle(
fontSize: 12,
@@ -804,7 +805,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 16,
color: Color(0xFF1F2937),
color: AppColors.textPrimaryLight,
),
),
),
@@ -829,7 +830,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Text(
member['email'],
style: const TextStyle(
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
fontSize: 14,
),
),
@@ -844,24 +845,24 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
const SizedBox(width: 4),
Text(
member['department'],
style: TextStyle(
style: const TextStyle(
fontSize: 12,
color: Colors.grey[600],
color: AppColors.textSecondaryLight,
),
),
const SizedBox(width: 12),
Icon(
const Icon(
Icons.location_on,
size: 12,
color: Colors.grey[500],
color: AppColors.textSecondaryLight,
),
const SizedBox(width: 4),
Expanded(
child: Text(
member['location'],
style: TextStyle(
style: const TextStyle(
fontSize: 12,
color: Colors.grey[600],
color: AppColors.textSecondaryLight,
),
overflow: TextOverflow.ellipsis,
),
@@ -903,7 +904,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
'Rejoint ${_formatDate(joinDate)}',
style: const TextStyle(
fontSize: 10,
color: Color(0xFF9CA3AF),
color: AppColors.textSecondaryLight,
),
),
const Spacer(),
@@ -911,7 +912,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
'Actif ${_formatRelativeTime(lastActivity)}',
style: const TextStyle(
fontSize: 10,
color: Color(0xFF9CA3AF),
color: AppColors.textSecondaryLight,
),
),
],
@@ -974,7 +975,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
child: const Icon(
Icons.more_vert,
size: 16,
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
),
),
@@ -1040,15 +1041,15 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Color _getStatusColor(String status) {
switch (status) {
case 'Actif':
return const Color(0xFF10B981);
return AppColors.success;
case 'Inactif':
return const Color(0xFF6B7280);
return AppColors.textSecondaryLight;
case 'Suspendu':
return const Color(0xFFDC2626);
return AppColors.error;
case 'En attente':
return const Color(0xFFF59E0B);
return AppColors.warning;
default:
return const Color(0xFF6B7280);
return AppColors.textSecondaryLight;
}
}
@@ -1056,30 +1057,30 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Color _getRoleColor(String role) {
switch (role) {
case 'Super Administrateur':
return const Color(0xFF7C3AED);
return AppColors.brandGreen;
case 'Administrateur Org':
return const Color(0xFF6366F1);
return AppColors.primaryGreen;
case 'Gestionnaire RH':
return const Color(0xFF0EA5E9);
return AppColors.info;
case 'Modérateur':
return const Color(0xFF059669);
return AppColors.brandGreenLight;
case 'Membre Actif':
return const Color(0xFF6C5CE7);
return AppColors.primaryGreen;
case 'Consultant':
return const Color(0xFFF59E0B);
return AppColors.warning;
case 'Membre Simple':
return const Color(0xFF6B7280);
return AppColors.textSecondaryLight;
default:
return const Color(0xFF6B7280);
return AppColors.textSecondaryLight;
}
}
/// Obtient la couleur selon le score de contribution
Color _getScoreColor(int score) {
if (score >= 90) return const Color(0xFF10B981);
if (score >= 70) return const Color(0xFF0EA5E9);
if (score >= 50) return const Color(0xFFF59E0B);
return const Color(0xFFDC2626);
if (score >= 90) return AppColors.success;
if (score >= 70) return AppColors.brandGreenLight;
if (score >= 50) return AppColors.warning;
return AppColors.error;
}
/// Formate une date
@@ -1174,7 +1175,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Messagerie groupée à venir. Utilisez l\'action « Message » sur un membre.'),
backgroundColor: Color(0xFF6C5CE7),
backgroundColor: AppColors.primaryGreen,
),
);
},
@@ -1190,7 +1191,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Export des membres en cours...'),
backgroundColor: Color(0xFF10B981),
backgroundColor: AppColors.success,
),
);
}
@@ -1234,7 +1235,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Message à ${member['name']} à implémenter'),
backgroundColor: const Color(0xFF0EA5E9),
backgroundColor: AppColors.info,
),
);
}
@@ -1257,7 +1258,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('${member['name']} supprimé'),
backgroundColor: const Color(0xFFDC2626),
backgroundColor: AppColors.error,
),
);
},
@@ -1413,13 +1414,13 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Container(
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: const Color(0xFF6C5CE7).withOpacity(0.1),
color: AppColors.primaryGreen.withOpacity(0.1),
shape: BoxShape.circle,
),
child: const Icon(
Icons.people_outline,
size: 48,
color: Color(0xFF6C5CE7),
color: AppColors.primaryGreen,
),
),
const SizedBox(height: 16),
@@ -1428,7 +1429,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Color(0xFF374151),
color: AppColors.textPrimaryLight,
),
),
const SizedBox(height: 8),
@@ -1437,7 +1438,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
? 'Aucun membre ne correspond à votre recherche'
: 'Aucun membre ne correspond aux filtres sélectionnés',
style: const TextStyle(
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
textAlign: TextAlign.center,
),
@@ -1454,7 +1455,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
icon: const Icon(Icons.refresh),
label: const Text('Réinitialiser les filtres'),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF6C5CE7),
backgroundColor: AppColors.primaryGreen,
foregroundColor: Colors.white,
),
),
@@ -1667,7 +1668,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
width: 24,
height: 24,
decoration: BoxDecoration(
color: index < 3 ? const Color(0xFFF59E0B) : const Color(0xFF6B7280),
color: index < 3 ? AppColors.warning : AppColors.textSecondaryLight,
borderRadius: BorderRadius.circular(12),
),
child: Center(
@@ -1707,7 +1708,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
member['role'],
style: const TextStyle(
fontSize: 12,
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
),
],
@@ -1890,7 +1891,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
icon: const Icon(Icons.edit),
label: const Text('Modifier'),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF6C5CE7),
backgroundColor: AppColors.primaryGreen,
foregroundColor: Colors.white,
),
),
@@ -1929,7 +1930,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Color(0xFF374151),
color: AppColors.textPrimaryLight,
),
),
const SizedBox(height: 12),
@@ -1948,7 +1949,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
Icon(
icon,
size: 20,
color: const Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
const SizedBox(width: 12),
Expanded(
@@ -1959,7 +1960,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
label,
style: const TextStyle(
fontSize: 12,
color: Color(0xFF6B7280),
color: AppColors.textSecondaryLight,
),
),
Text(
@@ -1967,7 +1968,7 @@ class _MembersPageState extends State<MembersPage> with TickerProviderStateMixin
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Color(0xFF374151),
color: AppColors.textPrimaryLight,
),
),
],