feat(album): album view sort order (#14648)

* feat(mobile): album view sort order * feat: add error message * refactor(mobile): album page (#14659) * refactor album page * update lint rule * const record * fix: updating sort order when pull to refresh --------- Co-authored-by: Alex <alex.tran1502@gmail.com> * Move sort toggle button to bottom sheet menu * chore: revert multiselectgrid loading status * chore: revert multiselectgrid loading status --------- Co-authored-by: Mert <101130780+mertalev@users.noreply.github.com>
2026-03-06 18:17:27 +03:00 · 2024-12-16 10:11:48 -06:00
parent 364b717fde
commit 9503bf479b
32 changed files with 711 additions and 336 deletions
--- a/mobile/lib/pages/album/album_asset_selection.page.dart
+++ b/mobile/lib/pages/album/album_asset_selection.page.dart
@@ -0,0 +1,91 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/asyncvalue_extensions.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/models/albums/asset_selection_page_result.model.dart';
+import 'package:immich_mobile/providers/asset_viewer/render_list.provider.dart';
+import 'package:immich_mobile/widgets/asset_grid/asset_grid_data_structure.dart';
+import 'package:immich_mobile/widgets/asset_grid/immich_asset_grid.dart';
+import 'package:immich_mobile/entities/asset.entity.dart';
+import 'package:isar/isar.dart';
+
+@RoutePage()
+class AlbumAssetSelectionPage extends HookConsumerWidget {
+  const AlbumAssetSelectionPage({
+    super.key,
+    required this.existingAssets,
+    this.canDeselect = false,
+    required this.query,
+  });
+
+  final Set<Asset> existingAssets;
+  final QueryBuilder<Asset, Asset, QAfterSortBy>? query;
+  final bool canDeselect;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final renderList = ref.watch(renderListQueryProvider(query));
+    final selected = useState<Set<Asset>>(existingAssets);
+    final selectionEnabledHook = useState(true);
+
+    Widget buildBody(RenderList renderList) {
+      return ImmichAssetGrid(
+        renderList: renderList,
+        listener: (active, assets) {
+          selectionEnabledHook.value = active;
+          selected.value = assets;
+        },
+        selectionActive: true,
+        preselectedAssets: existingAssets,
+        canDeselect: canDeselect,
+        showMultiSelectIndicator: false,
+      );
+    }
+
+    return Scaffold(
+      appBar: AppBar(
+        elevation: 0,
+        leading: IconButton(
+          icon: const Icon(Icons.close_rounded),
+          onPressed: () {
+            AutoRouter.of(context).popForced(null);
+          },
+        ),
+        title: selected.value.isEmpty
+            ? const Text(
+                'share_add_photos',
+                style: TextStyle(fontSize: 18),
+              ).tr()
+            : const Text(
+                'share_assets_selected',
+                style: TextStyle(fontSize: 18),
+              ).tr(args: [selected.value.length.toString()]),
+        centerTitle: false,
+        actions: [
+          if (selected.value.isNotEmpty || canDeselect)
+            TextButton(
+              onPressed: () {
+                var payload =
+                    AssetSelectionPageResult(selectedAssets: selected.value);
+                AutoRouter.of(context)
+                    .popForced<AssetSelectionPageResult>(payload);
+              },
+              child: Text(
+                canDeselect ? "share_done" : "share_add",
+                style: TextStyle(
+                  fontWeight: FontWeight.bold,
+                  color: context.primaryColor,
+                ),
+              ).tr(),
+            ),
+        ],
+      ),
+      body: renderList.widgetWhen(
+        onData: (data) => buildBody(data),
+      ),
+    );
+  }
+}