mirror of
https://gitlab.com/nkming2/nc-photos.git
synced 2025-02-25 02:48:54 +01:00
Support sorting in dynamic album
This commit is contained in:
parent
81d266033b
commit
c89d999b73
1 changed files with 190 additions and 65 deletions
|
@ -10,13 +10,13 @@ import 'package:nc_photos/entity/album.dart';
|
||||||
import 'package:nc_photos/entity/album/cover_provider.dart';
|
import 'package:nc_photos/entity/album/cover_provider.dart';
|
||||||
import 'package:nc_photos/entity/album/item.dart';
|
import 'package:nc_photos/entity/album/item.dart';
|
||||||
import 'package:nc_photos/entity/album/provider.dart';
|
import 'package:nc_photos/entity/album/provider.dart';
|
||||||
|
import 'package:nc_photos/entity/album/sort_provider.dart';
|
||||||
import 'package:nc_photos/entity/file.dart';
|
import 'package:nc_photos/entity/file.dart';
|
||||||
import 'package:nc_photos/entity/file/data_source.dart';
|
import 'package:nc_photos/entity/file/data_source.dart';
|
||||||
import 'package:nc_photos/entity/file_util.dart' as file_util;
|
import 'package:nc_photos/entity/file_util.dart' as file_util;
|
||||||
import 'package:nc_photos/exception_util.dart' as exception_util;
|
import 'package:nc_photos/exception_util.dart' as exception_util;
|
||||||
import 'package:nc_photos/iterable_extension.dart';
|
import 'package:nc_photos/iterable_extension.dart';
|
||||||
import 'package:nc_photos/k.dart' as k;
|
import 'package:nc_photos/k.dart' as k;
|
||||||
import 'package:nc_photos/list_extension.dart';
|
|
||||||
import 'package:nc_photos/platform/k.dart' as platform_k;
|
import 'package:nc_photos/platform/k.dart' as platform_k;
|
||||||
import 'package:nc_photos/share_handler.dart';
|
import 'package:nc_photos/share_handler.dart';
|
||||||
import 'package:nc_photos/snack_bar_manager.dart';
|
import 'package:nc_photos/snack_bar_manager.dart';
|
||||||
|
@ -27,6 +27,7 @@ import 'package:nc_photos/use_case/update_album.dart';
|
||||||
import 'package:nc_photos/use_case/update_dynamic_album_cover.dart';
|
import 'package:nc_photos/use_case/update_dynamic_album_cover.dart';
|
||||||
import 'package:nc_photos/use_case/update_dynamic_album_time.dart';
|
import 'package:nc_photos/use_case/update_dynamic_album_time.dart';
|
||||||
import 'package:nc_photos/widget/album_viewer_mixin.dart';
|
import 'package:nc_photos/widget/album_viewer_mixin.dart';
|
||||||
|
import 'package:nc_photos/widget/fancy_option_picker.dart';
|
||||||
import 'package:nc_photos/widget/photo_list_item.dart';
|
import 'package:nc_photos/widget/photo_list_item.dart';
|
||||||
import 'package:nc_photos/widget/selectable_item_stream_list_mixin.dart';
|
import 'package:nc_photos/widget/selectable_item_stream_list_mixin.dart';
|
||||||
import 'package:nc_photos/widget/viewer.dart';
|
import 'package:nc_photos/widget/viewer.dart';
|
||||||
|
@ -92,13 +93,21 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
enterEditMode() {
|
||||||
|
super.enterEditMode();
|
||||||
|
_editAlbum = _album.copyWith();
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
validateEditMode() => _editFormKey?.currentState?.validate() == true;
|
validateEditMode() => _editFormKey?.currentState?.validate() == true;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
doneEditMode() {
|
doneEditMode() {
|
||||||
|
try {
|
||||||
|
// persist the changes
|
||||||
_editFormKey.currentState.save();
|
_editFormKey.currentState.save();
|
||||||
final newAlbum = makeEdited(_album);
|
final newAlbum = makeEdited(_editAlbum);
|
||||||
if (newAlbum.copyWith(lastUpdated: _album.lastUpdated) != _album) {
|
if (newAlbum.copyWith(lastUpdated: _album.lastUpdated) != _album) {
|
||||||
_log.info("[doneEditMode] Album modified: $newAlbum");
|
_log.info("[doneEditMode] Album modified: $newAlbum");
|
||||||
final albumRepo = AlbumRepo(AlbumCachedDataSource());
|
final albumRepo = AlbumRepo(AlbumCachedDataSource());
|
||||||
|
@ -115,6 +124,14 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
} else {
|
} else {
|
||||||
_log.fine("[doneEditMode] Album not modified");
|
_log.fine("[doneEditMode] Album not modified");
|
||||||
}
|
}
|
||||||
|
} finally {
|
||||||
|
setState(() {
|
||||||
|
// reset edits
|
||||||
|
_editAlbum = null;
|
||||||
|
// update the list to show the real album
|
||||||
|
_transformItems(_sortedItems);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void _initAlbum() {
|
void _initAlbum() {
|
||||||
|
@ -123,7 +140,6 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
setState(() {
|
setState(() {
|
||||||
_album = widget.album;
|
_album = widget.album;
|
||||||
_items = items;
|
|
||||||
_transformItems(items);
|
_transformItems(items);
|
||||||
final coverFile = initCover(widget.account, _backingFiles);
|
final coverFile = initCover(widget.account, _backingFiles);
|
||||||
_updateAlbumPostPopulate(coverFile, items);
|
_updateAlbumPostPopulate(coverFile, items);
|
||||||
|
@ -133,17 +149,33 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
}
|
}
|
||||||
|
|
||||||
void _updateAlbumPostPopulate(File coverFile, List<AlbumItem> items) {
|
void _updateAlbumPostPopulate(File coverFile, List<AlbumItem> items) {
|
||||||
|
List<File> timeDescSortedFiles;
|
||||||
|
if (widget.album.sortProvider is AlbumTimeSortProvider) {
|
||||||
|
if ((widget.album.sortProvider as AlbumTimeSortProvider).isAscending) {
|
||||||
|
timeDescSortedFiles = _backingFiles.reversed.toList();
|
||||||
|
} else {
|
||||||
|
timeDescSortedFiles = _backingFiles;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
timeDescSortedFiles = AlbumTimeSortProvider(isAscending: false)
|
||||||
|
.sort(items)
|
||||||
|
.whereType<AlbumFileItem>()
|
||||||
|
.map((e) => e.file)
|
||||||
|
.where((element) => file_util.isSupportedFormat(element))
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
bool shouldUpdate = false;
|
bool shouldUpdate = false;
|
||||||
final albumUpdatedCover =
|
final albumUpdatedCover = UpdateDynamicAlbumCover()
|
||||||
UpdateDynamicAlbumCover().updateWithSortedFiles(_album, _backingFiles);
|
.updateWithSortedFiles(_album, timeDescSortedFiles);
|
||||||
if (!identical(albumUpdatedCover, _album)) {
|
if (!identical(albumUpdatedCover, _album)) {
|
||||||
_log.info("[_updateAlbumPostPopulate] Update album cover");
|
_log.info("[_updateAlbumPostPopulate] Update album cover");
|
||||||
shouldUpdate = true;
|
shouldUpdate = true;
|
||||||
}
|
}
|
||||||
_album = albumUpdatedCover;
|
_album = albumUpdatedCover;
|
||||||
|
|
||||||
final albumUpdatedTime =
|
final albumUpdatedTime = UpdateDynamicAlbumTime()
|
||||||
UpdateDynamicAlbumTime().updateWithSortedFiles(_album, _backingFiles);
|
.updateWithSortedFiles(_album, timeDescSortedFiles);
|
||||||
if (!identical(albumUpdatedTime, _album)) {
|
if (!identical(albumUpdatedTime, _album)) {
|
||||||
_log.info(
|
_log.info(
|
||||||
"[_updateAlbumPostPopulate] Update album time: ${albumUpdatedTime.provider.latestItemTime}");
|
"[_updateAlbumPostPopulate] Update album time: ${albumUpdatedTime.provider.latestItemTime}");
|
||||||
|
@ -257,12 +289,27 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildEditAppBar(BuildContext context) {
|
Widget _buildEditAppBar(BuildContext context) {
|
||||||
return buildEditAppBar(context, widget.account, widget.album);
|
return buildEditAppBar(context, widget.account, widget.album, actions: [
|
||||||
|
IconButton(
|
||||||
|
icon: Icon(Icons.sort_by_alpha),
|
||||||
|
tooltip: AppLocalizations.of(context).sortTooltip,
|
||||||
|
onPressed: _onEditAppBarSortPressed,
|
||||||
|
),
|
||||||
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
void _onItemTap(int index) {
|
void _onItemTap(int index) {
|
||||||
|
// convert item index to file index
|
||||||
|
var fileIndex = index;
|
||||||
|
for (int i = 0; i < index; ++i) {
|
||||||
|
if (_sortedItems[i] is! AlbumFileItem ||
|
||||||
|
!file_util
|
||||||
|
.isSupportedFormat((_sortedItems[i] as AlbumFileItem).file)) {
|
||||||
|
--fileIndex;
|
||||||
|
}
|
||||||
|
}
|
||||||
Navigator.pushNamed(context, Viewer.routeName,
|
Navigator.pushNamed(context, Viewer.routeName,
|
||||||
arguments: ViewerArguments(widget.account, _backingFiles, index));
|
arguments: ViewerArguments(widget.account, _backingFiles, fileIndex));
|
||||||
}
|
}
|
||||||
|
|
||||||
void _onAppBarConvertBasicPressed(BuildContext context) {
|
void _onAppBarConvertBasicPressed(BuildContext context) {
|
||||||
|
@ -298,7 +345,7 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
UpdateAlbum(albumRepo)(
|
UpdateAlbum(albumRepo)(
|
||||||
widget.account,
|
widget.account,
|
||||||
_album.copyWith(
|
_album.copyWith(
|
||||||
provider: AlbumStaticProvider(items: _items),
|
provider: AlbumStaticProvider(items: _sortedItems),
|
||||||
coverProvider: AlbumAutoCoverProvider(),
|
coverProvider: AlbumAutoCoverProvider(),
|
||||||
),
|
),
|
||||||
).then((value) {
|
).then((value) {
|
||||||
|
@ -343,26 +390,26 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
duration: k.snackBarDurationShort,
|
duration: k.snackBarDurationShort,
|
||||||
));
|
));
|
||||||
|
|
||||||
final selectedIndexes =
|
final selected = selectedListItems.whereType<_FileListItem>().toList();
|
||||||
selectedListItems.map((e) => itemStreamListItems.indexOf(e)).toList();
|
|
||||||
final selectedFiles = _backingFiles.takeIndex(selectedIndexes).toList();
|
|
||||||
setState(() {
|
setState(() {
|
||||||
clearSelectedItems();
|
clearSelectedItems();
|
||||||
});
|
});
|
||||||
|
|
||||||
final fileRepo = FileRepo(FileCachedDataSource());
|
final fileRepo = FileRepo(FileCachedDataSource());
|
||||||
final albumRepo = AlbumRepo(AlbumCachedDataSource());
|
final albumRepo = AlbumRepo(AlbumCachedDataSource());
|
||||||
final failures = <File>[];
|
final successes = <_FileListItem>[];
|
||||||
for (final f in selectedFiles) {
|
final failures = <_FileListItem>[];
|
||||||
|
for (final item in selected) {
|
||||||
try {
|
try {
|
||||||
await Remove(fileRepo, albumRepo).call(widget.account, f);
|
await Remove(fileRepo, albumRepo).call(widget.account, item.file);
|
||||||
|
successes.add(item);
|
||||||
} catch (e, stacktrace) {
|
} catch (e, stacktrace) {
|
||||||
_log.shout(
|
_log.shout(
|
||||||
"[_onSelectionAppBarDeletePressed] Failed while removing file" +
|
"[_onSelectionAppBarDeletePressed] Failed while removing file" +
|
||||||
(kDebugMode ? ": ${f.path}" : ""),
|
(kDebugMode ? ": ${item.file.path}" : ""),
|
||||||
e,
|
e,
|
||||||
stacktrace);
|
stacktrace);
|
||||||
failures.add(f);
|
failures.add(item);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -379,50 +426,111 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
duration: k.snackBarDurationNormal,
|
duration: k.snackBarDurationNormal,
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
final successes =
|
|
||||||
selectedFiles.where((element) => !failures.containsIdentical(element));
|
|
||||||
if (successes.isNotEmpty) {
|
if (successes.isNotEmpty) {
|
||||||
|
final indexes = successes.map((e) => e.index).sorted();
|
||||||
setState(() {
|
setState(() {
|
||||||
_backingFiles
|
for (final i in indexes.reversed) {
|
||||||
.removeWhere((element) => successes.containsIdentical(element));
|
_sortedItems.removeAt(i);
|
||||||
_onBackingFilesUpdated();
|
}
|
||||||
|
_onSortedItemsUpdated();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void _onEditAppBarSortPressed() {
|
||||||
|
final sortProvider = _editAlbum.sortProvider;
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => FancyOptionPicker(
|
||||||
|
title: AppLocalizations.of(context).sortOptionDialogTitle,
|
||||||
|
items: [
|
||||||
|
FancyOptionPickerItem(
|
||||||
|
label: AppLocalizations.of(context).sortOptionTimeAscendingLabel,
|
||||||
|
isSelected: sortProvider is AlbumTimeSortProvider &&
|
||||||
|
sortProvider.isAscending,
|
||||||
|
onSelect: () {
|
||||||
|
_onSortOldestPressed();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
FancyOptionPickerItem(
|
||||||
|
label: AppLocalizations.of(context).sortOptionTimeDescendingLabel,
|
||||||
|
isSelected: sortProvider is AlbumTimeSortProvider &&
|
||||||
|
!sortProvider.isAscending,
|
||||||
|
onSelect: () {
|
||||||
|
_onSortNewestPressed();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onSortOldestPressed() {
|
||||||
|
_editAlbum = _editAlbum.copyWith(
|
||||||
|
sortProvider: AlbumTimeSortProvider(isAscending: true),
|
||||||
|
);
|
||||||
|
setState(() {
|
||||||
|
_transformItems(_sortedItems);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onSortNewestPressed() {
|
||||||
|
_editAlbum = _editAlbum.copyWith(
|
||||||
|
sortProvider: AlbumTimeSortProvider(isAscending: false),
|
||||||
|
);
|
||||||
|
setState(() {
|
||||||
|
_transformItems(_sortedItems);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
void _transformItems(List<AlbumItem> items) {
|
void _transformItems(List<AlbumItem> items) {
|
||||||
_backingFiles = items
|
if (_editAlbum != null) {
|
||||||
|
// edit mode
|
||||||
|
_sortedItems = _editAlbum.sortProvider.sort(items);
|
||||||
|
} else {
|
||||||
|
_sortedItems = _album.sortProvider.sort(items);
|
||||||
|
}
|
||||||
|
_onSortedItemsUpdated();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onSortedItemsUpdated() {
|
||||||
|
_backingFiles = _sortedItems
|
||||||
.whereType<AlbumFileItem>()
|
.whereType<AlbumFileItem>()
|
||||||
.map((e) => e.file)
|
.map((e) => e.file)
|
||||||
.where((element) => file_util.isSupportedFormat(element))
|
.where((element) => file_util.isSupportedFormat(element))
|
||||||
.sorted(compareFileDateTimeDescending);
|
.toList();
|
||||||
_onBackingFilesUpdated();
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onBackingFilesUpdated() {
|
|
||||||
itemStreamListItems = () sync* {
|
itemStreamListItems = () sync* {
|
||||||
for (int i = 0; i < _backingFiles.length; ++i) {
|
for (int i = 0; i < _sortedItems.length; ++i) {
|
||||||
final f = _backingFiles[i];
|
final item = _sortedItems[i];
|
||||||
|
if (item is AlbumFileItem) {
|
||||||
final previewUrl = api_util.getFilePreviewUrl(widget.account, f,
|
final previewUrl = api_util.getFilePreviewUrl(
|
||||||
width: thumbSize, height: thumbSize);
|
widget.account,
|
||||||
if (file_util.isSupportedImageFormat(f)) {
|
item.file,
|
||||||
|
width: thumbSize,
|
||||||
|
height: thumbSize,
|
||||||
|
);
|
||||||
|
if (file_util.isSupportedImageFormat(item.file)) {
|
||||||
yield _ImageListItem(
|
yield _ImageListItem(
|
||||||
file: f,
|
index: i,
|
||||||
|
file: item.file,
|
||||||
account: widget.account,
|
account: widget.account,
|
||||||
previewUrl: previewUrl,
|
previewUrl: previewUrl,
|
||||||
onTap: () => _onItemTap(i),
|
onTap: () => _onItemTap(i),
|
||||||
);
|
);
|
||||||
} else if (file_util.isSupportedVideoFormat(f)) {
|
} else if (file_util.isSupportedVideoFormat(item.file)) {
|
||||||
yield _VideoListItem(
|
yield _VideoListItem(
|
||||||
file: f,
|
index: i,
|
||||||
|
file: item.file,
|
||||||
account: widget.account,
|
account: widget.account,
|
||||||
previewUrl: previewUrl,
|
previewUrl: previewUrl,
|
||||||
onTap: () => _onItemTap(i),
|
onTap: () => _onItemTap(i),
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
_log.shout(
|
_log.shout(
|
||||||
"[_onBackingFilesUpdated] Unsupported file format: ${f.contentType}");
|
"[_onBackingFilesUpdated] Unsupported file format: ${item.file.contentType}");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}()
|
}()
|
||||||
|
@ -430,10 +538,11 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
}
|
}
|
||||||
|
|
||||||
Album _album;
|
Album _album;
|
||||||
List<AlbumItem> _items;
|
var _sortedItems = <AlbumItem>[];
|
||||||
var _backingFiles = <File>[];
|
var _backingFiles = <File>[];
|
||||||
|
|
||||||
final _editFormKey = GlobalKey<FormState>();
|
final _editFormKey = GlobalKey<FormState>();
|
||||||
|
Album _editAlbum;
|
||||||
|
|
||||||
static final _log =
|
static final _log =
|
||||||
Logger("widget.dynamic_album_viewer._DynamicAlbumViewerState");
|
Logger("widget.dynamic_album_viewer._DynamicAlbumViewerState");
|
||||||
|
@ -442,6 +551,7 @@ class _DynamicAlbumViewerState extends State<DynamicAlbumViewer>
|
||||||
|
|
||||||
abstract class _ListItem implements SelectableItem {
|
abstract class _ListItem implements SelectableItem {
|
||||||
_ListItem({
|
_ListItem({
|
||||||
|
@required this.index,
|
||||||
VoidCallback onTap,
|
VoidCallback onTap,
|
||||||
}) : _onTap = onTap;
|
}) : _onTap = onTap;
|
||||||
|
|
||||||
|
@ -454,14 +564,25 @@ abstract class _ListItem implements SelectableItem {
|
||||||
@override
|
@override
|
||||||
get staggeredTile => const StaggeredTile.count(1, 1);
|
get staggeredTile => const StaggeredTile.count(1, 1);
|
||||||
|
|
||||||
|
@override
|
||||||
|
toString() {
|
||||||
|
return "$runtimeType {"
|
||||||
|
"index: $index, "
|
||||||
|
"}";
|
||||||
|
}
|
||||||
|
|
||||||
|
final int index;
|
||||||
|
|
||||||
final VoidCallback _onTap;
|
final VoidCallback _onTap;
|
||||||
}
|
}
|
||||||
|
|
||||||
abstract class _FileListItem extends _ListItem {
|
abstract class _FileListItem extends _ListItem {
|
||||||
_FileListItem({
|
_FileListItem({
|
||||||
|
@required int index,
|
||||||
@required this.file,
|
@required this.file,
|
||||||
VoidCallback onTap,
|
VoidCallback onTap,
|
||||||
}) : super(
|
}) : super(
|
||||||
|
index: index,
|
||||||
onTap: onTap,
|
onTap: onTap,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -470,11 +591,13 @@ abstract class _FileListItem extends _ListItem {
|
||||||
|
|
||||||
class _ImageListItem extends _FileListItem {
|
class _ImageListItem extends _FileListItem {
|
||||||
_ImageListItem({
|
_ImageListItem({
|
||||||
|
@required int index,
|
||||||
@required File file,
|
@required File file,
|
||||||
@required this.account,
|
@required this.account,
|
||||||
@required this.previewUrl,
|
@required this.previewUrl,
|
||||||
VoidCallback onTap,
|
VoidCallback onTap,
|
||||||
}) : super(
|
}) : super(
|
||||||
|
index: index,
|
||||||
file: file,
|
file: file,
|
||||||
onTap: onTap,
|
onTap: onTap,
|
||||||
);
|
);
|
||||||
|
@ -494,11 +617,13 @@ class _ImageListItem extends _FileListItem {
|
||||||
|
|
||||||
class _VideoListItem extends _FileListItem {
|
class _VideoListItem extends _FileListItem {
|
||||||
_VideoListItem({
|
_VideoListItem({
|
||||||
|
@required int index,
|
||||||
@required File file,
|
@required File file,
|
||||||
@required this.account,
|
@required this.account,
|
||||||
@required this.previewUrl,
|
@required this.previewUrl,
|
||||||
VoidCallback onTap,
|
VoidCallback onTap,
|
||||||
}) : super(
|
}) : super(
|
||||||
|
index: index,
|
||||||
file: file,
|
file: file,
|
||||||
onTap: onTap,
|
onTap: onTap,
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue