Merge branch 'feature/TextArea' into 'develop'
VDS Brand 3.0 Text Area for IOS See merge request BPHV_MIPS/vds_ios_sample!55
This commit is contained in:
commit
1d1c57d917
@ -5,7 +5,6 @@
|
|||||||
// Created by Matt Bruce on 1/10/23.
|
// Created by Matt Bruce on 1/10/23.
|
||||||
//
|
//
|
||||||
|
|
||||||
import Foundation
|
|
||||||
import Foundation
|
import Foundation
|
||||||
import UIKit
|
import UIKit
|
||||||
import VDS
|
import VDS
|
||||||
@ -23,11 +22,19 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
var showErrorSwitch = Toggle()
|
var showErrorSwitch = Toggle()
|
||||||
var tooltipTitleTextField = TextField()
|
var tooltipTitleTextField = TextField()
|
||||||
var tooltipContentTextField = TextField()
|
var tooltipContentTextField = TextField()
|
||||||
|
var maxLengthTextField = NumericField()
|
||||||
|
var readOnlySwitch = Toggle()
|
||||||
|
|
||||||
|
lazy var heightPickerSelectorView = {
|
||||||
|
PickerSelectorView(title: "2X",
|
||||||
|
picker: self.picker,
|
||||||
|
items: TextArea.Height.allCases)
|
||||||
|
}()
|
||||||
|
|
||||||
override func viewDidLoad() {
|
override func viewDidLoad() {
|
||||||
super.viewDidLoad()
|
super.viewDidLoad()
|
||||||
addContentTopView(view: component)
|
addContentTopView(view: component)
|
||||||
|
component.text = "Starting Text"
|
||||||
setupPicker()
|
setupPicker()
|
||||||
setupModel()
|
setupModel()
|
||||||
}
|
}
|
||||||
@ -39,11 +46,13 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
||||||
addFormRow(label: "Label Text", view: labelTextField)
|
addFormRow(label: "Label Text", view: labelTextField)
|
||||||
addFormRow(label: "Helper Text", view: helperTextField)
|
addFormRow(label: "Helper Text", view: helperTextField)
|
||||||
|
addFormRow(label: "Read Only", view: readOnlySwitch)
|
||||||
addFormRow(label: "Error", view: showErrorSwitch)
|
addFormRow(label: "Error", view: showErrorSwitch)
|
||||||
addFormRow(label: "Error Text", view: errorTextField)
|
addFormRow(label: "Error Text", view: errorTextField)
|
||||||
addFormRow(label: "Width", view: widthTextField)
|
|
||||||
addFormRow(label: "ToolTip Title", view: tooltipTitleTextField)
|
addFormRow(label: "ToolTip Title", view: tooltipTitleTextField)
|
||||||
addFormRow(label: "ToolTip Content", view: tooltipContentTextField)
|
addFormRow(label: "ToolTip Content", view: tooltipContentTextField)
|
||||||
|
addFormRow(label: "Character Count", view: maxLengthTextField)
|
||||||
|
addFormRow(label: "Min Height", view: heightPickerSelectorView)
|
||||||
|
|
||||||
requiredSwitch.onChange = { [weak self] sender in
|
requiredSwitch.onChange = { [weak self] sender in
|
||||||
self?.component.required = sender.isOn
|
self?.component.required = sender.isOn
|
||||||
@ -61,6 +70,10 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
self?.component.isEnabled = !sender.isOn
|
self?.component.isEnabled = !sender.isOn
|
||||||
}
|
}
|
||||||
|
|
||||||
|
readOnlySwitch.onChange = { [weak self] sender in
|
||||||
|
self?.component.readOnly = sender.isOn
|
||||||
|
}
|
||||||
|
|
||||||
labelTextField
|
labelTextField
|
||||||
.textPublisher
|
.textPublisher
|
||||||
.sink { [weak self] text in
|
.sink { [weak self] text in
|
||||||
@ -82,7 +95,10 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
widthTextField
|
widthTextField
|
||||||
.numberPublisher
|
.numberPublisher
|
||||||
.sink { [weak self] number in
|
.sink { [weak self] number in
|
||||||
guard let number else { return }
|
guard let number else {
|
||||||
|
self?.component.width = nil
|
||||||
|
return
|
||||||
|
}
|
||||||
self?.component.width = number.cgFloatValue
|
self?.component.width = number.cgFloatValue
|
||||||
}.store(in: &subscribers)
|
}.store(in: &subscribers)
|
||||||
|
|
||||||
@ -98,6 +114,15 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
self?.updateTooltip()
|
self?.updateTooltip()
|
||||||
}.store(in: &subscribers)
|
}.store(in: &subscribers)
|
||||||
|
|
||||||
|
maxLengthTextField
|
||||||
|
.numberPublisher
|
||||||
|
.sink { [weak self] number in
|
||||||
|
guard let number else {
|
||||||
|
self?.component.maxLength = nil
|
||||||
|
return
|
||||||
|
}
|
||||||
|
self?.component.maxLength = number.intValue
|
||||||
|
}.store(in: &subscribers)
|
||||||
}
|
}
|
||||||
|
|
||||||
func setupModel() {
|
func setupModel() {
|
||||||
@ -106,15 +131,14 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
component.helperText = "For example: 123 Verizon St"
|
component.helperText = "For example: 123 Verizon St"
|
||||||
component.errorText = "Enter a valid address."
|
component.errorText = "Enter a valid address."
|
||||||
component.tooltipModel = .init(title: "Check the formatting of your address", content:"House/Building number then street name")
|
component.tooltipModel = .init(title: "Check the formatting of your address", content:"House/Building number then street name")
|
||||||
|
|
||||||
component
|
component
|
||||||
.publisher(for: .valueChanged)
|
.publisher(for: .valueChanged)
|
||||||
.sink { component in
|
.sink { component in
|
||||||
if let text = component.value {
|
// if let text = component.value {
|
||||||
print("text entry: \(text)")
|
// print("text entry: \(text)")
|
||||||
} else {
|
// } else {
|
||||||
print("text entry: null")
|
// print("text entry: null")
|
||||||
}
|
// }
|
||||||
}.store(in: &subscribers)
|
}.store(in: &subscribers)
|
||||||
|
|
||||||
//setup UI
|
//setup UI
|
||||||
@ -135,6 +159,10 @@ class TextAreaViewController: BaseViewController<TextArea> {
|
|||||||
self?.component.surface = item
|
self?.component.surface = item
|
||||||
self?.contentTopView.backgroundColor = item.color
|
self?.contentTopView.backgroundColor = item.color
|
||||||
}
|
}
|
||||||
|
|
||||||
|
heightPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||||
|
self?.component.minHeight = item
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func updateTooltip() {
|
func updateTooltip() {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user