mirror of
https://github.com/kodjodevf/mangayomi.git
synced 2026-05-17 01:42:20 +00:00
add manga reader detail
This commit is contained in:
kodjodevf
parent
c90b78831f
commit
2b05a3ab52
1 changed files with 290 additions and 0 deletions
290
lib/views/manga/detail/manga_details_view.dart
Normal file
290
lib/views/manga/detail/manga_details_view.dart
Normal file
|
|
@ -0,0 +1,290 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||||
|
import 'package:hive_flutter/hive_flutter.dart';
|
||||||
|
import 'package:mangayomi/models/model_manga.dart';
|
||||||
|
import 'package:mangayomi/providers/hive_provider.dart';
|
||||||
|
import 'package:mangayomi/utils/media_query.dart';
|
||||||
|
import 'package:mangayomi/views/manga/detail/card_sliver_app_bar.dart';
|
||||||
|
|
||||||
|
final isExtended = StateProvider.autoDispose<bool>((ref) {
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
|
class MangaDetailsView extends ConsumerStatefulWidget {
|
||||||
|
final bool isManga;
|
||||||
|
final ModelManga modelManga;
|
||||||
|
final Function(bool) isFavorite;
|
||||||
|
const MangaDetailsView({
|
||||||
|
super.key,
|
||||||
|
required this.isFavorite,
|
||||||
|
required this.modelManga,
|
||||||
|
required this.isManga,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
ConsumerState<MangaDetailsView> createState() => _MangaDetailsViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MangaDetailsViewState extends ConsumerState<MangaDetailsView> {
|
||||||
|
bool isFavorite = false;
|
||||||
|
bool _isOk = false;
|
||||||
|
bool isGplay = false;
|
||||||
|
_checkFavorite(bool i) async {
|
||||||
|
if (!_isOk) {
|
||||||
|
await Future.delayed(const Duration(milliseconds: 30));
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {
|
||||||
|
widget.isFavorite(i);
|
||||||
|
isFavorite = i;
|
||||||
|
_isOk = true;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_setFavorite(bool i) async {
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {
|
||||||
|
widget.isFavorite(i);
|
||||||
|
isFavorite = i;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final manga = ref.watch(hiveBoxManga);
|
||||||
|
return Scaffold(
|
||||||
|
floatingActionButton: widget.isManga
|
||||||
|
? widget.modelManga.chapterTitle!.isNotEmpty
|
||||||
|
? ValueListenableBuilder<Box>(
|
||||||
|
valueListenable: ref.watch(hiveBoxMangaInfo).listenable(),
|
||||||
|
builder: (context, value, child) {
|
||||||
|
final entries = value.get(
|
||||||
|
"${widget.modelManga.source}/${widget.modelManga.name}-chapter_index",
|
||||||
|
defaultValue: '');
|
||||||
|
if (entries.isNotEmpty) {
|
||||||
|
return Consumer(builder: (context, ref, child) {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
AnimatedContainer(
|
||||||
|
height: 50,
|
||||||
|
width: !ref.watch(isExtended)
|
||||||
|
? 63
|
||||||
|
: mediaWidth(context, 0.4),
|
||||||
|
duration: const Duration(milliseconds: 400),
|
||||||
|
curve: Curves.easeIn,
|
||||||
|
child: ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.circular(20))),
|
||||||
|
onPressed: () {},
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
AnimatedContainer(
|
||||||
|
curve: Curves.easeIn,
|
||||||
|
width: !ref.watch(isExtended)
|
||||||
|
? 0
|
||||||
|
: mediaWidth(context, 0.2),
|
||||||
|
duration:
|
||||||
|
const Duration(milliseconds: 400),
|
||||||
|
child: Text(
|
||||||
|
widget.modelManga.chapterTitle![
|
||||||
|
int.parse(entries.toString())],
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white, fontSize: 13),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Icon(
|
||||||
|
Icons.play_arrow,
|
||||||
|
color: Colors.white,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return Consumer(builder: (context, ref, child) {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
AnimatedContainer(
|
||||||
|
height: 50,
|
||||||
|
width: !ref.watch(isExtended) ? null : null,
|
||||||
|
duration: const Duration(microseconds: 500),
|
||||||
|
curve: Curves.elasticOut,
|
||||||
|
child: ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(20))),
|
||||||
|
onPressed: () {},
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
AnimatedContainer(
|
||||||
|
curve: Curves.elasticOut,
|
||||||
|
width: !ref.watch(isExtended) ? 0 : null,
|
||||||
|
duration: const Duration(microseconds: 500),
|
||||||
|
child: Text(
|
||||||
|
"Read",
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white, fontSize: 13),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
AnimatedContainer(
|
||||||
|
curve: Curves.elasticOut,
|
||||||
|
width: !ref.watch(isExtended) ? 0 : 10,
|
||||||
|
duration: const Duration(microseconds: 500),
|
||||||
|
),
|
||||||
|
const Icon(
|
||||||
|
Icons.play_arrow,
|
||||||
|
color: Colors.white,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
)
|
||||||
|
: Container()
|
||||||
|
: Container(),
|
||||||
|
body: CardSliverAppBar(
|
||||||
|
height: 200,
|
||||||
|
title: Text(widget.modelManga.name!,
|
||||||
|
style: const TextStyle(fontSize: 17, fontWeight: FontWeight.bold)),
|
||||||
|
titleDescription: Row(
|
||||||
|
children: [
|
||||||
|
Flexible(
|
||||||
|
child: ListView.builder(
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemCount: 2,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return index == 0
|
||||||
|
? Row(
|
||||||
|
children: [
|
||||||
|
CircleAvatar(
|
||||||
|
backgroundColor: Theme.of(context).cardColor,
|
||||||
|
radius: 12,
|
||||||
|
child: const Icon(
|
||||||
|
FontAwesomeIcons.clock,
|
||||||
|
size: 13,
|
||||||
|
)),
|
||||||
|
const SizedBox(
|
||||||
|
width: 2,
|
||||||
|
),
|
||||||
|
Text(widget.modelManga.status!)
|
||||||
|
],
|
||||||
|
)
|
||||||
|
: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 5),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
CircleAvatar(
|
||||||
|
backgroundColor: Theme.of(context).cardColor,
|
||||||
|
radius: 12,
|
||||||
|
child: const Icon(
|
||||||
|
FontAwesomeIcons.user,
|
||||||
|
size: 13,
|
||||||
|
)),
|
||||||
|
const SizedBox(
|
||||||
|
width: 2,
|
||||||
|
),
|
||||||
|
Text(widget.modelManga.author!)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
action: widget.isManga
|
||||||
|
? ValueListenableBuilder<Box<ModelManga>>(
|
||||||
|
valueListenable: ref.watch(hiveBoxManga).listenable(),
|
||||||
|
builder: (context, value, child) {
|
||||||
|
final entries = value.values
|
||||||
|
.where(
|
||||||
|
(element) => element.link == widget.modelManga.link)
|
||||||
|
.toList();
|
||||||
|
if (entries.isNotEmpty) {
|
||||||
|
if (entries[0].favorite == true) {
|
||||||
|
_checkFavorite(true);
|
||||||
|
|
||||||
|
return IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
_setFavorite(false);
|
||||||
|
manga.delete(widget.modelManga.link);
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.favorite));
|
||||||
|
} else {
|
||||||
|
_checkFavorite(false);
|
||||||
|
return IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
_setFavorite(true);
|
||||||
|
final model = ModelManga(
|
||||||
|
imageUrl: widget.modelManga.imageUrl,
|
||||||
|
name: widget.modelManga.name,
|
||||||
|
genre: widget.modelManga.genre,
|
||||||
|
author: widget.modelManga.author,
|
||||||
|
status: widget.modelManga.status,
|
||||||
|
chapterDate: widget.modelManga.chapterDate,
|
||||||
|
chapterTitle: widget.modelManga.chapterTitle,
|
||||||
|
chapterUrl: widget.modelManga.chapterUrl,
|
||||||
|
description: widget.modelManga.description,
|
||||||
|
favorite: true,
|
||||||
|
link: widget.modelManga.link,
|
||||||
|
source: widget.modelManga.source,
|
||||||
|
lang: widget.modelManga.lang);
|
||||||
|
manga.put(widget.modelManga.link, model);
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.favorite_border_rounded));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
_setFavorite(true);
|
||||||
|
final model = ModelManga(
|
||||||
|
imageUrl: widget.modelManga.imageUrl,
|
||||||
|
name: widget.modelManga.name,
|
||||||
|
genre: widget.modelManga.genre,
|
||||||
|
author: widget.modelManga.author,
|
||||||
|
status: widget.modelManga.status,
|
||||||
|
chapterDate: widget.modelManga.chapterDate,
|
||||||
|
chapterTitle: widget.modelManga.chapterTitle,
|
||||||
|
chapterUrl: widget.modelManga.chapterUrl,
|
||||||
|
description: widget.modelManga.description,
|
||||||
|
favorite: true,
|
||||||
|
link: widget.modelManga.link,
|
||||||
|
source: widget.modelManga.source,
|
||||||
|
lang: widget.modelManga.lang);
|
||||||
|
manga.put(widget.modelManga.link, model);
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.favorite_border_rounded));
|
||||||
|
},
|
||||||
|
)
|
||||||
|
: Container(),
|
||||||
|
chapterTitle: widget.modelManga.chapterTitle,
|
||||||
|
genre: widget.modelManga.genre,
|
||||||
|
isManga: widget.isManga,
|
||||||
|
modelManga: widget.modelManga,
|
||||||
|
description: widget.modelManga.description,
|
||||||
|
isExtended: (value) {
|
||||||
|
ref.read(isExtended.notifier).update((state) => value);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue