marco/rezepte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ability to display added ingredients in listview

Browse Source
This commit is contained in:
SomnusVeritas
2023-10-31 19:26:12 +01:00
parent 3e094bf8f0
commit a29f37b0e8
5 changed files with 141 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
lib/pages/create_recipe_page.dart
View File

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:rezepte/widgets/ingredients_bottomsheet.dart';
import '../models/difficulty.dart';
import '../models/ingredient_list_entry.dart';
import '../services/providers/recipe_provider.dart';
class CreateRecipe extends StatefulWidget {
@@ -14,6 +15,7 @@ class CreateRecipe extends StatefulWidget {
class _CreateRecipeState extends State<CreateRecipe> {
late RecipeProvider recipeProvider;
final List<IngredientListEntry> ingredientEntries = [];
@override
Widget build(BuildContext context) {
@@ -23,29 +25,40 @@ class _CreateRecipeState extends State<CreateRecipe> {
title: const Text('Create Recipe'),
),
body: Form(
child: Column(
children: [
TextFormField(
onChanged: (value) => recipeProvider.title = value,
decoration: const InputDecoration(
label: Text('Title'),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
children: [
TextFormField(
onChanged: (value) => recipeProvider.title = value,
decoration: const InputDecoration(
label: Text('Title'),
),
),
),
TextFormField(
onChanged: (value) => recipeProvider.description = value,
decoration: const InputDecoration(
label: Text('Description'),
TextFormField(
onChanged: (value) => recipeProvider.description = value,
decoration: const InputDecoration(
label: Text('Description'),
),
),
),
DropdownMenu<Difficulty?>(
dropdownMenuEntries: DifficultyUtil.getDropdownList(),
onSelected: (value) => recipeProvider.difficulty = value,
),
ElevatedButton(
onPressed: _openIngredientBottomSheet,
child: const Text('Add Ingredient'),
),
],
DropdownMenu<Difficulty?>(
dropdownMenuEntries: DifficultyUtil.getDropdownList(),
onSelected: (value) => recipeProvider.difficulty = value,
label: const Text('Difficulty'),
),
ElevatedButton(
onPressed: _openIngredientBottomSheet,
child: const Text('Add Ingredient'),
),
Expanded(
child: ListView.separated(
itemCount: ingredientEntries.length,
itemBuilder: _ingredientListBuilder,
separatorBuilder: (context, index) => const Divider(),
),
)
],
),
),
),
);
@@ -54,7 +67,44 @@ class _CreateRecipeState extends State<CreateRecipe> {
void _openIngredientBottomSheet() {
showModalBottomSheet(
context: context,
builder: (context) => const IngredientsBottomsheet(),
builder: (context) => IngredientsBottomsheet(
onSubmitted: _onIngredientSubmitted,
),
);
}
void _onIngredientSubmitted(IngredientListEntry ingredient) => setState(() {
ingredientEntries.add(ingredient);
});
Widget? _ingredientListBuilder(BuildContext context, int index) {
final ingredient = ingredientEntries.elementAt(index);
final textTheme = Theme.of(context).textTheme.titleMedium;
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(ingredient.ingredient.title, style: textTheme),
Row(
children: [
Text(
ingredient.amount.toString(),
style: textTheme,
),
const Padding(padding: EdgeInsets.symmetric(horizontal: 2)),
Text(
ingredient.unit.name,
style: textTheme,
),
],
),
],
),
);
}
Widget _seperatorBuilder(BuildContext context, int index) {
return const Divider(indent: 20, endIndent: 20);
}
}