1168 lines
38 KiB
Dart
1168 lines
38 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../client/plex_client.dart';
|
|
import '../models/plex_library.dart';
|
|
import '../models/plex_metadata.dart';
|
|
import '../models/plex_filter.dart';
|
|
import '../models/plex_sort.dart';
|
|
import '../providers/plex_client_provider.dart';
|
|
import '../providers/settings_provider.dart';
|
|
import '../providers/hidden_libraries_provider.dart';
|
|
import '../utils/provider_extensions.dart';
|
|
import '../widgets/media_card.dart';
|
|
import '../widgets/desktop_app_bar.dart';
|
|
import '../widgets/app_bar_back_button.dart';
|
|
import '../widgets/context_menu_wrapper.dart';
|
|
import '../services/storage_service.dart';
|
|
import '../services/settings_service.dart';
|
|
import '../mixins/refreshable.dart';
|
|
import '../mixins/item_updatable.dart';
|
|
import '../theme/theme_helper.dart';
|
|
|
|
class LibrariesScreen extends StatefulWidget {
|
|
const LibrariesScreen({super.key});
|
|
|
|
@override
|
|
State<LibrariesScreen> createState() => _LibrariesScreenState();
|
|
}
|
|
|
|
class _LibrariesScreenState extends State<LibrariesScreen>
|
|
with Refreshable, ItemUpdatable {
|
|
@override
|
|
PlexClient get client => context.clientSafe;
|
|
|
|
List<PlexLibrary> _allLibraries = []; // All libraries from API (unfiltered)
|
|
List<PlexMetadata> _items = [];
|
|
List<PlexFilter> _filters = [];
|
|
List<PlexSort> _sortOptions = [];
|
|
bool _isLoadingLibraries = true;
|
|
bool _isLoadingItems = false;
|
|
String? _errorMessage;
|
|
String? _selectedLibraryKey;
|
|
Map<String, String> _selectedFilters = {};
|
|
PlexSort? _selectedSort;
|
|
bool _isSortDescending = false;
|
|
bool _isInitialLoad = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadLibraries();
|
|
}
|
|
|
|
Future<void> _loadLibraries() async {
|
|
// Extract context dependencies before async gap
|
|
final clientProvider = Provider.of<PlexClientProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final hiddenLibrariesProvider = Provider.of<HiddenLibrariesProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
|
|
setState(() {
|
|
_isLoadingLibraries = true;
|
|
_errorMessage = null;
|
|
});
|
|
|
|
try {
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
throw Exception('No client available');
|
|
}
|
|
|
|
final storage = await StorageService.getInstance();
|
|
final allLibraries = await client.getLibraries();
|
|
|
|
setState(() {
|
|
_allLibraries = allLibraries; // Store all libraries without filtering
|
|
_isLoadingLibraries = false;
|
|
});
|
|
|
|
if (allLibraries.isNotEmpty) {
|
|
// Compute visible libraries for initial load
|
|
final hiddenKeys = hiddenLibrariesProvider.hiddenLibraryKeys;
|
|
final visibleLibraries = allLibraries
|
|
.where((lib) => !hiddenKeys.contains(lib.key))
|
|
.toList();
|
|
|
|
// Load saved preferences
|
|
final savedLibraryKey = storage.getSelectedLibraryKey();
|
|
final savedFilters = storage.getLibraryFilters();
|
|
|
|
// Find the library by key in visible libraries
|
|
String? libraryKeyToLoad;
|
|
if (savedLibraryKey != null) {
|
|
// Check if saved library exists and is visible
|
|
final libraryExists = visibleLibraries
|
|
.any((lib) => lib.key == savedLibraryKey);
|
|
if (libraryExists) {
|
|
libraryKeyToLoad = savedLibraryKey;
|
|
}
|
|
}
|
|
|
|
// Fallback to first visible library if saved key not found
|
|
if (libraryKeyToLoad == null && visibleLibraries.isNotEmpty) {
|
|
libraryKeyToLoad = visibleLibraries.first.key;
|
|
}
|
|
|
|
// Restore filters BEFORE loading content
|
|
if (savedFilters.isNotEmpty) {
|
|
_selectedFilters = Map.from(savedFilters);
|
|
}
|
|
|
|
if (libraryKeyToLoad != null) {
|
|
_loadLibraryContent(libraryKeyToLoad);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
setState(() {
|
|
_errorMessage = 'Failed to load libraries: $e';
|
|
_isLoadingLibraries = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _loadLibraryContent(String libraryKey) async {
|
|
// Compute visible libraries based on current provider state
|
|
final hiddenLibrariesProvider = Provider.of<HiddenLibrariesProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final hiddenKeys = hiddenLibrariesProvider.hiddenLibraryKeys;
|
|
final visibleLibraries = _allLibraries
|
|
.where((lib) => !hiddenKeys.contains(lib.key))
|
|
.toList();
|
|
|
|
// Find the library by key
|
|
final libraryIndex = visibleLibraries.indexWhere((lib) => lib.key == libraryKey);
|
|
if (libraryIndex == -1) return; // Library not found or hidden
|
|
|
|
final isChangingLibrary = !_isInitialLoad && _selectedLibraryKey != libraryKey;
|
|
|
|
// Extract context dependencies before async operations
|
|
final clientProvider = context.plexClient;
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
setState(() {
|
|
_errorMessage = 'No client available';
|
|
_isLoadingItems = false;
|
|
});
|
|
return;
|
|
}
|
|
|
|
setState(() {
|
|
_selectedLibraryKey = libraryKey;
|
|
_isLoadingItems = true;
|
|
_errorMessage = null;
|
|
// Only clear filters when explicitly changing library (not on initial load)
|
|
if (isChangingLibrary) {
|
|
_selectedFilters.clear();
|
|
}
|
|
});
|
|
|
|
// Mark that initial load is complete
|
|
if (_isInitialLoad) {
|
|
_isInitialLoad = false;
|
|
}
|
|
|
|
// Save selected library key
|
|
final storage = await StorageService.getInstance();
|
|
await storage.saveSelectedLibraryKey(libraryKey);
|
|
|
|
// Clear filters in storage when changing library
|
|
if (isChangingLibrary) {
|
|
await storage.saveLibraryFilters({});
|
|
}
|
|
|
|
try {
|
|
// Load filters and sort options for the new library
|
|
_loadFilters(libraryKey);
|
|
_loadSortOptions(libraryKey);
|
|
|
|
// Add sort parameter to filters if selected
|
|
final filtersWithSort = Map<String, String>.from(_selectedFilters);
|
|
if (_selectedSort != null) {
|
|
filtersWithSort['sort'] = _selectedSort!.getSortKey(
|
|
descending: _isSortDescending,
|
|
);
|
|
}
|
|
|
|
// Load content
|
|
final items = await client.getLibraryContent(
|
|
libraryKey,
|
|
filters: filtersWithSort,
|
|
);
|
|
setState(() {
|
|
_items = items;
|
|
_isLoadingItems = false;
|
|
});
|
|
} catch (e) {
|
|
setState(() {
|
|
_errorMessage = 'Failed to load library content: $e';
|
|
_isLoadingItems = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _loadFilters(String libraryKey) async {
|
|
try {
|
|
final clientProvider = Provider.of<PlexClientProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
throw Exception('No client available');
|
|
}
|
|
|
|
final filters = await client.getLibraryFilters(libraryKey);
|
|
setState(() {
|
|
_filters = filters;
|
|
});
|
|
} catch (e) {
|
|
setState(() {
|
|
_filters = [];
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _loadSortOptions(String libraryKey) async {
|
|
try {
|
|
final clientProvider = Provider.of<PlexClientProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
throw Exception('No client available');
|
|
}
|
|
|
|
final sortOptions = await client.getLibrarySorts(libraryKey);
|
|
|
|
// Load saved sort preference for this library
|
|
final storage = await StorageService.getInstance();
|
|
final savedSortKey = storage.getLibrarySort(libraryKey);
|
|
|
|
// Find the saved sort in the options
|
|
PlexSort? savedSort;
|
|
bool descending = false;
|
|
|
|
if (savedSortKey.endsWith(':desc')) {
|
|
descending = true;
|
|
final baseKey = savedSortKey.replaceAll(':desc', '');
|
|
savedSort = sortOptions.firstWhere(
|
|
(s) => s.key == baseKey,
|
|
orElse: () => sortOptions.first,
|
|
);
|
|
} else {
|
|
savedSort = sortOptions.firstWhere(
|
|
(s) => s.key == savedSortKey,
|
|
orElse: () => sortOptions.first,
|
|
);
|
|
}
|
|
|
|
setState(() {
|
|
_sortOptions = sortOptions;
|
|
_selectedSort = savedSort;
|
|
_isSortDescending = descending;
|
|
});
|
|
} catch (e) {
|
|
setState(() {
|
|
_sortOptions = [];
|
|
_selectedSort = null;
|
|
_isSortDescending = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _applyFilters() async {
|
|
setState(() {
|
|
_isLoadingItems = true;
|
|
_errorMessage = null;
|
|
});
|
|
|
|
try {
|
|
final clientProvider = Provider.of<PlexClientProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
throw Exception('No client available');
|
|
}
|
|
|
|
// Add sort parameter to filters if selected
|
|
final filtersWithSort = Map<String, String>.from(_selectedFilters);
|
|
if (_selectedSort != null) {
|
|
filtersWithSort['sort'] = _selectedSort!.getSortKey(
|
|
descending: _isSortDescending,
|
|
);
|
|
}
|
|
|
|
final items = await client.getLibraryContent(
|
|
_selectedLibraryKey!,
|
|
filters: filtersWithSort,
|
|
);
|
|
setState(() {
|
|
_items = items;
|
|
_isLoadingItems = false;
|
|
});
|
|
} catch (e) {
|
|
setState(() {
|
|
_errorMessage = 'Failed to load library content: $e';
|
|
_isLoadingItems = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _applySort(PlexSort sort, bool descending) async {
|
|
setState(() {
|
|
_selectedSort = sort;
|
|
_isSortDescending = descending;
|
|
});
|
|
|
|
// Save sort preference for this library
|
|
final storage = await StorageService.getInstance();
|
|
final sortKey = sort.getSortKey(descending: descending);
|
|
await storage.saveLibrarySort(
|
|
_selectedLibraryKey!,
|
|
sortKey,
|
|
);
|
|
|
|
// Reload content with new sort
|
|
_applyFilters();
|
|
}
|
|
|
|
@override
|
|
void updateItemInLists(String ratingKey, PlexMetadata updatedMetadata) {
|
|
final index = _items.indexWhere((item) => item.ratingKey == ratingKey);
|
|
if (index != -1) {
|
|
_items[index] = updatedMetadata;
|
|
}
|
|
}
|
|
|
|
// Public method to refresh content
|
|
@override
|
|
void refresh() {
|
|
if (_allLibraries.isNotEmpty) {
|
|
_applyFilters();
|
|
}
|
|
}
|
|
|
|
Future<void> _hideLibrary(PlexLibrary library) async {
|
|
// Hide library using provider
|
|
final hiddenLibrariesProvider = Provider.of<HiddenLibrariesProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
await hiddenLibrariesProvider.hideLibrary(library.key);
|
|
|
|
// Reload libraries to update the visible list
|
|
await _loadLibraries();
|
|
|
|
// Show snackbar with undo option
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Hidden "${library.title}"'),
|
|
action: SnackBarAction(
|
|
label: 'Undo',
|
|
onPressed: () => _unhideLibrary(library.key),
|
|
),
|
|
duration: const Duration(seconds: 4),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
Future<void> _unhideLibrary(String libraryKey) async {
|
|
// Unhide library using provider
|
|
final hiddenLibrariesProvider = Provider.of<HiddenLibrariesProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
await hiddenLibrariesProvider.unhideLibrary(libraryKey);
|
|
|
|
// Reload libraries to update the visible list
|
|
await _loadLibraries();
|
|
}
|
|
|
|
void _showFiltersBottomSheet() {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (context) => _FiltersBottomSheet(
|
|
filters: _filters,
|
|
selectedFilters: _selectedFilters,
|
|
onFiltersChanged: (filters) async {
|
|
setState(() {
|
|
_selectedFilters.clear();
|
|
_selectedFilters.addAll(filters);
|
|
});
|
|
|
|
// Save filters to storage
|
|
final storage = await StorageService.getInstance();
|
|
await storage.saveLibraryFilters(filters);
|
|
|
|
_applyFilters();
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showSortBottomSheet() {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (context) => _SortBottomSheet(
|
|
sortOptions: _sortOptions,
|
|
selectedSort: _selectedSort,
|
|
isSortDescending: _isSortDescending,
|
|
onSortChanged: (sort, descending) {
|
|
Navigator.pop(context);
|
|
_applySort(sort, descending);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Watch for hidden libraries changes to trigger rebuild
|
|
final hiddenLibrariesProvider = context.watch<HiddenLibrariesProvider>();
|
|
final hiddenKeys = hiddenLibrariesProvider.hiddenLibraryKeys;
|
|
|
|
// Compute visible libraries (filtered from all libraries)
|
|
final visibleLibraries = _allLibraries
|
|
.where((lib) => !hiddenKeys.contains(lib.key))
|
|
.toList();
|
|
|
|
return Scaffold(
|
|
body: CustomScrollView(
|
|
slivers: [
|
|
DesktopSliverAppBar(
|
|
title: const Text('Libraries'),
|
|
floating: true,
|
|
pinned: true,
|
|
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
|
surfaceTintColor: Colors.transparent,
|
|
shadowColor: Colors.transparent,
|
|
scrolledUnderElevation: 0,
|
|
actions: [
|
|
if (_sortOptions.isNotEmpty)
|
|
IconButton(
|
|
icon: const Icon(Icons.swap_vert, semanticLabel: 'Sort'),
|
|
onPressed: _showSortBottomSheet,
|
|
),
|
|
if (_filters.isNotEmpty)
|
|
IconButton(
|
|
icon: Badge(
|
|
label: Text('${_selectedFilters.length}'),
|
|
isLabelVisible: _selectedFilters.isNotEmpty,
|
|
child: const Icon(
|
|
Icons.filter_list,
|
|
semanticLabel: 'Filters',
|
|
),
|
|
),
|
|
onPressed: _showFiltersBottomSheet,
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.refresh, semanticLabel: 'Refresh'),
|
|
onPressed: () => _loadLibraryContent(_selectedLibraryKey!),
|
|
),
|
|
],
|
|
),
|
|
if (_isLoadingLibraries)
|
|
const SliverFillRemaining(
|
|
child: Center(child: CircularProgressIndicator()),
|
|
)
|
|
else if (_errorMessage != null && visibleLibraries.isEmpty)
|
|
SliverFillRemaining(
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(
|
|
Icons.error_outline,
|
|
size: 48,
|
|
color: Colors.red,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(_errorMessage!),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(
|
|
onPressed: _loadLibraries,
|
|
child: const Text('Retry'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
else if (visibleLibraries.isEmpty)
|
|
const SliverFillRemaining(
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
Icons.video_library_outlined,
|
|
size: 64,
|
|
color: Colors.grey,
|
|
),
|
|
SizedBox(height: 16),
|
|
Text('No libraries found'),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
else ...[
|
|
// Library selector chips
|
|
SliverToBoxAdapter(
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 8,
|
|
),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Row(
|
|
children: List.generate(visibleLibraries.length, (index) {
|
|
final library = visibleLibraries[index];
|
|
final isSelected = library.key == _selectedLibraryKey;
|
|
final t = tokens(context);
|
|
return Padding(
|
|
padding: const EdgeInsets.only(right: 8),
|
|
child: ContextMenuWrapper(
|
|
menuItems: [
|
|
ContextMenuItem(
|
|
value: 'hide',
|
|
icon: Icons.visibility_off,
|
|
label: 'Hide "${library.title}"',
|
|
),
|
|
],
|
|
onMenuItemSelected: (value) {
|
|
if (value == 'hide') {
|
|
_hideLibrary(library);
|
|
}
|
|
},
|
|
child: ChoiceChip(
|
|
label: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
_getLibraryIcon(library.type),
|
|
size: 16,
|
|
color: isSelected ? t.bg : t.text,
|
|
),
|
|
const SizedBox(width: 6),
|
|
Text(library.title),
|
|
],
|
|
),
|
|
selected: isSelected,
|
|
onSelected: (selected) {
|
|
if (selected) {
|
|
_loadLibraryContent(library.key);
|
|
}
|
|
},
|
|
backgroundColor: t.surface,
|
|
selectedColor: t.text,
|
|
side: BorderSide(color: t.outline),
|
|
labelStyle: TextStyle(
|
|
color: isSelected ? t.bg : t.text,
|
|
fontWeight: isSelected
|
|
? FontWeight.w600
|
|
: FontWeight.w400,
|
|
),
|
|
showCheckmark: false,
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
// Content grid
|
|
if (_isLoadingItems)
|
|
const SliverFillRemaining(
|
|
child: Center(child: CircularProgressIndicator()),
|
|
)
|
|
else if (_errorMessage != null)
|
|
SliverFillRemaining(
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(
|
|
Icons.error_outline,
|
|
size: 48,
|
|
color: Colors.red,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(_errorMessage!),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(
|
|
onPressed: () =>
|
|
_loadLibraryContent(_selectedLibraryKey!),
|
|
child: const Text('Retry'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
else if (_items.isEmpty)
|
|
const SliverFillRemaining(
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.folder_open, size: 64, color: Colors.grey),
|
|
SizedBox(height: 16),
|
|
Text('This library is empty'),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
else
|
|
SliverPadding(
|
|
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
|
|
sliver: SliverGrid(
|
|
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
|
|
maxCrossAxisExtent: _getMaxCrossAxisExtent(
|
|
context,
|
|
context.watch<SettingsProvider>().libraryDensity,
|
|
),
|
|
childAspectRatio: 2 / 3.3,
|
|
crossAxisSpacing: 0,
|
|
mainAxisSpacing: 0,
|
|
),
|
|
delegate: SliverChildBuilderDelegate((context, index) {
|
|
final item = _items[index];
|
|
return MediaCard(
|
|
key: Key(item.ratingKey),
|
|
item: item,
|
|
onRefresh: updateItem,
|
|
);
|
|
}, childCount: _items.length),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
IconData _getLibraryIcon(String type) {
|
|
switch (type.toLowerCase()) {
|
|
case 'movie':
|
|
return Icons.movie;
|
|
case 'show':
|
|
return Icons.tv;
|
|
case 'artist':
|
|
return Icons.music_note;
|
|
case 'photo':
|
|
return Icons.photo;
|
|
default:
|
|
return Icons.folder;
|
|
}
|
|
}
|
|
|
|
double _getMaxCrossAxisExtent(BuildContext context, LibraryDensity density) {
|
|
final screenWidth = MediaQuery.of(context).size.width;
|
|
final padding = 16.0; // 8px left + 8px right
|
|
final availableWidth = screenWidth - padding;
|
|
|
|
if (screenWidth >= 900) {
|
|
// Wide screens (desktop/large tablet landscape): Responsive division
|
|
double divisor;
|
|
double maxItemWidth;
|
|
|
|
switch (density) {
|
|
case LibraryDensity.comfortable:
|
|
divisor = 6.5;
|
|
maxItemWidth = 280;
|
|
break;
|
|
case LibraryDensity.normal:
|
|
divisor = 8.0;
|
|
maxItemWidth = 200;
|
|
break;
|
|
case LibraryDensity.compact:
|
|
divisor = 10.0;
|
|
maxItemWidth = 160;
|
|
break;
|
|
}
|
|
|
|
return (availableWidth / divisor).clamp(0, maxItemWidth);
|
|
} else if (screenWidth >= 600) {
|
|
// Medium screens (tablets): Fixed 4-5-6 items
|
|
int targetItemCount = switch (density) {
|
|
LibraryDensity.comfortable => 4,
|
|
LibraryDensity.normal => 5,
|
|
LibraryDensity.compact => 6,
|
|
};
|
|
return availableWidth / targetItemCount;
|
|
} else {
|
|
// Small screens (phones): Fixed 2-3-4 items
|
|
int targetItemCount = switch (density) {
|
|
LibraryDensity.comfortable => 2,
|
|
LibraryDensity.normal => 3,
|
|
LibraryDensity.compact => 4,
|
|
};
|
|
return availableWidth / targetItemCount;
|
|
}
|
|
}
|
|
}
|
|
|
|
class _FiltersBottomSheet extends StatefulWidget {
|
|
final List<PlexFilter> filters;
|
|
final Map<String, String> selectedFilters;
|
|
final Function(Map<String, String>) onFiltersChanged;
|
|
|
|
const _FiltersBottomSheet({
|
|
required this.filters,
|
|
required this.selectedFilters,
|
|
required this.onFiltersChanged,
|
|
});
|
|
|
|
@override
|
|
State<_FiltersBottomSheet> createState() => _FiltersBottomSheetState();
|
|
}
|
|
|
|
class _FiltersBottomSheetState extends State<_FiltersBottomSheet> {
|
|
PlexFilter? _currentFilter;
|
|
List<PlexFilterValue> _filterValues = [];
|
|
bool _isLoadingValues = false;
|
|
final Map<String, String> _tempSelectedFilters = {};
|
|
final Map<String, String> _filterDisplayNames = {}; // Cache for display names
|
|
late List<PlexFilter> _sortedFilters;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tempSelectedFilters.addAll(widget.selectedFilters);
|
|
_sortFilters();
|
|
}
|
|
|
|
void _sortFilters() {
|
|
// Separate boolean filters (toggles) from regular filters
|
|
final booleanFilters = widget.filters
|
|
.where((f) => f.filterType == 'boolean')
|
|
.toList();
|
|
final regularFilters = widget.filters
|
|
.where((f) => f.filterType != 'boolean')
|
|
.toList();
|
|
|
|
// Combine with boolean filters first
|
|
_sortedFilters = [...booleanFilters, ...regularFilters];
|
|
}
|
|
|
|
bool _isBooleanFilter(PlexFilter filter) {
|
|
return filter.filterType == 'boolean';
|
|
}
|
|
|
|
Future<void> _loadFilterValues(PlexFilter filter) async {
|
|
setState(() {
|
|
_currentFilter = filter;
|
|
_isLoadingValues = true;
|
|
});
|
|
|
|
try {
|
|
final clientProvider = Provider.of<PlexClientProvider>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
final client = clientProvider.client;
|
|
if (client == null) {
|
|
throw Exception('No client available');
|
|
}
|
|
|
|
final values = await client.getFilterValues(filter.key);
|
|
setState(() {
|
|
_filterValues = values;
|
|
_isLoadingValues = false;
|
|
});
|
|
} catch (e) {
|
|
setState(() {
|
|
_filterValues = [];
|
|
_isLoadingValues = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
void _goBack() {
|
|
setState(() {
|
|
_currentFilter = null;
|
|
_filterValues = [];
|
|
});
|
|
}
|
|
|
|
void _applyFilters() {
|
|
widget.onFiltersChanged(_tempSelectedFilters);
|
|
Navigator.pop(context);
|
|
}
|
|
|
|
String _extractFilterValue(String key, String filterName) {
|
|
if (key.contains('?')) {
|
|
final queryStart = key.indexOf('?');
|
|
final queryString = key.substring(queryStart + 1);
|
|
final params = Uri.splitQueryString(queryString);
|
|
return params[filterName] ?? key;
|
|
} else if (key.startsWith('/')) {
|
|
return key.split('/').last;
|
|
}
|
|
return key;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DraggableScrollableSheet(
|
|
initialChildSize: 0.7,
|
|
minChildSize: 0.5,
|
|
maxChildSize: 0.95,
|
|
expand: false,
|
|
builder: (context, scrollController) {
|
|
if (_currentFilter != null) {
|
|
// Show filter options view
|
|
return Column(
|
|
children: [
|
|
// Header with back button
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Theme.of(context).dividerColor),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
AppBarBackButton(
|
|
style: BackButtonStyle.plain,
|
|
onPressed: _goBack,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
_currentFilter!.title,
|
|
style: const TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.close),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Filter options list
|
|
if (_isLoadingValues)
|
|
const Expanded(
|
|
child: Center(child: CircularProgressIndicator()),
|
|
)
|
|
else
|
|
Expanded(
|
|
child: ListView.builder(
|
|
controller: scrollController,
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: _filterValues.length + 1,
|
|
itemBuilder: (context, index) {
|
|
if (index == 0) {
|
|
final isSelected = !_tempSelectedFilters.containsKey(
|
|
_currentFilter!.filter,
|
|
);
|
|
return ListTile(
|
|
title: const Text('All'),
|
|
selected: isSelected,
|
|
onTap: () {
|
|
setState(() {
|
|
_tempSelectedFilters.remove(
|
|
_currentFilter!.filter,
|
|
);
|
|
});
|
|
_applyFilters();
|
|
},
|
|
);
|
|
}
|
|
|
|
final value = _filterValues[index - 1];
|
|
final filterValue = _extractFilterValue(
|
|
value.key,
|
|
_currentFilter!.filter,
|
|
);
|
|
final isSelected =
|
|
_tempSelectedFilters[_currentFilter!.filter] ==
|
|
filterValue;
|
|
|
|
return ListTile(
|
|
title: Text(value.title),
|
|
selected: isSelected,
|
|
onTap: () {
|
|
setState(() {
|
|
_tempSelectedFilters[_currentFilter!.filter] =
|
|
filterValue;
|
|
// Cache the display name for this filter value
|
|
_filterDisplayNames['${_currentFilter!.filter}:$filterValue'] =
|
|
value.title;
|
|
});
|
|
_applyFilters();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// Show main filters view
|
|
return Column(
|
|
children: [
|
|
// Header
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Theme.of(context).dividerColor),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.filter_list),
|
|
const SizedBox(width: 12),
|
|
const Text(
|
|
'Filters',
|
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
|
),
|
|
const Spacer(),
|
|
if (_tempSelectedFilters.isNotEmpty)
|
|
TextButton.icon(
|
|
onPressed: () {
|
|
setState(() {
|
|
_tempSelectedFilters.clear();
|
|
});
|
|
_applyFilters();
|
|
},
|
|
icon: const Icon(Icons.clear_all),
|
|
label: const Text('Clear All'),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.close),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// All Filters (boolean toggles first, then regular filters)
|
|
Expanded(
|
|
child: ListView.builder(
|
|
controller: scrollController,
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: _sortedFilters.length,
|
|
itemBuilder: (context, index) {
|
|
final filter = _sortedFilters[index];
|
|
|
|
// Handle boolean filters as switches (unwatched, inProgress, unmatched, hdr, etc.)
|
|
if (_isBooleanFilter(filter)) {
|
|
final isActive =
|
|
_tempSelectedFilters.containsKey(filter.filter) &&
|
|
_tempSelectedFilters[filter.filter] == '1';
|
|
return SwitchListTile(
|
|
value: isActive,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
if (value) {
|
|
_tempSelectedFilters[filter.filter] = '1';
|
|
} else {
|
|
_tempSelectedFilters.remove(filter.filter);
|
|
}
|
|
});
|
|
_applyFilters();
|
|
},
|
|
title: Text(filter.title),
|
|
);
|
|
}
|
|
|
|
// Regular navigable filters - show selected value instead of checkmark
|
|
final selectedValue = _tempSelectedFilters[filter.filter];
|
|
String? displayValue;
|
|
if (selectedValue != null) {
|
|
// Try to get the cached display name, fall back to the value itself
|
|
displayValue =
|
|
_filterDisplayNames['${filter.filter}:$selectedValue'] ??
|
|
selectedValue;
|
|
}
|
|
|
|
return ListTile(
|
|
title: Text(filter.title),
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (displayValue != null)
|
|
Flexible(
|
|
child: Text(
|
|
displayValue,
|
|
style: TextStyle(
|
|
color: Theme.of(context).colorScheme.primary,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (displayValue != null) const SizedBox(width: 8),
|
|
const Icon(Icons.chevron_right),
|
|
],
|
|
),
|
|
onTap: () => _loadFilterValues(filter),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SortBottomSheet extends StatefulWidget {
|
|
final List<PlexSort> sortOptions;
|
|
final PlexSort? selectedSort;
|
|
final bool isSortDescending;
|
|
final Function(PlexSort, bool) onSortChanged;
|
|
|
|
const _SortBottomSheet({
|
|
required this.sortOptions,
|
|
required this.selectedSort,
|
|
required this.isSortDescending,
|
|
required this.onSortChanged,
|
|
});
|
|
|
|
@override
|
|
State<_SortBottomSheet> createState() => _SortBottomSheetState();
|
|
}
|
|
|
|
class _SortBottomSheetState extends State<_SortBottomSheet> {
|
|
late PlexSort? _tempSelectedSort;
|
|
late bool _tempDescending;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tempSelectedSort = widget.selectedSort;
|
|
_tempDescending = widget.isSortDescending;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DraggableScrollableSheet(
|
|
initialChildSize: 0.6,
|
|
minChildSize: 0.4,
|
|
maxChildSize: 0.9,
|
|
expand: false,
|
|
builder: (context, scrollController) {
|
|
return Column(
|
|
children: [
|
|
// Header
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Theme.of(context).dividerColor),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Expanded(
|
|
child: Text(
|
|
'Sort By',
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.close),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Sort options list
|
|
Expanded(
|
|
child: ListView.builder(
|
|
controller: scrollController,
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: widget.sortOptions.length,
|
|
itemBuilder: (context, index) {
|
|
final sort = widget.sortOptions[index];
|
|
final isSelected = _tempSelectedSort?.key == sort.key;
|
|
|
|
return ListTile(
|
|
title: Text(sort.title),
|
|
trailing: isSelected
|
|
? Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// Direction toggle buttons
|
|
SegmentedButton<bool>(
|
|
showSelectedIcon: false,
|
|
segments: const [
|
|
ButtonSegment(
|
|
value: false,
|
|
icon: Icon(Icons.arrow_upward, size: 16),
|
|
),
|
|
ButtonSegment(
|
|
value: true,
|
|
icon: Icon(Icons.arrow_downward, size: 16),
|
|
),
|
|
],
|
|
selected: {_tempDescending},
|
|
onSelectionChanged: (Set<bool> selected) {
|
|
widget.onSortChanged(sort, selected.first);
|
|
},
|
|
),
|
|
],
|
|
)
|
|
: null,
|
|
leading: Radio<String>(
|
|
value: sort.key,
|
|
groupValue: _tempSelectedSort?.key,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_tempSelectedSort = sort;
|
|
// Use default direction for newly selected sort
|
|
_tempDescending = sort.isDefaultDescending;
|
|
});
|
|
// Apply sort immediately with default direction
|
|
widget.onSortChanged(sort, sort.isDefaultDescending);
|
|
},
|
|
),
|
|
onTap: () {
|
|
setState(() {
|
|
_tempSelectedSort = sort;
|
|
// Use default direction for newly selected sort
|
|
_tempDescending = sort.isDefaultDescending;
|
|
});
|
|
// Apply sort immediately with default direction
|
|
widget.onSortChanged(sort, sort.isDefaultDescending);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|