201 lines
8.0 KiB
Dart
201 lines
8.0 KiB
Dart
|
import 'package:diameter/components/dialogs.dart';
|
||
|
import 'package:diameter/models/ingredient.dart';
|
||
|
import 'package:diameter/models/recipe.dart';
|
||
|
import 'package:diameter/models/settings.dart';
|
||
|
import 'package:diameter/navigation.dart';
|
||
|
import 'package:diameter/screens/recipe/recipe_detail.dart';
|
||
|
import 'package:flutter/material.dart';
|
||
|
|
||
|
class RecipeListScreen extends StatefulWidget {
|
||
|
static const String routeName = '/recipes';
|
||
|
|
||
|
const RecipeListScreen({Key? key}) : super(key: key);
|
||
|
|
||
|
@override
|
||
|
_RecipeListScreenState createState() => _RecipeListScreenState();
|
||
|
}
|
||
|
|
||
|
class _RecipeListScreenState extends State<RecipeListScreen> {
|
||
|
List<Recipe> _recipes = [];
|
||
|
|
||
|
final ScrollController _scrollController = ScrollController();
|
||
|
|
||
|
@override
|
||
|
void initState() {
|
||
|
super.initState();
|
||
|
reload();
|
||
|
}
|
||
|
|
||
|
void reload({String? message}) {
|
||
|
setState(() {
|
||
|
_recipes = Recipe.getAll();
|
||
|
});
|
||
|
setState(() {
|
||
|
if (message != null) {
|
||
|
var snackBar = SnackBar(
|
||
|
content: Text(message),
|
||
|
duration: const Duration(seconds: 2),
|
||
|
);
|
||
|
ScaffoldMessenger.of(context)
|
||
|
..removeCurrentSnackBar()
|
||
|
..showSnackBar(snackBar);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
void onDelete(Recipe recipe) {
|
||
|
Recipe.remove(recipe.id);
|
||
|
reload(message: 'Recipe deleted');
|
||
|
}
|
||
|
|
||
|
void handleDeleteAction(Recipe recipe) async {
|
||
|
if (Settings.get().showConfirmationDialogOnDelete) {
|
||
|
Dialogs.showConfirmationDialog(
|
||
|
context: context,
|
||
|
onConfirm: () => onDelete(recipe),
|
||
|
message: 'Are you sure you want to delete this Recipe?',
|
||
|
);
|
||
|
} else {
|
||
|
onDelete(recipe);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
return Scaffold(
|
||
|
appBar: AppBar(title: const Text('Recipes'), actions: <Widget>[
|
||
|
IconButton(onPressed: reload, icon: const Icon(Icons.refresh))
|
||
|
]),
|
||
|
drawer: const Navigation(currentLocation: RecipeListScreen.routeName),
|
||
|
body: Column(
|
||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
children: <Widget>[
|
||
|
Expanded(
|
||
|
child: _recipes.isNotEmpty
|
||
|
? Scrollbar(
|
||
|
controller: _scrollController,
|
||
|
child: ListView.builder(
|
||
|
controller: _scrollController,
|
||
|
padding: const EdgeInsets.all(10.0),
|
||
|
itemCount: _recipes.length,
|
||
|
itemBuilder: (context, index) {
|
||
|
final recipe = _recipes[index];
|
||
|
final carbsRatio =
|
||
|
Ingredient.getCarbsRatioForRecipe(recipe.id);
|
||
|
final carbsPerPortion = Recipe.getCarbsPerPortion(recipe.id);
|
||
|
return Card(
|
||
|
child: ListTile(
|
||
|
onTap: () {
|
||
|
Navigator.push(
|
||
|
context,
|
||
|
MaterialPageRoute(
|
||
|
builder: (context) =>
|
||
|
RecipeDetailScreen(id: recipe.id),
|
||
|
),
|
||
|
).then((result) => reload(message: result?[0]));
|
||
|
},
|
||
|
title: Text(
|
||
|
recipe.name.toUpperCase(),
|
||
|
style: Theme.of(context).textTheme.subtitle2,
|
||
|
),
|
||
|
subtitle: Padding(
|
||
|
padding:
|
||
|
const EdgeInsets.symmetric(vertical: 10.0),
|
||
|
child: Row(
|
||
|
children: [
|
||
|
Column(
|
||
|
children: [
|
||
|
Text(recipe.notes ?? ''),
|
||
|
],
|
||
|
),
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
mainAxisAlignment:
|
||
|
MainAxisAlignment.center,
|
||
|
crossAxisAlignment:
|
||
|
CrossAxisAlignment.center,
|
||
|
children:
|
||
|
((carbsRatio ?? 0) > 0)
|
||
|
? [
|
||
|
Text(carbsRatio!.toString()),
|
||
|
const Text('% carbs',
|
||
|
textScaleFactor: 0.75),
|
||
|
]
|
||
|
: [],
|
||
|
),
|
||
|
),
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
mainAxisAlignment:
|
||
|
MainAxisAlignment.center,
|
||
|
crossAxisAlignment:
|
||
|
CrossAxisAlignment.center,
|
||
|
children:
|
||
|
(recipe.servings != null)
|
||
|
? [
|
||
|
Text(recipe.servings!
|
||
|
.toStringAsPrecision(3)),
|
||
|
const Text('servings',
|
||
|
textScaleFactor: 0.75),
|
||
|
]
|
||
|
: [],
|
||
|
),
|
||
|
),
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
mainAxisAlignment:
|
||
|
MainAxisAlignment.center,
|
||
|
crossAxisAlignment:
|
||
|
CrossAxisAlignment.center,
|
||
|
children:
|
||
|
((carbsPerPortion ?? 0) > 0)
|
||
|
? [
|
||
|
Text(carbsPerPortion!
|
||
|
.toStringAsPrecision(3)),
|
||
|
Text(
|
||
|
'${Settings.nutritionMeasurementSuffix} carbs per serving',
|
||
|
textScaleFactor: 0.75),
|
||
|
]
|
||
|
: [],
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
trailing: Row(
|
||
|
mainAxisSize: MainAxisSize.min,
|
||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||
|
children: [
|
||
|
IconButton(
|
||
|
onPressed: () => handleDeleteAction(recipe),
|
||
|
icon: const Icon(Icons.delete,
|
||
|
color: Colors.blue),
|
||
|
)
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
},
|
||
|
),
|
||
|
)
|
||
|
: const Center(
|
||
|
child: Text('You have not created any Recipes yet!'),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
floatingActionButton: FloatingActionButton(
|
||
|
onPressed: () {
|
||
|
Navigator.push(
|
||
|
context,
|
||
|
MaterialPageRoute(
|
||
|
builder: (context) => const RecipeDetailScreen(),
|
||
|
),
|
||
|
).then((result) => reload(message: result?[0]));
|
||
|
},
|
||
|
child: const Icon(Icons.add),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
}
|