Refactoring + Checkpoint

2024-11-17 23:00:18 +00:00
parent 1e888f41e8
commit 77ab8a02a2
56 changed files with 1904 additions and 790 deletions
--- a/lib/presentation/widgets/cards/expandable_section_card.dart
+++ b/lib/presentation/widgets/cards/expandable_section_card.dart
@@ -0,0 +1,88 @@
+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 {
+  final String title;
+  final IconData icon;
+  final List<Widget> children;
+
+  const ExpandableSectionCard({
+    Key? key,
+    required this.title,
+    required this.icon,
+    required this.children,
+  }) : super(key: key);
+
+  @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,
+          ),
+        ],
+      ),
+    );
+  }
+}