mirror of
https://github.com/immich-app/immich.git
synced 2024-12-22 01:47:08 +02:00
cae37657e9
* fix(mobile): allow syncing duplicate local IDs * enable to run isar unit tests on CI * serialize sync operations, add pull to refresh on timeline --------- Co-authored-by: Fynn Petersen-Frey <zoodyy@users.noreply.github.com>
135 lines
4.2 KiB
Dart
135 lines
4.2 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.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({
|
|
Key? key,
|
|
required this.album,
|
|
this.onTap,
|
|
this.showOwner = false,
|
|
}) : super(key: key);
|
|
|
|
final Album album;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var isDarkMode = Theme.of(context).brightness == Brightness.dark;
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
var cardSize = constraints.maxWidth;
|
|
|
|
buildEmptyThumbnail() {
|
|
return Container(
|
|
height: cardSize,
|
|
width: cardSize,
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
|
|
),
|
|
child: Center(
|
|
child: Icon(
|
|
Icons.no_photography,
|
|
size: cardSize * .15,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
buildAlbumThumbnail() => ImmichImage(
|
|
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: TextStyle(
|
|
fontFamily: 'WorkSans',
|
|
fontSize: 12,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
),
|
|
if (owner != null) const TextSpan(text: ' · '),
|
|
if (owner != null)
|
|
TextSpan(
|
|
text: owner,
|
|
style: Theme.of(context).textTheme.labelSmall,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
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,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: isDarkMode
|
|
? Theme.of(context).primaryColor
|
|
: Colors.black,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
buildAlbumTextRow(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|