story:ONEAPP-6315: used model with a struct to set default properties on the setup form
This commit is contained in:
vasavk
parent
75575653df
commit
a9de8b5d85
@ -53,72 +53,6 @@ class ButtonIconViewController: BaseViewController<ButtonIcon> {
|
||||
var selectableSwitch = Toggle()
|
||||
var badgeIndicatorSwitch = Toggle()
|
||||
|
||||
lazy var badgeIndicatorKindPickerSelectorView = {
|
||||
PickerSelectorView(title: "simple",
|
||||
picker: self.picker,
|
||||
items: BadgeIndicator.Kind.allCases)
|
||||
}()
|
||||
|
||||
lazy var badgeIndicatorFillColorPickerSelectorView = {
|
||||
PickerSelectorView(title: "red",
|
||||
picker: self.picker,
|
||||
items: BadgeIndicator.FillColor.allCases)
|
||||
}()
|
||||
|
||||
lazy var badgeIndicatorBorderColorPickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: UIColor.VDSColor.allCases)
|
||||
}()
|
||||
|
||||
lazy var textSizePickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: BadgeIndicator.Size.allCases)
|
||||
}()
|
||||
|
||||
lazy var maxDigitsPickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: BadgeIndicator.MaximumDigits.allCases)
|
||||
}()
|
||||
|
||||
lazy var borderColorLightPickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: UIColor.VDSColor.allCases)
|
||||
}()
|
||||
|
||||
lazy var borderColorDarkPickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: UIColor.VDSColor.allCases)
|
||||
}()
|
||||
|
||||
lazy var badgeIndicatorDirectionPickerSelectorView = {
|
||||
PickerSelectorView(title: "",
|
||||
picker: self.picker,
|
||||
items: ButtonIcon.ExpandDirection.allCases)
|
||||
}()
|
||||
|
||||
var numberedForm = FormSection().with { $0.title = "Numbered Kind"}
|
||||
var dotForm = FormSection().with { $0.title = "Simple Kind"}
|
||||
var badgeIndicatorForm = FormSection().with { $0.title = "Badge Indicator Configurations"}
|
||||
|
||||
var badgeIndicatorHideBorderSwitch = Toggle()
|
||||
var textField = NumericField()
|
||||
var leadingCharacterTextField = TextField()
|
||||
var trailingTextField = TextField()
|
||||
var hideDotSwitch = Toggle()
|
||||
var hideBorderSwitch = Toggle()
|
||||
|
||||
var heightTextField = NumericField()
|
||||
var widthTextField = NumericField()
|
||||
var horizontalPaddingTextField = NumericField()
|
||||
var verticalPaddingTextField = NumericField()
|
||||
var dotSizeTextField = NumericField()
|
||||
|
||||
|
||||
override func viewDidLoad() {
|
||||
super.viewDidLoad()
|
||||
addContentTopView(view: .makeWrapper(for: component, edgeSpacing: 16.0), edgeSpacing: 0.0)
|
||||
@ -143,102 +77,13 @@ class ButtonIconViewController: BaseViewController<ButtonIcon> {
|
||||
// addFormRow(label: "Selected Name", view: namePickerSelectorView) // TO DO
|
||||
addFormRow(label: "X Offset", view: centerX)
|
||||
addFormRow(label: "Y Offset", view: centerY)
|
||||
|
||||
addFormRow(label: "Show Badge Indicator", view: badgeIndicatorSwitch)
|
||||
badgeIndicatorForm.addFormRow(label: "Kind", view: badgeIndicatorKindPickerSelectorView)
|
||||
badgeIndicatorForm.addFormRow(label: "Height", view: heightTextField)
|
||||
badgeIndicatorForm.addFormRow(label: "Width", view: widthTextField)
|
||||
badgeIndicatorForm.addFormRow(label: "Horiztonal Padding", view: horizontalPaddingTextField)
|
||||
badgeIndicatorForm.addFormRow(label: "Vertical Padding", view: verticalPaddingTextField)
|
||||
badgeIndicatorForm.addFormRow(label: "Fill Color", view: badgeIndicatorFillColorPickerSelectorView)
|
||||
badgeIndicatorForm.addFormRow(label: "Hide Border", view: badgeIndicatorHideBorderSwitch)
|
||||
badgeIndicatorForm.addFormRow(label: "Border Light", view: borderColorLightPickerSelectorView)
|
||||
badgeIndicatorForm.addFormRow(label: "Border Dark", view: borderColorDarkPickerSelectorView)
|
||||
badgeIndicatorForm.addFormRow(label: "Size", view: textSizePickerSelectorView)
|
||||
badgeIndicatorForm.addFormRow(label: "Expand Direction", view: badgeIndicatorDirectionPickerSelectorView)
|
||||
|
||||
dotForm.addFormRow(label: "Hide Dot", view: hideDotSwitch)
|
||||
dotForm.addFormRow(label: "Dot Size", view: dotSizeTextField)
|
||||
numberedForm.addFormRow(label: "Leading Character", view: leadingCharacterTextField)
|
||||
numberedForm.addFormRow(label: "Trailing Text", view: trailingTextField)
|
||||
numberedForm.addFormRow(label: "Number", view: textField)
|
||||
numberedForm.addFormRow(label: "Max Digits", view: maxDigitsPickerSelectorView)
|
||||
|
||||
append(section: badgeIndicatorForm)
|
||||
append(section: numberedForm)
|
||||
append(section: dotForm)
|
||||
|
||||
badgeIndicatorForm.isHidden = !self.badgeIndicatorSwitch.isOn
|
||||
numberedForm.isHidden = !self.badgeIndicatorSwitch.isOn
|
||||
dotForm.isHidden = !self.badgeIndicatorSwitch.isOn
|
||||
|
||||
hideDotSwitch.publisher(for: .valueChanged).sink { [weak self] control in
|
||||
self?.component.badgeIndicator.hideDot = control.isOn
|
||||
}.store(in: &subscribers)
|
||||
|
||||
hideBorderSwitch.publisher(for: .valueChanged).sink { [weak self] control in
|
||||
self?.component.hideBorder = control.isOn
|
||||
}.store(in: &subscribers)
|
||||
|
||||
textField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
guard let number else { return }
|
||||
self?.component.badgeIndicator.number = number.intValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
leadingCharacterTextField
|
||||
.textPublisher
|
||||
.sink { [weak self] text in
|
||||
self?.component.badgeIndicator.leadingCharacter = text
|
||||
}.store(in: &subscribers)
|
||||
|
||||
trailingTextField
|
||||
.textPublisher
|
||||
.sink { [weak self] text in
|
||||
self?.component.badgeIndicator.trailingText = text
|
||||
}.store(in: &subscribers)
|
||||
|
||||
heightTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
self?.component.badgeIndicator.height = number?.cgFloatValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
widthTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
self?.component.badgeIndicator.width = number?.cgFloatValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
horizontalPaddingTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
self?.component.badgeIndicator.horizontalPadding = number?.cgFloatValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
verticalPaddingTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
self?.component.badgeIndicator.verticalPadding = number?.cgFloatValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
dotSizeTextField
|
||||
.numberPublisher
|
||||
.sink { [weak self] number in
|
||||
self?.component.badgeIndicator.dotSize = number?.cgFloatValue
|
||||
}.store(in: &subscribers)
|
||||
|
||||
badgeIndicatorSwitch.onChange = { [weak self] sender in
|
||||
self?.component.showBadge = sender.isOn
|
||||
self?.component.badgeIndicator.isHidden = !sender.isOn
|
||||
self?.badgeIndicatorForm.isHidden = !sender.isOn
|
||||
if !sender.isOn {
|
||||
self?.numberedForm.isHidden = !sender.isOn
|
||||
self?.dotForm.isHidden = !sender.isOn
|
||||
} else {
|
||||
self?.visibleForms()
|
||||
}
|
||||
guard let self else { return }
|
||||
self.component.showBadge = sender.isOn
|
||||
self.setBadgeIndicatorModel()
|
||||
self.component.badgeIndicator.isHidden = !sender.isOn
|
||||
}
|
||||
|
||||
disabledSwitch.onChange = { [weak self] sender in
|
||||
@ -278,6 +123,15 @@ class ButtonIconViewController: BaseViewController<ButtonIcon> {
|
||||
}.store(in: &subscribers)
|
||||
}
|
||||
|
||||
//sub models
|
||||
func setBadgeIndicatorModel() {
|
||||
if badgeIndicatorSwitch.isOn {
|
||||
component.badgeIndicatorModel = ButtonIcon.BadgeIndicatorModel(kind: BadgeIndicator.Kind.simple, size: BadgeIndicator.Size.small)
|
||||
} else {
|
||||
component.badgeIndicatorModel = nil
|
||||
}
|
||||
}
|
||||
|
||||
func setupModel() {
|
||||
let name = Icon.Name.addToFavorite
|
||||
|
||||
@ -327,41 +181,11 @@ class ButtonIconViewController: BaseViewController<ButtonIcon> {
|
||||
namePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.iconName = item
|
||||
}
|
||||
|
||||
badgeIndicatorKindPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.kind = item
|
||||
self?.visibleForms()
|
||||
}
|
||||
|
||||
badgeIndicatorFillColorPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.fillColor = item
|
||||
}
|
||||
|
||||
textSizePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.size = item
|
||||
}
|
||||
|
||||
maxDigitsPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.maximumDigits = item
|
||||
}
|
||||
|
||||
borderColorDarkPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.borderColorDark = item.uiColor
|
||||
}
|
||||
|
||||
borderColorLightPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
self?.component.badgeIndicator.borderColorLight = item.uiColor
|
||||
}
|
||||
|
||||
// badgeIndicatorDirectionPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
||||
// TO DO self?.component.badgeIndicator.directionalLayoutMargins = item
|
||||
// }
|
||||
}
|
||||
|
||||
func visibleForms() {
|
||||
numberedForm.isHidden = badgeIndicatorKindPickerSelectorView.selectedItem != .numbered
|
||||
dotForm.isHidden = badgeIndicatorKindPickerSelectorView.selectedItem == .numbered
|
||||
}
|
||||
}
|
||||
|
||||
extension UITextField {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user