lionsdev/unionflow-server-impl-quarkus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
DahoudG
2025-08-20 21:00:35 +00:00
commit b2a23bdf89
583 changed files with 243074 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

427
unionflow-mobile-apps/lib/features/members/presentation/widgets/member_card.dart Normal file
View File

@@ -0,0 +1,427 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../../../shared/theme/app_theme.dart';
class MemberCard extends StatefulWidget {
final Map<String, dynamic> member;
final VoidCallback? onTap;
final VoidCallback? onEdit;
const MemberCard({
super.key,
required this.member,
this.onTap,
this.onEdit,
});
@override
State<MemberCard> createState() => _MemberCardState();
}
class _MemberCardState extends State<MemberCard>
with SingleTickerProviderStateMixin {
late AnimationController _animationController;
late Animation<double> _scaleAnimation;
@override
void initState() {
super.initState();
_animationController = AnimationController(
duration: const Duration(milliseconds: 150),
vsync: this,
);
_scaleAnimation = Tween<double>(
begin: 1.0,
end: 0.98,
).animate(CurvedAnimation(
parent: _animationController,
curve: Curves.easeInOut,
));
}
@override
void dispose() {
_animationController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: _scaleAnimation,
builder: (context, child) {
return Transform.scale(
scale: _scaleAnimation.value,
child: Material(
color: Colors.transparent,
child: InkWell(
onTap: widget.onTap != null ? _handleTap : null,
onTapDown: widget.onTap != null ? (_) => _animationController.forward() : null,
onTapUp: widget.onTap != null ? (_) => _animationController.reverse() : null,
onTapCancel: widget.onTap != null ? () => _animationController.reverse() : null,
borderRadius: BorderRadius.circular(16),
child: Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.08),
blurRadius: 15,
offset: const Offset(0, 4),
),
],
border: Border.all(
color: _getStatusColor().withOpacity(0.2),
width: 1,
),
),
child: Column(
children: [
Row(
children: [
_buildAvatar(),
const SizedBox(width: 16),
Expanded(
child: _buildMemberInfo(),
),
_buildStatusBadge(),
],
),
const SizedBox(height: 16),
_buildMemberDetails(),
const SizedBox(height: 12),
_buildActionButtons(),
],
),
),
),
),
);
},
);
}
Widget _buildAvatar() {
return Container(
width: 60,
height: 60,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
_getStatusColor(),
_getStatusColor().withOpacity(0.7),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(30),
boxShadow: [
BoxShadow(
color: _getStatusColor().withOpacity(0.3),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: widget.member['avatar'] != null
? ClipRRect(
borderRadius: BorderRadius.circular(30),
child: Image.network(
widget.member['avatar'],
fit: BoxFit.cover,
),
)
: Center(
child: Text(
_getInitials(),
style: const TextStyle(
color: Colors.white,
fontSize: 22,
fontWeight: FontWeight.bold,
),
),
),
);
}
Widget _buildMemberInfo() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'${widget.member['firstName']} ${widget.member['lastName']}',
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.textPrimary,
),
),
const SizedBox(height: 4),
Text(
widget.member['role'],
style: TextStyle(
fontSize: 14,
color: _getStatusColor(),
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 2),
Text(
widget.member['email'],
style: const TextStyle(
fontSize: 13,
color: AppTheme.textSecondary,
),
overflow: TextOverflow.ellipsis,
),
],
);
}
Widget _buildStatusBadge() {
final isActive = widget.member['status'] == 'Actif';
final color = isActive ? AppTheme.successColor : AppTheme.textHint;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(20),
border: Border.all(
color: color.withOpacity(0.3),
width: 1,
),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 8,
height: 8,
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(4),
),
),
const SizedBox(width: 6),
Text(
widget.member['status'],
style: TextStyle(
color: color,
fontSize: 12,
fontWeight: FontWeight.w600,
),
),
],
),
);
}
Widget _buildMemberDetails() {
return Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: AppTheme.backgroundLight,
borderRadius: BorderRadius.circular(12),
),
child: Column(
children: [
_buildDetailRow(
icon: Icons.phone,
label: 'Téléphone',
value: widget.member['phone'],
color: AppTheme.infoColor,
),
const SizedBox(height: 8),
_buildDetailRow(
icon: Icons.calendar_today,
label: 'Adhésion',
value: _formatDate(widget.member['joinDate']),
color: AppTheme.primaryColor,
),
const SizedBox(height: 8),
_buildDetailRow(
icon: Icons.payment,
label: 'Cotisation',
value: widget.member['cotisationStatus'],
color: _getCotisationColor(),
),
],
),
);
}
Widget _buildDetailRow({
required IconData icon,
required String label,
required String value,
required Color color,
}) {
return Row(
children: [
Container(
width: 32,
height: 32,
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(16),
),
child: Icon(
icon,
size: 16,
color: color,
),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: const TextStyle(
fontSize: 12,
color: AppTheme.textSecondary,
),
),
Text(
value,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: label == 'Cotisation' ? color : AppTheme.textPrimary,
),
),
],
),
),
],
);
}
Widget _buildActionButtons() {
return Row(
children: [
Expanded(
child: OutlinedButton.icon(
onPressed: _callMember,
icon: const Icon(Icons.phone, size: 16),
label: const Text('Appeler'),
style: OutlinedButton.styleFrom(
foregroundColor: AppTheme.infoColor,
side: BorderSide(color: AppTheme.infoColor.withOpacity(0.5)),
padding: const EdgeInsets.symmetric(vertical: 8),
),
),
),
const SizedBox(width: 12),
Expanded(
child: OutlinedButton.icon(
onPressed: _emailMember,
icon: const Icon(Icons.email, size: 16),
label: const Text('Email'),
style: OutlinedButton.styleFrom(
foregroundColor: AppTheme.primaryColor,
side: BorderSide(color: AppTheme.primaryColor.withOpacity(0.5)),
padding: const EdgeInsets.symmetric(vertical: 8),
),
),
),
const SizedBox(width: 12),
Container(
decoration: BoxDecoration(
color: AppTheme.secondaryColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: IconButton(
onPressed: widget.onEdit,
icon: const Icon(Icons.edit, size: 18),
color: AppTheme.secondaryColor,
padding: const EdgeInsets.all(8),
constraints: const BoxConstraints(
minWidth: 40,
minHeight: 40,
),
),
),
],
);
}
String _getInitials() {
final firstName = widget.member['firstName'] as String;
final lastName = widget.member['lastName'] as String;
return '${firstName.isNotEmpty ? firstName[0] : ''}${lastName.isNotEmpty ? lastName[0] : ''}'.toUpperCase();
}
Color _getStatusColor() {
switch (widget.member['role']) {
case 'Président':
return AppTheme.primaryColor;
case 'Secrétaire':
return AppTheme.secondaryColor;
case 'Trésorier':
return AppTheme.accentColor;
case 'Responsable événements':
return AppTheme.warningColor;
default:
return AppTheme.infoColor;
}
}
Color _getCotisationColor() {
switch (widget.member['cotisationStatus']) {
case 'À jour':
return AppTheme.successColor;
case 'En retard':
return AppTheme.errorColor;
case 'Exempt':
return AppTheme.infoColor;
default:
return AppTheme.textSecondary;
}
}
String _formatDate(String dateString) {
try {
final date = DateTime.parse(dateString);
final months = [
'Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun',
'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'
];
return '${date.day} ${months[date.month - 1]} ${date.year}';
} catch (e) {
return dateString;
}
}
void _handleTap() {
HapticFeedback.selectionClick();
widget.onTap?.call();
}
void _callMember() {
HapticFeedback.lightImpact();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Appel vers ${widget.member['phone']} - En développement'),
backgroundColor: AppTheme.infoColor,
behavior: SnackBarBehavior.floating,
),
);
}
void _emailMember() {
HapticFeedback.lightImpact();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Email vers ${widget.member['email']} - En développement'),
backgroundColor: AppTheme.primaryColor,
behavior: SnackBarBehavior.floating,
),
);
}
}

377
unionflow-mobile-apps/lib/features/members/presentation/widgets/members_filter_sheet.dart Normal file
View File

@@ -0,0 +1,377 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../../../shared/theme/app_theme.dart';
class MembersFilterSheet extends StatefulWidget {
final String selectedFilter;
final Function(String) onFilterChanged;
const MembersFilterSheet({
super.key,
required this.selectedFilter,
required this.onFilterChanged,
});
@override
State<MembersFilterSheet> createState() => _MembersFilterSheetState();
}
class _MembersFilterSheetState extends State<MembersFilterSheet>
with SingleTickerProviderStateMixin {
late AnimationController _animationController;
late Animation<double> _slideAnimation;
late Animation<double> _fadeAnimation;
String _tempSelectedFilter = '';
final List<Map<String, dynamic>> _filterOptions = [
{
'value': 'Tous',
'label': 'Tous les membres',
'icon': Icons.people,
'color': AppTheme.primaryColor,
'description': 'Afficher tous les membres',
},
{
'value': 'Actifs',
'label': 'Membres actifs',
'icon': Icons.check_circle,
'color': AppTheme.successColor,
'description': 'Membres avec un statut actif',
},
{
'value': 'Inactifs',
'label': 'Membres inactifs',
'icon': Icons.pause_circle,
'color': AppTheme.textHint,
'description': 'Membres avec un statut inactif',
},
{
'value': 'Bureau',
'label': 'Membres du bureau',
'icon': Icons.star,
'color': AppTheme.warningColor,
'description': 'Président, secrétaire, trésorier',
},
{
'value': 'En retard',
'label': 'Cotisations en retard',
'icon': Icons.warning,
'color': AppTheme.errorColor,
'description': 'Membres avec cotisations impayées',
},
];
@override
void initState() {
super.initState();
_tempSelectedFilter = widget.selectedFilter;
_animationController = AnimationController(
duration: const Duration(milliseconds: 400),
vsync: this,
);
_slideAnimation = Tween<double>(
begin: 1.0,
end: 0.0,
).animate(CurvedAnimation(
parent: _animationController,
curve: Curves.easeOutCubic,
));
_fadeAnimation = Tween<double>(
begin: 0.0,
end: 1.0,
).animate(CurvedAnimation(
parent: _animationController,
curve: const Interval(0.2, 1.0, curve: Curves.easeOut),
));
_animationController.forward();
}
@override
void dispose() {
_animationController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: _animationController,
builder: (context, child) {
return Container(
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.5 * _fadeAnimation.value),
),
child: Align(
alignment: Alignment.bottomCenter,
child: Transform.translate(
offset: Offset(0, MediaQuery.of(context).size.height * _slideAnimation.value),
child: Container(
width: double.infinity,
constraints: BoxConstraints(
maxHeight: MediaQuery.of(context).size.height * 0.7,
),
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
_buildHandle(),
_buildHeader(),
Flexible(child: _buildFilterOptions()),
_buildActionButtons(),
],
),
),
),
),
);
},
);
}
Widget _buildHandle() {
return Container(
margin: const EdgeInsets.only(top: 12, bottom: 8),
width: 40,
height: 4,
decoration: BoxDecoration(
color: AppTheme.textHint.withOpacity(0.3),
borderRadius: BorderRadius.circular(2),
),
);
}
Widget _buildHeader() {
return Padding(
padding: const EdgeInsets.fromLTRB(24, 16, 24, 8),
child: Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppTheme.secondaryColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: Icon(
Icons.filter_list,
color: AppTheme.secondaryColor,
size: 20,
),
),
const SizedBox(width: 12),
const Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Filtrer les membres',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: AppTheme.textPrimary,
),
),
Text(
'Sélectionnez un critère de filtrage',
style: TextStyle(
fontSize: 14,
color: AppTheme.textSecondary,
),
),
],
),
),
IconButton(
onPressed: _closeSheet,
icon: Icon(
Icons.close,
color: AppTheme.textHint,
),
),
],
),
);
}
Widget _buildFilterOptions() {
return ListView.separated(
shrinkWrap: true,
padding: const EdgeInsets.fromLTRB(24, 16, 24, 0),
itemCount: _filterOptions.length,
separatorBuilder: (context, index) => const SizedBox(height: 12),
itemBuilder: (context, index) {
final option = _filterOptions[index];
final isSelected = _tempSelectedFilter == option['value'];
return _buildFilterOption(
option: option,
isSelected: isSelected,
onTap: () => _selectFilter(option['value']),
);
},
);
}
Widget _buildFilterOption({
required Map<String, dynamic> option,
required bool isSelected,
required VoidCallback onTap,
}) {
return Material(
color: Colors.transparent,
child: InkWell(
onTap: () {
HapticFeedback.selectionClick();
onTap();
},
borderRadius: BorderRadius.circular(16),
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: isSelected
? option['color'].withOpacity(0.1)
: Colors.transparent,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: isSelected
? option['color']
: AppTheme.textHint.withOpacity(0.2),
width: isSelected ? 2 : 1,
),
),
child: Row(
children: [
Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: option['color'].withOpacity(isSelected ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(24),
),
child: Icon(
option['icon'],
color: option['color'],
size: 24,
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
option['label'],
style: TextStyle(
fontSize: 16,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
color: isSelected ? option['color'] : AppTheme.textPrimary,
),
),
const SizedBox(height: 2),
Text(
option['description'],
style: const TextStyle(
fontSize: 13,
color: AppTheme.textSecondary,
),
),
],
),
),
AnimatedOpacity(
opacity: isSelected ? 1.0 : 0.0,
duration: const Duration(milliseconds: 200),
child: Icon(
Icons.check_circle,
color: option['color'],
size: 24,
),
),
],
),
),
),
);
}
Widget _buildActionButtons() {
return Container(
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: AppTheme.backgroundLight,
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(16),
topRight: Radius.circular(16),
),
),
child: Row(
children: [
Expanded(
child: OutlinedButton(
onPressed: _resetFilter,
style: OutlinedButton.styleFrom(
foregroundColor: AppTheme.textSecondary,
side: BorderSide(color: AppTheme.textHint.withOpacity(0.5)),
padding: const EdgeInsets.symmetric(vertical: 16),
),
child: const Text('Réinitialiser'),
),
),
const SizedBox(width: 16),
Expanded(
flex: 2,
child: ElevatedButton(
onPressed: _applyFilter,
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.secondaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
elevation: 0,
),
child: const Text(
'Appliquer',
style: TextStyle(fontWeight: FontWeight.w600),
),
),
),
],
),
);
}
void _selectFilter(String filter) {
setState(() {
_tempSelectedFilter = filter;
});
}
void _resetFilter() {
setState(() {
_tempSelectedFilter = 'Tous';
});
}
void _applyFilter() {
widget.onFilterChanged(_tempSelectedFilter);
_closeSheet();
}
void _closeSheet() {
_animationController.reverse().then((_) {
if (mounted) {
Navigator.of(context).pop();
}
});
}
}

133
unionflow-mobile-apps/lib/features/members/presentation/widgets/members_search_bar.dart Normal file
View File

@@ -0,0 +1,133 @@
import 'package:flutter/material.dart';
import '../../../../shared/theme/app_theme.dart';
class MembersSearchBar extends StatefulWidget {
final TextEditingController controller;
final Function(String) onChanged;
final VoidCallback onClear;
const MembersSearchBar({
super.key,
required this.controller,
required this.onChanged,
required this.onClear,
});
@override
State<MembersSearchBar> createState() => _MembersSearchBarState();
}
class _MembersSearchBarState extends State<MembersSearchBar>
with SingleTickerProviderStateMixin {
late AnimationController _animationController;
late Animation<double> _fadeAnimation;
bool _hasText = false;
@override
void initState() {
super.initState();
_animationController = AnimationController(
duration: const Duration(milliseconds: 300),
vsync: this,
);
_fadeAnimation = Tween<double>(
begin: 0.0,
end: 1.0,
).animate(CurvedAnimation(
parent: _animationController,
curve: Curves.easeInOut,
));
widget.controller.addListener(_onTextChanged);
_animationController.forward();
}
@override
void dispose() {
widget.controller.removeListener(_onTextChanged);
_animationController.dispose();
super.dispose();
}
void _onTextChanged() {
final hasText = widget.controller.text.isNotEmpty;
if (hasText != _hasText) {
setState(() {
_hasText = hasText;
});
}
}
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: _fadeAnimation,
builder: (context, child) {
return Opacity(
opacity: _fadeAnimation.value,
child: Transform.translate(
offset: Offset(0, 20 * (1 - _fadeAnimation.value)),
child: Container(
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.9),
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 10,
offset: const Offset(0, 2),
),
],
),
child: TextField(
controller: widget.controller,
onChanged: widget.onChanged,
style: const TextStyle(
fontSize: 16,
color: AppTheme.textPrimary,
),
decoration: InputDecoration(
hintText: 'Rechercher un membre...',
hintStyle: TextStyle(
color: AppTheme.textHint,
fontSize: 16,
),
prefixIcon: Icon(
Icons.search,
color: AppTheme.secondaryColor,
size: 24,
),
suffixIcon: _hasText
? AnimatedOpacity(
opacity: _hasText ? 1.0 : 0.0,
duration: const Duration(milliseconds: 200),
child: IconButton(
icon: Icon(
Icons.clear,
color: AppTheme.textHint,
size: 20,
),
onPressed: widget.onClear,
),
)
: null,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(16),
borderSide: BorderSide.none,
),
filled: true,
fillColor: Colors.transparent,
contentPadding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 16,
),
),
),
),
),
);
},
);
}
}

544
unionflow-mobile-apps/lib/features/members/presentation/widgets/sophisticated_member_card.dart Normal file
View File

@@ -0,0 +1,544 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../../../shared/theme/app_theme.dart';
import '../../../../shared/widgets/cards/sophisticated_card.dart';
import '../../../../shared/widgets/avatars/sophisticated_avatar.dart';
import '../../../../shared/widgets/badges/status_badge.dart';
import '../../../../shared/widgets/badges/count_badge.dart';
import '../../../../shared/widgets/buttons/buttons.dart';
class SophisticatedMemberCard extends StatefulWidget {
final Map<String, dynamic> member;
final VoidCallback? onTap;
final VoidCallback? onEdit;
final VoidCallback? onMessage;
final VoidCallback? onCall;
final bool showActions;
final bool compact;
const SophisticatedMemberCard({
super.key,
required this.member,
this.onTap,
this.onEdit,
this.onMessage,
this.onCall,
this.showActions = true,
this.compact = false,
});
@override
State<SophisticatedMemberCard> createState() => _SophisticatedMemberCardState();
}
class _SophisticatedMemberCardState extends State<SophisticatedMemberCard>
with TickerProviderStateMixin {
late AnimationController _expandController;
late AnimationController _actionController;
late Animation<double> _expandAnimation;
late Animation<double> _actionAnimation;
bool _isExpanded = false;
@override
void initState() {
super.initState();
_expandController = AnimationController(
duration: const Duration(milliseconds: 300),
vsync: this,
);
_actionController = AnimationController(
duration: const Duration(milliseconds: 200),
vsync: this,
);
_expandAnimation = CurvedAnimation(
parent: _expandController,
curve: Curves.easeInOut,
);
_actionAnimation = Tween<double>(
begin: 0.0,
end: 1.0,
).animate(CurvedAnimation(
parent: _actionController,
curve: Curves.elasticOut,
));
_actionController.forward();
}
@override
void dispose() {
_expandController.dispose();
_actionController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return SophisticatedCard(
variant: CardVariant.elevated,
size: widget.compact ? CardSize.compact : CardSize.standard,
onTap: widget.onTap,
margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 4),
child: Column(
children: [
_buildMainContent(),
AnimatedBuilder(
animation: _expandAnimation,
builder: (context, child) {
return ClipRect(
child: Align(
alignment: Alignment.topCenter,
heightFactor: _expandAnimation.value,
child: child,
),
);
},
child: _buildExpandedContent(),
),
],
),
);
}
Widget _buildMainContent() {
return Row(
children: [
_buildAvatar(),
const SizedBox(width: 16),
Expanded(child: _buildMemberInfo()),
_buildTrailingActions(),
],
);
}
Widget _buildAvatar() {
final roleColor = _getRoleColor();
final isOnline = widget.member['status'] == 'Actif';
return SophisticatedAvatar(
initials: _getInitials(),
size: widget.compact ? AvatarSize.medium : AvatarSize.large,
variant: AvatarVariant.gradient,
backgroundColor: roleColor,
showOnlineStatus: true,
isOnline: isOnline,
badge: _buildRoleBadge(),
onTap: () => _toggleExpanded(),
);
}
Widget _buildRoleBadge() {
final role = widget.member['role'] as String;
if (role == 'Président' || role == 'Secrétaire' || role == 'Trésorier') {
return CountBadge(
count: 1,
backgroundColor: AppTheme.warningColor,
size: 16,
suffix: '★',
);
}
return const SizedBox.shrink();
}
Widget _buildMemberInfo() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Text(
'${widget.member['firstName']} ${widget.member['lastName']}',
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: AppTheme.textPrimary,
),
overflow: TextOverflow.ellipsis,
),
),
const SizedBox(width: 8),
_buildStatusBadge(),
],
),
const SizedBox(height: 4),
_buildRoleChip(),
if (!widget.compact) ...[
const SizedBox(height: 8),
_buildQuickInfo(),
],
],
);
}
Widget _buildStatusBadge() {
final status = widget.member['status'] as String;
final cotisationStatus = widget.member['cotisationStatus'] as String;
if (cotisationStatus == 'En retard') {
return StatusBadge(
text: 'Retard',
type: BadgeType.error,
size: BadgeSize.small,
variant: BadgeVariant.ghost,
icon: Icons.warning,
);
}
return StatusBadge(
text: status,
type: status == 'Actif' ? BadgeType.success : BadgeType.neutral,
size: BadgeSize.small,
variant: BadgeVariant.ghost,
);
}
Widget _buildRoleChip() {
final role = widget.member['role'] as String;
final roleColor = _getRoleColor();
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
decoration: BoxDecoration(
color: roleColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: roleColor.withOpacity(0.3),
width: 1,
),
),
child: Text(
role,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: roleColor,
),
),
);
}
Widget _buildQuickInfo() {
return Row(
children: [
Expanded(
child: _buildInfoItem(
Icons.email_outlined,
widget.member['email'],
AppTheme.infoColor,
),
),
const SizedBox(width: 16),
_buildInfoItem(
Icons.phone_outlined,
_formatPhone(widget.member['phone']),
AppTheme.successColor,
),
],
);
}
Widget _buildInfoItem(IconData icon, String text, Color color) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(icon, size: 14, color: color),
const SizedBox(width: 4),
Flexible(
child: Text(
text,
style: const TextStyle(
fontSize: 12,
color: AppTheme.textSecondary,
),
overflow: TextOverflow.ellipsis,
),
),
],
);
}
Widget _buildTrailingActions() {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
AnimatedBuilder(
animation: _actionAnimation,
builder: (context, child) {
return Transform.scale(
scale: _actionAnimation.value,
child: IconButton(
onPressed: _toggleExpanded,
icon: AnimatedRotation(
turns: _isExpanded ? 0.5 : 0.0,
duration: const Duration(milliseconds: 300),
child: const Icon(Icons.expand_more),
),
iconSize: 20,
constraints: const BoxConstraints(minWidth: 32, minHeight: 32),
style: IconButton.styleFrom(
backgroundColor: AppTheme.backgroundLight,
foregroundColor: AppTheme.textSecondary,
),
),
);
},
),
if (widget.compact) ...[
const SizedBox(height: 4),
_buildQuickActionButton(),
],
],
);
}
Widget _buildQuickActionButton() {
return QuickButtons.iconGhost(
icon: Icons.edit,
onPressed: widget.onEdit ?? _editMember,
size: 32,
color: _getRoleColor(),
tooltip: 'Modifier',
);
}
Widget _buildExpandedContent() {
return Container(
margin: const EdgeInsets.only(top: 16),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppTheme.backgroundLight,
borderRadius: BorderRadius.circular(12),
),
child: Column(
children: [
_buildDetailedInfo(),
if (widget.showActions) ...[
const SizedBox(height: 16),
_buildActionButtons(),
],
],
),
);
}
Widget _buildDetailedInfo() {
return Column(
children: [
_buildDetailRow(
'Adhésion',
_formatDate(widget.member['joinDate']),
Icons.calendar_today,
AppTheme.primaryColor,
),
const SizedBox(height: 12),
_buildDetailRow(
'Dernière activité',
_formatDate(widget.member['lastActivity']),
Icons.access_time,
AppTheme.infoColor,
),
const SizedBox(height: 12),
_buildDetailRow(
'Cotisation',
widget.member['cotisationStatus'],
Icons.payment,
_getCotisationColor(),
),
],
);
}
Widget _buildDetailRow(String label, String value, IconData icon, Color color) {
return Row(
children: [
Container(
width: 32,
height: 32,
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(16),
),
child: Icon(icon, size: 16, color: color),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: const TextStyle(
fontSize: 12,
color: AppTheme.textSecondary,
),
),
Text(
value,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: label == 'Cotisation' ? color : AppTheme.textPrimary,
),
),
],
),
),
],
);
}
Widget _buildActionButtons() {
return Row(
children: [
Expanded(
child: QuickButtons.outline(
text: 'Appeler',
icon: Icons.phone,
onPressed: widget.onCall ?? _callMember,
size: ButtonSize.small,
color: AppTheme.successColor,
),
),
const SizedBox(width: 8),
Expanded(
child: QuickButtons.outline(
text: 'Message',
icon: Icons.message,
onPressed: widget.onMessage ?? _messageMember,
size: ButtonSize.small,
color: AppTheme.infoColor,
),
),
const SizedBox(width: 8),
Expanded(
child: QuickButtons.outline(
text: 'Modifier',
icon: Icons.edit,
onPressed: widget.onEdit ?? _editMember,
size: ButtonSize.small,
color: AppTheme.warningColor,
),
),
],
);
}
void _toggleExpanded() {
setState(() {
_isExpanded = !_isExpanded;
if (_isExpanded) {
_expandController.forward();
} else {
_expandController.reverse();
}
});
HapticFeedback.selectionClick();
}
String _getInitials() {
final firstName = widget.member['firstName'] as String;
final lastName = widget.member['lastName'] as String;
return '${firstName.isNotEmpty ? firstName[0] : ''}${lastName.isNotEmpty ? lastName[0] : ''}'.toUpperCase();
}
Color _getRoleColor() {
switch (widget.member['role']) {
case 'Président':
return AppTheme.primaryColor;
case 'Secrétaire':
return AppTheme.secondaryColor;
case 'Trésorier':
return AppTheme.accentColor;
case 'Responsable événements':
return AppTheme.warningColor;
default:
return AppTheme.infoColor;
}
}
Color _getCotisationColor() {
switch (widget.member['cotisationStatus']) {
case 'À jour':
return AppTheme.successColor;
case 'En retard':
return AppTheme.errorColor;
case 'Exempt':
return AppTheme.infoColor;
default:
return AppTheme.textSecondary;
}
}
String _formatDate(String dateString) {
try {
final date = DateTime.parse(dateString);
final now = DateTime.now();
final difference = now.difference(date);
if (difference.inDays < 1) {
return 'Aujourd\'hui';
} else if (difference.inDays < 7) {
return 'Il y a ${difference.inDays} jour${difference.inDays > 1 ? 's' : ''}';
} else if (difference.inDays < 30) {
final weeks = (difference.inDays / 7).floor();
return 'Il y a $weeks semaine${weeks > 1 ? 's' : ''}';
} else {
final months = [
'Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun',
'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'
];
return '${date.day} ${months[date.month - 1]} ${date.year}';
}
} catch (e) {
return dateString;
}
}
String _formatPhone(String phone) {
if (phone.length >= 10) {
return '${phone.substring(0, 3)} ${phone.substring(3, 5)} ${phone.substring(5, 7)} ${phone.substring(7, 9)} ${phone.substring(9)}';
}
return phone;
}
void _callMember() {
HapticFeedback.lightImpact();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Appel vers ${widget.member['firstName']} ${widget.member['lastName']}'),
backgroundColor: AppTheme.successColor,
behavior: SnackBarBehavior.floating,
),
);
}
void _messageMember() {
HapticFeedback.lightImpact();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Message vers ${widget.member['firstName']} ${widget.member['lastName']}'),
backgroundColor: AppTheme.infoColor,
behavior: SnackBarBehavior.floating,
),
);
}
void _editMember() {
HapticFeedback.lightImpact();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Modification de ${widget.member['firstName']} ${widget.member['lastName']}'),
backgroundColor: AppTheme.warningColor,
behavior: SnackBarBehavior.floating,
),
);
}
}