Julien Martin
eea94769bf
Adaptation responsive du formulaire "Informations Enfants" (Parent Step 3) : - Desktop : Conservation du layout horizontal avec scroll et effets de fondu - Mobile : Layout vertical avec cartes empilées - Header fixe - Bouton "+" carré (50px) centré à la fin de la liste - Boutons navigation intégrés au scroll - Cartes enfants adaptées (scale 0.9, polices réduites) - Mise à jour DisplayConfig (mode optionnel par défaut) - Mise à jour AppCustomCheckbox (paramètre fontSize) Co-authored-by: Cursor <cursoragent@cursor.com>
224 lines
9.2 KiB
Dart
224 lines
9.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'dart:io' show File;
|
|
import 'package:flutter/foundation.dart' show kIsWeb;
|
|
import '../models/user_registration_data.dart';
|
|
import '../models/card_assets.dart';
|
|
import 'custom_app_text_field.dart';
|
|
import 'app_custom_checkbox.dart';
|
|
import 'hover_relief_widget.dart';
|
|
import '../config/display_config.dart';
|
|
|
|
/// Widget pour afficher et éditer une carte enfant
|
|
/// Utilisé dans le workflow d'inscription des parents
|
|
class ChildCardWidget extends StatefulWidget {
|
|
final ChildData childData;
|
|
final int childIndex;
|
|
final VoidCallback onPickImage;
|
|
final VoidCallback onDateSelect;
|
|
final ValueChanged<String> onFirstNameChanged;
|
|
final ValueChanged<String> onLastNameChanged;
|
|
final ValueChanged<bool> onTogglePhotoConsent;
|
|
final ValueChanged<bool> onToggleMultipleBirth;
|
|
final ValueChanged<bool> onToggleIsUnborn;
|
|
final VoidCallback onRemove;
|
|
final bool canBeRemoved;
|
|
|
|
const ChildCardWidget({
|
|
required Key key,
|
|
required this.childData,
|
|
required this.childIndex,
|
|
required this.onPickImage,
|
|
required this.onDateSelect,
|
|
required this.onFirstNameChanged,
|
|
required this.onLastNameChanged,
|
|
required this.onTogglePhotoConsent,
|
|
required this.onToggleMultipleBirth,
|
|
required this.onToggleIsUnborn,
|
|
required this.onRemove,
|
|
required this.canBeRemoved,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
State<ChildCardWidget> createState() => _ChildCardWidgetState();
|
|
}
|
|
|
|
class _ChildCardWidgetState extends State<ChildCardWidget> {
|
|
late TextEditingController _firstNameController;
|
|
late TextEditingController _lastNameController;
|
|
late TextEditingController _dobController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
// Initialiser les contrôleurs avec les données du widget
|
|
_firstNameController = TextEditingController(text: widget.childData.firstName);
|
|
_lastNameController = TextEditingController(text: widget.childData.lastName);
|
|
_dobController = TextEditingController(text: widget.childData.dob);
|
|
|
|
// Ajouter des listeners pour mettre à jour les données sources via les callbacks
|
|
_firstNameController.addListener(() => widget.onFirstNameChanged(_firstNameController.text));
|
|
_lastNameController.addListener(() => widget.onLastNameChanged(_lastNameController.text));
|
|
// Pour dob, la mise à jour se fait via _selectDate, pas besoin de listener ici
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant ChildCardWidget oldWidget) {
|
|
super.didUpdateWidget(oldWidget);
|
|
// Mettre à jour les contrôleurs si les données externes changent
|
|
// (peut arriver si on recharge l'état global)
|
|
if (widget.childData.firstName != _firstNameController.text) {
|
|
_firstNameController.text = widget.childData.firstName;
|
|
}
|
|
if (widget.childData.lastName != _lastNameController.text) {
|
|
_lastNameController.text = widget.childData.lastName;
|
|
}
|
|
if (widget.childData.dob != _dobController.text) {
|
|
_dobController.text = widget.childData.dob;
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_firstNameController.dispose();
|
|
_lastNameController.dispose();
|
|
_dobController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final config = DisplayConfig.fromContext(context);
|
|
final scaleFactor = config.isMobile ? 0.9 : 1.1; // Réduire légèrement sur mobile
|
|
|
|
final File? currentChildImage = widget.childData.imageFile;
|
|
// Utiliser la couleur de la carte de childData pour l'ombre si besoin, ou directement pour le fond
|
|
final Color baseCardColorForShadow = widget.childData.cardColor == CardColorVertical.lavender
|
|
? Colors.purple.shade200
|
|
: (widget.childData.cardColor == CardColorVertical.pink ? Colors.pink.shade200 : Colors.grey.shade200); // Placeholder pour autres couleurs
|
|
final Color initialPhotoShadow = baseCardColorForShadow.withAlpha(90);
|
|
final Color hoverPhotoShadow = baseCardColorForShadow.withAlpha(130);
|
|
|
|
return Container(
|
|
width: 345.0 * scaleFactor,
|
|
height: config.isMobile ? null : 570.0 * scaleFactor, // Hauteur auto sur mobile
|
|
padding: EdgeInsets.all(22.0 * scaleFactor),
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(image: AssetImage(widget.childData.cardColor.path), fit: BoxFit.fill),
|
|
borderRadius: BorderRadius.circular(20 * scaleFactor),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
HoverReliefWidget(
|
|
onPressed: widget.onPickImage,
|
|
borderRadius: BorderRadius.circular(10),
|
|
initialShadowColor: initialPhotoShadow,
|
|
hoverShadowColor: hoverPhotoShadow,
|
|
child: SizedBox(
|
|
height: 200.0 * (config.isMobile ? 0.8 : 1.0),
|
|
width: 200.0 * (config.isMobile ? 0.8 : 1.0),
|
|
child: Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(5.0 * scaleFactor),
|
|
child: currentChildImage != null
|
|
? ClipRRect(borderRadius: BorderRadius.circular(10 * scaleFactor), child: kIsWeb ? Image.network(currentChildImage.path, fit: BoxFit.cover) : Image.file(currentChildImage, fit: BoxFit.cover))
|
|
: Image.asset('assets/images/photo.png', fit: BoxFit.contain),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 12.0 * scaleFactor),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Enfant à naître ?',
|
|
style: GoogleFonts.merienda(
|
|
fontSize: config.isMobile ? 14 : 16 * scaleFactor,
|
|
fontWeight: FontWeight.w600
|
|
)
|
|
),
|
|
Transform.scale(
|
|
scale: config.isMobile ? 0.8 : 1.0,
|
|
child: Switch(value: widget.childData.isUnbornChild, onChanged: widget.onToggleIsUnborn, activeColor: Theme.of(context).primaryColor),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 9.0 * scaleFactor),
|
|
CustomAppTextField(
|
|
controller: _firstNameController,
|
|
labelText: 'Prénom',
|
|
hintText: 'Facultatif si à naître',
|
|
isRequired: !widget.childData.isUnbornChild,
|
|
fieldHeight: config.isMobile ? 45.0 : 55.0 * scaleFactor,
|
|
labelFontSize: config.isMobile ? 14.0 : 22.0, // Police réduite mobile
|
|
inputFontSize: config.isMobile ? 14.0 : 20.0,
|
|
),
|
|
SizedBox(height: 6.0 * scaleFactor),
|
|
CustomAppTextField(
|
|
controller: _lastNameController,
|
|
labelText: 'Nom',
|
|
hintText: 'Nom de l\'enfant',
|
|
enabled: true,
|
|
fieldHeight: config.isMobile ? 45.0 : 55.0 * scaleFactor,
|
|
labelFontSize: config.isMobile ? 14.0 : 22.0,
|
|
inputFontSize: config.isMobile ? 14.0 : 20.0,
|
|
),
|
|
SizedBox(height: 9.0 * scaleFactor),
|
|
CustomAppTextField(
|
|
controller: _dobController,
|
|
labelText: widget.childData.isUnbornChild ? 'Date prévisionnelle de naissance' : 'Date de naissance',
|
|
hintText: 'JJ/MM/AAAA',
|
|
readOnly: true,
|
|
onTap: widget.onDateSelect,
|
|
suffixIcon: Icons.calendar_today,
|
|
fieldHeight: config.isMobile ? 45.0 : 55.0 * scaleFactor,
|
|
labelFontSize: config.isMobile ? 14.0 : 22.0,
|
|
inputFontSize: config.isMobile ? 14.0 : 20.0,
|
|
),
|
|
SizedBox(height: 11.0 * scaleFactor),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
AppCustomCheckbox(
|
|
label: 'Consentement photo',
|
|
value: widget.childData.photoConsent,
|
|
onChanged: widget.onTogglePhotoConsent,
|
|
checkboxSize: config.isMobile ? 20.0 : 22.0 * scaleFactor,
|
|
fontSize: config.isMobile ? 13.0 : 16.0,
|
|
),
|
|
SizedBox(height: 6.0 * scaleFactor),
|
|
AppCustomCheckbox(
|
|
label: 'Naissance multiple',
|
|
value: widget.childData.multipleBirth,
|
|
onChanged: widget.onToggleMultipleBirth,
|
|
checkboxSize: config.isMobile ? 20.0 : 22.0 * scaleFactor,
|
|
fontSize: config.isMobile ? 13.0 : 16.0,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
if (widget.canBeRemoved)
|
|
Positioned(
|
|
top: -5, right: -5,
|
|
child: InkWell(
|
|
onTap: widget.onRemove,
|
|
customBorder: const CircleBorder(),
|
|
child: Image.asset(
|
|
'assets/images/red_cross2.png',
|
|
width: config.isMobile ? 30 : 36,
|
|
height: config.isMobile ? 30 : 36,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|