Basic Edit View and components

2023-09-30 10:07:27 +02:00
parent d4db6fbd82
commit ee1c0d9aed
21 changed files with 485 additions and 206 deletions
--- a/Client/Views/RecipeEditView.swift
+++ b/Client/Views/RecipeEditView.swift
@@ -0,0 +1,88 @@
+//
+//  RecipeEditView.swift
+//  Nextcloud Cookbook iOS Client
+//
+//  Created by Vincent Meilinger on 29.09.23.
+//
+
+import Foundation
+import SwiftUI
+
+
+struct RecipeEditView: View {
+    @State var recipe: RecipeDetail
+    
+    @State var times = [Date.zero, Date.zero, Date.zero]
+    
+    init(recipe: RecipeDetail? = nil) {
+        
+        self.recipe = recipe ?? RecipeDetail()
+    }
+    
+    var body: some View {
+        Form {
+            TextField("Title", text: $recipe.name)
+            Section() {
+                DatePicker("Prep time:", selection: $times[0], displayedComponents: .hourAndMinute)
+                DatePicker("Cook time:", selection: $times[1], displayedComponents: .hourAndMinute)
+                DatePicker("Total time:", selection: $times[2], displayedComponents: .hourAndMinute)
+            }
+            
+            Section() {
+                
+                List {
+                    ForEach(recipe.recipeInstructions.indices, id: \.self) { ix in
+                        HStack(alignment: .top) {
+                            Text("\(ix+1).")
+                            TextEditor(text: $recipe.recipeInstructions[ix])
+                                .multilineTextAlignment(.leading)
+                        }
+                    }
+                    .onMove { indexSet, offset in
+                        recipe.recipeInstructions.move(fromOffsets: indexSet, toOffset: offset)
+                    }
+                    .onDelete { indexSet in
+                        recipe.recipeInstructions.remove(atOffsets: indexSet)
+                    }
+                }
+                HStack {
+                    Spacer()
+                    Text("Add instruction")
+                    Button() {
+                        recipe.recipeInstructions.append("")
+                    } label: {
+                        Image(systemName: "plus.circle.fill")
+                    }
+                }
+            } header: {
+                HStack {
+                    Text("Ingredients")
+                    Spacer()
+                    EditButton()
+                }
+            }
+        }
+    }
+}
+
+
+struct TimePicker: View {
+    @Binding var hours: Int
+    @Binding var minutes: Int
+
+    var body: some View {
+        HStack {
+            Picker("", selection: $hours){
+                ForEach(0..<99, id: \.self) { i in
+                    Text("\(i) hours").tag(i)
+                }
+            }.pickerStyle(.wheel)
+            Picker("", selection: $minutes){
+                ForEach(0..<60, id: \.self) { i in
+                    Text("\(i) min").tag(i)
+                }
+            }.pickerStyle(.wheel)
+        }
+        .padding(.horizontal)
+    }
+}