From 6fda457bbb7b7418bee675fe085d3199e2e875d5 Mon Sep 17 00:00:00 2001
From: Kima <kimavideos97@gmail.com>
Date: Sat, 26 Aug 2023 00:19:41 +0200
Subject: [PATCH] added back profile picture crop functionality

---
 filcnaplo/pubspec.yaml                        |  3 +
 .../lib/ui/mobile/settings/profile_pic.dart   | 63 ++++++++++++++++---
 filcnaplo_premium/pubspec.yaml                |  3 +
 3 files changed, 61 insertions(+), 8 deletions(-)

diff --git a/filcnaplo/pubspec.yaml b/filcnaplo/pubspec.yaml
index ef1dffd..be6afaa 100644
--- a/filcnaplo/pubspec.yaml
+++ b/filcnaplo/pubspec.yaml
@@ -68,6 +68,9 @@ dependencies:
   screenshot: ^2.1.0
   flutter_staggered_grid_view: ^0.7.0
   sqflite_common_ffi_web: ^0.4.0
+  image_crop:
+    git:
+      url: https://github.com/kimaah/image_crop.git
 
 dev_dependencies:
   flutter_lints: ^2.0.1
diff --git a/filcnaplo_premium/lib/ui/mobile/settings/profile_pic.dart b/filcnaplo_premium/lib/ui/mobile/settings/profile_pic.dart
index 1ce3dd2..154f168 100644
--- a/filcnaplo_premium/lib/ui/mobile/settings/profile_pic.dart
+++ b/filcnaplo_premium/lib/ui/mobile/settings/profile_pic.dart
@@ -14,6 +14,7 @@ import 'package:flutter_feather_icons/flutter_feather_icons.dart';
 import 'package:filcnaplo_mobile_ui/screens/settings/settings_screen.i18n.dart';
 import 'package:provider/provider.dart';
 import 'package:image_picker/image_picker.dart';
+import 'package:image_crop/image_crop.dart';
 
 // ignore: must_be_immutable
 class UserMenuProfilePic extends StatelessWidget {
@@ -52,6 +53,7 @@ class UserProfilePicEditor extends StatefulWidget {
 class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
   late final UserProvider user;
 
+  final cropKey = GlobalKey<CropState>();
   File? _file;
   File? _sample;
   File? _lastCropped;
@@ -63,10 +65,16 @@ class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
       if (image == null) return;
       File imageFile = File(image.path);
 
+      final sample = await ImageCrop.sampleImage(
+        file: imageFile,
+        preferredSize: context.size!.longestSide.ceil(),
+      );
+
       _sample?.delete();
       _file?.delete();
 
       setState(() {
+        _sample = sample;
         _file = imageFile;
       });
     } on PlatformException catch (e) {
@@ -74,6 +82,17 @@ class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
     }
   }
 
+  Widget cropImageWidget() {
+    return SizedBox(
+      height: 300,
+      child: Crop.file(
+        _sample!,
+        key: cropKey,
+        aspectRatio: 1.0,
+      ),
+    );
+  }
+
   Widget openImageWidget() {
     return InkWell(
       customBorder: RoundedRectangleBorder(
@@ -82,21 +101,26 @@ class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
       onTap: () => pickImage(),
       child: Container(
         decoration: BoxDecoration(
-            border: Border.all(color: Colors.grey),
-            borderRadius: BorderRadius.circular(14.0)),
+          border: Border.all(color: Colors.grey),
+          borderRadius: BorderRadius.circular(14.0),
+        ),
         width: double.infinity,
         padding: const EdgeInsets.symmetric(vertical: 32.0, horizontal: 8.0),
         child: Column(
           children: [
             Text(
               "click_here".i18n,
-              style:
-                  const TextStyle(fontSize: 22.0, fontWeight: FontWeight.w600),
+              style: const TextStyle(
+                fontSize: 22.0,
+                fontWeight: FontWeight.w600,
+              ),
             ),
             Text(
               "select_profile_picture".i18n,
-              style:
-                  const TextStyle(fontSize: 14.0, fontWeight: FontWeight.w500),
+              style: const TextStyle(
+                fontSize: 14.0,
+                fontWeight: FontWeight.w500,
+              ),
             )
           ],
         ),
@@ -105,13 +129,36 @@ class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
   }
 
   Future<void> _cropImage() async {
-    List<int> imageBytes = await _file!.readAsBytes();
+    final scale = cropKey.currentState!.scale;
+    final area = cropKey.currentState!.area;
+    if (area == null || _file == null) {
+      return;
+    }
+
+    final sample = await ImageCrop.sampleImage(
+      file: _file!,
+      preferredSize: (2000 / scale).round(),
+    );
+
+    final file = await ImageCrop.cropImage(
+      file: sample,
+      area: area,
+    );
+
+    sample.delete();
+
+    _lastCropped?.delete();
+    _lastCropped = file;
+
+    List<int> imageBytes = await _lastCropped!.readAsBytes();
     String base64Image = base64Encode(imageBytes);
     widget.u.picture = base64Image;
     Provider.of<DatabaseProvider>(context, listen: false)
         .store
         .storeUser(widget.u);
     Provider.of<UserProvider>(context, listen: false).refresh();
+
+    debugPrint('$file');
   }
 
   @override
@@ -141,7 +188,7 @@ class _UserProfilePicEditorState extends State<UserProfilePicEditor> {
           Padding(
             padding:
                 const EdgeInsets.symmetric(vertical: 12.0, horizontal: 24.0),
-            child: openImageWidget(),
+            child: _sample == null ? openImageWidget() : cropImageWidget(),
           ),
           if (widget.u.picture != "")
             TextButton(
diff --git a/filcnaplo_premium/pubspec.yaml b/filcnaplo_premium/pubspec.yaml
index 5b64735..1244ef7 100644
--- a/filcnaplo_premium/pubspec.yaml
+++ b/filcnaplo_premium/pubspec.yaml
@@ -24,6 +24,9 @@ dependencies:
   dropdown_button2: ^1.8.9
   home_widget: ^0.1.6
   image_picker: ^0.8.6
+  image_crop:
+    git:
+      url: https://github.com/kimaah/image_crop.git
   lottie: ^1.4.3
   animations: ^2.0.1
   flutter_svg: ^1.1.6