119 lines
3.9 KiB
Swift
119 lines
3.9 KiB
Swift
//
|
|
// IconViewController.swift
|
|
// VDSSample
|
|
//
|
|
// Created by Matt Bruce on 1/9/23.
|
|
//
|
|
|
|
import Foundation
|
|
import UIKit
|
|
import VDS
|
|
import VDSCoreTokens
|
|
import Combine
|
|
|
|
class IconViewController: BaseViewController<Icon> {
|
|
|
|
lazy var lightColorPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: UIColor.VDSColor.allCases)
|
|
}()
|
|
|
|
lazy var darkColorPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: UIColor.VDSColor.allCases)
|
|
}()
|
|
|
|
lazy var namePickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Icon.Name.all.sorted{ $0.rawValue < $1.rawValue })
|
|
}()
|
|
|
|
lazy var sizePickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Icon.Size.allCases)
|
|
}()
|
|
|
|
var customSizeField = NumericField()
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
addContentTopView(view: .makeWrapper(for: component))
|
|
setupPicker()
|
|
setupModel()
|
|
}
|
|
|
|
override func setupForm(){
|
|
super.setupForm()
|
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
|
addFormRow(label: "Size", view: sizePickerSelectorView)
|
|
addFormRow(label: "Custom Size", view: customSizeField)
|
|
addFormRow(label: "Light Color", view: lightColorPickerSelectorView)
|
|
addFormRow(label: "Dark Color", view: darkColorPickerSelectorView)
|
|
addFormRow(label: "Name", view: namePickerSelectorView)
|
|
|
|
customSizeField
|
|
.numberPublisher
|
|
.sink { [weak self] number in
|
|
self?.component.customSize = number?.intValue
|
|
}.store(in: &subscribers)
|
|
}
|
|
|
|
func setupModel() {
|
|
let name = Icon.Name.accessibility
|
|
component.name = name
|
|
|
|
//setup UI
|
|
surfacePickerSelectorView.text = component.surface.rawValue
|
|
sizePickerSelectorView.text = component.size.rawValue
|
|
lightColorPickerSelectorView.text = UIColor.VDSColor.elementsPrimaryOnlight.rawValue
|
|
darkColorPickerSelectorView.text = UIColor.VDSColor.elementsPrimaryOndark.rawValue
|
|
namePickerSelectorView.text = name.rawValue
|
|
}
|
|
func setupPicker(){
|
|
|
|
surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.surface = item
|
|
self?.contentTopView.backgroundColor = item.color
|
|
}
|
|
|
|
sizePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.size = item
|
|
}
|
|
|
|
lightColorPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.setColorConfiguration()
|
|
}
|
|
|
|
darkColorPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.setColorConfiguration()
|
|
}
|
|
|
|
namePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.name = item
|
|
}
|
|
}
|
|
|
|
func setColorConfiguration() {
|
|
let light = lightColorPickerSelectorView.selectedItem.uiColor
|
|
let dark = darkColorPickerSelectorView.selectedItem.uiColor
|
|
component.colorConfiguration = .init(light, dark)
|
|
}
|
|
|
|
}
|
|
|
|
extension IconViewController: ComponentSampleable {
|
|
static func makeSample() -> ComponentSample {
|
|
let component = Self.makeComponent()
|
|
let name = Icon.Name.accessibility
|
|
let color = UIColor.VDSColor.paletteBlack
|
|
component.color = color.uiColor
|
|
component.name = name
|
|
component.customSize = 50
|
|
return ComponentSample(component: component, trailingPinningType: .lessThanOrEqual, bottomPinningType: .lessThanOrEqual)
|
|
}
|
|
}
|