import 'dart:async'; import 'package:aves/app_mode.dart'; import 'package:aves/model/actions/entry_set_actions.dart'; import 'package:aves/model/entry.dart'; import 'package:aves/model/filters/filters.dart'; import 'package:aves/model/selection.dart'; import 'package:aves/model/settings/settings.dart'; import 'package:aves/model/source/collection_lens.dart'; import 'package:aves/model/source/collection_source.dart'; import 'package:aves/model/source/enums.dart'; import 'package:aves/services/android_app_service.dart'; import 'package:aves/theme/durations.dart'; import 'package:aves/widgets/collection/entry_set_action_delegate.dart'; import 'package:aves/widgets/collection/filter_bar.dart'; import 'package:aves/widgets/common/app_bar_subtitle.dart'; import 'package:aves/widgets/common/app_bar_title.dart'; import 'package:aves/widgets/common/basic/menu.dart'; import 'package:aves/widgets/common/extensions/build_context.dart'; import 'package:aves/widgets/dialogs/add_shortcut_dialog.dart'; import 'package:aves/widgets/dialogs/aves_selection_dialog.dart'; import 'package:aves/widgets/search/search_button.dart'; import 'package:aves/widgets/search/search_delegate.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter/scheduler.dart'; import 'package:provider/provider.dart'; import 'package:tuple/tuple.dart'; class CollectionAppBar extends StatefulWidget { final ValueNotifier appBarHeightNotifier; final CollectionLens collection; const CollectionAppBar({ Key? key, required this.appBarHeightNotifier, required this.collection, }) : super(key: key); @override _CollectionAppBarState createState() => _CollectionAppBarState(); } class _CollectionAppBarState extends State with SingleTickerProviderStateMixin { final EntrySetActionDelegate _actionDelegate = EntrySetActionDelegate(); late AnimationController _browseToSelectAnimation; late Future _canAddShortcutsLoader; final ValueNotifier _isSelectingNotifier = ValueNotifier(false); CollectionLens get collection => widget.collection; CollectionSource get source => collection.source; bool get hasFilters => collection.filters.isNotEmpty; @override void initState() { super.initState(); _browseToSelectAnimation = AnimationController( duration: context.read().iconAnimation, vsync: this, ); _isSelectingNotifier.addListener(_onActivityChange); _canAddShortcutsLoader = AndroidAppService.canPinToHomeScreen(); _registerWidget(widget); WidgetsBinding.instance!.addPostFrameCallback((_) => _onFilterChanged()); } @override void didUpdateWidget(covariant CollectionAppBar oldWidget) { super.didUpdateWidget(oldWidget); _unregisterWidget(oldWidget); _registerWidget(widget); } @override void dispose() { _unregisterWidget(widget); _isSelectingNotifier.removeListener(_onActivityChange); _browseToSelectAnimation.dispose(); super.dispose(); } void _registerWidget(CollectionAppBar widget) { widget.collection.filterChangeNotifier.addListener(_onFilterChanged); } void _unregisterWidget(CollectionAppBar widget) { widget.collection.filterChangeNotifier.removeListener(_onFilterChanged); } @override Widget build(BuildContext context) { final appMode = context.watch>().value; return Selector, bool>( selector: (context, selection) => selection.isSelecting, builder: (context, isSelecting, child) { _isSelectingNotifier.value = isSelecting; return AnimatedBuilder( animation: collection.filterChangeNotifier, builder: (context, child) { final removableFilters = appMode != AppMode.pickInternal; return SliverAppBar( leading: appMode.hasDrawer ? _buildAppBarLeading(isSelecting) : null, title: _buildAppBarTitle(isSelecting), actions: _buildActions(isSelecting), bottom: hasFilters ? FilterBar( filters: collection.filters, removable: removableFilters, onTap: removableFilters ? collection.removeFilter : null, ) : null, titleSpacing: 0, floating: true, ); }, ); }, ); } Widget _buildAppBarLeading(bool isSelecting) { VoidCallback? onPressed; String? tooltip; if (isSelecting) { onPressed = () => context.read>().browse(); tooltip = MaterialLocalizations.of(context).backButtonTooltip; } else { onPressed = Scaffold.of(context).openDrawer; tooltip = MaterialLocalizations.of(context).openAppDrawerTooltip; } return IconButton( // key is expected by test driver key: const Key('appbar-leading-button'), icon: AnimatedIcon( icon: AnimatedIcons.menu_arrow, progress: _browseToSelectAnimation, ), onPressed: onPressed, tooltip: tooltip, ); } Widget? _buildAppBarTitle(bool isSelecting) { if (isSelecting) { return Selector, int>( selector: (context, selection) => selection.selectedItems.length, builder: (context, count, child) => Text(context.l10n.collectionSelectionPageTitle(count)), ); } else { final appMode = context.watch>().value; Widget title = Text(appMode.isPicking ? context.l10n.collectionPickPageTitle : context.l10n.collectionPageTitle); if (appMode == AppMode.main) { title = SourceStateAwareAppBarTitle( title: title, source: source, ); } return InteractiveAppBarTitle( onTap: appMode.canSearch ? _goToSearch : null, child: title, ); } } List _buildActions(bool isSelecting) { final appMode = context.watch>().value; final selectionQuickActions = settings.collectionSelectionQuickActions; return [ if (!isSelecting && appMode.canSearch) CollectionSearchButton( source: source, parentCollection: collection, ), if (isSelecting) ...selectionQuickActions.map((action) => Selector, bool>( selector: (context, selection) => selection.selectedItems.isEmpty, builder: (context, isEmpty, child) => IconButton( icon: action.getIcon(), onPressed: isEmpty ? null : () => _onCollectionActionSelected(action), tooltip: action.getText(context), ), )), FutureBuilder( future: _canAddShortcutsLoader, builder: (context, snapshot) { final canAddShortcuts = snapshot.data ?? false; return MenuIconTheme( child: PopupMenuButton( // key is expected by test driver key: const Key('appbar-menu-button'), itemBuilder: (context) { final groupable = collection.sortFactor == EntrySortFactor.date; final selection = context.read>(); final isSelecting = selection.isSelecting; final selectedItems = selection.selectedItems; final hasSelection = selectedItems.isNotEmpty; final hasItems = !collection.isEmpty; final otherViewEnabled = (!isSelecting && hasItems) || (isSelecting && hasSelection); return [ _toMenuItem( EntrySetAction.sort, // key is expected by test driver key: const Key('menu-sort'), ), if (groupable) _toMenuItem( EntrySetAction.group, // key is expected by test driver key: const Key('menu-group'), ), if (appMode == AppMode.main) ...[ if (!isSelecting) _toMenuItem( EntrySetAction.select, enabled: hasItems, ), const PopupMenuDivider(), if (isSelecting) ...EntrySetActions.selection.where((v) => !selectionQuickActions.contains(v)).map((v) => _toMenuItem(v, enabled: hasSelection)), if (!isSelecting) ...[ EntrySetAction.map, EntrySetAction.stats, ].map((v) => _toMenuItem(v, enabled: otherViewEnabled)), if (!isSelecting && canAddShortcuts) ...[ const PopupMenuDivider(), _toMenuItem(EntrySetAction.addShortcut), ], ], if (isSelecting) ...[ const PopupMenuDivider(), _toMenuItem( EntrySetAction.selectAll, enabled: selectedItems.length < collection.entryCount, ), _toMenuItem( EntrySetAction.selectNone, enabled: hasSelection, ), ] ]; }, onSelected: (action) async { // wait for the popup menu to hide before proceeding with the action await Future.delayed(Durations.popupMenuAnimation * timeDilation); await _onCollectionActionSelected(action); }, ), ); }, ), ]; } PopupMenuItem _toMenuItem(EntrySetAction action, {Key? key, bool enabled = true}) { return PopupMenuItem( key: key, value: action, enabled: enabled, child: MenuRow(text: action.getText(context), icon: action.getIcon()), ); } void _onActivityChange() { if (context.read>().isSelecting) { _browseToSelectAnimation.forward(); } else { _browseToSelectAnimation.reverse(); } } void _onFilterChanged() { widget.appBarHeightNotifier.value = kToolbarHeight + (hasFilters ? FilterBar.preferredHeight : 0); if (hasFilters) { final filters = collection.filters; final selection = context.read>(); if (selection.isSelecting) { final toRemove = selection.selectedItems.where((entry) => !filters.every((f) => f.test(entry))).toSet(); selection.removeFromSelection(toRemove); } } } Future _onCollectionActionSelected(EntrySetAction action) async { switch (action) { case EntrySetAction.share: case EntrySetAction.delete: case EntrySetAction.copy: case EntrySetAction.move: case EntrySetAction.rescan: case EntrySetAction.map: case EntrySetAction.stats: _actionDelegate.onActionSelected(context, action); break; case EntrySetAction.select: context.read>().select(); break; case EntrySetAction.selectAll: context.read>().addToSelection(collection.sortedEntries); break; case EntrySetAction.selectNone: context.read>().clearSelection(); break; case EntrySetAction.addShortcut: unawaited(_showShortcutDialog(context)); break; case EntrySetAction.group: final value = await showDialog( context: context, builder: (context) => AvesSelectionDialog( initialValue: settings.collectionSectionFactor, options: { EntryGroupFactor.album: context.l10n.collectionGroupAlbum, EntryGroupFactor.month: context.l10n.collectionGroupMonth, EntryGroupFactor.day: context.l10n.collectionGroupDay, EntryGroupFactor.none: context.l10n.collectionGroupNone, }, title: context.l10n.collectionGroupTitle, ), ); // wait for the dialog to hide as applying the change may block the UI await Future.delayed(Durations.dialogTransitionAnimation * timeDilation); if (value != null) { settings.collectionSectionFactor = value; } break; case EntrySetAction.sort: final value = await showDialog( context: context, builder: (context) => AvesSelectionDialog( initialValue: settings.collectionSortFactor, options: { EntrySortFactor.date: context.l10n.collectionSortDate, EntrySortFactor.size: context.l10n.collectionSortSize, EntrySortFactor.name: context.l10n.collectionSortName, }, title: context.l10n.collectionSortTitle, ), ); // wait for the dialog to hide as applying the change may block the UI await Future.delayed(Durations.dialogTransitionAnimation * timeDilation); if (value != null) { settings.collectionSortFactor = value; } break; } } Future _showShortcutDialog(BuildContext context) async { final filters = collection.filters; String? defaultName; if (filters.isNotEmpty) { // we compute the default name beforehand // because some filter labels need localization final sortedFilters = List.from(filters)..sort(); defaultName = sortedFilters.first.getLabel(context); } final result = await showDialog>( context: context, builder: (context) => AddShortcutDialog( collection: collection, defaultName: defaultName ?? '', ), ); if (result == null) return; final coverEntry = result.item1; final name = result.item2; if (name.isEmpty) return; unawaited(AndroidAppService.pinToHomeScreen(name, coverEntry, filters)); } void _goToSearch() { Navigator.push( context, SearchPageRoute( delegate: CollectionSearchDelegate( source: collection.source, parentCollection: collection, ), ), ); } }