Merge pull request 'feature/upload-image' (#8) from feature/upload-image into main

Reviewed-on: #8

covas_mobile/lib/pages/ItemMenu.dart

@@ -69,6 +69,7 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
   String eventStartDate = "";
   String organizers = "";
   String place = "";
+  String imgUrl = "";
 
   Events? events;
   @override
@@ -85,6 +86,7 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
     String formerDate = "";
     String formerOrga = "";
     String formerMap = "";
+    String formerImage = "";
 
     if (accessToken.isNotEmpty) {
       var urlGet = Uri.parse("${globals.api}/events/${widget.title}");
@@ -102,8 +104,13 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
         final time = DateFormat.Hm().format(startDate);
 
         final endDate = DateTime.parse(events["end_date"]);
+
         final dateE = DateFormat.yMd().format(endDate);
         final timeE = DateFormat.Hm().format(endDate);
+        if (events["imgUrl"] != null) {
+          formerImage = events["imgUrl"];
+        }
+
         formerDate = "${date} ${time} à ${dateE} ${timeE}";
         if (events["organizers"].length > 1) {
           formerOrga = "${events['organizers'][0]}";
@@ -168,6 +175,7 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
       eventStartDate = formerDate;
       organizers = formerOrga;
       place = formerMap;
+      imgUrl = formerImage;
     });
   }
 
@@ -201,8 +209,7 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
             Padding(
               padding: const EdgeInsets.only(top: 60.0),
               child: Center(
-                child: Container(
+                child: Container(height: 250, child: Image.network(imgUrl)),
-                    height: 250, child: Image.asset('images/flutter.png')),
               ),
             ),
             Row(

covas_mobile/lib/pages/UpdateEventImage.dart

@@ -2,9 +2,11 @@ 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 'dart:convert';
 import 'dart:io';
+import 'dart:typed_data';
 
 import '../classes/alert.dart';
 import '../classes/eventAdded.dart';
@@ -86,6 +88,13 @@ class _UpdateeventImageState extends State<UpdateeventImage>
     }
   }
 
+  convertNulltoEmptyString(var check) {
+    if (check == null) {
+      return "";
+    }
+    return check;
+  }
+
   String formatDate(String date) {
     var splitedDate = date.split("-");
     var day = splitedDate[0];
@@ -116,73 +125,101 @@ class _UpdateeventImageState extends State<UpdateeventImage>
     List<String> send = ["toto"];
     if (accessToken.isNotEmpty) {
       try {
-        //String credentials = "${pseudo}:${password}";
+        await dotenv.load();
-        //Codec<String, String> stringToBase64 = utf8.fuse(base64);
+        final params = {
-        //String encoded = stringToBase64.encode(credentials);
+          'expiration': '15552000',
-        var urlPut = Uri.parse("${globals.api}/events");
+          'key': dotenv.env["IMGBB_API_KEY"],
-        var responsePut = await http.put(urlPut,
+        };
-            headers: {
+        print("Post Img");
-              HttpHeaders.cookieHeader: 'access_token=${accessToken}',
+        final urlPost = Uri.parse('https://api.imgbb.com/1/upload')
-              HttpHeaders.acceptHeader: 'application/json, text/plain, */*',
+            .replace(queryParameters: params);
-              HttpHeaders.contentTypeHeader: 'application/json'
+        File image = File(widget.imagePath);
-            },
+        Uint8List _bytes = await image.readAsBytes();
-            body: jsonEncode({
+        String _base64String = base64.encode(_bytes);
-              'name': name,
+
-              'place': place,
+        final req = http.MultipartRequest('POST', urlPost)
-              'start_date': startDate,
+          ..fields['image'] = _base64String;
-              'end_date': endDate,
+
-              'zip_code': zipCode,
+        final stream = await req.send();
-              'country': country,
+        final res = await http.Response.fromStream(stream);
-              'city': city,
+
-              'organizers': send,
+        final status = res.statusCode;
-              'latitude': '0.0',
+        print("code status imgbb ${status}");
-              'longitude': '0.0',
+        if (status == 200) {
-              'description': description
+          var body = json.decode(utf8.decode(res.bodyBytes));
-            }));
+          String imgUrl = body["data"]["url"];
-        print(responsePut.statusCode);
+
-        if ((responsePut.statusCode == 200) ||
+          //String credentials = "${pseudo}:${password}";
-            (responsePut.statusCode == 201)) {
+          //Codec<String, String> stringToBase64 = utf8.fuse(base64);
-          showEventDialog(context, "Evenement ${name} ajoute");
+          //String encoded = stringToBase64.encode(credentials);
-        } else {
+          var urlPut = Uri.parse("${globals.api}/events");
-          var text = "";
+          var responsePut = await http.put(urlPut,
-          switch (responsePut.statusCode) {
+              headers: {
-            case 400:
+                HttpHeaders.cookieHeader: 'access_token=${accessToken}',
-              {
+                HttpHeaders.acceptHeader: 'application/json, text/plain, */*',
-                text = "Requête mal construite";
+                HttpHeaders.contentTypeHeader: 'application/json'
-              }
+              },
-              break;
+              body: jsonEncode({
-            case 406:
+                'name': name,
-              {
+                'place': place,
-                text = "Mot de passe incorrect";
+                'start_date': startDate,
-              }
+                'end_date': endDate,
-              break;
+                'zip_code': zipCode,
-            case 404:
+                'country': country,
-              {
+                'city': city,
-                text = "Utilisateur inconnu";
+                'organizers': send,
-              }
+                'latitude': '0.0',
-              break;
+                'longitude': '0.0',
-            case 403:
+                'description': description,
-              {
+                "imgUrl": imgUrl
-                text = "Utilisateur desactive";
+              }));
-              }
+          print(responsePut.statusCode);
-              break;
+          if ((responsePut.statusCode == 200) ||
-            case 410:
+              (responsePut.statusCode == 201)) {
-              {
+            showEventDialog(context, "Evenement ${name} ajoute");
-                text = "Token invalide";
+          } else {
-              }
+            var text = "";
-              break;
+            switch (responsePut.statusCode) {
-            case 500:
+              case 400:
-              {
+                {
-                text = "Probleme interne du serveur";
+                  text = "Requête mal construite";
-              }
+                }
-              break;
+                break;
-            default:
+              case 406:
-              {
+                {
-                text = "Probleme d'authentification inconnu";
+                  text = "Mot de passe incorrect";
-              }
+                }
-              break;
+                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);
           }
-          showErrorDialog(context, text);
+        } else {
+          print("imgbb error : ${status}");
         }
       } catch (e) {
         showErrorDialog(context, "${e}");
@@ -193,15 +230,17 @@ class _UpdateeventImageState extends State<UpdateeventImage>
   }
 
   void start() async {
-    inputName.text = widget.events["name"];
+    inputName.text = convertNulltoEmptyString(widget.events["name"]);
-    inputCity.text = widget.events["city"];
+    inputCity.text = convertNulltoEmptyString(widget.events["city"]);
-    inputAddress.text = widget.events["address"];
+    inputAddress.text = convertNulltoEmptyString(widget.events["address"]);
-    inputZipCode.text = widget.events["zip_code"];
+    inputZipCode.text = convertNulltoEmptyString(widget.events["zip_code"]);
-    inputCountry.text = widget.events["country"];
+    inputCountry.text = convertNulltoEmptyString(widget.events["country"]);
-    inputDesc.text = widget.events["description"];
+    inputDesc.text = convertNulltoEmptyString(widget.events["description"]);
 
-    DateTime pickedStartDate = DateTime.parse(widget.events["start_date"]);
+    DateTime pickedStartDate =
-    DateTime pickedEndDate = DateTime.parse(widget.events["end_date"]);
+        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);