mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
9b4a770b9d
* Adds image provider * uses image provider * wip load preview * wip everything but activity asset thumbnail needs some help with a remote id * Immich provider used in gallery * First draft of the immich image provider, working nicely! * Removed OriginalImageProvider * Fixes for thumbnails * feat(mobile): thumbhash support (#7028) * feat(mobile): thumbhash support * perf(mobile): store bmp thumbhash bytes in Isar --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> * Uses octoimage for fade in and placeholders * fixes thumbnails, removes unused values, adds better thumbnail size * removes thumbhash support for now * Forgot one thumbhash removal * Use big thumbnail for local image on ios * fix(mobile): Multipart image loading for iOS double swipe (#7064) * uses local thumb first * Multipart thumbnail * Clean up file delete * await file delete * Fynn's comments, made thumbnail smaller and doesn't crash on erroring out on thumbnail * lint --------- Co-authored-by: Marty Fuhry <marty@fuhry.farm> Co-authored-by: Alex <alex.tran1502@gmail.com> * Moves http client to global private place for reuse * Got rid of usePreview for local image providers since we always show a thumbnail anyway first * linter --------- Co-authored-by: shenlong <139912620+shenlong-tanwen@users.noreply.github.com> Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com> Co-authored-by: Marty Fuhry <marty@fuhry.farm>
132 lines
4.1 KiB
Dart
132 lines
4.1 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/shared/models/album.dart';
|
|
import 'package:immich_mobile/shared/models/store.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_image.dart';
|
|
|
|
class AlbumThumbnailCard extends StatelessWidget {
|
|
final Function()? onTap;
|
|
|
|
/// Whether or not to show the owner of the album (or "Owned")
|
|
/// in the subtitle of the album
|
|
final bool showOwner;
|
|
|
|
const AlbumThumbnailCard({
|
|
super.key,
|
|
required this.album,
|
|
this.onTap,
|
|
this.showOwner = false,
|
|
});
|
|
|
|
final Album album;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var isDarkTheme = context.isDarkTheme;
|
|
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
var cardSize = constraints.maxWidth;
|
|
|
|
buildEmptyThumbnail() {
|
|
return Container(
|
|
height: cardSize,
|
|
width: cardSize,
|
|
decoration: BoxDecoration(
|
|
color: isDarkTheme ? Colors.grey[800] : Colors.grey[200],
|
|
),
|
|
child: Center(
|
|
child: Icon(
|
|
Icons.no_photography,
|
|
size: cardSize * .15,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
buildAlbumThumbnail() => ImmichImage.thumbnail(
|
|
album.thumbnail.value,
|
|
width: cardSize,
|
|
height: cardSize,
|
|
);
|
|
|
|
buildAlbumTextRow() {
|
|
// Add the owner name to the subtitle
|
|
String? owner;
|
|
if (showOwner) {
|
|
if (album.ownerId == Store.get(StoreKey.currentUser).id) {
|
|
owner = 'album_thumbnail_owned'.tr();
|
|
} else if (album.ownerName != null) {
|
|
owner = 'album_thumbnail_shared_by'.tr(args: [album.ownerName!]);
|
|
}
|
|
}
|
|
|
|
return RichText(
|
|
overflow: TextOverflow.fade,
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: album.assetCount == 1
|
|
? 'album_thumbnail_card_item'
|
|
.tr(args: ['${album.assetCount}'])
|
|
: 'album_thumbnail_card_items'
|
|
.tr(args: ['${album.assetCount}']),
|
|
style: context.textTheme.bodyMedium,
|
|
),
|
|
if (owner != null) const TextSpan(text: ' · '),
|
|
if (owner != null)
|
|
TextSpan(
|
|
text: owner,
|
|
style: context.textTheme.bodyMedium,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
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: BorderRadius.circular(20),
|
|
child: album.thumbnail.value == null
|
|
? buildEmptyThumbnail()
|
|
: buildAlbumThumbnail(),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
child: SizedBox(
|
|
width: cardSize,
|
|
child: Text(
|
|
album.name,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: context.textTheme.bodyMedium?.copyWith(
|
|
color: context.primaryColor,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
buildAlbumTextRow(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|