Added tabs and a grocery list

2024-01-23 19:02:04 +01:00
parent 59734fb0cc
commit 931364c57c
10 changed files with 485 additions and 61 deletions
--- a/Client/Views/Tabs/RecipeTabView.swift
+++ b/Client/Views/Tabs/RecipeTabView.swift
@@ -0,0 +1,166 @@
+//
+//  RecipeTabView.swift
+//  Nextcloud Cookbook iOS Client
+//
+//  Created by Vincent Meilinger on 23.01.24.
+//
+
+import Foundation
+import SwiftUI
+
+
+struct RecipeTabView: View {
+    @Binding var selectedCategory: Category?
+    @Binding var showLoadingIndicator: Bool
+    
+    @EnvironmentObject var viewModel: MainViewModel
+    @StateObject var userSettings: UserSettings = UserSettings.shared
+    
+    @State private var showEditView: Bool = false
+    @State private var serverConnection: Bool = false
+    
+    
+    var body: some View {
+        NavigationSplitView {
+            List(selection: $selectedCategory) {
+                // Categories
+                ForEach(viewModel.categories) { category in
+                    if category.recipe_count != 0 {
+                        NavigationLink(value: category) {
+                            HStack(alignment: .center) {
+                                if selectedCategory != nil && category.name == selectedCategory!.name {
+                                    Image(systemName: "book")
+                                } else {
+                                    Image(systemName: "book.closed.fill")
+                                }
+                                Text(category.name == "*" ? String(localized: "Other") : category.name)
+                                    .font(.system(size: 20, weight: .medium, design: .default))
+                                Spacer()
+                                Text("\(category.recipe_count)")
+                                    .font(.system(size: 15, weight: .bold, design: .default))
+                                    .foregroundStyle(Color.background)
+                                    .frame(width: 25, height: 25, alignment: .center)
+                                    .minimumScaleFactor(0.5)
+                                    .background {
+                                        Circle()
+                                            .foregroundStyle(Color.secondary)
+                                    }
+                            }.padding(7)
+                        }
+                    }
+                }
+            }
+            .navigationTitle("Cookbooks")
+            .toolbar {
+                RecipeTabViewToolBar(
+                    viewModel: viewModel,
+                    showEditView: $showEditView,
+                    serverConnection: $serverConnection,
+                    showLoadingIndicator: $showLoadingIndicator
+                )
+            }
+        } detail: {
+            NavigationStack {
+                if let category = selectedCategory {
+                    CategoryDetailView(
+                        categoryName: category.name,
+                        viewModel: viewModel,
+                        showEditView: $showEditView
+                    )
+                    .id(category.id) // Workaround: This is needed to update the detail view when the selection changes
+                }
+            }
+        }
+        .tint(.nextcloudBlue)
+        .sheet(isPresented: $showEditView) {
+            RecipeEditView(
+                viewModel:
+                    RecipeEditViewModel(
+                        mainViewModel: viewModel,
+                        uploadNew: true
+                    ),
+                isPresented: $showEditView
+            )
+        }
+        .task {
+            self.serverConnection = await viewModel.checkServerConnection()
+        }
+        .refreshable {
+            self.serverConnection = await viewModel.checkServerConnection()
+            await viewModel.getCategories()
+        }
+    }
+}
+
+
+fileprivate struct RecipeTabViewToolBar: ToolbarContent {
+    @ObservedObject var viewModel: MainViewModel
+    @Binding var showEditView: Bool
+    @Binding var serverConnection: Bool
+    @Binding var showLoadingIndicator: Bool
+    @State private var presentPopover: Bool = false
+    
+    var body: some ToolbarContent {
+        // Top left menu toolbar item
+        ToolbarItem(placement: .topBarLeading) {
+            Menu {
+                Button {
+                    Task {
+                        showLoadingIndicator = true
+                        UserSettings.shared.lastUpdate = Date.distantPast
+                        await viewModel.getCategories()
+                        for category in viewModel.categories {
+                            await viewModel.getCategory(named: category.name, fetchMode: .preferServer)
+                        }
+                        await viewModel.updateAllRecipeDetails()
+                        showLoadingIndicator = false
+                    }
+                } label: {
+                    Text("Refresh all")
+                    Image(systemName: "icloud.and.arrow.down")
+                }
+                
+            } label: {
+                Image(systemName: "ellipsis.circle")
+            }
+        }
+        
+        // Server connection indicator
+        ToolbarItem(placement: .topBarTrailing) {
+            Button {
+                print("Check server connection")
+                presentPopover = true
+            } label: {
+                if showLoadingIndicator {
+                    ProgressView()
+                } else if serverConnection {
+                    Image(systemName: "checkmark.icloud")
+                } else {
+                    Image(systemName: "xmark.icloud")
+                }
+            }.popover(isPresented: $presentPopover) {
+                VStack(alignment: .leading) {
+                    Text(serverConnection ? LocalizedStringKey("Connected to server.") : LocalizedStringKey("Unable to connect to server."))
+                        .bold()
+                        
+                    Text("Last updated: \(DateFormatter.utcToString(date: UserSettings.shared.lastUpdate))")
+                        .font(.caption)
+                        .foregroundStyle(Color.secondary)
+                }
+                .padding()
+                .presentationCompactAdaptation(.popover)
+            }
+        }
+        
+        // Create new recipes
+        ToolbarItem(placement: .topBarTrailing) {
+            Button {
+                print("Add new recipe")
+                showEditView = true
+            } label: {
+                Image(systemName: "plus.circle.fill")
+            }
+        }
+    
+    }
+}