Refactoring + Version améliorée
This commit is contained in:
DahoudG
@@ -1,110 +1,118 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_maps_flutter/google_maps_flutter.dart';
|
||||
import 'dart:io';
|
||||
|
||||
/// Dialogue pour ajouter un nouvel événement.
|
||||
/// Ce widget affiche un formulaire permettant à l'utilisateur de saisir les détails d'un événement.
|
||||
/// Les logs permettent de suivre les actions de l'utilisateur dans ce dialogue.
|
||||
class AddEventDialog extends StatefulWidget {
|
||||
import '../../widgets/category_field.dart';
|
||||
import '../../widgets/date_picker.dart';
|
||||
import '../../widgets/description_field.dart';
|
||||
import '../../widgets/link_field.dart';
|
||||
import '../../widgets/location_field.dart';
|
||||
import '../../widgets/submit_button.dart';
|
||||
import '../../widgets/title_field.dart';
|
||||
import '../../widgets/image_preview_picker.dart';
|
||||
|
||||
class AddEventPage extends StatefulWidget {
|
||||
final String userId;
|
||||
final String userName;
|
||||
final String userLastName;
|
||||
|
||||
const AddEventDialog({
|
||||
Key? key,
|
||||
const AddEventPage({
|
||||
super.key,
|
||||
required this.userId,
|
||||
required this.userName,
|
||||
required this.userLastName,
|
||||
}) : super(key: key);
|
||||
});
|
||||
|
||||
@override
|
||||
_AddEventDialogState createState() => _AddEventDialogState();
|
||||
_AddEventPageState createState() => _AddEventPageState();
|
||||
}
|
||||
|
||||
class _AddEventDialogState extends State<AddEventDialog> {
|
||||
final _formKey = GlobalKey<FormState>(); // Clé pour valider le formulaire
|
||||
String _eventName = ''; // Nom de l'événement
|
||||
DateTime _selectedDate = DateTime.now(); // Date de l'événement
|
||||
class _AddEventPageState extends State<AddEventPage> {
|
||||
final _formKey = GlobalKey<FormState>(); // Form key for validation
|
||||
|
||||
String _title = '';
|
||||
String _description = '';
|
||||
DateTime? _selectedDate;
|
||||
String _location = 'Abidjan';
|
||||
String _category = '';
|
||||
String _link = '';
|
||||
LatLng? _selectedLatLng = const LatLng(5.348722, -3.985038); // Default coordinates
|
||||
File? _selectedImageFile; // Store the selected image
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
print("Affichage du dialogue d'ajout d'événement.");
|
||||
|
||||
return AlertDialog(
|
||||
title: const Text('Ajouter un événement'),
|
||||
content: Form(
|
||||
key: _formKey,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// Champ pour entrer le nom de l'événement
|
||||
TextFormField(
|
||||
decoration: const InputDecoration(labelText: 'Nom de l\'événement'),
|
||||
onSaved: (value) {
|
||||
_eventName = value ?? '';
|
||||
print("Nom de l'événement saisi : $_eventName");
|
||||
},
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
print("Erreur : le champ du nom de l'événement est vide.");
|
||||
return 'Veuillez entrer un nom d\'événement';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
// Sélecteur de date pour l'événement
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
final selectedDate = await _selectDate(context);
|
||||
if (selectedDate != null) {
|
||||
setState(() {
|
||||
_selectedDate = selectedDate;
|
||||
print("Date de l'événement sélectionnée : $_selectedDate");
|
||||
});
|
||||
}
|
||||
},
|
||||
child: Text('Sélectionner la date : ${_selectedDate.toLocal()}'.split(' ')[0]),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
// Bouton pour annuler l'ajout de l'événement
|
||||
TextButton(
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Ajouter un événement'),
|
||||
backgroundColor: const Color(0xFF1E1E2C),
|
||||
leading: IconButton(
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
onPressed: () {
|
||||
print("L'utilisateur a annulé l'ajout de l'événement.");
|
||||
Navigator.of(context).pop();
|
||||
},
|
||||
child: const Text('Annuler'),
|
||||
),
|
||||
// Bouton pour soumettre le formulaire et ajouter l'événement
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
if (_formKey.currentState?.validate() == true) {
|
||||
_formKey.currentState?.save();
|
||||
print("L'utilisateur a ajouté un événement : Nom = $_eventName, Date = $_selectedDate");
|
||||
Navigator.of(context).pop({
|
||||
'eventName': _eventName,
|
||||
'eventDate': _selectedDate,
|
||||
});
|
||||
}
|
||||
},
|
||||
child: const Text('Ajouter'),
|
||||
),
|
||||
],
|
||||
),
|
||||
backgroundColor: const Color(0xFF1E1E2C),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Form(
|
||||
key: _formKey,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
ImagePreviewPicker(
|
||||
onImagePicked: (File? imageFile) {
|
||||
setState(() {
|
||||
_selectedImageFile = imageFile;
|
||||
});
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
TitleField(onSaved: (value) => setState(() => _title = value ?? '')),
|
||||
const SizedBox(height: 12),
|
||||
DescriptionField(onSaved: (value) => setState(() => _description = value ?? '')),
|
||||
const SizedBox(height: 12),
|
||||
DatePickerField(
|
||||
selectedDate: _selectedDate,
|
||||
onDatePicked: (picked) => setState(() {
|
||||
_selectedDate = picked;
|
||||
}),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
LocationField(
|
||||
location: _location,
|
||||
selectedLatLng: _selectedLatLng,
|
||||
onLocationPicked: (pickedLocation) => setState(() {
|
||||
_selectedLatLng = pickedLocation;
|
||||
_location = '${pickedLocation?.latitude}, ${pickedLocation?.longitude}';
|
||||
}),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
CategoryField(onSaved: (value) => setState(() => _category = value ?? '')),
|
||||
const SizedBox(height: 12),
|
||||
LinkField(onSaved: (value) => setState(() => _link = value ?? '')),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
// Bouton en bas de l'écran
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: SubmitButton(
|
||||
onPressed: () async {
|
||||
if (_formKey.currentState!.validate()) {
|
||||
_formKey.currentState!.save();
|
||||
// Logic to add the event goes here
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Fonction pour afficher le sélecteur de date
|
||||
Future<DateTime?> _selectDate(BuildContext context) async {
|
||||
final DateTime? picked = await showDatePicker(
|
||||
context: context,
|
||||
initialDate: _selectedDate,
|
||||
firstDate: DateTime(2000),
|
||||
lastDate: DateTime(2101),
|
||||
);
|
||||
if (picked != null) {
|
||||
print("Date choisie dans le sélecteur : $picked");
|
||||
}
|
||||
return picked;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user