127 lines
4.0 KiB
Swift
127 lines
4.0 KiB
Swift
//
|
|
// ToggleViewController.swift
|
|
// VDSSample
|
|
//
|
|
// Created by Matt Bruce on 8/1/22.
|
|
//
|
|
|
|
import Foundation
|
|
import UIKit
|
|
import VDS
|
|
import VDSColorTokens
|
|
|
|
class ToggleViewController: BaseViewController<Toggle> {
|
|
|
|
lazy var textSizePickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Toggle.TextSize.allCases)
|
|
|
|
}()
|
|
|
|
lazy var textPositionPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Toggle.TextPosition.allCases)
|
|
}()
|
|
|
|
var disabledSwitch = Toggle()
|
|
var showTextSwitch = Toggle()
|
|
|
|
var textFormStackView = FormSection()
|
|
|
|
var boldSwitch = Toggle()
|
|
var onTextField = TextField()
|
|
var offTextField = TextField()
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
addContentTopView(view: component.makeWrapper(edgeSpacing: 16.0), edgeSpacing: 0)
|
|
|
|
setupPicker()
|
|
}
|
|
|
|
override func setupForm() {
|
|
super.setupForm()
|
|
addActionRow()
|
|
addFormRow(label: "Show Text", view: showTextSwitch)
|
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
|
addFormRow(label: "Disabled", view: disabledSwitch)
|
|
|
|
//add the hidden elements to textFormStackView
|
|
textFormStackView.addFormRow(label: "Bold", view: boldSwitch)
|
|
textFormStackView.addFormRow(label: "Text Size", view: textSizePickerSelectorView)
|
|
textFormStackView.addFormRow(label: "Text Position", view: textPositionPickerSelectorView)
|
|
textFormStackView.addFormRow(label: "On Text", view: onTextField)
|
|
textFormStackView.addFormRow(label: "Off Text", view: offTextField)
|
|
|
|
//add textFormStackView to main form
|
|
append(section: textFormStackView)
|
|
|
|
component.onChange = { [weak self] toggle in
|
|
self?.actionLabel.text = "Toggle Value: \(toggle.isOn)"
|
|
}
|
|
|
|
showTextSwitch.onChange = { [weak self] sender in
|
|
self?.component.showText = sender.isOn
|
|
self?.textFormStackView.isHidden = !sender.isOn
|
|
}
|
|
|
|
disabledSwitch.onChange = { [weak self] sender in
|
|
self?.component.isEnabled = !sender.isOn
|
|
}
|
|
|
|
boldSwitch.onChange = { [weak self] sender in
|
|
self?.component.textWeight = sender.isOn ? .bold : .regular
|
|
}
|
|
|
|
onTextField
|
|
.textPublisher
|
|
.sink { [weak self] text in
|
|
self?.component.onText = text
|
|
}.store(in: &subscribers)
|
|
|
|
offTextField
|
|
.textPublisher
|
|
.sink { [weak self] text in
|
|
self?.component.offText = text
|
|
}.store(in: &subscribers)
|
|
|
|
textFormStackView.isHidden = true
|
|
|
|
//setup UI
|
|
surfacePickerSelectorView.text = component.surface.rawValue
|
|
textSizePickerSelectorView.text = component.textSize.rawValue
|
|
textPositionPickerSelectorView.text = component.textPosition.rawValue
|
|
onTextField.text = component.onText
|
|
offTextField.text = component.offText
|
|
}
|
|
|
|
//Picker
|
|
func setupPicker(){
|
|
|
|
surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.surface = item
|
|
self?.contentTopView.backgroundColor = item.color
|
|
}
|
|
|
|
textSizePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.textSize = item
|
|
}
|
|
|
|
textPositionPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.textPosition = item
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
extension ToggleViewController: ComponentSampleable {
|
|
static func makeSample() -> ComponentSample {
|
|
let component = Self.makeComponent()
|
|
component.showText = true
|
|
component.textPosition = .right
|
|
return ComponentSample(component: component, model: .init(layoutType: .topLeft, priorities: [.bottom: .defaultLow]))
|
|
}
|
|
}
|