Updated RecipeView

Nextcloud Cookbook iOS Client/Views/Recipes/KeywordPickerView.swift

@@ -0,0 +1,140 @@
+//
+//  KeywordPickerView.swift
+//  Nextcloud Cookbook iOS Client
+//
+//  Created by Vincent Meilinger on 03.10.23.
+//
+
+import Foundation
+import SwiftUI
+
+
+
+struct KeywordPickerView: View {
+    @Environment(\.presentationMode) var presentationMode
+    @State var title: String
+    @State var searchSuggestions: [RecipeKeyword]
+    @Binding var selection: [String]
+    @State var searchText: String = ""
+    
+    var columns: [GridItem] = [GridItem(.adaptive(minimum: 150), spacing: 5)]
+    
+    var body: some View {
+        VStack(alignment: .leading) {
+            HStack {
+                Spacer()
+                Button {
+                    presentationMode.wrappedValue.dismiss()
+                } label: {
+                    Text("Done")
+                }.padding()
+            }
+            TextField(title, text: $searchText)
+                .textFieldStyle(.roundedBorder)
+                .padding()
+            ScrollView {
+                LazyVGrid(columns: columns, spacing: 5) {
+                    if searchText != "" {
+                        KeywordItemView(
+                            keyword: searchText,
+                            isSelected: selection.contains(searchText)
+                        ) { keyword in
+                            if selection.contains(keyword) {
+                                selection.removeAll(where: { s in
+                                    s == keyword ? true : false
+                                })
+                                searchSuggestions.removeAll(where: { s in
+                                    s.name == keyword ? true : false
+                                })
+                            } else {
+                                selection.append(keyword)
+                            }
+                        }
+                    }
+                    ForEach(suggestionsFiltered(), id: \.name) { suggestion in
+                        KeywordItemView(
+                            keyword: suggestion.name,
+                            count: suggestion.recipe_count,
+                            isSelected: selection.contains(suggestion.name)
+                        ) { keyword in
+                            if selection.contains(keyword) {
+                                selection.removeAll(where: { s in
+                                    s == keyword ? true : false
+                                })
+                            } else {
+                                selection.append(keyword)
+                            }
+                        }
+                    }
+                }
+                Divider().padding()
+                HStack {
+                    Text("Selected keywords:")
+                        .font(.headline)
+                        .padding()
+                    Spacer()
+                }
+                LazyVGrid(columns: columns, spacing: 5) {
+                    ForEach(selection, id: \.self) { suggestion in
+                        KeywordItemView(
+                            keyword: suggestion,
+                            isSelected: true
+                        ) { keyword in
+                            if selection.contains(keyword) {
+                                selection.removeAll(where: { s in
+                                    s == keyword ? true : false
+                                })
+                            } else {
+                                selection.append(keyword)
+                            }
+                        }
+                    }
+                }
+                Spacer()
+            }
+        }
+        .navigationTitle(title)
+        .padding(5)
+        
+    }
+    
+    func suggestionsFiltered() -> [RecipeKeyword] {
+        guard searchText != "" else { return searchSuggestions }
+        return searchSuggestions.filter { suggestion in
+            suggestion.name.lowercased().contains(searchText.lowercased())
+        }.sorted(by: { a, b in
+            a.recipe_count > b.recipe_count
+        })
+    }
+}
+
+
+
+struct KeywordItemView: View {
+    var keyword: String
+    var count: Int? = nil
+    var isSelected: Bool
+    var tapped: (String) -> ()
+    
+    var body: some View {
+        HStack {
+            if isSelected {
+                Image(systemName: "checkmark.circle.fill")
+            }
+            Text(keyword)
+                .lineLimit(2)
+            Spacer()
+            if let count = count {
+                Text("(\(count))")
+            }
+        }
+        .padding()
+        .background(
+            RoundedRectangle(cornerRadius: 15)
+                .foregroundStyle(Color("backgroundHighlight"))
+        )
+        .onTapGesture {
+            tapped(keyword)
+        }
+    }
+}