feat(diary): add gallery

lib/features/diary/presentation/bloc/diary_cubit.dart

@@ -1,3 +1,6 @@
+import 'dart:io';
+
+import 'package:eatvio_app/features/diary/models/diary_day_model.dart';
 import 'package:eatvio_app/features/diary/presentation/bloc/diary_state.dart';
 import 'package:eatvio_app/features/diary/repositories/diary_repository.dart';
 import 'package:eatvio_app/features/glossary/models/glossary_model.dart';
@@ -78,4 +81,32 @@ class DiaryCubit extends Cubit<DiaryState> {
   Future<List<GlossaryModel>> getGlossaryListByQuery(String query) async {
     return await glossaryRepository.getGlossaryListByQuery(query);
   }
+
+  uploadPhotos({
+    required List<File> files,
+    required int diaryId,
+    required int mealId,
+    required String date,
+  }) async {
+    await diaryRepository.uploadPhotos(
+      files: files,
+      diaryId: diaryId,
+      mealId: mealId,
+    );
+    await getDiaryDay(date, false);
+  }
+
+  deletePhoto({
+    required DiaryPhotoModel photo,
+    required int diaryId,
+    required int mealId,
+    required String date,
+  }) async {
+    await diaryRepository.deletePhoto(
+      photo: photo,
+      diaryId: diaryId,
+      mealId: mealId,
+    );
+    await getDiaryDay(date, false);
+  }
 }

lib/features/diary/presentation/pages/diary_screen.dart

@@ -1,3 +1,6 @@
+import 'dart:io';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:eatvio_app/core/const.dart';
 import 'package:eatvio_app/features/diary/models/diary_day_model.dart';
 import 'package:eatvio_app/features/diary/presentation/bloc/diary_cubit.dart';
 import 'package:eatvio_app/features/diary/presentation/bloc/diary_state.dart';
@@ -10,7 +13,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:flutter_typeahead/flutter_typeahead.dart';
-// import 'package:image_picker/image_picker.dart';
+import 'package:image_picker/image_picker.dart';
 import 'package:rive/rive.dart';
 import 'package:table_calendar/table_calendar.dart';
 
@@ -30,6 +33,7 @@ class _DiaryScreenState extends State<DiaryScreen> {
   GlossaryModel? selectedGlossary;
   final productNameController = TextEditingController();
   final quantityController = TextEditingController();
+  int currentSelectedPhotoIndex = 0;
 
   @override
   Widget build(BuildContext context) {
@@ -172,47 +176,69 @@ class _DiaryScreenState extends State<DiaryScreen> {
             const SizedBox(height: 16),
             _addProductButton(diaryDay),
             const SizedBox(height: 24),
-            GestureDetector(
-              onTap: () => showCupertinoActionSheet(),
-              child: SvgPicture.asset(
-                width: MediaQuery.of(context).size.width - 32,
-                'assets/no_one_image_was_added.svg',
+            if (diaryDay.meals[currentSelectedMealNumber - 1].photos.isEmpty)
+              GestureDetector(
+                onTap: () => _showImagePicker(diaryDay),
+                child: SvgPicture.asset(
+                  width: MediaQuery.of(context).size.width - 32,
+                  'assets/no_one_image_was_added.svg',
+                ),
+              ),
+            if (diaryDay.meals[currentSelectedMealNumber - 1].photos.isNotEmpty)
+              _photoGallery(
+                diaryDay.meals[currentSelectedMealNumber - 1].photos,
+                diaryDay,
               ),
-            ),
           ],
         ),
       ),
     );
   }
 
-  showCupertinoActionSheet() {
-    showCupertinoModalPopup(
+  _showImagePicker(DiaryDayModel diaryDay) {
+    showCupertinoModalPopup<void>(
       context: context,
-      builder: (_) => CupertinoActionSheet(
+      builder: (context) => CupertinoActionSheet(
         actions: [
           CupertinoActionSheetAction(
             onPressed: () async {
-              // final picker = ImagePicker();
-              // List<XFile>? images = await picker.pickMultiImage();
+              final picker = ImagePicker();
+              XFile? image = await picker.pickImage(source: ImageSource.camera);
+              if (image != null)
+                diaryCubit.uploadPhotos(
+                  files: [File(image.path)],
+                  diaryId: diaryDay.id,
+                  mealId: diaryDay.meals[currentSelectedMealNumber - 1].id,
+                  date: _selectedDay.toString(),
+                );
+              Navigator.of(context).pop();
             },
-            child: Row(
-              children: [
-                const Icon(Icons.photo),
-                const SizedBox(width: 8),
-                const Text('Галерея'),
+            child: const Row(
+              children: const [
+                Icon(Icons.photo_camera),
+                SizedBox(width: 8),
+                Text('Фото'),
               ],
             ),
           ),
           CupertinoActionSheetAction(
             onPressed: () async {
-              // final picker = ImagePicker();
-              // XFile? image = await picker.pickImage(source: ImageSource.camera);
+              final picker = ImagePicker();
+              List<XFile>? images = await picker.pickMultiImage();
+              if (images.isNotEmpty)
+                diaryCubit.uploadPhotos(
+                  files: images.map((f) => File(f.path)).toList(),
+                  diaryId: diaryDay.id,
+                  mealId: diaryDay.meals[currentSelectedMealNumber - 1].id,
+                  date: _selectedDay.toString(),
+                );
+              Navigator.of(context).pop();
             },
-            child: Row(
-              children: [
-                const Icon(Icons.photo_camera),
-                const SizedBox(width: 8),
-                const Text('Фото'),
+            child: const Row(
+              children: const [
+                Icon(Icons.photo),
+                SizedBox(width: 8),
+                Text('Галерея'),
               ],
             ),
           ),
@@ -226,6 +252,104 @@ class _DiaryScreenState extends State<DiaryScreen> {
     );
   }
 
+  _photoGallery(List<DiaryPhotoModel> photos, DiaryDayModel diaryDay) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Stack(
+          alignment: Alignment.topRight,
+          children: [
+            ClipRRect(
+              borderRadius: BorderRadius.circular(12),
+              child: CachedNetworkImage(
+                imageUrl: baseUrl + '/storage/' + photos[currentSelectedPhotoIndex].path,
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.all(12),
+              child: IconButton.filled(
+                style: IconButton.styleFrom(
+                  backgroundColor: Colors.white,
+                ),
+                onPressed: () {
+                  setState(() {
+                    if (currentSelectedPhotoIndex == photos.length - 1 && currentSelectedPhotoIndex != 0) {
+                      currentSelectedPhotoIndex = photos.length - 2;
+                    }
+                  });
+                  diaryCubit.deletePhoto(
+                    photo: photos[currentSelectedPhotoIndex],
+                    diaryId: diaryDay.id,
+                    mealId: diaryDay.meals[currentSelectedMealNumber - 1].id,
+                    date: _selectedDay.toString(),
+                  );
+                },
+                icon: Icon(
+                  Icons.close_rounded,
+                  color: Colors.grey,
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 8),
+        SingleChildScrollView(
+          physics: const BouncingScrollPhysics(),
+          scrollDirection: Axis.horizontal,
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.start,
+            children: [
+              for (int i = 0; i < photos.length + 1; i++) ...[
+                if (i == photos.length)
+                  Padding(
+                    padding: const EdgeInsets.only(left: 8),
+                    child: InkWell(
+                      onTap: () => _showImagePicker(diaryDay),
+                      borderRadius: BorderRadius.circular(8),
+                      child: Ink(
+                        height: 52,
+                        width: 52,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(8),
+                          color: Color(0xFFF1F2F6),
+                        ),
+                        child: Icon(
+                          Icons.add_rounded,
+                          color: appTheme.blueA400,
+                        ),
+                      ),
+                    ),
+                  ),
+                if (i < photos.length)
+                  GestureDetector(
+                    onTap: () {
+                      setState(() {
+                        currentSelectedPhotoIndex = i;
+                      });
+                    },
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(8),
+                      child: SizedBox(
+                        height: 52,
+                        width: 52,
+                        child: CachedNetworkImage(
+                          imageUrl: baseUrl + '/storage/' + photos[i].path,
+                          fit: BoxFit.fitWidth,
+                        ),
+                      ),
+                    ),
+                  ),
+                if (i < photos.length - 1) const SizedBox(width: 8),
+              ],
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
   _mealButton(int mealNumber) {
     bool isActive = currentSelectedMealNumber == mealNumber;