feat(ui): Implement setting chapters/episodes

This commit is contained in:
PapaTutuWawa 2023-02-06 16:24:42 +01:00
parent e6c1e5e7fe
commit 74fdbe59bd
2 changed files with 143 additions and 86 deletions

View File

@ -5,40 +5,23 @@ import 'package:anitrack/src/ui/bloc/details_bloc.dart';
import 'package:anitrack/src/ui/constants.dart'; import 'package:anitrack/src/ui/constants.dart';
import 'package:anitrack/src/ui/widgets/dropdown.dart'; import 'package:anitrack/src/ui/widgets/dropdown.dart';
import 'package:anitrack/src/ui/widgets/image.dart'; import 'package:anitrack/src/ui/widgets/image.dart';
import 'package:anitrack/src/ui/widgets/integer_input.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:get_it/get_it.dart'; import 'package:get_it/get_it.dart';
class DetailsPage extends StatefulWidget { class DetailsPage extends StatelessWidget {
DetailsPage({ const DetailsPage({
super.key, super.key,
}); });
static MaterialPageRoute<dynamic> get route => MaterialPageRoute<dynamic>( static MaterialPageRoute<dynamic> get route => MaterialPageRoute<dynamic>(
builder: (_) => DetailsPage(), builder: (_) => const DetailsPage(),
settings: const RouteSettings( settings: const RouteSettings(
name: detailsRoute, name: detailsRoute,
), ),
); );
@override
DetailsPageState createState() => DetailsPageState();
}
class DetailsPageState extends State<DetailsPage> {
final TextEditingController _volumesOwnedController = TextEditingController();
@override
void initState() {
super.initState();
final state = GetIt.I.get<DetailsBloc>().state;
if (state.trackingType == TrackingMediumType.manga) {
_volumesOwnedController.text = '${(state.data as MangaTrackingData).volumesOwned}';
}
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
@ -137,78 +120,62 @@ class DetailsPageState extends State<DetailsPage> {
), ),
), ),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 8,
),
child: IntegerInput(
labelText: state.trackingType == TrackingMediumType.anime ?
'Episodes' :
'Chapters',
onChanged: (value) {
switch (state.trackingType) {
case TrackingMediumType.anime:
final data = state.data as AnimeTrackingData;
context.read<DetailsBloc>().add(
DetailsUpdatedEvent(
data.copyWith(
episodesWatched: value,
),
),
);
break;
case TrackingMediumType.manga:
final data = state.data as MangaTrackingData;
context.read<DetailsBloc>().add(
DetailsUpdatedEvent(
data.copyWith(
chaptersRead: value,
),
),
);
break;
}
},
initialValue: state.trackingType == TrackingMediumType.anime ?
(state.data as AnimeTrackingData).episodesWatched :
(state.data as MangaTrackingData).chaptersRead,
),
),
if (state.trackingType == TrackingMediumType.manga) if (state.trackingType == TrackingMediumType.manga)
Padding( Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
vertical: 8, vertical: 8,
), ),
child: Row( child: IntegerInput(
children: [ labelText: 'Volumes owned',
ElevatedButton( onChanged: (value) {
onPressed: () { final data = state.data as MangaTrackingData;
final data = (state.data as MangaTrackingData); context.read<DetailsBloc>().add(
if (data.volumesOwned == 0) return; DetailsUpdatedEvent(
data.copyWith(
_volumesOwnedController.text = '${data.volumesOwned - 1}'; volumesOwned: value,
context.read<DetailsBloc>().add(
DetailsUpdatedEvent(
data.copyWith(
volumesOwned: data.volumesOwned - 1,
),
),
);
},
child: Icon(Icons.remove),
),
Expanded(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
),
child: TextField(
decoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'Volumes owned',
),
keyboardType: TextInputType.numberWithOptions(
signed: false,
decimal: false,
),
textInputAction: TextInputAction.done,
controller: _volumesOwnedController,
onSubmitted: (value) {
final amount = int.parse(value);
if (amount < 0) return;
context.read<DetailsBloc>().add(
DetailsUpdatedEvent(
(state.data as MangaTrackingData).copyWith(
volumesOwned: amount,
),
),
);
},
), ),
), ),
), );
},
ElevatedButton( initialValue: (GetIt.I.get<DetailsBloc>().state.data as MangaTrackingData).volumesOwned,
onPressed: () {
final data = (state.data as MangaTrackingData);
_volumesOwnedController.text = '${data.volumesOwned + 1}';
context.read<DetailsBloc>().add(
DetailsUpdatedEvent(
data.copyWith(
volumesOwned: data.volumesOwned + 1,
),
),
);
},
child: Icon(Icons.add),
),
],
), ),
), ),
], ],

View File

@ -0,0 +1,90 @@
import 'package:flutter/material.dart';
class IntegerInput extends StatefulWidget {
const IntegerInput({
required this.onChanged,
required this.initialValue,
required this.labelText,
super.key,
});
/// Called when the integer value has been changed.
final void Function(int) onChanged;
/// The label of the TextField.
final String labelText;
/// The initial integer value.
final int initialValue;
@override
IntegerInputState createState() => IntegerInputState();
}
class IntegerInputState extends State<IntegerInput> {
/// The integer value backing the widget
late int _value;
/// The controller for the TextField.
final TextEditingController _controller = TextEditingController();
@override
void initState() {
super.initState();
_value = widget.initialValue;
_controller.text = _value.toString();
}
@override
Widget build(BuildContext context) {
return Row(
children: [
ElevatedButton(
onPressed: () {
if (_value == 0) return;
_value--;
_controller.text = '$_value';
widget.onChanged(_value);
},
child: const Icon(Icons.remove),
),
Expanded(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
),
child: TextField(
decoration: InputDecoration(
border: const OutlineInputBorder(),
labelText: widget.labelText,
),
keyboardType: TextInputType.number,
textInputAction: TextInputAction.done,
controller: _controller,
onSubmitted: (text) {
final value = int.parse(text);
if (value < 0) return;
_value = value;
_controller.text = '$_value';
widget.onChanged(_value);
},
),
),
),
ElevatedButton(
onPressed: () {
_value++;
_controller.text = '$_value';
widget.onChanged(_value);
},
child: const Icon(Icons.add),
),
],
);
}
}