mirror of
https://github.com/Dr-Blank/Vaani.git
synced 2025-12-31 23:39:31 +00:00
43712643a2
- Sort authors by surname (last word in name) instead of first name - Create FilteredLibraryItemsPage to display books filtered by author/genre/series - Add navigation from authors/genres/series pages to filtered book lists - Use AuthorFilter, GenreFilter, and SeriesFilter from shelfsdk - Add libraryFiltered route with filter parameter support Users can now: - Browse authors sorted by surname - Tap on an author to see all their books - Tap on a genre to see all books in that genre - Tap on a series to see all books in that series
100 lines
2.9 KiB
Dart
100 lines
2.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shelfsdk/audiobookshelf_api.dart';
|
|
import 'package:vaani/api/library_browser_provider.dart';
|
|
import 'package:vaani/router/router.dart';
|
|
|
|
class LibrarySeriesPage extends HookConsumerWidget {
|
|
const LibrarySeriesPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final seriesAsync = ref.watch(librarySeriesProvider);
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Series'),
|
|
),
|
|
body: seriesAsync.when(
|
|
data: (seriesList) {
|
|
if (seriesList.isEmpty) {
|
|
return const Center(
|
|
child: Text('No series found'),
|
|
);
|
|
}
|
|
|
|
return ListView.builder(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: seriesList.length,
|
|
itemBuilder: (context, index) {
|
|
final series = seriesList[index];
|
|
return SeriesListTile(series: series);
|
|
},
|
|
);
|
|
},
|
|
loading: () => const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
error: (error, stack) => Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.error_outline, size: 48, color: Colors.red),
|
|
const SizedBox(height: 16),
|
|
Text('Error loading series: $error'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SeriesListTile extends StatelessWidget {
|
|
const SeriesListTile({
|
|
super.key,
|
|
required this.series,
|
|
});
|
|
|
|
final SimpleSeries series;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
child: ListTile(
|
|
leading: Container(
|
|
width: 48,
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.secondaryContainer,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Icon(
|
|
Icons.list,
|
|
color: Theme.of(context).colorScheme.onSecondaryContainer,
|
|
),
|
|
),
|
|
title: Text(
|
|
series.name,
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
subtitle: series.numBooks != null
|
|
? Text('${series.numBooks} ${series.numBooks == 1 ? 'book' : 'books'}')
|
|
: null,
|
|
trailing: const Icon(Icons.chevron_right),
|
|
onTap: () {
|
|
// Navigate to filtered items page with series filter
|
|
context.goNamed(
|
|
Routes.libraryFiltered.name,
|
|
extra: {
|
|
'filter': SeriesFilter(series.id),
|
|
'title': series.name,
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|