lionsdev/afterwork
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactoring et amélioration de la création et l'affichage d'un évènement.

Browse Source
This commit is contained in:
DahoudG
2024-09-02 03:04:40 +00:00
parent b8d7cfcb8d
commit 7bc7761591
9 changed files with 226 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
lib/presentation/screens/event/event_card.dart
View File

@@ -14,6 +14,7 @@ class EventCard extends StatelessWidget {
final String eventTitle;
final String eventDescription;
final String eventImageUrl;
final String eventStatus; // Ajout du statut de l'événement
final int reactionsCount;
final int commentsCount;
final int sharesCount;
@@ -21,8 +22,8 @@ class EventCard extends StatelessWidget {
final VoidCallback onComment;
final VoidCallback onShare;
final VoidCallback onParticipate;
final VoidCallback onCloseEvent;
final VoidCallback onMoreOptions;
final VoidCallback onCloseEvent;
const EventCard({
Key? key,
@@ -37,6 +38,7 @@ class EventCard extends StatelessWidget {
required this.eventTitle,
required this.eventDescription,
required this.eventImageUrl,
required this.eventStatus, // Initialisation du statut de l'événement
required this.reactionsCount,
required this.commentsCount,
required this.sharesCount,
@@ -44,33 +46,52 @@ class EventCard extends StatelessWidget {
required this.onComment,
required this.onShare,
required this.onParticipate,
required this.onCloseEvent,
required this.onMoreOptions,
required this.onCloseEvent,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Card(
color: const Color(0xFF2C2C3E),
margin: const EdgeInsets.symmetric(vertical: 10.0),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.0),
),
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
return AnimatedOpacity(
opacity: 1.0,
duration: const Duration(milliseconds: 300),
child: Dismissible(
key: ValueKey(eventId),
direction: DismissDirection.startToEnd,
onDismissed: (direction) => onCloseEvent(),
background: Container(
color: Colors.red,
alignment: Alignment.centerLeft,
padding: const EdgeInsets.only(left: 20.0),
child: const Icon(Icons.delete, color: Colors.white),
),
child: Stack(
children: [
_buildHeader(),
const SizedBox(height: 10),
_buildEventDetails(),
const SizedBox(height: 10),
_buildEventImage(),
const SizedBox(height: 10),
Divider(color: Colors.white.withOpacity(0.2)),
_buildInteractionRow(),
const SizedBox(height: 10),
_buildParticipateButton(),
Card(
color: const Color(0xFF2C2C3E),
margin: const EdgeInsets.symmetric(vertical: 10.0),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.0),
),
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildHeader(context),
const SizedBox(height: 10),
_buildEventDetails(),
const SizedBox(height: 10),
_buildEventImage(),
const SizedBox(height: 10),
Divider(color: Colors.white.withOpacity(0.2)),
_buildInteractionRow(),
const SizedBox(height: 10),
_buildParticipateButton(),
],
),
),
),
],
),
),
@@ -78,7 +99,7 @@ class EventCard extends StatelessWidget {
}
/// Construire l'en-tête de la carte avec les informations de l'utilisateur.
Widget _buildHeader() {
Widget _buildHeader(BuildContext context) {
return Row(
children: [
CircleAvatar(
@@ -98,21 +119,28 @@ class EventCard extends StatelessWidget {
fontWeight: FontWeight.bold,
),
),
Text(
datePosted,
style: const TextStyle(color: Colors.white70, fontSize: 14),
Row(
children: [
Text(
datePosted,
style: const TextStyle(color: Colors.white70, fontSize: 14),
),
const SizedBox(width: 10),
_buildStatusBadge(), // Badge de statut aligné sur la même ligne que la date du post
],
),
],
),
),
IconButton(
icon: const Icon(Icons.more_vert, color: Colors.white),
onPressed: _onMoreOptions,
),
IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: _onCloseEvent,
onPressed: onMoreOptions,
),
if (eventStatus != 'CLOSED') // Masquer le bouton de fermeture si l'événement est fermé
IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: onCloseEvent,
),
],
);
}
@@ -213,7 +241,7 @@ class EventCard extends StatelessWidget {
/// Bouton pour participer à l'événement.
Widget _buildParticipateButton() {
return ElevatedButton(
onPressed: _onParticipate,
onPressed: eventStatus == 'CLOSED' ? null : onParticipate, // Désactiver si l'événement est fermé
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF1DBF73),
shape: RoundedRectangleBorder(
@@ -222,57 +250,40 @@ class EventCard extends StatelessWidget {
padding: const EdgeInsets.symmetric(vertical: 12.0),
minimumSize: const Size(double.infinity, 40),
),
child: const Text('Participer', style: TextStyle(color: Colors.white)),
child: Text(
eventStatus == 'CLOSED' ? 'Événement fermé' : 'Participer',
style: const TextStyle(color: Colors.white),
),
);
}
// Logique pour réagir à l'événement.
void _onReact() async {
try {
print('Tentative de réaction à l\'événement $eventId par l\'utilisateur $userId');
await eventRemoteDataSource.reactToEvent(eventId, userId);
print('Réaction à l\'événement réussie');
// Mettre à jour l'interface utilisateur, par exemple augmenter le compteur de réactions.
} catch (e) {
// Gérer l'erreur.
print('Erreur lors de la réaction à l\'événement: $e');
/// Construire un badge pour afficher le statut de l'événement.
Widget _buildStatusBadge() {
Color badgeColor;
switch (eventStatus) {
case 'CLOSED':
badgeColor = Colors.redAccent;
break;
case 'OPEN':
default:
badgeColor = Colors.greenAccent;
break;
}
}
// Logique pour commenter l'événement.
void _onComment() {
// Implémenter la logique pour commenter un événement.
print('Commentaire sur l\'événement $eventId par l\'utilisateur $userId');
}
// Logique pour partager l'événement.
void _onShare() {
// Implémenter la logique pour partager un événement.
print('Partage de l\'événement $eventId par l\'utilisateur $userId');
}
// Logique pour participer à l'événement.
void _onParticipate() async {
try {
print('Tentative de participation à l\'événement $eventId par l\'utilisateur $userId');
await eventRemoteDataSource.participateInEvent(eventId, userId);
print('Participation à l\'événement réussie');
// Mettre à jour l'interface utilisateur, par exemple afficher un message de succès.
} catch (e) {
// Gérer l'erreur.
print('Erreur lors de la participation à l\'événement: $e');
}
}
// Logique pour fermer l'événement.
void _onCloseEvent() {
// Implémenter la logique pour fermer un événement.
print('Fermeture de l\'événement $eventId');
}
// Logique pour afficher plus d'options.
void _onMoreOptions() {
// Implémenter la logique pour afficher plus d'options.
print('Affichage des options supplémentaires pour l\'événement $eventId');
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
decoration: BoxDecoration(
color: badgeColor.withOpacity(0.7),
borderRadius: BorderRadius.circular(8.0),
),
child: Text(
eventStatus.toUpperCase(),
style: const TextStyle(
color: Colors.white,
fontSize: 10, // Réduction de la taille du texte
fontWeight: FontWeight.bold,
),
),
);
}
}

74
lib/presentation/screens/event/event_screen.dart
View File

@@ -5,11 +5,12 @@ import 'event_card.dart';
import '../dialogs/add_event_dialog.dart';
/// Écran principal pour afficher les événements.
class EventScreen extends StatelessWidget {
class EventScreen extends StatefulWidget {
final EventRemoteDataSource eventRemoteDataSource;
final String userId;
final String userName; // Nom de l'utilisateur
final String userLastName; // Prénom de l'utilisateur
const EventScreen({
Key? key,
required this.eventRemoteDataSource,
@@ -18,6 +19,19 @@ class EventScreen extends StatelessWidget {
required this.userLastName,
}) : super(key: key);
@override
_EventScreenState createState() => _EventScreenState();
}
class _EventScreenState extends State<EventScreen> {
late Future<List<EventModel>> _eventsFuture;
@override
void initState() {
super.initState();
_eventsFuture = widget.eventRemoteDataSource.getAllEvents();
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -37,9 +51,9 @@ class EventScreen extends StatelessWidget {
context: context,
builder: (BuildContext context) {
return AddEventDialog(
userId: userId,
userName: userName,
userLastName: userLastName,
userId: widget.userId,
userName: widget.userName,
userLastName: widget.userLastName,
);
},
);
@@ -47,11 +61,15 @@ class EventScreen extends StatelessWidget {
if (eventData != null) {
// Appeler l'API pour créer un nouvel événement.
try {
print('Tentative de création d\'un nouvel événement par l\'utilisateur $userId');
await eventRemoteDataSource.createEvent(eventData as EventModel);
print('Tentative de création d\'un nouvel événement par l\'utilisateur ${widget.userId}');
await widget.eventRemoteDataSource.createEvent(eventData as EventModel);
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Événement ajouté avec succès !')),
);
// Réactualiser la liste des événements après création
setState(() {
_eventsFuture = widget.eventRemoteDataSource.getAllEvents();
});
} catch (e) {
print('Erreur lors de la création de l\'événement: $e');
ScaffoldMessenger.of(context).showSnackBar(
@@ -64,7 +82,7 @@ class EventScreen extends StatelessWidget {
],
),
body: FutureBuilder<List<EventModel>>(
future: eventRemoteDataSource.getAllEvents(),
future: _eventsFuture,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
@@ -86,17 +104,19 @@ class EventScreen extends StatelessWidget {
print('Affichage de l\'événement ${event.id}');
return EventCard(
eventRemoteDataSource: eventRemoteDataSource,
userId: userId,
key: ValueKey(event.id), // Pour une gestion correcte du Key dans l'animation
eventRemoteDataSource: widget.eventRemoteDataSource,
userId: widget.userId,
eventId: event.id,
userName: userName,
userLastName: userLastName,
userName: widget.userName,
userLastName: widget.userLastName,
profileImage: 'lib/assets/images/profile_picture.png',
name: '$userName $userLastName',
name: '${widget.userName} ${widget.userLastName}',
datePosted: 'Posté le 24/08/2024',
eventTitle: event.title,
eventDescription: event.description,
eventImageUrl: event.imageUrl ?? 'lib/assets/images/placeholder.png',
eventStatus: event.status, // Ajouter le statut de l'événement ici
reactionsCount: 120, // Exemple de valeur
commentsCount: 45, // Exemple de valeur
sharesCount: 30, // Exemple de valeur
@@ -112,9 +132,7 @@ class EventScreen extends StatelessWidget {
onParticipate: () {
print('Participation à l\'événement ${event.id}');
},
onCloseEvent: () {
print('Fermeture de l\'événement ${event.id}');
},
onCloseEvent: () => _onCloseEvent(context, event.id, index),
onMoreOptions: () {
print('Affichage des options pour l\'événement ${event.id}');
},
@@ -126,4 +144,30 @@ class EventScreen extends StatelessWidget {
backgroundColor: const Color(0xFF1E1E2C),
);
}
/// Logique pour fermer un événement
void _onCloseEvent(BuildContext context, String eventId, int index) async {
try {
print('Tentative de fermeture de l\'événement $eventId');
await widget.eventRemoteDataSource.closeEvent(eventId);
print('Événement fermé avec succès');
// Montrer un message de succès
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('L\'événement a été fermé avec succès.')),
);
// Actualiser la liste des événements après fermeture avec un effet de fondu
setState(() {
_eventsFuture.then((events) {
events.removeAt(index);
});
});
} catch (e) {
print('Erreur lors de la fermeture de l\'événement: $e');
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Erreur lors de la fermeture de l\'événement : $e')),
);
}
}
}