updated ui for button/line fixes
Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
This commit is contained in:
parent
d02db4b288
commit
02b1230d70
@ -28,7 +28,8 @@ class ButtonViewController: BaseViewController<Button> {
|
||||
var disabledSwitch = Toggle()
|
||||
var textField = TextField()
|
||||
var widthTextField = NumericField()
|
||||
|
||||
var percentageTextField = NumericField()
|
||||
|
||||
override func viewDidLoad() {
|
||||
super.viewDidLoad()
|
||||
addContentTopView(view: .makeWrapper(for: component, edgeSpacing: 16.0), edgeSpacing: 0.0)
|
||||
@ -45,6 +46,7 @@ class ButtonViewController: BaseViewController<Button> {
|
||||
addFormRow(label: "Disabled", view: disabledSwitch)
|
||||
addFormRow(label: "Text", view: textField)
|
||||
addFormRow(label: "Width", view: widthTextField)
|
||||
addFormRow(label: "Percentage (1-100)", view: percentageTextField)
|
||||
addFormRow(label: "Size", view: buttonSizePickerSelectorView)
|
||||
|
||||
|
||||
@ -61,8 +63,23 @@ class ButtonViewController: BaseViewController<Button> {
|
||||
widthTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
guard let self, let number else { return }
|
||||
self.component.width = number.cgFloatValue
|
||||
if let number {
|
||||
self?.component.width = .value(number.cgFloatValue)
|
||||
self?.percentageTextField.text = ""
|
||||
} else {
|
||||
self?.component.width = nil
|
||||
}
|
||||
}.store(in: &subscribers)
|
||||
|
||||
percentageTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
if let number {
|
||||
self?.component.width = .percentage(number.cgFloatValue)
|
||||
self?.widthTextField.text = ""
|
||||
} else {
|
||||
self?.component.width = nil
|
||||
}
|
||||
}.store(in: &subscribers)
|
||||
|
||||
}
|
||||
|
||||
@ -15,11 +15,17 @@ class LineViewController: BaseViewController<Line> {
|
||||
picker: self.picker,
|
||||
items: Line.Style.allCases)
|
||||
}()
|
||||
|
||||
|
||||
lazy var orientationPickerView = {
|
||||
PickerSelectorView(title:"horizontal",
|
||||
picker: self.picker,
|
||||
items: Line.Orientation.allCases)
|
||||
}()
|
||||
|
||||
override func viewDidLoad() {
|
||||
super.viewDidLoad()
|
||||
|
||||
addContentTopView(view: component)
|
||||
component.height(30)
|
||||
setupPicker()
|
||||
}
|
||||
|
||||
@ -27,6 +33,7 @@ class LineViewController: BaseViewController<Line> {
|
||||
super.setupForm()
|
||||
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
||||
addFormRow(label: "Style", view: lineStylePickerView)
|
||||
addFormRow(label: "Orientation", view: orientationPickerView)
|
||||
}
|
||||
|
||||
func setupPicker() {
|
||||
@ -38,6 +45,10 @@ class LineViewController: BaseViewController<Line> {
|
||||
lineStylePickerView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.style = item
|
||||
}
|
||||
|
||||
orientationPickerView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.orientation = item
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user