2020-06-10 18:17:54 +00:00
|
|
|
import 'dart:async';
|
2020-04-12 12:38:49 +00:00
|
|
|
|
2022-11-11 09:30:07 +00:00
|
|
|
import 'package:flutter/foundation.dart';
|
2020-03-28 18:18:27 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2020-06-17 15:09:47 +00:00
|
|
|
import 'package:logging/logging.dart';
|
2021-07-21 20:53:51 +00:00
|
|
|
import 'package:photos/core/constants.dart';
|
2021-05-06 20:16:53 +00:00
|
|
|
import 'package:photos/core/event_bus.dart';
|
2021-05-13 11:17:13 +00:00
|
|
|
import 'package:photos/events/event.dart';
|
2021-04-23 21:37:04 +00:00
|
|
|
import 'package:photos/events/files_updated_event.dart';
|
2022-10-22 11:08:07 +00:00
|
|
|
import 'package:photos/events/tab_changed_event.dart';
|
2023-08-25 04:39:30 +00:00
|
|
|
import 'package:photos/models/file/file.dart';
|
2021-06-29 05:13:16 +00:00
|
|
|
import 'package:photos/models/file_load_result.dart';
|
2020-07-15 20:29:29 +00:00
|
|
|
import 'package:photos/models/selected_files.dart';
|
2022-07-01 14:18:05 +00:00
|
|
|
import 'package:photos/ui/common/loading_widget.dart';
|
2023-05-31 19:55:57 +00:00
|
|
|
import "package:photos/ui/viewer/gallery/component/multiple_groups_gallery_view.dart";
|
2022-09-12 12:16:34 +00:00
|
|
|
import 'package:photos/ui/viewer/gallery/empty_state.dart';
|
2023-06-27 09:21:00 +00:00
|
|
|
import "package:photos/ui/viewer/gallery/state/gallery_context_state.dart";
|
2020-05-01 18:20:12 +00:00
|
|
|
import 'package:photos/utils/date_time_util.dart';
|
2023-12-01 07:57:42 +00:00
|
|
|
import "package:photos/utils/debouncer.dart";
|
2020-11-12 13:25:57 +00:00
|
|
|
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
|
2020-03-28 18:18:27 +00:00
|
|
|
|
2022-07-03 06:56:43 +00:00
|
|
|
typedef GalleryLoader = Future<FileLoadResult> Function(
|
|
|
|
int creationStartTime,
|
|
|
|
int creationEndTime, {
|
2022-12-30 12:10:17 +00:00
|
|
|
int? limit,
|
|
|
|
bool? asc,
|
2022-07-03 06:56:43 +00:00
|
|
|
});
|
2021-05-08 17:49:06 +00:00
|
|
|
|
2023-05-26 04:34:32 +00:00
|
|
|
typedef SortAscFn = bool Function();
|
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
class Gallery extends StatefulWidget {
|
2021-05-08 17:49:06 +00:00
|
|
|
final GalleryLoader asyncLoader;
|
2023-08-24 16:56:24 +00:00
|
|
|
final List<EnteFile>? initialFiles;
|
2022-12-30 12:10:17 +00:00
|
|
|
final Stream<FilesUpdatedEvent>? reloadEvent;
|
|
|
|
final List<Stream<Event>>? forceReloadEvents;
|
2021-10-29 23:55:29 +00:00
|
|
|
final Set<EventType> removalEventTypes;
|
2023-03-20 15:15:10 +00:00
|
|
|
final SelectedFiles? selectedFiles;
|
2020-07-13 21:33:43 +00:00
|
|
|
final String tagPrefix;
|
2022-12-30 12:10:17 +00:00
|
|
|
final Widget? header;
|
|
|
|
final Widget? footer;
|
2022-11-02 06:06:45 +00:00
|
|
|
final Widget emptyState;
|
2022-12-30 12:10:17 +00:00
|
|
|
final String? albumName;
|
2022-10-22 11:44:12 +00:00
|
|
|
final double scrollBottomSafeArea;
|
2023-05-31 19:08:10 +00:00
|
|
|
final bool enableFileGrouping;
|
2023-03-22 08:53:37 +00:00
|
|
|
final Widget loadingWidget;
|
2023-03-22 13:01:33 +00:00
|
|
|
final bool disableScroll;
|
2023-12-01 07:57:42 +00:00
|
|
|
final Duration reloadDebounceTime;
|
|
|
|
final Duration reloadDebounceExecutionInterval;
|
2023-07-21 15:39:01 +00:00
|
|
|
|
|
|
|
/// When true, selection will be limited to one item. Tapping on any item
|
|
|
|
/// will select even when no other item is selected.
|
2023-04-04 11:20:15 +00:00
|
|
|
final bool limitSelectionToOne;
|
2023-07-21 15:39:01 +00:00
|
|
|
|
|
|
|
/// When true, the gallery will be in selection mode. Tapping on any item
|
|
|
|
/// will select even when no other item is selected.
|
2023-06-27 10:13:39 +00:00
|
|
|
final bool inSelectionMode;
|
2023-06-12 10:48:33 +00:00
|
|
|
final bool showSelectAllByDefault;
|
2023-06-23 15:42:04 +00:00
|
|
|
final bool isScrollablePositionedList;
|
2023-05-26 04:34:32 +00:00
|
|
|
|
|
|
|
// add a Function variable to get sort value in bool
|
|
|
|
final SortAscFn? sortAsyncFn;
|
2020-04-14 15:36:18 +00:00
|
|
|
|
2022-07-04 08:43:01 +00:00
|
|
|
const Gallery({
|
2022-12-30 12:10:17 +00:00
|
|
|
required this.asyncLoader,
|
|
|
|
required this.tagPrefix,
|
2023-03-20 15:15:10 +00:00
|
|
|
this.selectedFiles,
|
2021-05-13 18:05:32 +00:00
|
|
|
this.initialFiles,
|
2021-04-20 20:11:39 +00:00
|
|
|
this.reloadEvent,
|
2021-09-23 11:09:56 +00:00
|
|
|
this.forceReloadEvents,
|
2021-10-29 23:55:29 +00:00
|
|
|
this.removalEventTypes = const {},
|
2021-05-12 20:54:44 +00:00
|
|
|
this.header,
|
2023-08-23 11:05:43 +00:00
|
|
|
this.footer = const SizedBox(height: 212),
|
2022-11-02 06:06:45 +00:00
|
|
|
this.emptyState = const EmptyState(),
|
2022-10-22 11:44:12 +00:00
|
|
|
this.scrollBottomSafeArea = 120.0,
|
2022-04-30 12:18:26 +00:00
|
|
|
this.albumName = '',
|
2023-05-31 19:08:10 +00:00
|
|
|
this.enableFileGrouping = true,
|
2023-03-22 08:53:37 +00:00
|
|
|
this.loadingWidget = const EnteLoadingWidget(),
|
2023-03-22 13:01:33 +00:00
|
|
|
this.disableScroll = false,
|
2023-04-04 11:20:15 +00:00
|
|
|
this.limitSelectionToOne = false,
|
2023-06-27 10:13:39 +00:00
|
|
|
this.inSelectionMode = false,
|
2023-05-26 04:34:32 +00:00
|
|
|
this.sortAsyncFn,
|
2023-06-12 10:48:33 +00:00
|
|
|
this.showSelectAllByDefault = true,
|
2023-06-23 15:42:04 +00:00
|
|
|
this.isScrollablePositionedList = true,
|
2023-12-01 07:57:42 +00:00
|
|
|
this.reloadDebounceTime = const Duration(milliseconds: 500),
|
|
|
|
this.reloadDebounceExecutionInterval = const Duration(seconds: 2),
|
2022-12-30 12:10:17 +00:00
|
|
|
Key? key,
|
2021-09-23 11:09:56 +00:00
|
|
|
}) : super(key: key);
|
2020-04-14 15:36:18 +00:00
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
@override
|
2022-07-03 09:45:00 +00:00
|
|
|
State<Gallery> createState() {
|
2023-10-05 13:23:43 +00:00
|
|
|
return GalleryState();
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-10-05 13:23:43 +00:00
|
|
|
class GalleryState extends State<Gallery> {
|
2021-04-25 12:17:44 +00:00
|
|
|
static const int kInitialLoadLimit = 100;
|
2023-12-01 07:57:42 +00:00
|
|
|
late final Debouncer _debouncer;
|
2020-07-15 08:08:10 +00:00
|
|
|
|
2022-12-30 12:10:17 +00:00
|
|
|
late Logger _logger;
|
2023-10-05 13:23:43 +00:00
|
|
|
List<List<EnteFile>> currentGroupedFiles = [];
|
2021-04-25 11:56:43 +00:00
|
|
|
bool _hasLoadedFiles = false;
|
2023-05-03 04:54:57 +00:00
|
|
|
late ItemScrollController _itemScroller;
|
2022-12-30 12:10:17 +00:00
|
|
|
StreamSubscription<FilesUpdatedEvent>? _reloadEventSubscription;
|
|
|
|
StreamSubscription<TabDoubleTapEvent>? _tabDoubleTapEvent;
|
2021-09-23 11:09:56 +00:00
|
|
|
final _forceReloadEventSubscriptions = <StreamSubscription<Event>>[];
|
2023-05-03 04:54:57 +00:00
|
|
|
late String _logTag;
|
2023-05-26 04:34:32 +00:00
|
|
|
bool _sortOrderAsc = false;
|
2020-06-10 18:17:54 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
2022-11-11 09:30:07 +00:00
|
|
|
_logTag =
|
2022-12-30 12:10:17 +00:00
|
|
|
"Gallery_${widget.tagPrefix}${kDebugMode ? "_" + widget.albumName! : ""}";
|
2023-05-03 09:52:06 +00:00
|
|
|
_logger = Logger(_logTag);
|
2022-11-11 09:30:07 +00:00
|
|
|
_logger.finest("init Gallery");
|
2023-12-01 07:57:42 +00:00
|
|
|
_debouncer = Debouncer(
|
|
|
|
widget.reloadDebounceTime,
|
|
|
|
executionInterval: widget.reloadDebounceExecutionInterval,
|
|
|
|
);
|
2023-05-26 04:34:32 +00:00
|
|
|
_sortOrderAsc = widget.sortAsyncFn != null ? widget.sortAsyncFn!() : false;
|
2022-10-22 11:08:07 +00:00
|
|
|
_itemScroller = ItemScrollController();
|
2020-06-16 12:56:23 +00:00
|
|
|
if (widget.reloadEvent != null) {
|
2022-12-30 12:10:17 +00:00
|
|
|
_reloadEventSubscription = widget.reloadEvent!.listen((event) async {
|
2023-12-01 07:57:42 +00:00
|
|
|
_debouncer.run(() async {
|
|
|
|
// In soft refresh, setState is called for entire gallery only when
|
|
|
|
// number of child change
|
|
|
|
_logger.finest("Soft refresh all files on ${event.reason} ");
|
|
|
|
final result = await _loadFiles();
|
|
|
|
final bool hasReloaded = _onFilesLoaded(result.files);
|
|
|
|
if (hasReloaded && kDebugMode) {
|
|
|
|
_logger.finest(
|
|
|
|
"Reloaded gallery on soft refresh all files on ${event.reason}",
|
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|
2020-06-15 19:03:43 +00:00
|
|
|
});
|
2020-06-16 12:56:23 +00:00
|
|
|
}
|
2022-10-22 11:08:07 +00:00
|
|
|
_tabDoubleTapEvent =
|
|
|
|
Bus.instance.on<TabDoubleTapEvent>().listen((event) async {
|
|
|
|
// todo: Assign ID to Gallery and fire generic event with ID &
|
|
|
|
// target index/date
|
|
|
|
if (mounted && event.selectedIndex == 0) {
|
2023-05-03 04:54:57 +00:00
|
|
|
_itemScroller.scrollTo(
|
2022-10-25 07:20:15 +00:00
|
|
|
index: 0,
|
|
|
|
duration: const Duration(milliseconds: 150),
|
|
|
|
);
|
2022-10-22 11:08:07 +00:00
|
|
|
}
|
|
|
|
});
|
2021-09-23 11:09:56 +00:00
|
|
|
if (widget.forceReloadEvents != null) {
|
2022-12-30 12:10:17 +00:00
|
|
|
for (final event in widget.forceReloadEvents!) {
|
2022-06-11 08:23:52 +00:00
|
|
|
_forceReloadEventSubscriptions.add(
|
|
|
|
event.listen((event) async {
|
2023-12-01 07:57:42 +00:00
|
|
|
_debouncer.run(() async {
|
|
|
|
_logger.finest("Force refresh all files on ${event.reason}");
|
|
|
|
_sortOrderAsc =
|
|
|
|
widget.sortAsyncFn != null ? widget.sortAsyncFn!() : false;
|
|
|
|
final result = await _loadFiles();
|
|
|
|
_setFilesAndReload(result.files);
|
|
|
|
});
|
2022-06-11 08:23:52 +00:00
|
|
|
}),
|
|
|
|
);
|
2021-09-23 11:09:56 +00:00
|
|
|
}
|
2021-05-13 11:17:13 +00:00
|
|
|
}
|
2023-05-26 04:34:32 +00:00
|
|
|
if (widget.initialFiles != null && !_sortOrderAsc) {
|
2022-12-30 12:10:17 +00:00
|
|
|
_onFilesLoaded(widget.initialFiles!);
|
2021-05-13 18:05:32 +00:00
|
|
|
}
|
2021-06-29 05:13:16 +00:00
|
|
|
_loadFiles(limit: kInitialLoadLimit).then((result) async {
|
|
|
|
_setFilesAndReload(result.files);
|
|
|
|
if (result.hasMore) {
|
|
|
|
final result = await _loadFiles();
|
|
|
|
_setFilesAndReload(result.files);
|
2021-05-13 11:27:50 +00:00
|
|
|
}
|
|
|
|
});
|
2020-07-15 20:29:29 +00:00
|
|
|
super.initState();
|
2020-07-15 17:17:53 +00:00
|
|
|
}
|
|
|
|
|
2023-08-24 16:56:24 +00:00
|
|
|
void _setFilesAndReload(List<EnteFile> files) {
|
2021-05-13 19:48:59 +00:00
|
|
|
final hasReloaded = _onFilesLoaded(files);
|
|
|
|
if (!hasReloaded && mounted) {
|
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-12-30 12:10:17 +00:00
|
|
|
Future<FileLoadResult> _loadFiles({int? limit}) async {
|
2022-11-12 05:19:38 +00:00
|
|
|
_logger.info("Loading ${limit ?? "all"} files");
|
2021-09-14 06:46:07 +00:00
|
|
|
try {
|
2021-09-23 07:31:01 +00:00
|
|
|
final startTime = DateTime.now().microsecondsSinceEpoch;
|
2021-09-14 06:46:07 +00:00
|
|
|
final result = await widget.asyncLoader(
|
2022-09-20 11:53:32 +00:00
|
|
|
galleryLoadStartTime,
|
|
|
|
galleryLoadEndTime,
|
2022-06-11 08:23:52 +00:00
|
|
|
limit: limit,
|
2023-05-26 04:34:32 +00:00
|
|
|
asc: _sortOrderAsc,
|
2022-06-11 08:23:52 +00:00
|
|
|
);
|
2021-09-23 07:31:01 +00:00
|
|
|
final endTime = DateTime.now().microsecondsSinceEpoch;
|
2021-09-14 06:46:07 +00:00
|
|
|
final duration = Duration(microseconds: endTime - startTime);
|
2022-06-11 08:23:52 +00:00
|
|
|
_logger.info(
|
|
|
|
"Time taken to load " +
|
|
|
|
result.files.length.toString() +
|
|
|
|
" files :" +
|
|
|
|
duration.inMilliseconds.toString() +
|
|
|
|
"ms",
|
|
|
|
);
|
2021-09-14 06:46:07 +00:00
|
|
|
return result;
|
2021-09-23 07:31:01 +00:00
|
|
|
} catch (e, s) {
|
2021-09-14 06:46:07 +00:00
|
|
|
_logger.severe("failed to load files", e, s);
|
|
|
|
rethrow;
|
|
|
|
}
|
2021-05-13 11:27:50 +00:00
|
|
|
}
|
|
|
|
|
2023-06-01 06:35:30 +00:00
|
|
|
// group files into multiple groups and returns `true` if it resulted in a
|
|
|
|
// gallery reload
|
2023-08-24 16:56:24 +00:00
|
|
|
bool _onFilesLoaded(List<EnteFile> files) {
|
2023-06-01 06:35:30 +00:00
|
|
|
final updatedGroupedFiles =
|
|
|
|
widget.enableFileGrouping ? _groupFiles(files) : [files];
|
2023-10-05 13:23:43 +00:00
|
|
|
if (currentGroupedFiles.length != updatedGroupedFiles.length ||
|
|
|
|
currentGroupedFiles.isEmpty) {
|
2021-04-21 13:15:26 +00:00
|
|
|
if (mounted) {
|
2021-04-25 11:56:43 +00:00
|
|
|
setState(() {
|
|
|
|
_hasLoadedFiles = true;
|
2023-10-05 13:23:43 +00:00
|
|
|
currentGroupedFiles = updatedGroupedFiles;
|
2021-04-25 11:56:43 +00:00
|
|
|
});
|
2021-04-21 13:15:26 +00:00
|
|
|
}
|
2021-05-13 11:17:13 +00:00
|
|
|
return true;
|
2021-04-27 20:29:12 +00:00
|
|
|
} else {
|
2023-10-05 13:23:43 +00:00
|
|
|
currentGroupedFiles = updatedGroupedFiles;
|
2021-05-13 11:17:13 +00:00
|
|
|
return false;
|
2021-04-25 11:56:43 +00:00
|
|
|
}
|
2021-04-21 13:15:26 +00:00
|
|
|
}
|
|
|
|
|
2020-11-12 13:25:57 +00:00
|
|
|
@override
|
|
|
|
void dispose() {
|
2021-05-13 11:17:13 +00:00
|
|
|
_reloadEventSubscription?.cancel();
|
2022-10-22 11:08:07 +00:00
|
|
|
_tabDoubleTapEvent?.cancel();
|
2021-09-23 11:09:56 +00:00
|
|
|
for (final subscription in _forceReloadEventSubscriptions) {
|
|
|
|
subscription.cancel();
|
|
|
|
}
|
2023-12-01 10:25:16 +00:00
|
|
|
_debouncer.cancelDebounce();
|
2020-11-12 13:25:57 +00:00
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-11-11 09:30:07 +00:00
|
|
|
_logger.finest("Building Gallery ${widget.tagPrefix}");
|
2021-04-25 11:56:43 +00:00
|
|
|
if (!_hasLoadedFiles) {
|
2023-03-22 08:53:37 +00:00
|
|
|
return widget.loadingWidget;
|
2021-04-21 13:15:26 +00:00
|
|
|
}
|
2023-06-27 09:21:00 +00:00
|
|
|
return GalleryContextState(
|
2023-05-26 04:34:32 +00:00
|
|
|
sortOrderAsc: _sortOrderAsc,
|
2023-06-27 10:13:39 +00:00
|
|
|
inSelectionMode: widget.inSelectionMode,
|
2023-06-06 16:08:11 +00:00
|
|
|
child: MultipleGroupsGalleryView(
|
|
|
|
itemScroller: _itemScroller,
|
2023-10-05 13:23:43 +00:00
|
|
|
groupedFiles: currentGroupedFiles,
|
2023-06-06 16:08:11 +00:00
|
|
|
disableScroll: widget.disableScroll,
|
|
|
|
emptyState: widget.emptyState,
|
|
|
|
asyncLoader: widget.asyncLoader,
|
|
|
|
removalEventTypes: widget.removalEventTypes,
|
|
|
|
tagPrefix: widget.tagPrefix,
|
|
|
|
scrollBottomSafeArea: widget.scrollBottomSafeArea,
|
|
|
|
limitSelectionToOne: widget.limitSelectionToOne,
|
|
|
|
enableFileGrouping: widget.enableFileGrouping,
|
|
|
|
logTag: _logTag,
|
|
|
|
logger: _logger,
|
|
|
|
reloadEvent: widget.reloadEvent,
|
|
|
|
header: widget.header,
|
|
|
|
footer: widget.footer,
|
|
|
|
selectedFiles: widget.selectedFiles,
|
2023-06-12 10:48:33 +00:00
|
|
|
showSelectAllByDefault: widget.showSelectAllByDefault,
|
2023-06-23 15:42:04 +00:00
|
|
|
isScrollablePositionedList: widget.isScrollablePositionedList,
|
2023-06-06 16:08:11 +00:00
|
|
|
),
|
2023-05-03 04:54:57 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2023-08-24 16:56:24 +00:00
|
|
|
List<List<EnteFile>> _groupFiles(List<EnteFile> files) {
|
|
|
|
List<EnteFile> dailyFiles = [];
|
|
|
|
final List<List<EnteFile>> resultGroupedFiles = [];
|
2023-05-03 04:54:57 +00:00
|
|
|
for (int index = 0; index < files.length; index++) {
|
|
|
|
if (index > 0 &&
|
|
|
|
!areFromSameDay(
|
|
|
|
files[index - 1].creationTime!,
|
|
|
|
files[index].creationTime!,
|
|
|
|
)) {
|
2023-06-01 06:35:30 +00:00
|
|
|
resultGroupedFiles.add(dailyFiles);
|
2023-05-05 06:17:36 +00:00
|
|
|
dailyFiles = [];
|
2023-05-03 04:54:57 +00:00
|
|
|
}
|
|
|
|
dailyFiles.add(files[index]);
|
|
|
|
}
|
|
|
|
if (dailyFiles.isNotEmpty) {
|
2023-06-01 06:35:30 +00:00
|
|
|
resultGroupedFiles.add(dailyFiles);
|
2023-05-03 04:54:57 +00:00
|
|
|
}
|
2023-05-26 04:34:32 +00:00
|
|
|
if (_sortOrderAsc) {
|
2023-06-01 06:35:30 +00:00
|
|
|
resultGroupedFiles
|
2023-05-25 11:43:00 +00:00
|
|
|
.sort((a, b) => a[0].creationTime!.compareTo(b[0].creationTime!));
|
|
|
|
} else {
|
2023-06-01 06:35:30 +00:00
|
|
|
resultGroupedFiles
|
2023-05-25 11:43:00 +00:00
|
|
|
.sort((a, b) => b[0].creationTime!.compareTo(a[0].creationTime!));
|
|
|
|
}
|
2023-06-01 06:35:30 +00:00
|
|
|
return resultGroupedFiles;
|
2020-04-12 12:38:49 +00:00
|
|
|
}
|
2023-05-03 04:54:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
class GalleryIndexUpdatedEvent {
|
|
|
|
final String tag;
|
|
|
|
final int index;
|
|
|
|
|
|
|
|
GalleryIndexUpdatedEvent(this.tag, this.index);
|
|
|
|
}
|