Refactoring
This commit is contained in:
DahoudG
@@ -0,0 +1,430 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../../core/widgets/unified_card.dart';
|
||||
import '../../../../core/theme/app_colors.dart';
|
||||
import '../../../../core/theme/app_text_styles.dart';
|
||||
import '../../../../core/utils/date_formatter.dart';
|
||||
import '../../domain/entities/notification.dart';
|
||||
|
||||
/// Widget de carte pour afficher une notification
|
||||
class NotificationCardWidget extends StatelessWidget {
|
||||
final NotificationEntity notification;
|
||||
final VoidCallback? onTap;
|
||||
final VoidCallback? onMarkAsRead;
|
||||
final VoidCallback? onMarkAsImportant;
|
||||
final VoidCallback? onArchive;
|
||||
final VoidCallback? onDelete;
|
||||
final Function(ActionNotification)? onActionTap;
|
||||
|
||||
const NotificationCardWidget({
|
||||
super.key,
|
||||
required this.notification,
|
||||
this.onTap,
|
||||
this.onMarkAsRead,
|
||||
this.onMarkAsImportant,
|
||||
this.onArchive,
|
||||
this.onDelete,
|
||||
this.onActionTap,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isUnread = !notification.estLue;
|
||||
final isImportant = notification.estImportante;
|
||||
final isExpired = notification.isExpiree;
|
||||
|
||||
return UnifiedCard(
|
||||
variant: isUnread ? UnifiedCardVariant.elevated : UnifiedCardVariant.outlined,
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
border: isUnread
|
||||
? Border.left(
|
||||
color: _getTypeColor(),
|
||||
width: 4,
|
||||
)
|
||||
: null,
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// En-tête avec icône, titre et actions
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Icône du type de notification
|
||||
Container(
|
||||
width: 40,
|
||||
height: 40,
|
||||
decoration: BoxDecoration(
|
||||
color: _getTypeColor().withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(
|
||||
_getTypeIcon(),
|
||||
color: _getTypeColor(),
|
||||
size: 20,
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(width: 12),
|
||||
|
||||
// Titre et métadonnées
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
notification.titre,
|
||||
style: AppTextStyles.titleSmall.copyWith(
|
||||
fontWeight: isUnread ? FontWeight.w600 : FontWeight.w500,
|
||||
color: isExpired
|
||||
? AppColors.onSurface.withOpacity(0.6)
|
||||
: AppColors.onSurface,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
|
||||
// Badges de statut
|
||||
if (isImportant) ...[
|
||||
const SizedBox(width: 8),
|
||||
Icon(
|
||||
Icons.star,
|
||||
color: AppColors.warning,
|
||||
size: 16,
|
||||
),
|
||||
],
|
||||
|
||||
if (isUnread) ...[
|
||||
const SizedBox(width: 8),
|
||||
Container(
|
||||
width: 8,
|
||||
height: 8,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primary,
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 4),
|
||||
|
||||
// Métadonnées (expéditeur, date)
|
||||
Row(
|
||||
children: [
|
||||
if (notification.expediteurNom != null) ...[
|
||||
Text(
|
||||
notification.expediteurNom!,
|
||||
style: AppTextStyles.bodySmall.copyWith(
|
||||
color: AppColors.onSurface.withOpacity(0.7),
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
' • ',
|
||||
style: AppTextStyles.bodySmall.copyWith(
|
||||
color: AppColors.onSurface.withOpacity(0.5),
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
Text(
|
||||
notification.tempsEcoule,
|
||||
style: AppTextStyles.bodySmall.copyWith(
|
||||
color: AppColors.onSurface.withOpacity(0.7),
|
||||
),
|
||||
),
|
||||
|
||||
if (isExpired) ...[
|
||||
Text(
|
||||
' • Expirée',
|
||||
style: AppTextStyles.bodySmall.copyWith(
|
||||
color: AppColors.error,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// Menu d'actions
|
||||
PopupMenuButton<String>(
|
||||
icon: Icon(
|
||||
Icons.more_vert,
|
||||
color: AppColors.onSurface.withOpacity(0.6),
|
||||
size: 20,
|
||||
),
|
||||
onSelected: (value) => _handleMenuAction(value),
|
||||
itemBuilder: (context) => [
|
||||
if (!notification.estLue)
|
||||
const PopupMenuItem(
|
||||
value: 'mark_read',
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.mark_email_read, size: 20),
|
||||
title: Text('Marquer comme lu'),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
),
|
||||
),
|
||||
|
||||
PopupMenuItem(
|
||||
value: 'mark_important',
|
||||
child: ListTile(
|
||||
leading: Icon(
|
||||
notification.estImportante ? Icons.star : Icons.star_border,
|
||||
size: 20,
|
||||
),
|
||||
title: Text(
|
||||
notification.estImportante
|
||||
? 'Retirer des importantes'
|
||||
: 'Marquer comme importante',
|
||||
),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
),
|
||||
),
|
||||
|
||||
if (!notification.estArchivee)
|
||||
const PopupMenuItem(
|
||||
value: 'archive',
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.archive, size: 20),
|
||||
title: Text('Archiver'),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
),
|
||||
),
|
||||
|
||||
const PopupMenuDivider(),
|
||||
|
||||
const PopupMenuItem(
|
||||
value: 'delete',
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.delete, size: 20, color: Colors.red),
|
||||
title: Text('Supprimer', style: TextStyle(color: Colors.red)),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Message de la notification
|
||||
Text(
|
||||
notification.messageAffichage,
|
||||
style: AppTextStyles.bodyMedium.copyWith(
|
||||
color: isExpired
|
||||
? AppColors.onSurface.withOpacity(0.6)
|
||||
: AppColors.onSurface.withOpacity(0.8),
|
||||
),
|
||||
maxLines: 3,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
|
||||
// Image de la notification (si présente)
|
||||
if (notification.imageUrl != null) ...[
|
||||
const SizedBox(height: 12),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Image.network(
|
||||
notification.imageUrl!,
|
||||
height: 120,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
errorBuilder: (context, error, stackTrace) => Container(
|
||||
height: 120,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.surface,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(
|
||||
Icons.image_not_supported,
|
||||
color: AppColors.onSurface.withOpacity(0.5),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
// Actions rapides
|
||||
if (notification.hasActionsRapides) ...[
|
||||
const SizedBox(height: 16),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: notification.actionsRapidesActives
|
||||
.take(3) // Limite à 3 actions pour éviter l'encombrement
|
||||
.map((action) => _buildActionButton(action))
|
||||
.toList(),
|
||||
),
|
||||
],
|
||||
|
||||
// Tags (si présents)
|
||||
if (notification.tags != null && notification.tags!.isNotEmpty) ...[
|
||||
const SizedBox(height: 12),
|
||||
Wrap(
|
||||
spacing: 6,
|
||||
runSpacing: 6,
|
||||
children: notification.tags!
|
||||
.take(3) // Limite à 3 tags
|
||||
.map((tag) => Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 8,
|
||||
vertical: 4,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.surfaceVariant,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Text(
|
||||
tag,
|
||||
style: AppTextStyles.labelSmall.copyWith(
|
||||
color: AppColors.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
))
|
||||
.toList(),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildActionButton(ActionNotification action) {
|
||||
return OutlinedButton.icon(
|
||||
onPressed: () => onActionTap?.call(action),
|
||||
icon: Icon(
|
||||
_getActionIcon(action.icone),
|
||||
size: 16,
|
||||
),
|
||||
label: Text(
|
||||
action.libelle,
|
||||
style: AppTextStyles.labelMedium,
|
||||
),
|
||||
style: OutlinedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
minimumSize: Size.zero,
|
||||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
foregroundColor: action.couleur != null
|
||||
? Color(int.parse(action.couleur!.replaceFirst('#', '0xFF')))
|
||||
: AppColors.primary,
|
||||
side: BorderSide(
|
||||
color: action.couleur != null
|
||||
? Color(int.parse(action.couleur!.replaceFirst('#', '0xFF')))
|
||||
: AppColors.primary,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Color _getTypeColor() {
|
||||
try {
|
||||
return Color(int.parse(notification.couleurType.replaceFirst('#', '0xFF')));
|
||||
} catch (e) {
|
||||
return AppColors.primary;
|
||||
}
|
||||
}
|
||||
|
||||
IconData _getTypeIcon() {
|
||||
switch (notification.typeNotification.icone) {
|
||||
case 'event':
|
||||
return Icons.event;
|
||||
case 'payment':
|
||||
return Icons.payment;
|
||||
case 'help':
|
||||
return Icons.help;
|
||||
case 'person_add':
|
||||
return Icons.person_add;
|
||||
case 'cake':
|
||||
return Icons.cake;
|
||||
case 'campaign':
|
||||
return Icons.campaign;
|
||||
case 'mail':
|
||||
return Icons.mail;
|
||||
case 'system_update':
|
||||
return Icons.system_update;
|
||||
case 'build':
|
||||
return Icons.build;
|
||||
case 'schedule':
|
||||
return Icons.schedule;
|
||||
case 'event_busy':
|
||||
return Icons.event_busy;
|
||||
case 'check_circle':
|
||||
return Icons.check_circle;
|
||||
case 'paid':
|
||||
return Icons.paid;
|
||||
case 'error':
|
||||
return Icons.error;
|
||||
case 'thumb_up':
|
||||
return Icons.thumb_up;
|
||||
case 'volunteer_activism':
|
||||
return Icons.volunteer_activism;
|
||||
case 'groups':
|
||||
return Icons.groups;
|
||||
case 'alternate_email':
|
||||
return Icons.alternate_email;
|
||||
default:
|
||||
return Icons.notifications;
|
||||
}
|
||||
}
|
||||
|
||||
IconData _getActionIcon(String? iconeName) {
|
||||
if (iconeName == null) return Icons.touch_app;
|
||||
|
||||
switch (iconeName) {
|
||||
case 'visibility':
|
||||
return Icons.visibility;
|
||||
case 'event_available':
|
||||
return Icons.event_available;
|
||||
case 'directions':
|
||||
return Icons.directions;
|
||||
case 'payment':
|
||||
return Icons.payment;
|
||||
case 'schedule':
|
||||
return Icons.schedule;
|
||||
case 'receipt':
|
||||
return Icons.receipt;
|
||||
case 'person':
|
||||
return Icons.person;
|
||||
case 'message':
|
||||
return Icons.message;
|
||||
case 'phone':
|
||||
return Icons.phone;
|
||||
case 'reply':
|
||||
return Icons.reply;
|
||||
default:
|
||||
return Icons.touch_app;
|
||||
}
|
||||
}
|
||||
|
||||
void _handleMenuAction(String action) {
|
||||
switch (action) {
|
||||
case 'mark_read':
|
||||
onMarkAsRead?.call();
|
||||
break;
|
||||
case 'mark_important':
|
||||
onMarkAsImportant?.call();
|
||||
break;
|
||||
case 'archive':
|
||||
onArchive?.call();
|
||||
break;
|
||||
case 'delete':
|
||||
onDelete?.call();
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user