feat: Allow tracking who you are watching anime with
This commit is contained in:
@@ -1,9 +1,11 @@
|
||||
import 'package:anitrack/i18n/strings.g.dart';
|
||||
import 'package:anitrack/src/data/anime.dart';
|
||||
import 'package:anitrack/src/data/anime_watcher.dart';
|
||||
import 'package:anitrack/src/data/manga.dart';
|
||||
import 'package:anitrack/src/data/type.dart';
|
||||
import 'package:anitrack/src/ui/bloc/details_bloc.dart';
|
||||
import 'package:anitrack/src/ui/constants.dart';
|
||||
import 'package:anitrack/src/ui/pages/details/watcher_sheet.dart';
|
||||
import 'package:anitrack/src/ui/widgets/dropdown.dart';
|
||||
import 'package:anitrack/src/ui/widgets/image.dart';
|
||||
import 'package:anitrack/src/ui/widgets/integer_input.dart';
|
||||
@@ -357,6 +359,96 @@ class DetailsPage extends StatelessWidget {
|
||||
),
|
||||
),
|
||||
),*/
|
||||
Padding(
|
||||
padding: const EdgeInsetsGeometry.symmetric(
|
||||
vertical: 8,
|
||||
horizontal: 8,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
bottom: 8,
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Text(
|
||||
t.details.watchingWith.title,
|
||||
style: Theme.of(
|
||||
context,
|
||||
).textTheme.titleSmall,
|
||||
),
|
||||
|
||||
Padding(
|
||||
padding: const EdgeInsetsGeometry.only(
|
||||
left: 4,
|
||||
),
|
||||
child: IconButton(
|
||||
onPressed: () async {
|
||||
final bloc = context
|
||||
.read<DetailsBloc>();
|
||||
final watchers = await bloc
|
||||
.getAllAnimeWatchers();
|
||||
final result =
|
||||
await showModalBottomSheet<
|
||||
AnimeWatcher?
|
||||
>(
|
||||
context: context,
|
||||
builder: (ctx) =>
|
||||
DetailsWatcherSheet(
|
||||
watchers: watchers,
|
||||
),
|
||||
);
|
||||
if (result == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Do not allow adding a watcher twice.
|
||||
if (state.animeWatchers.any(
|
||||
(watcher) =>
|
||||
watcher.name == result.name,
|
||||
)) {
|
||||
return;
|
||||
}
|
||||
|
||||
context.read<DetailsBloc>().add(
|
||||
AnimeWatcherAddedEvent(result),
|
||||
);
|
||||
},
|
||||
icon: const Icon(Icons.add),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (state.trackingType == TrackingMediumType.anime)
|
||||
if (state.animeWatchers.isNotEmpty)
|
||||
Wrap(
|
||||
children: [
|
||||
for (final watcher in state.animeWatchers)
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsetsGeometry.symmetric(
|
||||
horizontal: 4,
|
||||
),
|
||||
child: InputChip(
|
||||
label: Text(watcher.name),
|
||||
onDeleted: () {
|
||||
context.read<DetailsBloc>().add(
|
||||
AnimeWatcherRemovedEvent(watcher),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
)
|
||||
else
|
||||
Text(t.details.watchingWith.alone),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 8,
|
||||
@@ -377,7 +469,6 @@ class DetailsPage extends StatelessWidget {
|
||||
),
|
||||
),
|
||||
);
|
||||
break;
|
||||
case TrackingMediumType.manga:
|
||||
final data = state.data! as MangaTrackingData;
|
||||
context.read<DetailsBloc>().add(
|
||||
@@ -387,7 +478,6 @@ class DetailsPage extends StatelessWidget {
|
||||
),
|
||||
),
|
||||
);
|
||||
break;
|
||||
}
|
||||
},
|
||||
initialValue:
|
||||
|
||||
180
lib/src/ui/pages/details/watcher_sheet.dart
Normal file
180
lib/src/ui/pages/details/watcher_sheet.dart
Normal file
@@ -0,0 +1,180 @@
|
||||
import 'package:anitrack/i18n/strings.g.dart';
|
||||
import 'package:anitrack/src/data/anime_watcher.dart';
|
||||
import 'package:anitrack/src/ui/bloc/details_bloc.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
|
||||
class DetailsWatcherSheet extends StatefulWidget {
|
||||
const DetailsWatcherSheet({required this.watchers, super.key});
|
||||
|
||||
// The watchers to show.
|
||||
final List<AnimeWatcher> watchers;
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() => DetailsWatcherSheetState();
|
||||
}
|
||||
|
||||
class DetailsWatcherSheetState extends State<DetailsWatcherSheet> {
|
||||
/// List of all watchers.
|
||||
late List<AnimeWatcher> _baseWatcherList;
|
||||
|
||||
/// List of names to show.
|
||||
late List<AnimeWatcher> _filteredWatchers;
|
||||
|
||||
/// Controller for the text field.
|
||||
final TextEditingController _controller = TextEditingController();
|
||||
|
||||
void _filterList() {
|
||||
setState(() {
|
||||
_filteredWatchers = widget.watchers
|
||||
.where(
|
||||
(item) => item.name.toLowerCase().contains(
|
||||
_controller.text.toLowerCase(),
|
||||
),
|
||||
)
|
||||
.toList();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_baseWatcherList = widget.watchers;
|
||||
_filteredWatchers = _baseWatcherList;
|
||||
_controller.addListener(_filterList);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controller.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
bool _canAdd() {
|
||||
return _controller.text.isNotEmpty &&
|
||||
_filteredWatchers.every(
|
||||
(item) => item.name.toLowerCase() != _controller.text.toLowerCase(),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return DraggableScrollableSheet(
|
||||
initialChildSize: 1,
|
||||
builder: (ctx, scrollController) {
|
||||
return Padding(
|
||||
padding: const EdgeInsetsGeometry.only(
|
||||
top: 18,
|
||||
),
|
||||
child: CustomScrollView(
|
||||
controller: scrollController,
|
||||
slivers: [
|
||||
SliverToBoxAdapter(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 16,
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextField(
|
||||
controller: _controller,
|
||||
decoration: InputDecoration(
|
||||
labelText: t.details.watchingWith.name,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(8),
|
||||
child: ElevatedButton(
|
||||
onPressed: _canAdd()
|
||||
? () async {
|
||||
final watcher = AnimeWatcher(
|
||||
_controller.text,
|
||||
);
|
||||
await context
|
||||
.read<DetailsBloc>()
|
||||
.addAnimeWatcher(watcher);
|
||||
Navigator.of(context).pop(watcher);
|
||||
}
|
||||
: null,
|
||||
child: Text(t.details.watchingWith.add),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
SliverList.builder(
|
||||
itemBuilder: (ctx, idx) => ListTile(
|
||||
title: Text(_filteredWatchers[idx].name),
|
||||
onTap: () {
|
||||
Navigator.of(context).pop(_filteredWatchers[idx]);
|
||||
},
|
||||
trailing: IconButton(
|
||||
icon: const Icon(
|
||||
Icons.delete,
|
||||
color: Colors.red,
|
||||
),
|
||||
onPressed: () async {
|
||||
final result = await showDialog<bool>(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text(t.details.watchers.removeTitle),
|
||||
content: Text(
|
||||
t.details.watchers.removeBody(
|
||||
watcher: _filteredWatchers[idx].name,
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(
|
||||
context,
|
||||
).pop(true);
|
||||
},
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: Colors.red,
|
||||
),
|
||||
child: Text(
|
||||
t.details.removeButton,
|
||||
),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(
|
||||
context,
|
||||
).pop(false);
|
||||
},
|
||||
child: Text(
|
||||
t.details.cancelButton,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
if (result == null || !result) {
|
||||
return;
|
||||
}
|
||||
|
||||
final watcher = _filteredWatchers[idx];
|
||||
_baseWatcherList.remove(watcher);
|
||||
_filterList();
|
||||
context.read<DetailsBloc>().add(
|
||||
AnimeWatcherDeletedEvent(watcher),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
itemCount: _filteredWatchers.length,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user