Improve post entry views, add post link data

2024-11-30 08:34:31 +01:00
parent fd1f1f4c40
commit f1e1538167
18 changed files with 567 additions and 101 deletions
--- a/CHDataManagement/Views/Posts/PostImagesView.swift
+++ b/CHDataManagement/Views/Posts/PostImagesView.swift
@@ -0,0 +1,94 @@
+import SwiftUI
+
+struct PostImagesView: View {
+
+    @ObservedObject
+    var post: LocalizedPost
+
+    @State
+    private var showImagePicker = false
+
+    var body: some View {
+        ScrollView(.horizontal) {
+            HStack(alignment: .center, spacing: 8) {
+                ForEach(post.images) { image in
+                    ZStack {
+                        image.imageToDisplay
+                            .resizable()
+                            .aspectRatio(contentMode: .fill)
+                            .frame(maxWidth: 300, maxHeight: 200)
+                            .cornerRadius(8)
+                            .layoutPriority(1)
+                        VStack {
+                            HStack {
+                                Button(action: { remove(image) }) {
+                                    NavigationIcon(symbol: .trash, edge: .all)
+                                }
+                                .buttonStyle(.plain)
+                                Spacer()
+                            }
+                            Spacer()
+                            HStack {
+                                Button(action: { shiftLeft(image) }) {
+                                    NavigationIcon(symbol: .chevronLeft, edge: .trailing)
+                                }
+                                .buttonStyle(.plain)
+                                Spacer()
+                                Button(action: { shiftRight(image) }) {
+                                    NavigationIcon(symbol: .chevronRight, edge: .leading)
+                                }
+                                .buttonStyle(.plain)
+                            }
+                        }
+                        .padding()
+                    }
+                }
+                Button(action: { showImagePicker = true }) {
+                    NavigationIcon(symbol: .plus, edge: .all)
+                }
+                .buttonStyle(.plain)
+                .padding()
+            }
+        }
+        .sheet(isPresented: $showImagePicker) {
+            ImagePickerView(showImagePicker: $showImagePicker) { image in
+                post.images.append(image)
+            }
+        }
+    }
+
+    private func shiftLeft(_ image: ImageResource) {
+        guard let index = post.images.firstIndex(of: image) else {
+            return
+        }
+        guard index > 0 else {
+            return
+        }
+        post.images.swapAt(index, index - 1)
+    }
+
+    private func shiftRight(_ image: ImageResource) {
+        guard let index = post.images.firstIndex(of: image) else {
+            return
+        }
+        guard index < post.images.count - 1 else {
+            return
+        }
+        post.images.swapAt(index, index + 1)
+    }
+
+    private func remove(_ image: ImageResource) {
+        guard let index = post.images.firstIndex(of: image) else {
+            return
+        }
+        post.images.remove(at: index)
+    }
+}
+
+#Preview {
+    VStack(alignment: .leading) {
+        Text("Images")
+            .font(.headline)
+        PostImagesView(post: .english)
+    }
+}