Files
afterwork/lib/presentation/widgets/fields/attendees_field.dart
dahoud 92612abbd7 fix(chat): Correction race condition + Implémentation TODOs
## Corrections Critiques

### Race Condition - Statuts de Messages
- Fix : Les icônes de statut (✓, ✓✓, ✓✓ bleu) ne s'affichaient pas
- Cause : WebSocket delivery confirmations arrivaient avant messages locaux
- Solution : Pattern Optimistic UI dans chat_bloc.dart
  - Création message temporaire immédiate
  - Ajout à la liste AVANT requête HTTP
  - Remplacement par message serveur à la réponse
- Fichier : lib/presentation/state_management/chat_bloc.dart

## Implémentation TODOs (13/21)

### Social (social_header_widget.dart)
-  Copier lien du post dans presse-papiers
-  Partage natif via Share.share()
-  Dialogue de signalement avec 5 raisons

### Partage (share_post_dialog.dart)
-  Interface sélection d'amis avec checkboxes
-  Partage externe via Share API

### Média (media_upload_service.dart)
-  Parsing JSON réponse backend
-  Méthode deleteMedia() pour suppression
-  Génération miniature vidéo

### Posts (create_post_dialog.dart, edit_post_dialog.dart)
-  Extraction URL depuis uploads
-  Documentation chargement médias

### Chat (conversations_screen.dart)
-  Navigation vers notifications
-  ConversationSearchDelegate pour recherche

## Nouveaux Fichiers

### Configuration
- build-prod.ps1 : Script build production avec dart-define
- lib/core/constants/env_config.dart : Gestion environnements

### Documentation
- TODOS_IMPLEMENTED.md : Documentation complète TODOs

## Améliorations

### Architecture
- Refactoring injection de dépendances
- Amélioration routing et navigation
- Optimisation providers (UserProvider, FriendsProvider)

### UI/UX
- Amélioration thème et couleurs
- Optimisation animations
- Meilleure gestion erreurs

### Services
- Configuration API avec env_config
- Amélioration datasources (events, users)
- Optimisation modèles de données
2026-01-10 10:43:17 +00:00

82 lines
3.7 KiB
Dart

import 'package:flutter/material.dart';
import '../../../core/utils/app_logger.dart';
/// Un champ pour saisir le nombre maximum de participants à un événement.
/// Il est conçu pour permettre à l'utilisateur de saisir un nombre entier.
class AttendeesField extends StatelessWidget {
// Le constructeur prend une fonction de rappel pour sauvegarder la valeur saisie.
const AttendeesField({required this.onSaved, super.key});
// Définition de la fonction de rappel pour sauver la valeur saisie.
final Function(int) onSaved;
@override
Widget build(BuildContext context) {
// Retourne un widget de type Column pour organiser le texte et le champ de saisie.
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Texte statique indiquant ce que l'utilisateur doit entrer.
const Text(
'Nombre maximum de participants', // Le texte est en français et indique le champ à remplir.
style: TextStyle(
color: Colors.blueGrey, // Couleur du texte
fontSize: 16,
fontWeight: FontWeight.bold, // Met en gras pour la visibilité
),
),
const SizedBox(height: 8), // Espacement entre le titre et le champ de saisie.
TextFormField(
keyboardType: TextInputType.number, // Le champ attend un nombre entier.
decoration: InputDecoration(
hintStyle: const TextStyle(color: Colors.blueGrey),
hintText: 'Entrez ici le nombre maximum de participants...', // L'invite pour aider l'utilisateur.
filled: true, // Le champ est rempli avec une couleur de fond.
fillColor: Colors.blueGrey.withOpacity(0.1), // Couleur de fond du champ avec opacité.
border: const OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)), // Bordure arrondie
borderSide: BorderSide.none, // Pas de bordure par défaut
),
enabledBorder: const OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
borderSide: BorderSide(
color: Colors.blueGrey, // Bordure de base
width: 1.5,
),
),
focusedBorder: const OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
borderSide: BorderSide(
color: Colors.blue, // Bordure en bleu lors du focus
width: 2,
),
),
prefixIcon: const Icon(
Icons.group,
color: Colors.blueGrey, // Icône assortie
),
),
style: const TextStyle(
color: Colors.blueGrey, // Couleur du texte saisi
fontSize: 16, // Taille de police
fontWeight: FontWeight.w600, // Poids de la police pour la lisibilité
),
onChanged: (value) {
// Lors de chaque modification de texte, on tente de convertir la valeur en entier.
final int maxParticipants = int.tryParse(value) ?? 0; // Conversion en entier, avec une valeur par défaut de 0.
AppLogger.d('Nombre maximum de participants saisi : $maxParticipants', tag: 'AttendeesField');
onSaved(maxParticipants); // Appel de la fonction onSaved pour transmettre la valeur au formulaire principal.
},
validator: (value) {
// Validation pour vérifier si la valeur est un nombre valide.
if (value == null || value.isEmpty) {
return 'Veuillez entrer un nombre de participants';
}
return null; // La validation est correcte si la valeur est un nombre
},
),
],
);
}
}