92612abbd7
## 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
86 lines
2.6 KiB
Dart
86 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../../../../core/constants/colors.dart';
|
|
|
|
/// [ExpandableSectionCard] est une carte qui peut s'étendre pour révéler des éléments enfants.
|
|
/// Ce composant inclut des animations d'extension, des logs pour chaque action et une expérience utilisateur optimisée.
|
|
class ExpandableSectionCard extends StatefulWidget {
|
|
|
|
const ExpandableSectionCard({
|
|
required this.title, required this.icon, required this.children, super.key,
|
|
});
|
|
final String title;
|
|
final IconData icon;
|
|
final List<Widget> children;
|
|
|
|
@override
|
|
_ExpandableSectionCardState createState() => _ExpandableSectionCardState();
|
|
}
|
|
|
|
class _ExpandableSectionCardState extends State<ExpandableSectionCard> with SingleTickerProviderStateMixin {
|
|
bool _isExpanded = false;
|
|
late AnimationController _controller;
|
|
late Animation<double> _iconRotation;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(milliseconds: 300),
|
|
);
|
|
_iconRotation = Tween<double>(begin: 0, end: 0.5).animate(
|
|
CurvedAnimation(parent: _controller, curve: Curves.easeOut),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _toggleExpansion() {
|
|
setState(() {
|
|
_isExpanded = !_isExpanded;
|
|
_isExpanded ? _controller.forward() : _controller.reverse();
|
|
debugPrint("[LOG] ${_isExpanded ? 'Ouverture' : 'Fermeture'} de l'ExpandableSectionCard : ${widget.title}");
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
color: AppColors.cardColor,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
|
elevation: 3,
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
leading: Icon(widget.icon, color: AppColors.accentColor),
|
|
title: Text(
|
|
widget.title,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
trailing: RotationTransition(
|
|
turns: _iconRotation,
|
|
child: Icon(Icons.expand_more, color: AppColors.accentColor),
|
|
),
|
|
onTap: _toggleExpansion,
|
|
),
|
|
// Contenu de l'expansion
|
|
AnimatedCrossFade(
|
|
duration: const Duration(milliseconds: 300),
|
|
firstChild: Container(),
|
|
secondChild: Column(children: widget.children),
|
|
crossFadeState: _isExpanded ? CrossFadeState.showSecond : CrossFadeState.showFirst,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|