Unified detail views, model

CHDataManagement/Views/Posts/PostDetailView.swift

@@ -36,109 +36,51 @@ struct PostDetailView: View {
     @ObservedObject
     private var post: Post
 
-    @State
-    private var newId: String
-
     @State
     private var showLinkedPagePicker = false
 
     init(post: Post) {
         self.post = post
-        self.newId = post.id
-    }
-
-    private let allowedCharactersInPostId = CharacterSet.alphanumerics.union(CharacterSet(charactersIn: "-")).inverted
-
-    private var idExists: Bool {
-        post.content.posts.contains { $0.id == newId }
-    }
-
-    private var containsInvalidCharacters: Bool {
-        newId.rangeOfCharacter(from: allowedCharactersInPostId) != nil
     }
 
     var body: some View {
         ScrollView {
             VStack(alignment: .leading) {
-                Text("ID")
-                    .font(.headline)
-                HStack {
-                    TextField("", text: $newId)
-                        .textFieldStyle(.roundedBorder)
-                    Button("Update", action: setNewId)
-                    .disabled(newId.isEmpty || containsInvalidCharacters || idExists)
-                }
-                .padding(.bottom)
+                DetailTitle(
+                    title: "Post",
+                    text: "Posts capture quick updates and can link to pages")
 
-                HStack {
-                    Text("Draft")
-                        .font(.headline)
-                    Spacer()
-                    Toggle("", isOn: $post.isDraft)
-                        .toggleStyle(.switch)
-                }
-                .padding(.bottom)
+                IdPropertyView(
+                    id: $post.id,
+                    footer: "The id is used to link to post and store them",
+                    validation: post.isValid,
+                    update: { post.update(id: $0) })
 
-                HStack {
-                    Text("Start")
-                        .font(.headline)
-                    Spacer()
-                    DatePicker("", selection: $post.startDate, displayedComponents: .date)
-                        .datePickerStyle(.compact)
-                        .padding(.bottom)
-                }
+                BoolPropertyView(
+                    title: "Draft",
+                    value: $post.isDraft,
+                    footer: "Indicate a post as a draft to hide it from the website")
 
-                HStack(alignment: .firstTextBaseline) {
-                    Text("Has end date")
-                        .font(.headline)
-                    Spacer()
-                    Toggle("", isOn: $post.hasEndDate)
-                        .toggleStyle(.switch)
-                        .padding(.bottom)
-                }
+                DatePropertyView(
+                    title: "Start date",
+                    value: $post.startDate,
+                    footer: "The date when the post content started")
 
-                if post.hasEndDate {
-                    HStack(alignment: .firstTextBaseline) {
-                        Text("End date")
-                            .font(.headline)
-                        Spacer()
-                        DatePicker("", selection: $post.endDate, displayedComponents: .date)
-                            .datePickerStyle(.compact)
-                            .padding(.bottom)
-                    }
-                }
-
-                HStack {
-                    Text("Linked page")
-                        .font(.headline)
-                    IconButton(symbol: .squareAndPencilCircleFill,
-                               size: 22,
-                               color: .blue) {
-                        showLinkedPagePicker = true
-                    }
-                    Spacer()
-                }
-                Text(post.linkedPage?.localized(in: language).title ?? "No page linked")
+                OptionalDatePropertyView(
+                    title: "End date",
+                    isEnabled: $post.hasEndDate,
+                    date: $post.endDate,
+                    footer: "The date when the post content ended")
 
+                PagePropertyView(
+                    title: "Linked page",
+                    selectedPage: $post.linkedPage,
+                    footer: "The page to open when clicking on the post")
 
                 LocalizedPostDetailView(post: post.localized(in: language))
-
             }
             .padding()
         }
-        .sheet(isPresented: $showLinkedPagePicker) {
-            PagePickerView(
-                showPagePicker: $showLinkedPagePicker,
-                selectedPage: $post.linkedPage)
-        }
-    }
-
-    private func setNewId() {
-        guard post.update(id: newId) else {
-            newId = post.id
-            return
-        }
-        post.id = newId
     }
 }