mobile-flutter/covas_mobile/lib/pages/UpdateEventImage.dart

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:http/http.dart' as http;
import 'package:intl/intl.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:textfield_tags/textfield_tags.dart';

import 'dart:convert';
import 'dart:io';
import 'dart:typed_data';

import '../classes/alert.dart';
import '../classes/eventAdded.dart';

import '../variable/globals.dart' as globals;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  Map<String, dynamic> events = {};
  String imagePath = "";
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: UpdateeventImage(events: events, imagePath: imagePath),
    );
  }
}

class UpdateeventImage extends StatefulWidget {
  const UpdateeventImage(
      {Key? key, required this.events, required this.imagePath})
      : super(key: key);
  final Map<String, dynamic> events;
  final String imagePath;

  @override
  _UpdateeventImageState createState() => _UpdateeventImageState();
}

class _UpdateeventImageState extends State<UpdateeventImage>
    with ShowErrorDialog, ShowEventDialog {
  TextEditingController inputName = TextEditingController();
  TextEditingController inputAddress = TextEditingController();
  TextEditingController inputZipCode = TextEditingController();

  TextEditingController inputCity = TextEditingController();
  TextEditingController inputCountry = TextEditingController();

  TextEditingController inputDate = TextEditingController();
  TextEditingController inputDesc = TextEditingController();

  TextEditingController startDatepicker = TextEditingController();
  TextEditingController startTimepicker = TextEditingController();
  TextEditingController endDatepicker = TextEditingController();
  TextEditingController endTimepicker = TextEditingController();
  final _stringTagController = StringTagController();
  List<String> initialTags = [];

  final _stringOrgaController = StringTagController();
  List<String> initialOrga = [];

  onTapFunctionDatePicker(
      {required BuildContext context, required String position}) async {
    DateTime? pickedDate = await showDatePicker(
        context: context,
        firstDate: DateTime.parse(widget.events["date"]),
        initialDate: DateTime.parse(widget.events["date"]),
        lastDate: DateTime(2104));
    if (pickedDate == null) return;
    if (position == "start") {
      startDatepicker.text = DateFormat("dd-MM-yyyy").format(pickedDate);
    }
    if (position == "end") {
      endDatepicker.text = DateFormat("dd-MM-yyyy").format(pickedDate);
    }
  }

  onTapFunctionTimePicker(
      {required BuildContext context, required String position}) async {
    TimeOfDay? pickedDate = await showTimePicker(
        context: context,
        initialTime:
            TimeOfDay.fromDateTime(DateTime.parse(widget.events["date"])));
    if (pickedDate == null) return;
    if (position == "start") {
      startTimepicker.text = pickedDate.format(context);
    }
    if (position == "end") {
      endTimepicker.text = pickedDate.format(context);
    }
  }

  convertNulltoEmptyString(var check) {
    if (check == null) {
      return "";
    }
    return check;
  }

  convertNulltoArray(List<String> check) {
    if (check == null) {
      return [];
    }
    return check;
  }

  String formatDate(String date) {
    var splitedDate = date.split("-");
    var day = splitedDate[0];
    var month = splitedDate[1];
    var year = splitedDate[2];

    return "${year}-${month}-${day}";
  }

  Future<void> _updateEvent(BuildContext context) async {
    var url = Uri.parse("${globals.api}/token");
    var name = inputName.text;
    var place = inputAddress.text;
    var city = inputCity.text;
    var country = inputCountry.text;
    var zipCode = inputZipCode.text;
    var description = inputDesc.text;
    List<String> tags = List<String>.from(_stringTagController.getTags as List);

    var startDateFormat = formatDate(startDatepicker.text);
    var endDateFormat = formatDate(endDatepicker.text);
    var startDate =
        "${startDateFormat}T${startTimepicker.text.replaceAll('-', ':')}";
    var endDate = "${endDateFormat}T${endTimepicker.text.replaceAll('-', ':')}";
    print("start date : ${startDate}");
    print("end date : ${endDate}");
    SharedPreferences prefs = await SharedPreferences.getInstance();
    var accessToken = prefs.getString("access_token") ?? "";
    List<String> send = ["toto"];
    if (accessToken.isNotEmpty) {
      try {
        await dotenv.load();
        final params = {
          'expiration': '15552000',
          'key': dotenv.env["IMGBB_API_KEY"],
        };
        print("Post Img");
        final urlPost = Uri.parse('https://api.imgbb.com/1/upload')
            .replace(queryParameters: params);
        File image = File(widget.imagePath);
        Uint8List _bytes = await image.readAsBytes();
        String _base64String = base64.encode(_bytes);

        final req = http.MultipartRequest('POST', urlPost)
          ..fields['image'] = _base64String;

        final stream = await req.send();
        final res = await http.Response.fromStream(stream);

        final status = res.statusCode;
        print("code status imgbb ${status}");
        if (status == 200) {
          var body = json.decode(utf8.decode(res.bodyBytes));
          String imgUrl = body["data"]["url"];

          //String credentials = "${pseudo}:${password}";
          //Codec<String, String> stringToBase64 = utf8.fuse(base64);
          //String encoded = stringToBase64.encode(credentials);
          var urlPut = Uri.parse("${globals.api}/events");
          var responsePut = await http.put(urlPut,
              headers: {
                HttpHeaders.cookieHeader: 'access_token=${accessToken}',
                HttpHeaders.acceptHeader: 'application/json, text/plain, */*',
                HttpHeaders.contentTypeHeader: 'application/json'
              },
              body: jsonEncode({
                'name': name,
                'place': place,
                'start_date': startDate,
                'end_date': endDate,
                'zip_code': zipCode,
                'country': country,
                'city': city,
                'organizers': send,
                'latitude': '0.0',
                'longitude': '0.0',
                'description': description,
                "imgUrl": imgUrl,
                "tags": tags
              }));
          print(responsePut.statusCode);
          if ((responsePut.statusCode == 200) ||
              (responsePut.statusCode == 201)) {
            showEventDialog(context, "Evenement ${name} ajoute");
          } else {
            var text = "";
            switch (responsePut.statusCode) {
              case 400:
                {
                  text = "Requête mal construite";
                }
                break;
              case 406:
                {
                  text = "Mot de passe incorrect";
                }
                break;
              case 404:
                {
                  text = "Utilisateur inconnu";
                }
                break;
              case 403:
                {
                  text = "Utilisateur desactive";
                }
                break;
              case 410:
                {
                  text = "Token invalide";
                }
                break;
              case 500:
                {
                  text = "Probleme interne du serveur";
                }
                break;
              default:
                {
                  text = "Probleme d'authentification inconnu";
                }
                break;
            }
            showErrorDialog(context, text);
          }
        } else {
          print("imgbb error : ${status}");
        }
      } catch (e) {
        showErrorDialog(context, "${e}");
      }
    } else {
      showErrorDialog(context, "Champ vide");
    }
  }

  void start() async {
    inputName.text = convertNulltoEmptyString(widget.events["name"]);
    inputCity.text = convertNulltoEmptyString(widget.events["city"]);
    inputAddress.text = convertNulltoEmptyString(widget.events["address"]);
    inputZipCode.text = convertNulltoEmptyString(widget.events["zip_code"]);
    inputCountry.text = convertNulltoEmptyString(widget.events["country"]);
    inputDesc.text = convertNulltoEmptyString(widget.events["description"]);

    DateTime pickedStartDate =
        DateTime.parse(convertNulltoEmptyString(widget.events["start_date"]));
    DateTime pickedEndDate =
        DateTime.parse(convertNulltoEmptyString(widget.events["end_date"]));

    startDatepicker.text = DateFormat("dd-MM-yyyy").format(pickedStartDate);
    endDatepicker.text = DateFormat("dd-MM-yyyy").format(pickedEndDate);
    startTimepicker.text = DateFormat("HH-mm").format(pickedStartDate);
    endTimepicker.text = DateFormat("HH-mm").format(pickedEndDate);
    initialTags = List<String>.from(widget.events['tags'] as List);
    initialOrga = List<String>.from(widget.events['organizers'] as List);
  }

  @override
  void initState() {
    start();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text("Add or Update a event"),
        backgroundColor: Colors.blue,
        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),
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}