Skip to content

test: 💍 code refactoring to move Options out of main test view #1294

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 16, 2025
Merged

test: 💍 code refactoring to move Options out of main test view #1294

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
176 changes: 103 additions & 73 deletions Apps/Examples/Examples/FioriSwiftUICore/FormViews/NoteFormViewExample.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,120 +3,150 @@ import SwiftUI

struct NoteFormViewExample: View {
@State var valueText1: String = "Line 1\nLine 2\nLine 3"

@State var valueText2: String = "This is a test"

@State var valueText3: String = ""
let minHeight: CGFloat = 50
let maxHeight: CGFloat = 200

@State var disabledText = "This is Disabled text."
@State var readOnlyText = "This is Read-Only text."

let errorMessage = AttributedString("Error Message")
let hintText = AttributedString("Hint Text")

@State var showsHintText = false
@State var showsErrorMessage = false
@State var showsCharCount = false
@State var allowsBeyondLimit = false
@State var hidesReadonlyHint = false
@FocusState private var isFocused: Bool

@State var text = ""
@State var isLoading = false
@State var showingOptions = false

var body: some View {
VStack {
Text("NoteFormViewExample")
List {
Toggle("Shows Hint Text", isOn: self.$showsHintText)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Shows Error Message", isOn: self.$showsErrorMessage)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Shows Char Count", isOn: self.$showsCharCount)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Allows Beyond Limit", isOn: self.$allowsBeyondLimit)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Hides Read-Only Hint", isOn: self.$hidesReadonlyHint)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Show Skeleton Loading", isOn: self.$isLoading)
ScrollView {
LazyVStack(alignment: .leading, spacing: 16) {
Button("Dismiss Keyboard") {
self.hideKeyboard()
}
.padding(.leading, 16)
.padding(.trailing, 16)
Button("Dismiss Keyboard") {
hideKeyboard()

Text("NoteFormView Default").italic()
NoteFormView(text: self.isLoading ? self.$text : self.$valueText1, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("NoteFormView with existing text").italic()
NoteFormView(text: self.isLoading ? self.$text : self.$valueText2, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("NoteFormView minHeight 50, maxHeight 100").italic()
NoteFormView(text: self.$valueText3, placeholder: "Please enter something", errorMessage: self.getErrorMessage(), minTextEditorHeight: 50, maxTextEditorHeight: 100, maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("NoteFormView Disabled").italic()
NoteFormView(text: self.isLoading ? self.$text : self.$disabledText, placeholder: "Disabled", controlState: .disabled, maxTextEditorHeight: 100)

Text("NoteFormView Read-Only").italic()
NoteFormView(text: self.isLoading ? self.$text : self.$readOnlyText, placeholder: "Read-Only", controlState: .readOnly, maxTextEditorHeight: 200, hidesReadOnlyHint: self.hidesReadonlyHint)

Text("NoteFormView Customized Border and background color")
.italic()
NoteFormView(text: self.isLoading ? self.$text : self.$valueText2, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)
.focused(self.$isFocused)
.environment(\.isCustomizedBorder, true)
.placeholderTextEditorStyle { config in
PlaceholderTextEditor(config)
.background(Color.blue.opacity(0.1))
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(self.isFocused ? .purple : .green, lineWidth: self.isFocused ? 3 : 1)
)
}

Text("NoteFormView Skeleton Loading Effect with no existing text").italic()
NoteFormView(text: self.$valueText3, placeholder: "NoteFormView Placeholder for Skeleton loading - two lines", controlState: .normal)

Text("NoteFormView AI loading Effect with 3 lines of existing text").italic()
NoteFormView(text: self.$valueText1, placeholder: "", controlState: .normal)
.environment(\.isAILoading, self.isLoading)

Text("NoteFormView AI loading Effect with no existing text").italic()
NoteFormView(text: self.$valueText3, placeholder: "NoteFormView Placeholder for Skeleton loading - two lines", controlState: .normal)
.environment(\.isAILoading, self.isLoading)
}
.padding(.leading, 16)
.padding(.trailing, 16)

Text("Default NoteForm")
NoteFormView(text: self.isLoading ? self.$text : self.$valueText1, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("Existing Text")
.italic()
NoteFormView(text: self.isLoading ? self.$text : self.$valueText2, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("minHeight 50, maxHeight 100")
.italic()
NoteFormView(text: self.$valueText3, placeholder: "Please enter something", errorMessage: self.getErrorMessage(), minTextEditorHeight: 50, maxTextEditorHeight: 100, maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)

Text("Disabled")
NoteFormView(text: self.isLoading ? self.$text : self.$disabledText, placeholder: "Disabled", controlState: .disabled, maxTextEditorHeight: 100)

Text("Read-Only")
NoteFormView(text: self.isLoading ? self.$text : self.$readOnlyText, placeholder: "Read-Only", controlState: .readOnly, maxTextEditorHeight: 200, hidesReadOnlyHint: self.hidesReadonlyHint)

Text("Customized Border and background color")
.italic()
NoteFormView(text: self.isLoading ? self.$text : self.$valueText2, placeholder: "NoteFormView", errorMessage: self.getErrorMessage(), maxTextLength: self.getMaxTextLength(), hintText: self.getHintText(), isCharCountEnabled: self.showsCharCount, allowsBeyondLimit: self.allowsBeyondLimit)
.focused(self.$isFocused)
.environment(\.isCustomizedBorder, true)
.placeholderTextEditorStyle { config in
PlaceholderTextEditor(config)
.background(Color.blue.opacity(0.1))
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(self.isFocused ? .purple : .green, lineWidth: self.isFocused ? 3 : 1)
)
}

Text("Loading")
NoteFormView(text: self.$valueText3, placeholder: "NoteFormView Placeholder for Skeleton loading - two lines", controlState: .normal)

Text("AI loading")
NoteFormView(text: self.$valueText1, placeholder: "", controlState: .normal)
.environment(\.isAILoading, self.isLoading)

NoteFormView(text: self.$valueText3, placeholder: "NoteFormView Placeholder for Skeleton loading - two lines", controlState: .normal)
.environment(\.isAILoading, self.isLoading)
.padding(.horizontal, 16)
}
.environment(\.isLoading, self.isLoading)
#if !os(visionOS)
.scrollDismissesKeyboard(.immediately)
#endif
.navigationBarTitleDisplayMode(.inline)
.navigationTitle("Examples")
.toolbar {
FioriButton(title: "Options") { _ in
self.showingOptions = true
}
}
.sheet(isPresented: self.$showingOptions) {
NavigationStack {
List {
Toggle("Shows Hint Text", isOn: self.$showsHintText)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Shows Error Message", isOn: self.$showsErrorMessage)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Shows Char Count", isOn: self.$showsCharCount)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Allows Beyond Limit", isOn: self.$allowsBeyondLimit)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Hides Read-Only Hint", isOn: self.$hidesReadonlyHint)
.padding(.leading, 16)
.padding(.trailing, 16)
Toggle("Show Skeleton Loading", isOn: self.$isLoading)
.padding(.leading, 16)
.padding(.trailing, 16)
}
.navigationTitle("Options")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .navigationBarTrailing) {
Button("Done") {
self.showingOptions = false
}
}
}
}
.presentationDetents([.medium, .large])
.presentationDragIndicator(.visible)
}
}
}

func getHintText() -> AttributedString? {
self.showsHintText ? self.hintText : nil
}

func getErrorMessage() -> AttributedString? {
self.showsErrorMessage ? self.errorMessage : nil
}

func getMaxTextLength() -> Int? {
self.showsCharCount ? 20 : nil
}

func getCharCountEnabled() -> Bool? {
self.showsCharCount ? true : nil
}

func hideKeyboard() {
UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
}
}

// #Preview {
Expand Down
Loading