357 lines
10 KiB
Dart
357 lines
10 KiB
Dart
import "dart:async";
|
|
import "dart:io";
|
|
|
|
import "package:flutter/cupertino.dart";
|
|
import "package:flutter/material.dart";
|
|
import "package:intl/intl.dart";
|
|
import "package:photos/core/configuration.dart";
|
|
import 'package:photos/models/file/file.dart';
|
|
import "package:photos/models/memory.dart";
|
|
import "package:photos/services/memories_service.dart";
|
|
import "package:photos/theme/text_style.dart";
|
|
import "package:photos/ui/actions/file/file_actions.dart";
|
|
import "package:photos/ui/viewer/file/file_widget.dart";
|
|
import "package:photos/ui/viewer/file_details/favorite_widget.dart";
|
|
import "package:photos/utils/file_util.dart";
|
|
import "package:photos/utils/share_util.dart";
|
|
import "package:step_progress_indicator/step_progress_indicator.dart";
|
|
|
|
class FullScreenMemory extends StatefulWidget {
|
|
final String title;
|
|
final List<Memory> memories;
|
|
final int index;
|
|
|
|
const FullScreenMemory(this.title, this.memories, this.index, {Key? key})
|
|
: super(key: key);
|
|
|
|
@override
|
|
State<FullScreenMemory> createState() => _FullScreenMemoryState();
|
|
}
|
|
|
|
class _FullScreenMemoryState extends State<FullScreenMemory> {
|
|
int _index = 0;
|
|
double _opacity = 1;
|
|
// shows memory counter as index+1/totalFiles for large number of memories
|
|
// when the top step indicator isn't visible.
|
|
bool _showCounter = false;
|
|
bool _showStepIndicator = true;
|
|
PageController? _pageController;
|
|
final bool _shouldDisableScroll = false;
|
|
late int currentUserID;
|
|
final GlobalKey shareButtonKey = GlobalKey();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_index = widget.index;
|
|
currentUserID = Configuration.instance.getUserID() ?? 0;
|
|
_showStepIndicator = widget.memories.length <= 60;
|
|
Future.delayed(const Duration(seconds: 3), () {
|
|
if (mounted) {
|
|
setState(() {
|
|
_opacity = 0;
|
|
_showCounter = !_showStepIndicator;
|
|
});
|
|
}
|
|
});
|
|
MemoriesService.instance.markMemoryAsSeen(widget.memories[_index]);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final file = widget.memories[_index].file;
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
toolbarHeight: 84,
|
|
automaticallyImplyLeading: false,
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_showStepIndicator
|
|
? StepProgressIndicator(
|
|
totalSteps: widget.memories.length,
|
|
currentStep: _index + 1,
|
|
size: 2,
|
|
selectedColor: Colors.white, //same for both themes
|
|
unselectedColor: Colors.white.withOpacity(0.4),
|
|
)
|
|
: const SizedBox.shrink(),
|
|
const SizedBox(
|
|
height: 18,
|
|
),
|
|
Row(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 16),
|
|
child: InkWell(
|
|
onTap: () {
|
|
Navigator.pop(context);
|
|
},
|
|
child: const Icon(
|
|
Icons.close,
|
|
color: Colors.white, //same for both themes
|
|
),
|
|
),
|
|
),
|
|
Text(
|
|
DateFormat.yMMMd(Localizations.localeOf(context).languageCode)
|
|
.format(
|
|
DateTime.fromMicrosecondsSinceEpoch(
|
|
file.creationTime!,
|
|
),
|
|
),
|
|
style: Theme.of(context).textTheme.titleMedium!.copyWith(
|
|
fontSize: 14,
|
|
color: Colors.white,
|
|
), //same for both themes
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
flexibleSpace: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
Colors.black.withOpacity(0.6),
|
|
Colors.black.withOpacity(0.5),
|
|
Colors.transparent,
|
|
],
|
|
stops: const [0, 0.6, 1],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: const Color(0x00000000),
|
|
elevation: 0,
|
|
),
|
|
extendBodyBehindAppBar: true,
|
|
body: Container(
|
|
key: ValueKey(widget.memories.length),
|
|
color: Colors.black,
|
|
child: Stack(
|
|
alignment: Alignment.bottomCenter,
|
|
children: [
|
|
_buildSwiper(),
|
|
bottomGradient(),
|
|
_buildInfoText(),
|
|
_buildBottomIcons(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
debugPrint("FullScreenMemoryDisposed");
|
|
// _pageController?.dispose();
|
|
_pageController = null;
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> onFileDeleted(Memory removedMemory) async {
|
|
if (!mounted) {
|
|
return;
|
|
}
|
|
final totalFiles = widget.memories.length;
|
|
if (totalFiles == 1) {
|
|
// Deleted the only file
|
|
Navigator.of(context).pop(); // Close pageview
|
|
return;
|
|
}
|
|
if (_index == totalFiles - 1) {
|
|
// Deleted the last file
|
|
widget.memories.remove(removedMemory);
|
|
await _pageController!.previousPage(
|
|
duration: const Duration(milliseconds: 200),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
setState(() {});
|
|
} else {
|
|
widget.memories.remove(removedMemory);
|
|
await _pageController!.nextPage(
|
|
duration: const Duration(milliseconds: 200),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
setState(() {});
|
|
}
|
|
}
|
|
|
|
Hero _buildInfoText() {
|
|
return Hero(
|
|
tag: widget.title,
|
|
child: SafeArea(
|
|
child: Container(
|
|
alignment: Alignment.bottomCenter,
|
|
padding: const EdgeInsets.fromLTRB(0, 0, 0, 72),
|
|
child: _showCounter
|
|
? Text(
|
|
'${_index + 1}/${widget.memories.length}',
|
|
style: darkTextTheme.bodyMuted,
|
|
)
|
|
: AnimatedOpacity(
|
|
opacity: _opacity,
|
|
duration: const Duration(milliseconds: 500),
|
|
child: Text(
|
|
widget.title,
|
|
style: darkTextTheme.h2,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBottomIcons() {
|
|
final EnteFile currentFile = widget.memories[_index].file;
|
|
final List<Widget> rowChildren = [
|
|
IconButton(
|
|
icon: Icon(
|
|
Platform.isAndroid ? Icons.info_outline : CupertinoIcons.info,
|
|
color: Colors.white, //same for both themes
|
|
),
|
|
onPressed: () {
|
|
showDetailsSheet(context, currentFile);
|
|
},
|
|
),
|
|
];
|
|
if (currentFile.ownerID == null || currentUserID == currentFile.ownerID) {
|
|
rowChildren.addAll(
|
|
[
|
|
IconButton(
|
|
icon: Icon(
|
|
Platform.isAndroid ? Icons.delete_outline : CupertinoIcons.delete,
|
|
color: Colors.white, //same for both themes
|
|
),
|
|
onPressed: () async {
|
|
await showSingleFileDeleteSheet(
|
|
context,
|
|
currentFile,
|
|
onFileRemoved: (file) =>
|
|
{onFileDeleted(widget.memories[_index])},
|
|
);
|
|
},
|
|
),
|
|
SizedBox(
|
|
height: 32,
|
|
child: FavoriteWidget(currentFile),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
rowChildren.add(
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.adaptive.share,
|
|
color: Colors.white, //same for both themes
|
|
),
|
|
onPressed: () {
|
|
share(context, [currentFile]);
|
|
},
|
|
),
|
|
);
|
|
|
|
return SafeArea(
|
|
child: Container(
|
|
alignment: Alignment.bottomCenter,
|
|
padding: const EdgeInsets.fromLTRB(12, 0, 12, 20),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: rowChildren,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget bottomGradient() {
|
|
return IgnorePointer(
|
|
child: Container(
|
|
height: 124,
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.bottomCenter,
|
|
end: Alignment.topCenter,
|
|
colors: [
|
|
Colors.black.withOpacity(0.5), //same for both themes
|
|
Colors.transparent,
|
|
],
|
|
stops: const [0, 0.8],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSwiper() {
|
|
debugPrint(
|
|
"FullScreenbuildSwiper: $_index and total ${widget.memories.length}",
|
|
);
|
|
_pageController ??= PageController(initialPage: _index);
|
|
return GestureDetector(
|
|
behavior: HitTestBehavior.translucent,
|
|
onTapDown: (TapDownDetails details) {
|
|
if (_shouldDisableScroll) {
|
|
return;
|
|
}
|
|
final screenWidth = MediaQuery.of(context).size.width;
|
|
final edgeWidth = screenWidth * 0.20; // 20% of screen width
|
|
if (details.localPosition.dx < edgeWidth) {
|
|
if (_index > 0) {
|
|
_pageController!.previousPage(
|
|
duration: const Duration(milliseconds: 250),
|
|
curve: Curves.ease,
|
|
);
|
|
}
|
|
} else if (details.localPosition.dx > screenWidth - edgeWidth) {
|
|
if (_index < (widget.memories.length - 1)) {
|
|
_pageController!.nextPage(
|
|
duration: const Duration(milliseconds: 250),
|
|
curve: Curves.ease,
|
|
);
|
|
}
|
|
}
|
|
},
|
|
child: PageView.builder(
|
|
itemBuilder: (BuildContext context, int index) {
|
|
if (index < widget.memories.length - 1) {
|
|
final nextFile = widget.memories[index + 1].file;
|
|
preloadThumbnail(nextFile);
|
|
preloadFile(nextFile);
|
|
}
|
|
final file = widget.memories[index].file;
|
|
return FileWidget(
|
|
file,
|
|
autoPlay: false,
|
|
tagPrefix: "memories",
|
|
backgroundDecoration: const BoxDecoration(
|
|
color: Colors.transparent,
|
|
),
|
|
);
|
|
},
|
|
itemCount: widget.memories.length,
|
|
controller: _pageController!,
|
|
onPageChanged: (index) async {
|
|
unawaited(
|
|
MemoriesService.instance.markMemoryAsSeen(widget.memories[index]),
|
|
);
|
|
if (mounted) {
|
|
debugPrint(
|
|
"FullScreenonPageChanged: $index and total ${widget.memories.length}",
|
|
);
|
|
setState(() {
|
|
_index = index;
|
|
});
|
|
}
|
|
},
|
|
physics: _shouldDisableScroll
|
|
? const NeverScrollableScrollPhysics()
|
|
: const PageScrollPhysics(),
|
|
),
|
|
);
|
|
}
|
|
}
|