Refactoring

2024-09-02 06:41:26 +00:00
parent 7bc7761591
commit ef72a81b64
6 changed files with 335 additions and 67 deletions
--- a/lib/presentation/screens/event/event_card.dart
+++ b/lib/presentation/screens/event/event_card.dart
@@ -2,27 +2,53 @@ import 'package:flutter/material.dart';
 import 'package:afterwork/data/datasources/event_remote_data_source.dart';

 /// Widget pour afficher une carte d'événement.
+/// Cette classe est utilisée pour afficher les détails d'un événement,
+/// incluant son titre, sa description, son image, et des actions possibles
+/// telles que réagir, commenter, partager, participer, et fermer l'événement.
 class EventCard extends StatelessWidget {
+  // Identifiant unique de l'événement
  final String eventId;
+  // Source de données distante pour les opérations sur l'événement
  final EventRemoteDataSource eventRemoteDataSource;
+  // Identifiant de l'utilisateur
  final String userId;
+  // Nom de l'utilisateur
  final String userName;
+  // Prénom de l'utilisateur
  final String userLastName;
+  // URL de l'image de profil de l'utilisateur
  final String profileImage;
+  // Nom complet de l'utilisateur (nom + prénom)
  final String name;
+  // Date de publication de l'événement
  final String datePosted;
+  // Titre de l'événement
  final String eventTitle;
+  // Description de l'événement
  final String eventDescription;
+  // URL de l'image de l'événement
  final String eventImageUrl;
-  final String eventStatus; // Ajout du statut de l'événement
+  // Statut de l'événement (e.g., "OPEN", "CLOSED")
+  final String eventStatus;
+  // Catégorie de l'événement
+  final String eventCategory;
+  // Nombre de réactions à l'événement
  final int reactionsCount;
+  // Nombre de commentaires sur l'événement
  final int commentsCount;
+  // Nombre de partages de l'événement
  final int sharesCount;
+  // Callback pour l'action "Réagir"
  final VoidCallback onReact;
+  // Callback pour l'action "Commenter"
  final VoidCallback onComment;
+  // Callback pour l'action "Partager"
  final VoidCallback onShare;
+  // Callback pour l'action "Participer"
  final VoidCallback onParticipate;
+  // Callback pour afficher plus d'options
  final VoidCallback onMoreOptions;
+  // Callback pour fermer l'événement
  final VoidCallback onCloseEvent;

  const EventCard({
@@ -38,7 +64,8 @@ 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.eventStatus,
+    required this.eventCategory,
    required this.reactionsCount,
    required this.commentsCount,
    required this.sharesCount,
@@ -52,13 +79,20 @@ class EventCard extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    // Log du rendu de la carte d'événement
+    print('Rendu de l\'EventCard pour l\'événement $eventId avec statut $eventStatus');
+
    return AnimatedOpacity(
      opacity: 1.0,
      duration: const Duration(milliseconds: 300),
      child: Dismissible(
        key: ValueKey(eventId),
        direction: DismissDirection.startToEnd,
-        onDismissed: (direction) => onCloseEvent(),
+        onDismissed: (direction) {
+          // Log du déclenchement de la fermeture de l'événement
+          print('Tentative de fermeture de l\'événement $eventId');
+          onCloseEvent();
+        },
        background: Container(
          color: Colors.red,
          alignment: Alignment.centerLeft,
@@ -80,13 +114,15 @@ class EventCard extends StatelessWidget {
                  children: [
                    _buildHeader(context),
                    const SizedBox(height: 10),
+                    _buildEventCategory(), // Affichage de la catégorie de l'événement
+                    const SizedBox(height: 5),
                    _buildEventDetails(),
                    const SizedBox(height: 10),
                    _buildEventImage(),
                    const SizedBox(height: 10),
                    Divider(color: Colors.white.withOpacity(0.2)),
                    _buildInteractionRow(),
-                    const SizedBox(height: 10),
+                    const SizedBox(height: 5),
                    _buildParticipateButton(),
                  ],
                ),
@@ -99,7 +135,12 @@ class EventCard extends StatelessWidget {
  }

  /// Construire l'en-tête de la carte avec les informations de l'utilisateur.
+  /// Cette méthode affiche l'image de profil, le nom de l'utilisateur, la date
+  /// de publication de l'événement, et le statut de l'événement.
  Widget _buildHeader(BuildContext context) {
+    // Log du rendu de l'en-tête de la carte
+    print('Rendu de l\'en-tête pour l\'événement $eventId');
+
    return Row(
      children: [
        CircleAvatar(
@@ -134,19 +175,48 @@ class EventCard extends StatelessWidget {
        ),
        IconButton(
          icon: const Icon(Icons.more_vert, color: Colors.white),
-          onPressed: onMoreOptions,
+          onPressed: () {
+            // Log du déclenchement du bouton "Plus d'options"
+            print('Plus d\'options déclenché pour l\'événement $eventId');
+            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,
+            onPressed: () {
+              // Log du déclenchement du bouton de fermeture de l'événement
+              print('Tentative de fermeture de l\'événement $eventId');
+              onCloseEvent();
+            },
          ),
      ],
    );
  }

+  /// Afficher la catégorie de l'événement au-dessus du titre.
+  /// Cette méthode affiche la catégorie en italique pour distinguer le type d'événement.
+  Widget _buildEventCategory() {
+    // Log du rendu de la catégorie de l'événement
+    print('Affichage de la catégorie pour l\'événement $eventId: $eventCategory');
+
+    return Text(
+      eventCategory,
+      style: const TextStyle(
+        color: Colors.blueAccent,
+        fontSize: 14,
+        fontStyle: FontStyle.italic, // Style en italique
+        fontWeight: FontWeight.w400, // Titre fin
+      ),
+    );
+  }
+
  /// Afficher les détails de l'événement.
+  /// Cette méthode affiche le titre et la description de l'événement.
  Widget _buildEventDetails() {
+    // Log du rendu des détails de l'événement
+    print('Affichage des détails pour l\'événement $eventId');
+
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
@@ -168,7 +238,11 @@ class EventCard extends StatelessWidget {
  }

  /// Afficher l'image de l'événement.
+  /// Cette méthode affiche l'image associée à l'événement.
  Widget _buildEventImage() {
+    // Log du rendu de l'image de l'événement
+    print('Affichage de l\'image pour l\'événement $eventId');
+
    return ClipRRect(
      borderRadius: BorderRadius.circular(10.0),
      child: Image.network(
@@ -177,7 +251,8 @@ class EventCard extends StatelessWidget {
        width: double.infinity,
        fit: BoxFit.cover,
        errorBuilder: (context, error, stackTrace) {
-          print('Erreur de chargement de l\'image: $error');
+          // Log de l'erreur lors du chargement de l'image
+          print('Erreur de chargement de l\'image pour l\'événement $eventId: $error');
          return Image.asset(
            'lib/assets/images/placeholder.png',
            height: 180,
@@ -190,29 +265,51 @@ class EventCard extends StatelessWidget {
  }

  /// Afficher les icônes d'interaction (réagir, commenter, partager).
+  /// Cette méthode affiche les boutons pour réagir, commenter, et partager l'événement.
  Widget _buildInteractionRow() {
+    // Log du rendu de la ligne d'interaction de l'événement
+    print('Affichage des interactions pour l\'événement $eventId');
+
    return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 8.0),
+      padding: const EdgeInsets.symmetric(horizontal: 0.0), // Réduire le padding vertical
      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        mainAxisAlignment: MainAxisAlignment.spaceAround, // Utiliser spaceAround pour réduire l'espace
        children: [
-          _buildIconButton(
-            icon: Icons.thumb_up_alt_outlined,
-            label: 'Réagir',
-            count: reactionsCount,
-            onPressed: onReact,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.thumb_up_alt_outlined,
+              label: 'Réagir',
+              count: reactionsCount,
+              onPressed: () {
+                // Log de l'action "Réagir"
+                print('Réaction à l\'événement $eventId');
+                onReact();
+              },
+            ),
          ),
-          _buildIconButton(
-            icon: Icons.comment_outlined,
-            label: 'Commenter',
-            count: commentsCount,
-            onPressed: onComment,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.comment_outlined,
+              label: 'Commenter',
+              count: commentsCount,
+              onPressed: () {
+                // Log de l'action "Commenter"
+                print('Commentaire sur l\'événement $eventId');
+                onComment();
+              },
+            ),
          ),
-          _buildIconButton(
-            icon: Icons.share_outlined,
-            label: 'Partager',
-            count: sharesCount,
-            onPressed: onShare,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.share_outlined,
+              label: 'Partager',
+              count: sharesCount,
+              onPressed: () {
+                // Log de l'action "Partager"
+                print('Partage de l\'événement $eventId');
+                onShare();
+              },
+            ),
          ),
        ],
      ),
@@ -220,12 +317,16 @@ class EventCard extends StatelessWidget {
  }

  /// Bouton d'interaction personnalisé.
+  /// Cette méthode construit un bouton avec une icône et un label pour l'interaction.
  Widget _buildIconButton({
    required IconData icon,
    required String label,
    required int count,
    required VoidCallback onPressed,
  }) {
+    // Log de la construction du bouton d'interaction
+    print('Construction du bouton $label pour l\'événement $eventId');
+
    return Expanded(
      child: TextButton.icon(
        onPressed: onPressed,
@@ -233,13 +334,19 @@ class EventCard extends StatelessWidget {
        label: Text(
          '$label ($count)',
          style: const TextStyle(color: Colors.white70, fontSize: 12),
+          overflow: TextOverflow.ellipsis,
        ),
      ),
    );
  }

  /// Bouton pour participer à l'événement.
+  /// Cette méthode construit un bouton qui permet de participer à l'événement.
+  /// Si l'événement est fermé, le bouton est désactivé.
  Widget _buildParticipateButton() {
+    // Log de la construction du bouton "Participer"
+    print('Construction du bouton "Participer" pour l\'événement $eventId avec statut $eventStatus');
+
    return ElevatedButton(
      onPressed: eventStatus == 'CLOSED' ? null : onParticipate, // Désactiver si l'événement est fermé
      style: ElevatedButton.styleFrom(
@@ -258,7 +365,11 @@ class EventCard extends StatelessWidget {
  }

  /// Construire un badge pour afficher le statut de l'événement.
+  /// Cette méthode affiche un badge avec le statut de l'événement ("OPEN" ou "CLOSED").
  Widget _buildStatusBadge() {
+    // Log de la construction du badge de statut
+    print('Construction du badge de statut pour l\'événement $eventId: $eventStatus');
+
    Color badgeColor;
    switch (eventStatus) {
      case 'CLOSED':
--- a/lib/presentation/screens/event/event_screen.dart
+++ b/lib/presentation/screens/event/event_screen.dart
@@ -112,7 +112,8 @@ class _EventScreenState extends State<EventScreen> {
                userLastName: widget.userLastName,
                profileImage: 'lib/assets/images/profile_picture.png',
                name: '${widget.userName} ${widget.userLastName}',
-                datePosted: 'Posté le 24/08/2024',
+                eventCategory: event.category,
+                datePosted: event.date,
                eventTitle: event.title,
                eventDescription: event.description,
                eventImageUrl: event.imageUrl ?? 'lib/assets/images/placeholder.png',