mirror of
https://github.com/immich-app/immich.git
synced 2025-02-18 01:24:26 -05:00
69e88ef985
* Update current asset to play video. * Updated location of currentAssetProvider update per feedback. * Added a playbackDelayFactor to the video viewer to resolve an issue in memories. Also adjusted the scale of the memory preview image to match the ratio of the video. This still appears to jump because the video preview doesn't seem to be the first frame for some reason :\ * add video indicator --------- Co-authored-by: Tom graham <tomg@questps.com.au> Co-authored-by: Alex <alex.tran1502@gmail.com>
125 lines
4.1 KiB
Dart
125 lines
4.1 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:collection/collection.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/models/memories/memory.model.dart';
|
|
import 'package:immich_mobile/widgets/asset_grid/thumbnail_placeholder.dart';
|
|
import 'package:immich_mobile/providers/asset_viewer/current_asset.provider.dart';
|
|
import 'package:immich_mobile/providers/asset_viewer/video_player_value_provider.dart';
|
|
import 'package:immich_mobile/providers/memory.provider.dart';
|
|
import 'package:immich_mobile/routing/router.dart';
|
|
import 'package:immich_mobile/providers/haptic_feedback.provider.dart';
|
|
import 'package:immich_mobile/widgets/common/immich_image.dart';
|
|
|
|
class MemoryLane extends HookConsumerWidget {
|
|
const MemoryLane({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final memoryLaneFutureProvider = ref.watch(memoryFutureProvider);
|
|
|
|
final memoryLane = memoryLaneFutureProvider
|
|
.whenData(
|
|
(memories) => memories != null
|
|
? ConstrainedBox(
|
|
constraints: const BoxConstraints(
|
|
maxHeight: 200,
|
|
),
|
|
child: CarouselView(
|
|
itemExtent: 145.0,
|
|
shrinkExtent: 1.0,
|
|
elevation: 2,
|
|
backgroundColor: Colors.black,
|
|
overlayColor: WidgetStateProperty.all(
|
|
Colors.white.withOpacity(0.1),
|
|
),
|
|
onTap: (memoryIndex) {
|
|
ref.read(hapticFeedbackProvider.notifier).heavyImpact();
|
|
if (memories[memoryIndex].assets.isNotEmpty) {
|
|
final asset = memories[memoryIndex].assets[0];
|
|
ref.read(currentAssetProvider.notifier).set(asset);
|
|
if (asset.isVideo || asset.isMotionPhoto) {
|
|
ref.read(videoPlaybackValueProvider.notifier).reset();
|
|
}
|
|
}
|
|
context.pushRoute(
|
|
MemoryRoute(
|
|
memories: memories,
|
|
memoryIndex: memoryIndex,
|
|
),
|
|
);
|
|
},
|
|
children: memories
|
|
.mapIndexed<Widget>(
|
|
(index, memory) => MemoryCard(
|
|
index: index,
|
|
memory: memory,
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
)
|
|
.value;
|
|
|
|
return memoryLane ?? const SizedBox();
|
|
}
|
|
}
|
|
|
|
class MemoryCard extends ConsumerWidget {
|
|
const MemoryCard({
|
|
super.key,
|
|
required this.index,
|
|
required this.memory,
|
|
});
|
|
|
|
final int index;
|
|
final Memory memory;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return Center(
|
|
child: Stack(
|
|
children: [
|
|
ColorFiltered(
|
|
colorFilter: ColorFilter.mode(
|
|
Colors.black.withOpacity(0.2),
|
|
BlendMode.darken,
|
|
),
|
|
child: Hero(
|
|
tag: 'memory-${memory.assets[0].id}',
|
|
child: ImmichImage(
|
|
memory.assets[0],
|
|
fit: BoxFit.cover,
|
|
width: 205,
|
|
height: 200,
|
|
placeholder: const ThumbnailPlaceholder(
|
|
width: 105,
|
|
height: 200,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
bottom: 16,
|
|
left: 16,
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(
|
|
maxWidth: 114,
|
|
),
|
|
child: Text(
|
|
memory.title,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.white,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|