A framework for building convergent cross-platform Nextcloud clients using Flutter.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

154 lines
4.9 KiB

part of '../neon_news.dart';
3 years ago
class NewsFoldersView extends StatelessWidget {
const NewsFoldersView({
required this.bloc,
super.key,
});
final NewsBloc bloc;
@override
Widget build(final BuildContext context) => Scaffold(
resizeToAvoidBottomInset: false,
floatingActionButton: FloatingActionButton(
onPressed: () async {
final result = await showDialog<String>(
context: context,
builder: (final context) => const NewsCreateFolderDialog(),
);
if (result != null) {
bloc.createFolder(result);
}
},
child: const Icon(Icons.add),
),
body: ResultBuilder<NewsBloc, List<NextcloudNewsFolder>>(
stream: bloc.folders,
builder: (final context, final folders) => ResultBuilder<NewsBloc, List<NextcloudNewsFeed>>(
stream: bloc.feeds,
builder: (final context, final feeds) => SortBoxBuilder<FoldersSortProperty, FolderFeedsWrapper>(
sortBox: foldersSortBox,
sortPropertyOption: bloc.options.foldersSortPropertyOption,
sortBoxOrderOption: bloc.options.foldersSortBoxOrderOption,
input: feeds.data == null
? null
: folders.data
?.map(
(final folder) => FolderFeedsWrapper(
folder,
feeds.data!.where((final feed) => feed.folderId == folder.id).toList(),
3 years ago
),
)
.toList(),
builder: (final context, final sorted) => NeonListView<FolderFeedsWrapper>(
scrollKey: 'news-folders',
withFloatingActionButton: true,
items: sorted,
isLoading: feeds.loading || folders.loading,
error: feeds.error ?? folders.error,
onRefresh: bloc.refresh,
builder: _buildFolder,
3 years ago
),
),
),
),
);
Widget _buildFolder(
final BuildContext context,
final FolderFeedsWrapper folderFeedsWrapper,
) {
final unreadCount = feedsUnreadCountSum(folderFeedsWrapper.feeds);
return ListTile(
title: Text(
folderFeedsWrapper.folder.name,
3 years ago
style: unreadCount == 0
? Theme.of(context).textTheme.titleMedium!.copyWith(color: Theme.of(context).disabledColor)
3 years ago
: null,
),
subtitle: unreadCount > 0
? Text(
AppLocalizations.of(context).newsUnreadArticles(unreadCount),
)
: Container(),
leading: SizedBox.square(
dimension: 48,
3 years ago
child: Stack(
children: [
Icon(
Icons.folder,
size: 48,
color: Theme.of(context).colorScheme.primary,
),
Center(
child: Text(
folderFeedsWrapper.feeds.length.toString(),
style: TextStyle(
color: Theme.of(context).colorScheme.onPrimary,
),
),
3 years ago
),
],
),
),
trailing: PopupMenuButton<NewsFolderAction>(
3 years ago
itemBuilder: (final context) => [
PopupMenuItem(
value: NewsFolderAction.delete,
3 years ago
child: Text(AppLocalizations.of(context).delete),
),
PopupMenuItem(
value: NewsFolderAction.rename,
3 years ago
child: Text(AppLocalizations.of(context).rename),
),
],
onSelected: (final action) async {
switch (action) {
case NewsFolderAction.delete:
// ignore: use_build_context_synchronously
3 years ago
if (await showConfirmationDialog(
context,
// ignore: use_build_context_synchronously
AppLocalizations.of(context).newsDeleteFolderConfirm(folderFeedsWrapper.folder.name),
3 years ago
)) {
bloc.deleteFolder(folderFeedsWrapper.folder.id);
3 years ago
}
break;
case NewsFolderAction.rename:
3 years ago
final result = await showRenameDialog(
context: context,
title: AppLocalizations.of(context).newsRenameFolder,
value: folderFeedsWrapper.folder.name,
3 years ago
);
if (result != null) {
bloc.renameFolder(folderFeedsWrapper.folder.id, result);
3 years ago
}
break;
}
},
),
onLongPress: () {
if (unreadCount > 0) {
bloc.markFolderAsRead(folderFeedsWrapper.folder.id);
3 years ago
}
},
onTap: () async {
await Navigator.of(context).push(
MaterialPageRoute(
builder: (final context) => NewsFolderPage(
bloc: bloc,
folder: folderFeedsWrapper.folder,
),
),
);
},
);
}
}
enum NewsFolderAction {
3 years ago
delete,
rename,
}