initial commit

2023-09-16 14:09:49 +02:00
parent 1e42dd4891
commit 2ebc420451
41 changed files with 1495 additions and 83 deletions
--- a/Client/Views/RecipeDetailView.swift
+++ b/Client/Views/RecipeDetailView.swift
@@ -0,0 +1,201 @@
+//
+//  RecipeDetailView.swift
+//  Nextcloud Cookbook iOS Client
+//
+//  Created by Vincent Meilinger on 15.09.23.
+//
+
+import Foundation
+import SwiftUI
+
+
+struct RecipeDetailView: View {
+    @ObservedObject var viewModel: MainViewModel
+    @State var recipe: Recipe
+    @State var recipeDetail: RecipeDetail?
+    @State var recipeImage: UIImage?
+    @State var showTitle: Bool = false
+    var body: some View {
+        ScrollView(showsIndicators: false) {
+            VStack(alignment: .leading) {
+                if let recipeImage = recipeImage {
+                    Image(uiImage: recipeImage)
+                        .resizable()
+                        .aspectRatio(contentMode: .fill)
+                        .frame(height: 300)
+                        .clipped()
+                } else {
+                    Color.blue
+                        .frame(height: 300)
+                }
+                
+                if let recipeDetail = recipeDetail {
+                    LazyVStack (alignment: .leading) {
+                        Divider()
+                        Text(recipeDetail.name)
+                            .font(.title)
+                            .bold()
+                            .padding()
+                            .onDisappear {
+                                showTitle = true
+                            }
+                            .onAppear {
+                                showTitle = false
+                            }
+                        Divider()
+                        RecipeYieldSection(recipeDetail: recipeDetail)
+                        RecipeDurationSection(recipeDetail: recipeDetail)
+                        if(!recipeDetail.recipeIngredient.isEmpty) {
+                            RecipeIngredientSection(recipeDetail: recipeDetail)
+                        }
+                        if(!recipeDetail.tool.isEmpty) {
+                            RecipeToolSection(recipeDetail: recipeDetail)
+                        }
+                        if(!recipeDetail.recipeInstructions.isEmpty) {
+                            RecipeInstructionSection(recipeDetail: recipeDetail)
+                        }
+                    }.padding(.horizontal, 5)
+                    
+                }
+            }
+        }
+        .navigationBarTitleDisplayMode(.inline)
+        .navigationTitle(showTitle ? recipe.name : "")
+        .task {
+            recipeDetail = await viewModel.loadRecipeDetail(recipeId: recipe.recipe_id)
+            recipeImage = await viewModel.loadImage(recipeId: recipe.recipe_id, full: true)
+        }
+        .refreshable {
+            recipeDetail = await viewModel.loadRecipeDetail(recipeId: recipe.recipe_id, needsUpdate: true)
+            recipeImage = await viewModel.loadImage(recipeId: recipe.recipe_id, full: true, needsUpdate: true)
+        }
+        
+    }
+}
+
+struct RecipeYieldSection: View {
+    @State var recipeDetail: RecipeDetail
+    var body: some View {
+        HStack {
+            Text("Servings: \(recipeDetail.recipeYield)")
+            Spacer()
+        }.padding()
+            .background(Color("accent"))
+            .clipShape(RoundedRectangle(cornerRadius: 10))
+    }
+}
+
+struct RecipeDurationSection: View {
+    @State var recipeDetail: RecipeDetail
+    
+    var body: some View {
+        HStack {
+            if let prepTime = recipeDetail.prepTime {
+                VStack {
+                    SecondaryLabel(text: "Prep time")
+                    Text(formatDate(duration: prepTime))
+                        .lineLimit(1)
+                }.padding()
+                .frame(maxWidth: .infinity)
+                .background(Color("accent"))
+                .clipShape(RoundedRectangle(cornerRadius: 10))
+            }
+            
+            if let cookTime = recipeDetail.cookTime {
+                VStack {
+                    SecondaryLabel(text: "Cook time")
+                    Text(formatDate(duration: cookTime))
+                        .lineLimit(1)
+                }.padding()
+                .frame(maxWidth: .infinity)
+                .background(Color("accent"))
+                .clipShape(RoundedRectangle(cornerRadius: 10))
+            }
+            
+            if let totalTime = recipeDetail.totalTime {
+                VStack {
+                    SecondaryLabel(text: "Total time")
+                    Text(formatDate(duration: totalTime))
+                        .lineLimit(1)
+                }.padding()
+                .frame(maxWidth: .infinity)
+                .background(Color("accent"))
+                .clipShape(RoundedRectangle(cornerRadius: 10))
+            }
+        }
+    }
+}
+
+
+struct RecipeIngredientSection: View {
+    @State var recipeDetail: RecipeDetail
+    var body: some View {
+        VStack(alignment: .leading) {
+            HStack {
+                SecondaryLabel(text: "Ingredients")
+                Spacer()
+            }
+            ForEach(recipeDetail.recipeIngredient, id: \.self) { ingredient in
+                Text("\u{2022} \(ingredient)")
+                    .multilineTextAlignment(.leading)
+                    .padding(4)
+            }
+        }.padding()
+        .frame(maxWidth: .infinity)
+        .background(Color("accent"))
+        .clipShape(RoundedRectangle(cornerRadius: 10))
+    }
+}
+
+struct RecipeToolSection: View {
+    @State var recipeDetail: RecipeDetail
+    var body: some View {
+        VStack(alignment: .leading) {
+            HStack {
+                SecondaryLabel(text: "Tools")
+                Spacer()
+            }
+            ForEach(recipeDetail.tool, id: \.self) { tool in
+                Text("\u{2022} \(tool)")
+                    .multilineTextAlignment(.leading)
+                    .padding(4)
+            }
+        }.padding()
+        .frame(maxWidth: .infinity)
+        .background(Color("accent"))
+        .clipShape(RoundedRectangle(cornerRadius: 10))
+    }
+}
+
+struct RecipeInstructionSection: View {
+    @State var recipeDetail: RecipeDetail
+    var body: some View {
+        VStack(alignment: .leading) {
+            HStack {
+                SecondaryLabel(text: "Instructions")
+                Spacer()
+            }
+            ForEach(0..<recipeDetail.recipeInstructions.count) { ix in
+                HStack(alignment: .top) {
+                    Text("\(ix+1).")
+                    Text("\(recipeDetail.recipeInstructions[ix])")
+                }.padding(4)
+            }
+        }.padding()
+        .background(Color("accent"))
+        .clipShape(RoundedRectangle(cornerRadius: 10))
+    }
+}
+
+
+
+
+struct SecondaryLabel: View {
+    let text: String
+    var body: some View {
+        Text(text)
+            .foregroundColor(.secondary)
+            .font(.headline)
+            .padding(.vertical, 5)
+    }
+}