mirror of
https://github.com/kodjodevf/mangayomi.git
synced 2026-05-10 15:40:38 +00:00
560 lines
27 KiB
Dart
560 lines
27 KiB
Dart
import 'dart:developer';
|
|
|
|
import 'package:draggable_menu/draggable_menu.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:hive_flutter/hive_flutter.dart';
|
|
import 'package:mangayomi/models/categories.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/library/providers/library_state_provider.dart';
|
|
import 'package:mangayomi/views/library/search_text_form_field.dart';
|
|
import 'package:mangayomi/views/library/widgets/library_gridview_widget.dart';
|
|
import 'package:mangayomi/views/library/widgets/library_listview_widget.dart';
|
|
import 'package:mangayomi/views/manga/detail/widgets/chapter_filter_list_tile_widget.dart';
|
|
|
|
class LibraryScreen extends ConsumerStatefulWidget {
|
|
const LibraryScreen({super.key});
|
|
|
|
@override
|
|
ConsumerState<LibraryScreen> createState() => _LibraryScreenState();
|
|
}
|
|
|
|
class _LibraryScreenState extends ConsumerState<LibraryScreen>
|
|
with TickerProviderStateMixin {
|
|
bool isSearch = false;
|
|
List<ModelManga> entries = [];
|
|
List<ModelManga> entriesFilter = [];
|
|
final _textEditingController = TextEditingController();
|
|
late TabController tabBarController;
|
|
int tabIndex = 0;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final reverse = ref.watch(libraryReverseListStateProvider);
|
|
final showCategoryTabs = ref.watch(libraryShowCategoryTabsStateProvider);
|
|
final continueReaderBtn =
|
|
ref.watch(libraryShowContinueReadingButtonStateProvider);
|
|
final showNumbersOfItems =
|
|
ref.watch(libraryShowNumbersOfItemsStateProvider);
|
|
final downloadedChapter = ref.watch(libraryDownloadedChaptersStateProvider);
|
|
final language = ref.watch(libraryLanguageStateProvider);
|
|
final displayType = ref
|
|
.read(libraryDisplayTypeStateProvider.notifier)
|
|
.getLibraryDisplayTypeValue(ref.watch(libraryDisplayTypeStateProvider));
|
|
final isNotFiltering = ref
|
|
.read(mangaFilterResultStateProvider(mangaList: entries).notifier)
|
|
.isNotFiltering();
|
|
return ValueListenableBuilder<Box<CategoriesModel>>(
|
|
valueListenable: ref.watch(hiveBoxCategoriesProvider).listenable(),
|
|
builder: (context, value, child) {
|
|
final entr = value.values.toList();
|
|
if (entr.isNotEmpty && showCategoryTabs) {
|
|
tabBarController = TabController(length: entr.length, vsync: this);
|
|
tabBarController.animateTo(tabIndex);
|
|
tabBarController.addListener(() {
|
|
tabIndex = tabBarController.index;
|
|
});
|
|
return DefaultTabController(
|
|
length: entr.length,
|
|
child: Scaffold(
|
|
appBar:
|
|
_appBar(isNotFiltering, showNumbersOfItems, entries.length),
|
|
body: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
TabBar(
|
|
isScrollable: true,
|
|
controller: tabBarController,
|
|
tabs: entr.map((e) => Tab(text: e.name)).toList()),
|
|
Flexible(
|
|
child: TabBarView(
|
|
controller: tabBarController,
|
|
children: entr
|
|
.map(
|
|
(e) => Scaffold(
|
|
body: ValueListenableBuilder<Box<ModelManga>>(
|
|
valueListenable: ref
|
|
.watch(hiveBoxMangaProvider)
|
|
.listenable(),
|
|
builder: (context, value, child) {
|
|
entries = value.values
|
|
.where((element) =>
|
|
element.favorite &&
|
|
element.categories != null &&
|
|
element.categories!.contains(e.id))
|
|
.toList();
|
|
final data = ref.watch(
|
|
mangaFilterResultStateProvider(
|
|
mangaList: entries));
|
|
entriesFilter = _textEditingController
|
|
.text.isNotEmpty
|
|
? data
|
|
.where((element) => element.name!
|
|
.toLowerCase()
|
|
.contains(_textEditingController
|
|
.text
|
|
.toLowerCase()))
|
|
.toList()
|
|
: data;
|
|
final entriesManga = reverse
|
|
? entriesFilter.reversed.toList()
|
|
: entriesFilter;
|
|
|
|
if (entriesFilter.isNotEmpty) {
|
|
return displayType == DisplayType.list
|
|
? LibraryListViewWidget(
|
|
entriesManga: entriesManga,
|
|
continueReaderBtn:
|
|
continueReaderBtn,
|
|
downloadedChapter:
|
|
downloadedChapter,
|
|
language: language,
|
|
)
|
|
: LibraryGridViewWidget(
|
|
entriesManga: entriesManga,
|
|
isCoverOnlyGrid: displayType ==
|
|
DisplayType.compactGrid
|
|
? false
|
|
: true,
|
|
isComfortableGrid: displayType ==
|
|
DisplayType.comfortableGrid
|
|
? true
|
|
: false,
|
|
continueReaderBtn:
|
|
continueReaderBtn,
|
|
downloadedChapter:
|
|
downloadedChapter,
|
|
language: language,
|
|
);
|
|
}
|
|
return const Center(
|
|
child: Text("Empty Library"));
|
|
},
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
))
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return Scaffold(
|
|
appBar: _appBar(isNotFiltering, showNumbersOfItems, entries.length),
|
|
body: ValueListenableBuilder<Box<ModelManga>>(
|
|
valueListenable: ref.watch(hiveBoxMangaProvider).listenable(),
|
|
builder: (context, value, child) {
|
|
entries =
|
|
value.values.where((element) => element.favorite).toList();
|
|
final data = ref
|
|
.watch(mangaFilterResultStateProvider(mangaList: entries));
|
|
entriesFilter = _textEditingController.text.isNotEmpty
|
|
? data
|
|
.where((element) => element.name!
|
|
.toLowerCase()
|
|
.contains(
|
|
_textEditingController.text.toLowerCase()))
|
|
.toList()
|
|
: data;
|
|
final entriesManga =
|
|
reverse ? entriesFilter.reversed.toList() : entriesFilter;
|
|
|
|
if (entriesFilter.isNotEmpty) {
|
|
return displayType == DisplayType.list
|
|
? LibraryListViewWidget(
|
|
entriesManga: entriesManga,
|
|
continueReaderBtn: continueReaderBtn,
|
|
downloadedChapter: downloadedChapter,
|
|
language: language,
|
|
)
|
|
: LibraryGridViewWidget(
|
|
entriesManga: entriesManga,
|
|
isCoverOnlyGrid:
|
|
displayType == DisplayType.compactGrid
|
|
? false
|
|
: true,
|
|
isComfortableGrid:
|
|
displayType == DisplayType.comfortableGrid
|
|
? true
|
|
: false,
|
|
continueReaderBtn: continueReaderBtn,
|
|
downloadedChapter: downloadedChapter,
|
|
language: language,
|
|
);
|
|
}
|
|
return const Center(child: Text("Empty Library"));
|
|
},
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
_showDraggableMenu() {
|
|
late TabController tabBarController;
|
|
tabBarController = TabController(length: 3, vsync: this);
|
|
DraggableMenu.open(
|
|
context,
|
|
DraggableMenu(
|
|
barItem: Container(),
|
|
uiType: DraggableMenuUiType.softModern,
|
|
expandable: true,
|
|
expandedHeight: mediaHeight(context, 0.8),
|
|
maxHeight: mediaHeight(context, 0.5),
|
|
minimizeBeforeFastDrag: true,
|
|
child: DefaultTabController(
|
|
length: 3,
|
|
child: Scaffold(
|
|
body: Column(
|
|
children: [
|
|
TabBar(
|
|
controller: tabBarController,
|
|
tabs: const [
|
|
Tab(text: "Filter"),
|
|
Tab(text: "Sort"),
|
|
Tab(text: "Display"),
|
|
],
|
|
),
|
|
Flexible(
|
|
child:
|
|
TabBarView(controller: tabBarController, children: [
|
|
Consumer(builder: (context, ref, chil) {
|
|
return Column(
|
|
children: [
|
|
ListTileChapterFilter(
|
|
label: "Downloaded",
|
|
type: ref.watch(
|
|
mangaFilterDownloadedStateProvider(
|
|
mangaList: entries)),
|
|
onTap: () {
|
|
setState(() {
|
|
entriesFilter = ref
|
|
.read(
|
|
mangaFilterDownloadedStateProvider(
|
|
mangaList: entries)
|
|
.notifier)
|
|
.update();
|
|
});
|
|
}),
|
|
ListTileChapterFilter(
|
|
label: "Unread",
|
|
type: ref.watch(
|
|
mangaFilterUnreadStateProvider(
|
|
mangaList: entries)),
|
|
onTap: () {
|
|
setState(() {
|
|
entriesFilter = ref
|
|
.read(
|
|
mangaFilterUnreadStateProvider(
|
|
mangaList: entries)
|
|
.notifier)
|
|
.update();
|
|
});
|
|
}),
|
|
ListTileChapterFilter(
|
|
label: "Started",
|
|
type: ref.watch(
|
|
mangaFilterStartedStateProvider(
|
|
mangaList: entries)),
|
|
onTap: () {
|
|
setState(() {
|
|
entriesFilter = ref
|
|
.read(
|
|
mangaFilterStartedStateProvider(
|
|
mangaList: entries)
|
|
.notifier)
|
|
.update();
|
|
});
|
|
}),
|
|
ListTileChapterFilter(
|
|
label: "Bookmarked",
|
|
type: ref.watch(
|
|
mangaFilterBookmarkedStateProvider(
|
|
mangaList: entries)),
|
|
onTap: () {
|
|
setState(() {
|
|
entriesFilter = ref
|
|
.read(
|
|
mangaFilterBookmarkedStateProvider(
|
|
mangaList: entries)
|
|
.notifier)
|
|
.update();
|
|
});
|
|
}),
|
|
],
|
|
);
|
|
}),
|
|
Consumer(builder: (context, ref, chil) {
|
|
final reverse =
|
|
ref.watch(libraryReverseListStateProvider);
|
|
|
|
return Column(
|
|
children: [
|
|
ListTile(
|
|
onTap: () {
|
|
ref
|
|
.read(libraryReverseListStateProvider
|
|
.notifier)
|
|
.set(!reverse);
|
|
},
|
|
dense: true,
|
|
leading: Icon(reverse
|
|
? Icons.arrow_downward_sharp
|
|
: Icons.arrow_upward_sharp),
|
|
title: const Text("Alphabetically"),
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
Consumer(builder: (context, ref, chil) {
|
|
final display =
|
|
ref.watch(libraryDisplayTypeStateProvider);
|
|
final displayV = ref
|
|
.read(libraryDisplayTypeStateProvider.notifier);
|
|
final showCategoryTabs =
|
|
ref.watch(libraryShowCategoryTabsStateProvider);
|
|
final continueReaderBtn = ref.watch(
|
|
libraryShowContinueReadingButtonStateProvider);
|
|
final showNumbersOfItems = ref
|
|
.watch(libraryShowNumbersOfItemsStateProvider);
|
|
final downloadedChapter = ref
|
|
.watch(libraryDownloadedChaptersStateProvider);
|
|
final language =
|
|
ref.watch(libraryLanguageStateProvider);
|
|
return SingleChildScrollView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 20, top: 10),
|
|
child: Row(
|
|
children: const [
|
|
Text("Display mode"),
|
|
],
|
|
),
|
|
),
|
|
Column(
|
|
children: DisplayType.values
|
|
.map(
|
|
(e) => RadioListTile<DisplayType>(
|
|
title: Text(
|
|
displayV
|
|
.getLibraryDisplayTypeName(
|
|
e.name),
|
|
style: TextStyle(
|
|
color: Theme.of(context)
|
|
.textTheme
|
|
.bodyLarge!
|
|
.color,
|
|
fontSize: 14),
|
|
),
|
|
value: e,
|
|
groupValue: displayV
|
|
.getLibraryDisplayTypeValue(
|
|
display),
|
|
selected: true,
|
|
onChanged: (value) {
|
|
displayV.setLibraryDisplayType(
|
|
value!);
|
|
},
|
|
),
|
|
)
|
|
.toList()),
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 20, top: 10),
|
|
child: Row(
|
|
children: const [
|
|
Text("Badges"),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.only(left: 10, top: 5),
|
|
child: Column(
|
|
children: [
|
|
ListTileChapterFilter(
|
|
label: "Downloaded chapters",
|
|
type: downloadedChapter ? 1 : 0,
|
|
onTap: () {
|
|
ref
|
|
.read(
|
|
libraryDownloadedChaptersStateProvider
|
|
.notifier)
|
|
.set(!downloadedChapter);
|
|
}),
|
|
ListTileChapterFilter(
|
|
label: "Language",
|
|
type: language ? 1 : 0,
|
|
onTap: () {
|
|
ref
|
|
.read(
|
|
libraryLanguageStateProvider
|
|
.notifier)
|
|
.set(!language);
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 20, top: 10),
|
|
child: Row(
|
|
children: const [
|
|
Text("Tabs"),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.only(left: 10, top: 5),
|
|
child: Column(
|
|
children: [
|
|
ListTileChapterFilter(
|
|
label: "Show category tabs",
|
|
type: showCategoryTabs ? 1 : 0,
|
|
onTap: () {
|
|
ref
|
|
.read(
|
|
libraryShowCategoryTabsStateProvider
|
|
.notifier)
|
|
.set(!showCategoryTabs);
|
|
}),
|
|
ListTileChapterFilter(
|
|
label: "Show numbers of items",
|
|
type: showNumbersOfItems ? 1 : 0,
|
|
onTap: () {
|
|
ref
|
|
.read(
|
|
libraryShowNumbersOfItemsStateProvider
|
|
.notifier)
|
|
.set(!showNumbersOfItems);
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 20, top: 10),
|
|
child: Row(
|
|
children: const [
|
|
Text("Others"),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.only(left: 10, top: 5),
|
|
child: Column(
|
|
children: [
|
|
ListTileChapterFilter(
|
|
label:
|
|
"Show continue reading button",
|
|
type: continueReaderBtn ? 1 : 0,
|
|
onTap: () {
|
|
ref
|
|
.read(
|
|
libraryShowContinueReadingButtonStateProvider
|
|
.notifier)
|
|
.set(!continueReaderBtn);
|
|
}),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}),
|
|
]),
|
|
),
|
|
],
|
|
),
|
|
))));
|
|
}
|
|
|
|
AppBar _appBar(
|
|
bool isNotFiltering, bool showNumbersOfItems, int numberOfItems) {
|
|
return AppBar(
|
|
elevation: 0,
|
|
backgroundColor: Colors.transparent,
|
|
title: isSearch
|
|
? null
|
|
: Row(
|
|
children: [
|
|
Text(
|
|
'Library',
|
|
style: TextStyle(color: Theme.of(context).hintColor),
|
|
),
|
|
const SizedBox(
|
|
width: 10,
|
|
),
|
|
if (showNumbersOfItems)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 3),
|
|
child: CircleAvatar(
|
|
backgroundColor: Theme.of(context).focusColor,
|
|
radius: 10,
|
|
child: Text(
|
|
numberOfItems.toString(),
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color:
|
|
Theme.of(context).textTheme.bodySmall!.color),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
isSearch
|
|
? SeachFormTextField(
|
|
onChanged: (value) {
|
|
setState(() {});
|
|
},
|
|
onPressed: () {
|
|
setState(() {
|
|
isSearch = false;
|
|
});
|
|
_textEditingController.clear();
|
|
},
|
|
controller: _textEditingController,
|
|
onSuffixPressed: () {
|
|
_textEditingController.clear();
|
|
setState(() {});
|
|
},
|
|
)
|
|
: IconButton(
|
|
splashRadius: 20,
|
|
onPressed: () {
|
|
setState(() {
|
|
isSearch = true;
|
|
});
|
|
_textEditingController.clear();
|
|
},
|
|
icon: const Icon(
|
|
Icons.search,
|
|
)),
|
|
IconButton(
|
|
splashRadius: 20,
|
|
onPressed: () {
|
|
_showDraggableMenu();
|
|
},
|
|
icon: Icon(
|
|
Icons.filter_list_sharp,
|
|
color: isNotFiltering ? null : Colors.yellow,
|
|
)),
|
|
PopupMenuButton(
|
|
itemBuilder: (context) {
|
|
return [
|
|
const PopupMenuItem<int>(
|
|
value: 0, child: Text("Open random entry")),
|
|
];
|
|
},
|
|
onSelected: (value) {}),
|
|
],
|
|
);
|
|
}
|
|
}
|