mirror of
https://github.com/gabehf/Fladder.git
synced 2026-03-07 21:48:14 -08:00
228 lines
12 KiB
Dart
228 lines
12 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:ficonsax/ficonsax.dart';
|
|
import 'package:fladder/models/book_model.dart';
|
|
import 'package:fladder/providers/items/book_details_provider.dart';
|
|
import 'package:fladder/providers/user_provider.dart';
|
|
import 'package:fladder/screens/details_screens/components/overview_header.dart';
|
|
import 'package:fladder/screens/shared/detail_scaffold.dart';
|
|
import 'package:fladder/screens/shared/media/components/media_play_button.dart';
|
|
import 'package:fladder/screens/shared/media/expanding_overview.dart';
|
|
import 'package:fladder/screens/shared/media/poster_list_item.dart';
|
|
import 'package:fladder/util/fladder_image.dart';
|
|
import 'package:fladder/util/item_base_model/item_base_model_extensions.dart';
|
|
import 'package:fladder/util/item_base_model/play_item_helpers.dart';
|
|
import 'package:fladder/util/list_padding.dart';
|
|
import 'package:fladder/util/localization_helper.dart';
|
|
import 'package:fladder/util/widget_extensions.dart';
|
|
import 'package:fladder/widgets/shared/item_actions.dart';
|
|
import 'package:fladder/widgets/shared/modal_bottom_sheet.dart';
|
|
import 'package:fladder/widgets/shared/selectable_icon_button.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
class BookDetailScreen extends ConsumerStatefulWidget {
|
|
final BookModel item;
|
|
const BookDetailScreen({required this.item, super.key});
|
|
|
|
@override
|
|
ConsumerState<ConsumerStatefulWidget> createState() => _BookDetailScreenState();
|
|
}
|
|
|
|
class _BookDetailScreenState extends ConsumerState<BookDetailScreen> {
|
|
late final provider = bookDetailsProvider(widget.item.id);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final details = ref.watch(provider);
|
|
return DetailScaffold(
|
|
label: widget.item.name,
|
|
item: details.book,
|
|
actions: (context) => details.book?.generateActions(
|
|
context,
|
|
ref,
|
|
exclude: {
|
|
ItemActions.play,
|
|
ItemActions.playFromStart,
|
|
ItemActions.details,
|
|
},
|
|
onDeleteSuccesFully: (item) {
|
|
if (context.mounted) {
|
|
context.router.maybePop();
|
|
}
|
|
},
|
|
),
|
|
backgroundColor: Theme.of(context).colorScheme.surface.withOpacity(0.8),
|
|
onRefresh: () async => await ref.read(provider.notifier).fetchDetails(widget.item),
|
|
backDrops: details.cover,
|
|
content: (padding) => details.book != null
|
|
? Padding(
|
|
padding: const EdgeInsets.only(bottom: 64),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
SizedBox(height: MediaQuery.of(context).size.height * 0.2),
|
|
if (MediaQuery.sizeOf(context).width < 500)
|
|
Center(
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(maxWidth: MediaQuery.sizeOf(context).width * 0.75),
|
|
child: AspectRatio(
|
|
aspectRatio: 0.76,
|
|
child: Card(
|
|
child: FladderImage(image: details.cover?.primary),
|
|
),
|
|
),
|
|
).padding(padding),
|
|
),
|
|
Row(
|
|
children: [
|
|
if (MediaQuery.sizeOf(context).width > 500) ...{
|
|
ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
maxWidth: MediaQuery.sizeOf(context).width * 0.3,
|
|
maxHeight: MediaQuery.sizeOf(context).height * 0.75),
|
|
child: AspectRatio(
|
|
aspectRatio: 0.76,
|
|
child: Card(
|
|
child: FladderImage(image: details.cover?.primary),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 32),
|
|
},
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (details.nextUp != null)
|
|
OverviewHeader(
|
|
subTitle: details.book!.parentName ?? details.parentModel?.name,
|
|
name: details.nextUp!.name,
|
|
productionYear: details.nextUp!.overview.productionYear,
|
|
runTime: details.nextUp!.overview.runTime,
|
|
genres: details.nextUp!.overview.genreItems,
|
|
studios: details.nextUp!.overview.studios,
|
|
officialRating: details.nextUp!.overview.parentalRating,
|
|
communityRating: details.nextUp!.overview.communityRating,
|
|
externalUrls: details.nextUp!.overview.externalUrls,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
children: [
|
|
//Wrapped so the correct context is used for refreshing the pages
|
|
Builder(
|
|
builder: (context) {
|
|
return MediaPlayButton(
|
|
item: details.nextUp!,
|
|
onPressed: () async => details.nextUp.play(context, ref, provider: provider));
|
|
},
|
|
),
|
|
if (details.parentModel != null)
|
|
SelectableIconButton(
|
|
onPressed: () async => await details.parentModel?.navigateTo(context),
|
|
selected: false,
|
|
selectedIcon: IconsaxBold.book,
|
|
icon: IconsaxOutline.book,
|
|
),
|
|
if (details.parentModel != null)
|
|
SelectableIconButton(
|
|
onPressed: () async => await ref.read(userProvider.notifier).setAsFavorite(
|
|
!details.parentModel!.userData.isFavourite, details.parentModel!.id),
|
|
selected: details.parentModel!.userData.isFavourite,
|
|
selectedIcon: IconsaxBold.heart,
|
|
icon: IconsaxOutline.heart,
|
|
)
|
|
else
|
|
SelectableIconButton(
|
|
onPressed: () async => await ref
|
|
.read(userProvider.notifier)
|
|
.setAsFavorite(!details.book!.userData.isFavourite, details.book!.id),
|
|
selected: details.book!.userData.isFavourite,
|
|
selectedIcon: IconsaxBold.heart,
|
|
icon: IconsaxOutline.heart,
|
|
),
|
|
|
|
//This one toggles all books in a collection
|
|
Builder(builder: (context) {
|
|
return Tooltip(
|
|
message: "Mark all chapters as read",
|
|
child: SelectableIconButton(
|
|
onPressed: () async => await Future.forEach(
|
|
details.allBooks,
|
|
(element) async => await ref
|
|
.read(userProvider.notifier)
|
|
.markAsPlayed(!details.collectionPlayed, element.id)),
|
|
selected: details.collectionPlayed,
|
|
selectedIcon: Icons.check_circle_rounded,
|
|
icon: Icons.check_circle_outline_rounded,
|
|
),
|
|
);
|
|
}),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
).padding(padding),
|
|
if (details.nextUp!.overview.summary.isNotEmpty == true)
|
|
ExpandingOverview(
|
|
text: details.nextUp!.overview.summary,
|
|
).padding(padding),
|
|
if (details.chapters.length > 1)
|
|
Builder(builder: (context) {
|
|
final parentContext = context;
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(context.localized.chapter(details.chapters.length),
|
|
style: Theme.of(context).textTheme.titleLarge),
|
|
const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16),
|
|
child: Divider(),
|
|
),
|
|
...details.chapters.map(
|
|
(e) {
|
|
final current = e == details.nextUp;
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 2),
|
|
child: Opacity(
|
|
opacity: e.userData.played ? 0.65 : 1,
|
|
child: Card(
|
|
color: current ? Theme.of(context).colorScheme.surfaceContainerHighest : null,
|
|
child: PosterListItem(
|
|
poster: e,
|
|
onPressed: (action, item) => showBottomSheetPill(
|
|
context: context,
|
|
item: item,
|
|
content: (context, scrollController) => ListView(
|
|
shrinkWrap: true,
|
|
controller: scrollController,
|
|
children: item
|
|
.generateActions(
|
|
parentContext,
|
|
ref,
|
|
)
|
|
.listTileItems(context, useIcons: true),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
)
|
|
],
|
|
).padding(padding);
|
|
})
|
|
].addPadding(const EdgeInsets.symmetric(vertical: 16)),
|
|
),
|
|
)
|
|
: Container(),
|
|
);
|
|
}
|
|
}
|