71 lines
2.1 KiB
Swift
71 lines
2.1 KiB
Swift
import SwiftUI
|
|
import SFSafeSymbols
|
|
|
|
struct LocalizedPageDetailView: View {
|
|
|
|
@ObservedObject
|
|
private var item: LocalizedPage
|
|
|
|
init(page: LocalizedPage, showImagePicker: Bool = false) {
|
|
self.item = page
|
|
self.showImagePicker = showImagePicker
|
|
}
|
|
|
|
@State
|
|
private var showImagePicker = false
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading) {
|
|
Text("Link Preview Title")
|
|
.font(.headline)
|
|
OptionalTextField("", text: $item.linkPreviewTitle,
|
|
prompt: item.title)
|
|
.textFieldStyle(.roundedBorder)
|
|
.padding(.bottom)
|
|
|
|
HStack {
|
|
Text("Link Preview Image")
|
|
.font(.headline)
|
|
IconButton(symbol: .squareAndPencilCircleFill,
|
|
size: 22,
|
|
color: .blue) {
|
|
showImagePicker = true
|
|
}
|
|
|
|
IconButton(symbol: .trashCircleFill,
|
|
size: 22,
|
|
color: .red) {
|
|
item.linkPreviewImage = nil
|
|
}.disabled(item.linkPreviewImage == nil)
|
|
Spacer()
|
|
}
|
|
|
|
.buttonStyle(.plain)
|
|
if let image = item.linkPreviewImage {
|
|
image.imageToDisplay
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.frame(maxWidth: 400, maxHeight: 300)
|
|
.cornerRadius(8)
|
|
}
|
|
|
|
Text("Link Preview Description")
|
|
.font(.headline)
|
|
.padding(.top)
|
|
OptionalDescriptionField(text: $item.linkPreviewDescription)
|
|
.textFieldStyle(.roundedBorder)
|
|
.padding(.bottom)
|
|
}
|
|
.sheet(isPresented: $showImagePicker) {
|
|
ImagePickerView(showImagePicker: $showImagePicker) { image in
|
|
item.linkPreviewImage = image
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
LocalizedPageDetailView(page: .english)
|
|
.environmentObject(Content.mock)
|
|
}
|