fix datepicker
This commit is contained in:
parent
792ce0227e
commit
045209575e
@ -65,10 +65,14 @@ class _UpdateeventImageState extends State<UpdateeventImage>
|
|||||||
|
|
||||||
onTapFunctionDatePicker(
|
onTapFunctionDatePicker(
|
||||||
{required BuildContext context, required String position}) async {
|
{required BuildContext context, required String position}) async {
|
||||||
|
String date = "start_date";
|
||||||
|
if (position == "end") {
|
||||||
|
date = "end_date";
|
||||||
|
}
|
||||||
DateTime? pickedDate = await showDatePicker(
|
DateTime? pickedDate = await showDatePicker(
|
||||||
context: context,
|
context: context,
|
||||||
firstDate: DateTime.parse(widget.events["date"]),
|
firstDate: DateTime.parse(widget.events[date]),
|
||||||
initialDate: DateTime.parse(widget.events["date"]),
|
initialDate: DateTime.parse(widget.events[date]),
|
||||||
lastDate: DateTime(2104));
|
lastDate: DateTime(2104));
|
||||||
if (pickedDate == null) return;
|
if (pickedDate == null) return;
|
||||||
if (position == "start") {
|
if (position == "start") {
|
||||||
@ -81,10 +85,14 @@ class _UpdateeventImageState extends State<UpdateeventImage>
|
|||||||
|
|
||||||
onTapFunctionTimePicker(
|
onTapFunctionTimePicker(
|
||||||
{required BuildContext context, required String position}) async {
|
{required BuildContext context, required String position}) async {
|
||||||
|
String date = "start_date";
|
||||||
|
if (position == "end") {
|
||||||
|
date = "end_date";
|
||||||
|
}
|
||||||
TimeOfDay? pickedDate = await showTimePicker(
|
TimeOfDay? pickedDate = await showTimePicker(
|
||||||
context: context,
|
context: context,
|
||||||
initialTime:
|
initialTime:
|
||||||
TimeOfDay.fromDateTime(DateTime.parse(widget.events["date"])));
|
TimeOfDay.fromDateTime(DateTime.parse(widget.events[date])));
|
||||||
if (pickedDate == null) return;
|
if (pickedDate == null) return;
|
||||||
if (position == "start") {
|
if (position == "start") {
|
||||||
startTimepicker.text = pickedDate.format(context);
|
startTimepicker.text = pickedDate.format(context);
|
||||||
@ -273,363 +281,388 @@ class _UpdateeventImageState extends State<UpdateeventImage>
|
|||||||
super.initState();
|
super.initState();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
final _formKey = GlobalKey<FormState>();
|
||||||
|
String? _validateField(String? value) {
|
||||||
|
return value!.isEmpty ? 'Champ requis' : null;
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
backgroundColor: Colors.white,
|
backgroundColor: Colors.white,
|
||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
title: Text("Add or Update a event"),
|
title: Text("Add or Update a event"),
|
||||||
backgroundColor: Colors.blue,
|
backgroundColor: Colors.blue,
|
||||||
foregroundColor: Colors.white,
|
foregroundColor: Colors.white,
|
||||||
),
|
|
||||||
body: SingleChildScrollView(
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(top: 60.0),
|
|
||||||
child: Center(
|
|
||||||
child: Container(
|
|
||||||
width: 200,
|
|
||||||
height: 150,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
borderRadius: BorderRadius.circular(100.0)),
|
|
||||||
child: Image.file(File(widget.imagePath))),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
//padding: const EdgeInsets.only(left:15.0,right: 15.0,top:0,bottom: 0),
|
|
||||||
padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputName,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Nom',
|
|
||||||
hintText: 'Modifier le nom de l\'évènement'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputAddress,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Adresse',
|
|
||||||
hintText: 'Entrer une adresse'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputZipCode,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Code postal',
|
|
||||||
hintText: 'Entrer un code postal'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputCity,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Ville',
|
|
||||||
hintText: 'Entrer une ville'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputCountry,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Pays',
|
|
||||||
hintText: 'Entrer un pays'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: startDatepicker,
|
|
||||||
readOnly: true,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Date de debut',
|
|
||||||
hintText: 'Cliquez ici pour selectionner une date'),
|
|
||||||
onTap: () => onTapFunctionDatePicker(
|
|
||||||
context: context, position: "start")),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: startTimepicker,
|
|
||||||
readOnly: true,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Heure de debut',
|
|
||||||
hintText: 'Cliquez ici pour selectionner une heure'),
|
|
||||||
onTap: () => onTapFunctionTimePicker(
|
|
||||||
context: context, position: "start")),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: endDatepicker,
|
|
||||||
readOnly: true,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Date de fin',
|
|
||||||
hintText: 'Cliquez ici pour selectionner une date'),
|
|
||||||
onTap: () => onTapFunctionDatePicker(
|
|
||||||
context: context, position: "end")),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: endTimepicker,
|
|
||||||
readOnly: true,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Heure de fin',
|
|
||||||
hintText: 'Cliquez ici pour selectionner une heure'),
|
|
||||||
onTap: () => onTapFunctionTimePicker(
|
|
||||||
context: context, position: "end")),
|
|
||||||
),
|
|
||||||
TextFieldTags<String>(
|
|
||||||
textfieldTagsController: _stringTagController,
|
|
||||||
initialTags: initialTags,
|
|
||||||
textSeparators: const [' ', ','],
|
|
||||||
validator: (String tag) {
|
|
||||||
if (_stringTagController.getTags!.contains(tag)) {
|
|
||||||
return 'Tu as deja rentre ce tag';
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
inputFieldBuilder: (context, inputFieldValues) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputFieldValues.textEditingController,
|
|
||||||
focusNode: inputFieldValues.focusNode,
|
|
||||||
onChanged: inputFieldValues.onTagChanged,
|
|
||||||
onSubmitted: inputFieldValues.onTagSubmitted,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Tags',
|
|
||||||
hintText: inputFieldValues.tags.isNotEmpty
|
|
||||||
? ''
|
|
||||||
: "Enter tag...",
|
|
||||||
errorText: inputFieldValues.error,
|
|
||||||
prefixIcon: inputFieldValues.tags.isNotEmpty
|
|
||||||
? SingleChildScrollView(
|
|
||||||
controller:
|
|
||||||
inputFieldValues.tagScrollController,
|
|
||||||
scrollDirection: Axis.vertical,
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
top: 8,
|
|
||||||
bottom: 8,
|
|
||||||
left: 8,
|
|
||||||
),
|
|
||||||
child: Wrap(
|
|
||||||
runSpacing: 4.0,
|
|
||||||
spacing: 4.0,
|
|
||||||
children: inputFieldValues.tags
|
|
||||||
.map((String tag) {
|
|
||||||
return Container(
|
|
||||||
decoration: const BoxDecoration(
|
|
||||||
borderRadius: BorderRadius.all(
|
|
||||||
Radius.circular(20.0),
|
|
||||||
),
|
|
||||||
color: Colors.blue,
|
|
||||||
),
|
|
||||||
margin: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 5.0),
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 10.0, vertical: 5.0),
|
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment:
|
|
||||||
MainAxisAlignment.start,
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
InkWell(
|
|
||||||
child: Text(
|
|
||||||
'#$tag',
|
|
||||||
style: const TextStyle(
|
|
||||||
color: Colors.white),
|
|
||||||
),
|
|
||||||
onTap: () {
|
|
||||||
//print("$tag selected");
|
|
||||||
},
|
|
||||||
),
|
|
||||||
const SizedBox(width: 4.0),
|
|
||||||
InkWell(
|
|
||||||
child: const Icon(
|
|
||||||
Icons.cancel,
|
|
||||||
size: 14.0,
|
|
||||||
color: Color.fromARGB(
|
|
||||||
255, 233, 233, 233),
|
|
||||||
),
|
|
||||||
onTap: () {
|
|
||||||
inputFieldValues
|
|
||||||
.onTagRemoved(tag);
|
|
||||||
},
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}).toList()),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
: null,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
TextFieldTags<String>(
|
|
||||||
textfieldTagsController: _stringOrgaController,
|
|
||||||
initialTags: initialOrga,
|
|
||||||
textSeparators: const [','],
|
|
||||||
validator: (String tag) {
|
|
||||||
if (_stringOrgaController.getTags!.contains(tag)) {
|
|
||||||
return 'Cet organisateur est déjà rentré';
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
inputFieldBuilder: (context, inputFieldValues) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputFieldValues.textEditingController,
|
|
||||||
focusNode: inputFieldValues.focusNode,
|
|
||||||
onChanged: inputFieldValues.onTagChanged,
|
|
||||||
onSubmitted: inputFieldValues.onTagSubmitted,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Organisateurs',
|
|
||||||
hintText: inputFieldValues.tags.isNotEmpty
|
|
||||||
? ''
|
|
||||||
: "Enter un organisateur...",
|
|
||||||
errorText: inputFieldValues.error,
|
|
||||||
prefixIcon: inputFieldValues.tags.isNotEmpty
|
|
||||||
? SingleChildScrollView(
|
|
||||||
controller:
|
|
||||||
inputFieldValues.tagScrollController,
|
|
||||||
scrollDirection: Axis.vertical,
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
top: 8,
|
|
||||||
bottom: 8,
|
|
||||||
left: 8,
|
|
||||||
),
|
|
||||||
child: Wrap(
|
|
||||||
runSpacing: 4.0,
|
|
||||||
spacing: 4.0,
|
|
||||||
children: inputFieldValues.tags
|
|
||||||
.map((String tag) {
|
|
||||||
return Container(
|
|
||||||
decoration: const BoxDecoration(
|
|
||||||
borderRadius: BorderRadius.all(
|
|
||||||
Radius.circular(20.0),
|
|
||||||
),
|
|
||||||
color: Colors.blue,
|
|
||||||
),
|
|
||||||
margin: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 5.0),
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 10.0, vertical: 5.0),
|
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment:
|
|
||||||
MainAxisAlignment.start,
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
InkWell(
|
|
||||||
child: Text(
|
|
||||||
'$tag',
|
|
||||||
style: const TextStyle(
|
|
||||||
color: Colors.white),
|
|
||||||
),
|
|
||||||
onTap: () {
|
|
||||||
//print("$tag selected");
|
|
||||||
},
|
|
||||||
),
|
|
||||||
const SizedBox(width: 4.0),
|
|
||||||
InkWell(
|
|
||||||
child: const Icon(
|
|
||||||
Icons.cancel,
|
|
||||||
size: 14.0,
|
|
||||||
color: Color.fromARGB(
|
|
||||||
255, 233, 233, 233),
|
|
||||||
),
|
|
||||||
onTap: () {
|
|
||||||
inputFieldValues
|
|
||||||
.onTagRemoved(tag);
|
|
||||||
},
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}).toList()),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
: null,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(
|
|
||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
|
||||||
//padding: EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: TextField(
|
|
||||||
controller: inputDesc,
|
|
||||||
keyboardType: TextInputType.multiline,
|
|
||||||
maxLines: 10,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
border: OutlineInputBorder(),
|
|
||||||
labelText: 'Description',
|
|
||||||
hintText: 'Décrire l\'evènement'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
height: 30,
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
height: 50,
|
|
||||||
width: 250,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Colors.blue, borderRadius: BorderRadius.circular(20)),
|
|
||||||
child: TextButton(
|
|
||||||
onPressed: () {
|
|
||||||
_updateEvent(context);
|
|
||||||
},
|
|
||||||
child: Text(
|
|
||||||
'Ajouter',
|
|
||||||
style: TextStyle(color: Colors.white, fontSize: 25),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
),
|
body: Form(
|
||||||
);
|
key: _formKey,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 60.0),
|
||||||
|
child: Center(
|
||||||
|
child: Container(
|
||||||
|
width: 200,
|
||||||
|
height: 150,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(100.0)),
|
||||||
|
child: Image.file(File(widget.imagePath))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
//padding: const EdgeInsets.only(left:15.0,right: 15.0,top:0,bottom: 0),
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: inputName,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Nom',
|
||||||
|
hintText: 'Modifier le nom de l\'évènement'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: inputAddress,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Adresse',
|
||||||
|
hintText: 'Entrer une adresse'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: inputZipCode,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Code postal',
|
||||||
|
hintText: 'Entrer un code postal'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: inputCity,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Ville',
|
||||||
|
hintText: 'Entrer une ville'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: inputCountry,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Pays',
|
||||||
|
hintText: 'Entrer un pays'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: startDatepicker,
|
||||||
|
readOnly: true,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Date de debut',
|
||||||
|
hintText: 'Cliquez ici pour selectionner une date'),
|
||||||
|
onTap: () => onTapFunctionDatePicker(
|
||||||
|
context: context, position: "start")),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: startTimepicker,
|
||||||
|
readOnly: true,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Heure de debut',
|
||||||
|
hintText: 'Cliquez ici pour selectionner une heure'),
|
||||||
|
onTap: () => onTapFunctionTimePicker(
|
||||||
|
context: context, position: "start")),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: endDatepicker,
|
||||||
|
readOnly: true,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Date de fin',
|
||||||
|
hintText: 'Cliquez ici pour selectionner une date'),
|
||||||
|
onTap: () => onTapFunctionDatePicker(
|
||||||
|
context: context, position: "end")),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: endTimepicker,
|
||||||
|
readOnly: true,
|
||||||
|
validator: (value) => _validateField(value),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Heure de fin',
|
||||||
|
hintText: 'Cliquez ici pour selectionner une heure'),
|
||||||
|
onTap: () => onTapFunctionTimePicker(
|
||||||
|
context: context, position: "end")),
|
||||||
|
),
|
||||||
|
TextFieldTags<String>(
|
||||||
|
textfieldTagsController: _stringTagController,
|
||||||
|
initialTags: initialTags,
|
||||||
|
textSeparators: const [' ', ','],
|
||||||
|
validator: (String tag) {
|
||||||
|
if (_stringTagController.getTags!.contains(tag)) {
|
||||||
|
return 'Tu as deja rentre ce tag';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
inputFieldBuilder: (context, inputFieldValues) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
child: TextField(
|
||||||
|
controller: inputFieldValues.textEditingController,
|
||||||
|
focusNode: inputFieldValues.focusNode,
|
||||||
|
onChanged: inputFieldValues.onTagChanged,
|
||||||
|
onSubmitted: inputFieldValues.onTagSubmitted,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Tags',
|
||||||
|
hintText: inputFieldValues.tags.isNotEmpty
|
||||||
|
? ''
|
||||||
|
: "Enter tag...",
|
||||||
|
errorText: inputFieldValues.error,
|
||||||
|
prefixIcon: inputFieldValues.tags.isNotEmpty
|
||||||
|
? SingleChildScrollView(
|
||||||
|
controller:
|
||||||
|
inputFieldValues.tagScrollController,
|
||||||
|
scrollDirection: Axis.vertical,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
top: 8,
|
||||||
|
bottom: 8,
|
||||||
|
left: 8,
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
runSpacing: 4.0,
|
||||||
|
spacing: 4.0,
|
||||||
|
children: inputFieldValues.tags
|
||||||
|
.map((String tag) {
|
||||||
|
return Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(20.0),
|
||||||
|
),
|
||||||
|
color: Colors.blue,
|
||||||
|
),
|
||||||
|
margin:
|
||||||
|
const EdgeInsets.symmetric(
|
||||||
|
horizontal: 5.0),
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.symmetric(
|
||||||
|
horizontal: 10.0,
|
||||||
|
vertical: 5.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.start,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
child: Text(
|
||||||
|
'$tag',
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
//print("$tag selected");
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4.0),
|
||||||
|
InkWell(
|
||||||
|
child: const Icon(
|
||||||
|
Icons.cancel,
|
||||||
|
size: 14.0,
|
||||||
|
color: Color.fromARGB(
|
||||||
|
255, 233, 233, 233),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
inputFieldValues
|
||||||
|
.onTagRemoved(tag);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList()),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
TextFieldTags<String>(
|
||||||
|
textfieldTagsController: _stringOrgaController,
|
||||||
|
initialTags: initialOrga,
|
||||||
|
textSeparators: const [','],
|
||||||
|
validator: (String tag) {
|
||||||
|
if (_stringOrgaController.getTags!.contains(tag)) {
|
||||||
|
return 'Cet organisateur est déjà rentré';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
inputFieldBuilder: (context, inputFieldValues) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
child: TextField(
|
||||||
|
controller: inputFieldValues.textEditingController,
|
||||||
|
focusNode: inputFieldValues.focusNode,
|
||||||
|
onChanged: inputFieldValues.onTagChanged,
|
||||||
|
onSubmitted: inputFieldValues.onTagSubmitted,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Organisateurs',
|
||||||
|
hintText: inputFieldValues.tags.isNotEmpty
|
||||||
|
? ''
|
||||||
|
: "Enter un organisateur...",
|
||||||
|
errorText: inputFieldValues.error,
|
||||||
|
prefixIcon: inputFieldValues.tags.isNotEmpty
|
||||||
|
? SingleChildScrollView(
|
||||||
|
controller:
|
||||||
|
inputFieldValues.tagScrollController,
|
||||||
|
scrollDirection: Axis.vertical,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
top: 8,
|
||||||
|
bottom: 8,
|
||||||
|
left: 8,
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
runSpacing: 4.0,
|
||||||
|
spacing: 4.0,
|
||||||
|
children: inputFieldValues.tags
|
||||||
|
.map((String tag) {
|
||||||
|
return Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(20.0),
|
||||||
|
),
|
||||||
|
color: Colors.blue,
|
||||||
|
),
|
||||||
|
margin:
|
||||||
|
const EdgeInsets.symmetric(
|
||||||
|
horizontal: 5.0),
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.symmetric(
|
||||||
|
horizontal: 10.0,
|
||||||
|
vertical: 5.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.start,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
child: Text(
|
||||||
|
'$tag',
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
//print("$tag selected");
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4.0),
|
||||||
|
InkWell(
|
||||||
|
child: const Icon(
|
||||||
|
Icons.cancel,
|
||||||
|
size: 14.0,
|
||||||
|
color: Color.fromARGB(
|
||||||
|
255, 233, 233, 233),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
inputFieldValues
|
||||||
|
.onTagRemoved(tag);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList()),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
|
//padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: TextField(
|
||||||
|
controller: inputDesc,
|
||||||
|
keyboardType: TextInputType.multiline,
|
||||||
|
maxLines: 10,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: OutlineInputBorder(),
|
||||||
|
labelText: 'Description',
|
||||||
|
hintText: 'Décrire l\'evènement'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
height: 30,
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
height: 50,
|
||||||
|
width: 250,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.blue,
|
||||||
|
borderRadius: BorderRadius.circular(20)),
|
||||||
|
child: TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
if (_formKey.currentState!.validate()) {
|
||||||
|
_updateEvent(context);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
'Ajouter',
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 25),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user