Source Code added

2026-02-02 15:06:40 +01:00 · 2026-02-02 15:06:40 +01:00 · 9efa9bc6dd
commit 9efa9bc6dd
parent 800376eafd
3912 changed files with 754770 additions and 2 deletions
--- a/mobile/lib/widgets/album/album_thumbnail_card.dart
+++ b/mobile/lib/widgets/album/album_thumbnail_card.dart
@ -0,0 +1,111 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/entities/album.entity.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/extensions/theme_extensions.dart';
+import 'package:immich_mobile/extensions/translate_extensions.dart';
+import 'package:immich_mobile/providers/user.provider.dart';
+import 'package:immich_mobile/widgets/common/immich_thumbnail.dart';
+
+class AlbumThumbnailCard extends ConsumerWidget {
+  final Function()? onTap;
+
+  /// Whether or not to show the owner of the album (or "Owned")
+  /// in the subtitle of the album
+  final bool showOwner;
+  final bool showTitle;
+
+  const AlbumThumbnailCard({super.key, required this.album, this.onTap, this.showOwner = false, this.showTitle = true});
+
+  final Album album;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        var cardSize = constraints.maxWidth;
+
+        buildEmptyThumbnail() {
+          return Container(
+            height: cardSize,
+            width: cardSize,
+            decoration: BoxDecoration(color: context.colorScheme.surfaceContainerHigh),
+            child: Center(
+              child: Icon(Icons.no_photography, size: cardSize * .15, color: context.colorScheme.primary),
+            ),
+          );
+        }
+
+        buildAlbumThumbnail() => ImmichThumbnail(asset: album.thumbnail.value, width: cardSize, height: cardSize);
+
+        buildAlbumTextRow() {
+          // Add the owner name to the subtitle
+          String? owner;
+          if (showOwner) {
+            if (album.ownerId == ref.read(currentUserProvider)?.id) {
+              owner = 'owned'.tr();
+            } else if (album.ownerName != null) {
+              owner = 'shared_by_user'.t(context: context, args: {'user': album.ownerName!});
+            }
+          }
+
+          return Text.rich(
+            TextSpan(
+              children: [
+                TextSpan(
+                  text: 'items_count'.t(context: context, args: {'count': album.assetCount}),
+                ),
+                if (owner != null) const TextSpan(text: ' • '),
+                if (owner != null) TextSpan(text: owner),
+              ],
+              style: context.textTheme.bodyMedium?.copyWith(color: context.colorScheme.onSurfaceSecondary),
+            ),
+            overflow: TextOverflow.fade,
+          );
+        }
+
+        return GestureDetector(
+          onTap: onTap,
+          child: Flex(
+            direction: Axis.vertical,
+            children: [
+              Flexible(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    SizedBox(
+                      width: cardSize,
+                      height: cardSize,
+                      child: ClipRRect(
+                        borderRadius: const BorderRadius.all(Radius.circular(20)),
+                        child: album.thumbnail.value == null ? buildEmptyThumbnail() : buildAlbumThumbnail(),
+                      ),
+                    ),
+                    if (showTitle) ...[
+                      Padding(
+                        padding: const EdgeInsets.only(top: 8.0),
+                        child: SizedBox(
+                          width: cardSize,
+                          child: Text(
+                            album.name,
+                            overflow: TextOverflow.ellipsis,
+                            style: context.textTheme.titleSmall?.copyWith(
+                              color: context.colorScheme.onSurface,
+                              fontWeight: FontWeight.w500,
+                            ),
+                          ),
+                        ),
+                      ),
+                      buildAlbumTextRow(),
+                    ],
+                  ],
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}