feat(mobile): Added "jump to date" functionality to the memory view

mobile/assets/i18n/de-DE.json

@@ -208,6 +208,7 @@
   "image_viewer_page_state_provider_download_error": "Fehler beim Herunterladen",
   "image_viewer_page_state_provider_download_success": "Erfolgreich heruntergeladen",
   "image_viewer_page_state_provider_share_error": "Fehler beim Teilen",
+  "jump_to_date": "Zu Datum springen",
   "library_page_albums": "Alben",
   "library_page_archive": "Archiv",
   "library_page_device_albums": "Alben auf dem Gerät",

mobile/assets/i18n/en-US.json

@@ -208,6 +208,7 @@
   "image_viewer_page_state_provider_download_error": "Download Error",
   "image_viewer_page_state_provider_download_success": "Download Success",
   "image_viewer_page_state_provider_share_error": "Share Error",
+  "jump_to_date": "Jump to date",
   "library_page_albums": "Albums",
   "library_page_archive": "Archive",
   "library_page_device_albums": "Albums on Device",

mobile/assets/i18n/fr-CA.json

@@ -178,6 +178,7 @@
     "image_viewer_page_state_provider_download_error": "Erreur de téléchargement",
     "image_viewer_page_state_provider_download_success": "Téléchargement réussi",
     "image_viewer_page_state_provider_share_error": "Erreur de partage",
+    "jump_to_date": "Aller à la date",
     "library_page_albums": "Albums",
     "library_page_archive": "Archive",
     "library_page_device_albums": "Albums sur l'appareil",

mobile/assets/i18n/fr-FR.json

@@ -208,6 +208,7 @@
   "image_viewer_page_state_provider_download_error": "Erreur de téléchargement",
   "image_viewer_page_state_provider_download_success": "Téléchargement réussi",
   "image_viewer_page_state_provider_share_error": "Erreur de partage",
+  "jump_to_date": "Aller à la date",
   "library_page_albums": "Albums",
   "library_page_archive": "Archive",
   "library_page_device_albums": "Albums sur l'appareil",

mobile/lib/modules/home/ui/asset_grid/immich_asset_grid_view.dart

@@ -12,6 +12,7 @@ import 'package:immich_mobile/modules/asset_viewer/providers/scroll_notifier.pro
 import 'package:immich_mobile/modules/home/ui/asset_grid/thumbnail_image.dart';
 import 'package:immich_mobile/modules/home/ui/asset_grid/thumbnail_placeholder.dart';
 import 'package:immich_mobile/shared/models/asset.dart';
+import 'package:immich_mobile/shared/services/event.service.dart';
 import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
 
 import 'asset_grid_data_structure.dart';
@@ -128,6 +129,14 @@ class ImmichAssetGridViewState extends State<ImmichAssetGridView> {
         assets.firstWhereOrNull((e) => !_selectedAssets.contains(e)) == null;
   }
 
+  Future<void> _scrollToIndex(int index) async {
+    await _itemScrollController.scrollTo(
+      index: index,
+      alignment: 0,
+      duration: const Duration(milliseconds: 500),
+    );
+  }
+
   Widget _itemBuilder(BuildContext c, int position) {
     int index = position;
     if (widget.topWidget != null) {
@@ -138,6 +147,7 @@ class ImmichAssetGridViewState extends State<ImmichAssetGridView> {
     }
 
     final section = widget.renderList.elements[index];
+    // debugPrint("section: ${section.date} $index");
     return _Section(
       showStorageIndicator: widget.showStorageIndicator,
       selectedAssets: _selectedAssets,
@@ -223,6 +233,22 @@ class ImmichAssetGridViewState extends State<ImmichAssetGridView> {
         : RefreshIndicator(onRefresh: widget.onRefresh!, child: child);
   }
 
+  void _scrollToDate(DateTime? date) {
+    if (date == null) {
+      return;
+    }
+    final index = widget.renderList.elements.indexWhere(
+      (e) =>
+          e.date.year == date.year &&
+          e.date.month == date.month &&
+          e.date.day == date.day,
+    );
+    if (index != -1) {
+      // Not sure why the index is shifted, but it works. :3
+      _scrollToIndex(index + 1);
+    }
+  }
+
   @override
   void didUpdateWidget(ImmichAssetGridView oldWidget) {
     super.didUpdateWidget(oldWidget);
@@ -237,6 +263,11 @@ class ImmichAssetGridViewState extends State<ImmichAssetGridView> {
   void initState() {
     super.initState();
     scrollToTopNotifierProvider.addListener(_scrollToTop);
+    scrollToDateEvent.subscribe((args) {
+      if (args?.value != null) {
+        _scrollToDate(args?.value);
+      }
+    });
     if (widget.visibleItemsListener != null) {
       _itemPositionsListener.itemPositions.addListener(_positionListener);
     }

mobile/lib/modules/memories/ui/memory_bottom_info.dart

@@ -1,6 +1,12 @@
+// ignore_for_file: require_trailing_commas
+
+import 'package:auto_route/auto_route.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:event/event.dart';
 import 'package:flutter/material.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
 import 'package:immich_mobile/modules/memories/models/memory.dart';
+import 'package:immich_mobile/shared/services/event.service.dart';
 
 class MemoryBottomInfo extends StatelessWidget {
   final Memory memory;
@@ -12,33 +18,45 @@ class MemoryBottomInfo extends StatelessWidget {
     final df = DateFormat.yMMMMd();
     return Padding(
       padding: const EdgeInsets.all(16.0),
-      child: Row(
-        children: [
-          Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(
-                memory.title,
-                style: TextStyle(
-                  color: Colors.grey[400],
-                  fontSize: 13.0,
-                  fontWeight: FontWeight.w500,
-                ),
+      child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [
+        Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              memory.title,
+              style: TextStyle(
+                color: Colors.grey[400],
+                fontSize: 13.0,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+            Text(
+              df.format(
+                memory.assets[0].fileCreatedAt,
+              ),
+              style: const TextStyle(
+                color: Colors.white,
+                fontSize: 15.0,
+                fontWeight: FontWeight.w500,
               ),
-              Text(
-                df.format(
-                  memory.assets[0].fileCreatedAt,
-                ),
-                style: const TextStyle(
-                  color: Colors.white,
-                  fontSize: 15.0,
-                  fontWeight: FontWeight.w500,
-                ),
+            ),
+          ],
+        ),
+        TextButton(
+            onPressed: () {
+              context.popRoute();
+              scrollToDateEvent.broadcast(
+                Value(memory.assets[0].fileCreatedAt),
+              );
+            },
+            child: Text(
+              'jump_to_date',
+              style: TextStyle(
+                color: context.primaryColor,
+                fontWeight: FontWeight.bold,
               ),
-            ],
-          ),
-        ],
-      ),
+            ).tr())
+      ]),
     );
   }
 }

mobile/lib/shared/services/event.service.dart

@@ -0,0 +1,3 @@
+import 'package:event/event.dart';
+
+final scrollToDateEvent = Event<Value<DateTime>>();

mobile/pubspec.lock

@@ -393,6 +393,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.0.2"
+  event:
+    dependency: "direct main"
+    description:
+      name: event
+      sha256: eb4814de94cbf6a10da9c4f652bc654087d7066e33566b5036822e6c0b24befb
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
   fake_async:
     dependency: transitive
     description:

mobile/pubspec.yaml

@@ -57,6 +57,7 @@ dependencies:
   flutter_local_notifications: ^16.3.2
   timezone: ^0.9.2
   octo_image: ^2.0.0
+  event: ^2.1.2
 
   openapi:
     path: openapi