reimplemented how create recipe page works

2023-11-13 19:45:23 +01:00
parent 8835c83081
commit e4fe16ac06
9 changed files with 294 additions and 245 deletions
--- a/lib/pages/create_recipe_page.dart
+++ b/lib/pages/create_recipe_page.dart
@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:rezepte/services/providers/db/dbhelper.dart';
+import 'package:rezepte/widgets/will_pop_scope.dart';
+import '../models/recipe.dart';
+import '../services/providers/recipe_list_provider.dart';
+import '../services/providers/recipe_provider.dart';
+import '../widgets/create_recipe_page/add_info_widget.dart';
+import '../widgets/create_recipe_page/add_ingredients_widget.dart';
+import '../widgets/create_recipe_page/add_steps_widget.dart';
+
+class CreateRecipe extends StatefulWidget {
+  const CreateRecipe({super.key});
+  static const routeName = '/createRecipe';
+
+  @override
+  State<CreateRecipe> createState() => _CreateRecipeState();
+}
+
+class _CreateRecipeState extends State<CreateRecipe> {
+  late RecipeListProvider recipeListProvider;
+  late RecipeProvider recipeProvider;
+  late Recipe recipe;
+  final List<Widget> pages = [
+    const AddRecipeInfoWidget(),
+    const AddIngredientsWidget(),
+    const AddCookingStepsWidget(),
+  ];
+  int selectedTabIndex = 0;
+
+  @override
+  void dispose() {
+    recipeProvider.disposeRecipe();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    recipeProvider = Provider.of<RecipeProvider>(context, listen: true);
+    recipeListProvider =
+        Provider.of<RecipeListProvider>(context, listen: false);
+
+    if (recipeProvider.recipe == null) {
+      recipe = Recipe(id: DbHelper.nextRecipeId, title: '');
+      WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+        recipeProvider.recipe = recipe;
+      });
+    }
+
+    return CustomWillPopScope(
+      context,
+      ignore: recipe.isEmpty,
+      child: Scaffold(
+        appBar: AppBar(
+          title: const Text('Create Recipe'),
+        ),
+        bottomNavigationBar: BottomNavigationBar(
+          currentIndex: selectedTabIndex,
+          showSelectedLabels: false,
+          items: const [
+            BottomNavigationBarItem(icon: Icon(Icons.add_task), label: ''),
+            BottomNavigationBarItem(icon: Icon(Icons.add_task), label: ''),
+            BottomNavigationBarItem(icon: Icon(Icons.add_task), label: ''),
+          ],
+          onTap: (value) => setState(() => selectedTabIndex = value),
+        ),
+        body: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 20),
+          child: pages.elementAt(selectedTabIndex),
+        ),
+        // floatingActionButton: recipe.isNotEmpty
+        //     ? FloatingActionButton(
+        //         onPressed: _onRecipeSubmitted,
+        //         child: const Icon(Icons.save),
+        //       )
+        //     : null,
+      ),
+    );
+  }
+
+  void _onRecipeSubmitted() {
+    // TODO implement onRecipeSubmitted
+    if (recipe.isEmpty) return;
+    recipeListProvider.addRecipe(recipe);
+    Navigator.of(context).pop();
+  }
+}