240 lines
8.6 KiB
Swift
240 lines
8.6 KiB
Swift
//
|
|
// BadgeIndicatorViewController.swift
|
|
// VDSSample
|
|
//
|
|
// Created by Matt Bruce on 6/15/23.
|
|
//
|
|
|
|
import Foundation
|
|
import UIKit
|
|
import VDS
|
|
import VDSCoreTokens
|
|
import Combine
|
|
|
|
class BadgeIndicatorViewController: BaseViewController<BadgeIndicator> {
|
|
|
|
lazy var fillColorPickerSelectorView = {
|
|
PickerSelectorView(title: "red",
|
|
picker: self.picker,
|
|
items: BadgeIndicator.FillColor.allCases)
|
|
}()
|
|
|
|
lazy var kindPickerSelectorView = {
|
|
PickerSelectorView(title: "red",
|
|
picker: self.picker,
|
|
items: BadgeIndicator.Kind.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)
|
|
}()
|
|
|
|
enum BackgroundColor: String, CaseIterable {
|
|
case token, custom
|
|
}
|
|
|
|
lazy var borderColorLightPickerSelectorView: TokenColorPickerSection = {
|
|
TokenColorPickerSection<BackgroundColor>(rowTitle: "Border Light",
|
|
picker: self.picker).with {
|
|
$0.onTokenSelected = { [weak self] color in
|
|
guard let self else { return }
|
|
component.borderColorLight = color.uiColor
|
|
}
|
|
$0.onColorSelected = { [weak self] color in
|
|
guard let self else { return }
|
|
component.borderColorLight = color
|
|
}
|
|
}
|
|
}()
|
|
|
|
lazy var borderColorDarkPickerSelectorView : TokenColorPickerSection = {
|
|
TokenColorPickerSection<BackgroundColor>(rowTitle: "Border Dark",
|
|
picker: self.picker).with {
|
|
$0.onTokenSelected = { [weak self] color in
|
|
guard let self else { return }
|
|
component.borderColorDark = color.uiColor
|
|
}
|
|
$0.onColorSelected = { [weak self] color in
|
|
guard let self else { return }
|
|
component.borderColorDark = color
|
|
}
|
|
}
|
|
}()
|
|
|
|
var textField = NumericField()
|
|
var leadingCharacterTextField = TextField()
|
|
var accessibilityTextField = TextField()
|
|
var trailingTextField = TextField()
|
|
var hideDotSwitch = Toggle()
|
|
var hideBorderSwitch = Toggle()
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
addContentTopView(view: component, pinTrailing: false)
|
|
setupPicker()
|
|
setupModel()
|
|
}
|
|
|
|
var heightTextField = NumericField()
|
|
var widthTextField = NumericField()
|
|
var horizontalPaddingTextField = NumericField()
|
|
var verticalPaddingTextField = NumericField()
|
|
var dotSizeTextField = NumericField()
|
|
|
|
var numberedForm = FormSection().with { $0.title = "Numbered Kind"}
|
|
var dotForm = FormSection().with { $0.title = "Simple Kind"}
|
|
|
|
override func setupForm(){
|
|
super.setupForm()
|
|
addFormRow(label: "Kind", view: kindPickerSelectorView)
|
|
addFormRow(label: "Height", view: heightTextField)
|
|
addFormRow(label: "Width", view: widthTextField)
|
|
addFormRow(label: "Horiztonal Padding", view: horizontalPaddingTextField)
|
|
addFormRow(label: "Vertical Padding", view: verticalPaddingTextField)
|
|
addFormRow(label: "Fill Color", view: fillColorPickerSelectorView)
|
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
|
addFormRow(label: "Hide Border", view: hideBorderSwitch, pinTrailing: false)
|
|
append(section: borderColorLightPickerSelectorView)
|
|
append(section: borderColorDarkPickerSelectorView)
|
|
addFormRow(label: "Size", view: textSizePickerSelectorView)
|
|
addFormRow(label: "Accessiblity Text", view: accessibilityTextField)
|
|
|
|
dotForm.addFormRow(label: "Hide Dot", view: hideDotSwitch, pinTrailing: false)
|
|
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: numberedForm)
|
|
append(section: dotForm)
|
|
|
|
hideDotSwitch.publisher(for: .valueChanged).sink { [weak self] control in
|
|
self?.component.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.number = number.intValue
|
|
}.store(in: &subscribers)
|
|
|
|
leadingCharacterTextField
|
|
.textPublisher
|
|
.sink { [weak self] text in
|
|
self?.component.leadingCharacter = text
|
|
}.store(in: &subscribers)
|
|
|
|
trailingTextField
|
|
.textPublisher
|
|
.sink { [weak self] text in
|
|
self?.component.trailingText = text
|
|
}.store(in: &subscribers)
|
|
|
|
accessibilityTextField.textPublisher
|
|
.sink { [weak self] text in
|
|
self?.component.accessibilityText = text
|
|
}.store(in: &subscribers)
|
|
|
|
heightTextField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.height = number?.cgFloatValue
|
|
}.store(in: &subscribers)
|
|
|
|
widthTextField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.width = number?.cgFloatValue
|
|
}.store(in: &subscribers)
|
|
|
|
horizontalPaddingTextField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.horizontalPadding = number?.cgFloatValue
|
|
}.store(in: &subscribers)
|
|
|
|
verticalPaddingTextField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.verticalPadding = number?.cgFloatValue
|
|
}.store(in: &subscribers)
|
|
|
|
dotSizeTextField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.dotSize = number?.cgFloatValue
|
|
}.store(in: &subscribers)
|
|
|
|
}
|
|
|
|
func setupModel() {
|
|
component.fillColor = .red
|
|
component.number = 23
|
|
component.kind = .simple
|
|
component.size = .medium
|
|
|
|
//setup UI
|
|
surfacePickerSelectorView.text = component.surface.rawValue
|
|
kindPickerSelectorView.text = component.kind.rawValue
|
|
fillColorPickerSelectorView.text = component.fillColor.rawValue
|
|
textSizePickerSelectorView.text = component.size.rawValue
|
|
maxDigitsPickerSelectorView.text = component.maximumDigits.rawValue
|
|
textField.text = "\(component.number!)"
|
|
visibleForms()
|
|
}
|
|
|
|
func visibleForms() {
|
|
numberedForm.isHidden = kindPickerSelectorView.selectedItem != .numbered
|
|
dotForm.isHidden = kindPickerSelectorView.selectedItem == .numbered
|
|
}
|
|
|
|
func setupPicker(){
|
|
|
|
surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.surface = item
|
|
self?.contentTopView.backgroundColor = item.color
|
|
}
|
|
|
|
kindPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.kind = item
|
|
self?.visibleForms()
|
|
}
|
|
|
|
fillColorPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.fillColor = item
|
|
}
|
|
|
|
textSizePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.size = item
|
|
}
|
|
|
|
maxDigitsPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.maximumDigits = item
|
|
}
|
|
}
|
|
}
|
|
|
|
extension BadgeIndicatorViewController: ComponentSampleable {
|
|
static func makeSample() -> ComponentSample {
|
|
let component = Self.makeComponent()
|
|
component.fillColor = .red
|
|
component.number = 23
|
|
component.kind = .simple
|
|
component.size = .medium
|
|
return ComponentSample(component: component, trailingPinningType: .lessThanOrEqual)
|
|
}
|
|
}
|