2020-06-10 18:17:54 +00:00
|
|
|
import 'dart:async';
|
2020-04-12 12:38:49 +00:00
|
|
|
|
|
|
|
import 'package:flutter/cupertino.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-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';
|
2020-06-19 23:03:26 +00:00
|
|
|
import 'package:photos/models/file.dart';
|
2020-07-15 20:29:29 +00:00
|
|
|
import 'package:photos/models/selected_files.dart';
|
2020-08-09 14:58:41 +00:00
|
|
|
import 'package:photos/ui/common_elements.dart';
|
2021-04-20 20:11:39 +00:00
|
|
|
import 'package:photos/ui/huge_listview/huge_listview.dart';
|
|
|
|
import 'package:photos/ui/huge_listview/lazy_loading_gallery.dart';
|
2020-06-15 04:25:58 +00:00
|
|
|
import 'package:photos/ui/loading_widget.dart';
|
2020-05-01 18:20:12 +00:00
|
|
|
import 'package:photos/utils/date_time_util.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
|
|
|
|
2021-05-08 17:49:06 +00:00
|
|
|
typedef GalleryLoader = Future<List<File>>
|
|
|
|
Function(int creationStartTime, int creationEndTime, {int limit, bool asc});
|
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
class Gallery extends StatefulWidget {
|
2021-05-08 17:49:06 +00:00
|
|
|
final GalleryLoader asyncLoader;
|
2021-05-13 18:05:32 +00:00
|
|
|
final List<File> initialFiles;
|
2021-04-23 21:37:04 +00:00
|
|
|
final Stream<FilesUpdatedEvent> reloadEvent;
|
2021-05-13 11:17:13 +00:00
|
|
|
final Stream<Event> forceReloadEvent;
|
2020-07-15 20:29:29 +00:00
|
|
|
final SelectedFiles selectedFiles;
|
2020-07-13 21:33:43 +00:00
|
|
|
final String tagPrefix;
|
2021-05-12 20:54:44 +00:00
|
|
|
final Widget header;
|
2021-05-12 21:12:18 +00:00
|
|
|
final Widget footer;
|
2020-04-14 15:36:18 +00:00
|
|
|
|
2020-07-12 22:17:44 +00:00
|
|
|
Gallery({
|
2021-04-20 20:11:39 +00:00
|
|
|
@required this.asyncLoader,
|
2020-07-15 20:29:29 +00:00
|
|
|
@required this.selectedFiles,
|
|
|
|
@required this.tagPrefix,
|
2021-05-13 18:05:32 +00:00
|
|
|
this.initialFiles,
|
2021-04-20 20:11:39 +00:00
|
|
|
this.reloadEvent,
|
2021-05-13 11:17:13 +00:00
|
|
|
this.forceReloadEvent,
|
2021-05-12 20:54:44 +00:00
|
|
|
this.header,
|
2021-05-12 21:12:18 +00:00
|
|
|
this.footer,
|
2020-06-15 04:25:58 +00:00
|
|
|
});
|
2020-04-14 15:36:18 +00:00
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
@override
|
|
|
|
_GalleryState createState() {
|
2020-07-15 20:29:29 +00:00
|
|
|
return _GalleryState();
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _GalleryState extends State<Gallery> {
|
2021-04-25 12:17:44 +00:00
|
|
|
static const int kInitialLoadLimit = 100;
|
2020-07-15 08:08:10 +00:00
|
|
|
|
2021-04-21 13:15:26 +00:00
|
|
|
final _hugeListViewKey = GlobalKey<HugeListViewState>();
|
|
|
|
|
2021-04-21 11:38:18 +00:00
|
|
|
Logger _logger;
|
2021-04-27 19:16:53 +00:00
|
|
|
int _index = 0;
|
2021-04-25 11:56:43 +00:00
|
|
|
List<List<File>> _collatedFiles = [];
|
|
|
|
bool _hasLoadedFiles = false;
|
2021-04-23 21:37:04 +00:00
|
|
|
StreamSubscription<FilesUpdatedEvent> _reloadEventSubscription;
|
2021-05-13 11:17:13 +00:00
|
|
|
StreamSubscription<Event> _forceReloadEventSubscription;
|
2020-06-10 18:17:54 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
2021-04-21 11:38:18 +00:00
|
|
|
_logger = Logger("Gallery_" + widget.tagPrefix);
|
2021-05-02 10:31:04 +00:00
|
|
|
_logger.info("initState");
|
2020-06-16 12:56:23 +00:00
|
|
|
if (widget.reloadEvent != null) {
|
2021-05-13 11:27:50 +00:00
|
|
|
_reloadEventSubscription = widget.reloadEvent.listen((event) async {
|
2021-04-23 21:37:04 +00:00
|
|
|
_logger.info("Building gallery because reload event fired");
|
2021-05-13 11:27:50 +00:00
|
|
|
_loadFiles().then((files) => _onFilesLoaded(files));
|
2020-06-15 19:03:43 +00:00
|
|
|
});
|
2020-06-16 12:56:23 +00:00
|
|
|
}
|
2021-05-13 11:17:13 +00:00
|
|
|
if (widget.forceReloadEvent != null) {
|
|
|
|
_forceReloadEventSubscription =
|
|
|
|
widget.forceReloadEvent.listen((event) async {
|
|
|
|
_logger.info("Force reload triggered");
|
2021-05-13 11:27:50 +00:00
|
|
|
final files = await _loadFiles();
|
|
|
|
final hasReloaded = _onFilesLoaded(files);
|
2021-05-13 11:17:13 +00:00
|
|
|
if (!hasReloaded && mounted) {
|
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2021-05-13 18:05:32 +00:00
|
|
|
if (widget.initialFiles != null) {
|
|
|
|
_onFilesLoaded(widget.initialFiles);
|
|
|
|
}
|
2021-05-13 11:27:50 +00:00
|
|
|
_loadFiles(limit: kInitialLoadLimit).then((files) {
|
|
|
|
_onFilesLoaded(files);
|
|
|
|
if (files.length == kInitialLoadLimit) {
|
|
|
|
_loadFiles().then((files) => _onFilesLoaded(files));
|
|
|
|
}
|
|
|
|
});
|
2020-07-15 20:29:29 +00:00
|
|
|
super.initState();
|
2020-07-15 17:17:53 +00:00
|
|
|
}
|
|
|
|
|
2021-05-13 11:27:50 +00:00
|
|
|
Future<List<File>> _loadFiles({int limit}) async {
|
2021-04-25 11:56:43 +00:00
|
|
|
_logger.info("Loading files");
|
2021-05-06 20:45:02 +00:00
|
|
|
final startTime = DateTime.now().microsecondsSinceEpoch;
|
2021-04-25 11:56:43 +00:00
|
|
|
final files = await widget
|
|
|
|
.asyncLoader(0, DateTime.now().microsecondsSinceEpoch, limit: limit);
|
2021-05-06 20:45:02 +00:00
|
|
|
final endTime = DateTime.now().microsecondsSinceEpoch;
|
|
|
|
final duration = Duration(microseconds: endTime - startTime);
|
2021-05-13 11:27:50 +00:00
|
|
|
_logger.info("Time taken to load " +
|
|
|
|
files.length.toString() +
|
|
|
|
" files :" +
|
|
|
|
duration.inMilliseconds.toString() +
|
|
|
|
"ms");
|
|
|
|
return files;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Collates files and returns `true` if it resulted in a gallery reload
|
|
|
|
bool _onFilesLoaded(List<File> files) {
|
2021-04-25 11:56:43 +00:00
|
|
|
final collatedFiles = _collateFiles(files);
|
|
|
|
if (_collatedFiles.length != collatedFiles.length) {
|
2021-04-21 13:15:26 +00:00
|
|
|
if (mounted) {
|
2021-04-25 11:56:43 +00:00
|
|
|
setState(() {
|
|
|
|
_hasLoadedFiles = true;
|
|
|
|
_collatedFiles = collatedFiles;
|
|
|
|
});
|
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 {
|
|
|
|
_collatedFiles = collatedFiles;
|
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();
|
|
|
|
_forceReloadEventSubscription?.cancel();
|
2020-11-12 13:25:57 +00:00
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-11-16 08:28:43 +00:00
|
|
|
_logger.info("Building " + widget.tagPrefix);
|
2021-04-25 11:56:43 +00:00
|
|
|
if (!_hasLoadedFiles) {
|
2021-05-03 21:49:39 +00:00
|
|
|
return loadWidget;
|
2021-04-21 13:15:26 +00:00
|
|
|
}
|
2021-05-02 20:42:26 +00:00
|
|
|
return _getListView();
|
2020-04-12 12:38:49 +00:00
|
|
|
}
|
|
|
|
|
2021-04-25 11:56:43 +00:00
|
|
|
Widget _getListView() {
|
2021-04-21 13:09:18 +00:00
|
|
|
return HugeListView<List<File>>(
|
|
|
|
key: _hugeListViewKey,
|
|
|
|
controller: ItemScrollController(),
|
2021-04-27 19:16:53 +00:00
|
|
|
startIndex: _index,
|
2021-04-25 11:56:43 +00:00
|
|
|
totalCount: _collatedFiles.length,
|
|
|
|
isDraggableScrollbarEnabled: _collatedFiles.length > 30,
|
2021-04-21 13:09:18 +00:00
|
|
|
waitBuilder: (_) {
|
|
|
|
return loadWidget;
|
|
|
|
},
|
|
|
|
emptyResultBuilder: (_) {
|
|
|
|
return nothingToSeeHere;
|
|
|
|
},
|
2021-04-27 19:16:53 +00:00
|
|
|
itemBuilder: (context, index) {
|
2021-04-21 13:09:18 +00:00
|
|
|
var gallery;
|
|
|
|
gallery = LazyLoadingGallery(
|
2021-04-27 19:16:53 +00:00
|
|
|
_collatedFiles[index],
|
2021-05-06 20:16:53 +00:00
|
|
|
index,
|
2021-04-23 19:55:50 +00:00
|
|
|
widget.reloadEvent,
|
|
|
|
widget.asyncLoader,
|
|
|
|
widget.selectedFiles,
|
|
|
|
widget.tagPrefix,
|
2021-05-06 20:16:53 +00:00
|
|
|
Bus.instance
|
|
|
|
.on<GalleryIndexUpdatedEvent>()
|
|
|
|
.where((event) => event.tag == widget.tagPrefix)
|
|
|
|
.map((event) => event.index),
|
2021-04-23 19:55:50 +00:00
|
|
|
);
|
2021-05-12 20:54:44 +00:00
|
|
|
if (widget.header != null && index == 0) {
|
|
|
|
gallery = Column(children: [widget.header, gallery]);
|
2021-04-21 13:09:18 +00:00
|
|
|
}
|
2021-05-12 21:12:18 +00:00
|
|
|
if (widget.footer != null && index == _collatedFiles.length - 1) {
|
|
|
|
gallery = Column(children: [gallery, widget.footer]);
|
|
|
|
}
|
2021-04-21 13:09:18 +00:00
|
|
|
return gallery;
|
|
|
|
},
|
|
|
|
labelTextBuilder: (int index) {
|
2021-04-25 11:56:43 +00:00
|
|
|
return getMonthAndYear(DateTime.fromMicrosecondsSinceEpoch(
|
|
|
|
_collatedFiles[index][0].creationTime));
|
2021-04-21 13:09:18 +00:00
|
|
|
},
|
|
|
|
thumbBackgroundColor: Color(0xFF151515),
|
|
|
|
thumbDrawColor: Colors.white.withOpacity(0.5),
|
2021-05-06 20:16:53 +00:00
|
|
|
firstShown: (int firstIndex) {
|
|
|
|
Bus.instance
|
|
|
|
.fire(GalleryIndexUpdatedEvent(widget.tagPrefix, firstIndex));
|
|
|
|
},
|
2021-04-21 13:09:18 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2021-04-25 11:56:43 +00:00
|
|
|
List<List<File>> _collateFiles(List<File> files) {
|
2021-04-20 20:11:39 +00:00
|
|
|
final List<File> dailyFiles = [];
|
|
|
|
final List<List<File>> collatedFiles = [];
|
|
|
|
for (int index = 0; index < files.length; index++) {
|
2020-04-17 09:54:42 +00:00
|
|
|
if (index > 0 &&
|
2021-04-20 20:11:39 +00:00
|
|
|
!_areFromSameDay(
|
|
|
|
files[index - 1].creationTime, files[index].creationTime)) {
|
|
|
|
final List<File> collatedDailyFiles = [];
|
2020-06-19 23:03:26 +00:00
|
|
|
collatedDailyFiles.addAll(dailyFiles);
|
|
|
|
collatedFiles.add(collatedDailyFiles);
|
|
|
|
dailyFiles.clear();
|
2020-04-17 09:54:42 +00:00
|
|
|
}
|
2021-04-20 20:11:39 +00:00
|
|
|
dailyFiles.add(files[index]);
|
2020-04-17 09:54:42 +00:00
|
|
|
}
|
2020-06-19 23:03:26 +00:00
|
|
|
if (dailyFiles.isNotEmpty) {
|
|
|
|
collatedFiles.add(dailyFiles);
|
2020-04-17 09:54:42 +00:00
|
|
|
}
|
2021-04-27 18:04:55 +00:00
|
|
|
collatedFiles
|
|
|
|
.sort((a, b) => b[0].creationTime.compareTo(a[0].creationTime));
|
2021-04-20 20:11:39 +00:00
|
|
|
return collatedFiles;
|
|
|
|
}
|
|
|
|
|
|
|
|
bool _areFromSameDay(int firstCreationTime, int secondCreationTime) {
|
|
|
|
var firstDate = DateTime.fromMicrosecondsSinceEpoch(firstCreationTime);
|
|
|
|
var secondDate = DateTime.fromMicrosecondsSinceEpoch(secondCreationTime);
|
2020-04-17 09:54:42 +00:00
|
|
|
return firstDate.year == secondDate.year &&
|
|
|
|
firstDate.month == secondDate.month &&
|
|
|
|
firstDate.day == secondDate.day;
|
|
|
|
}
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
2021-05-06 20:16:53 +00:00
|
|
|
|
|
|
|
class GalleryIndexUpdatedEvent {
|
|
|
|
final String tag;
|
|
|
|
final int index;
|
|
|
|
|
|
|
|
GalleryIndexUpdatedEvent(this.tag, this.index);
|
|
|
|
}
|