// // BadgeViewController.swift // VDSSample // // Created by Matt Bruce on 9/22/22. // import Foundation import UIKit import VDS import VDSColorTokens import Combine class BadgeViewController: ModelScrollViewController { enum PickerType { case surface, fillColor, numberOfLines } enum NumberOfLines: String, CaseIterable { case unlimited case one case two case three case four var intValue: Int { switch self { case .unlimited: return 0 case .one: return 1 case .two: return 2 case .three: return 3 case .four: return 4 } } } var fillColorPickerSelectorView = PickerSelectorView(title: "red") var numberOfLinesPickerSelectorView = PickerSelectorView(title: "one") var surfacePickerSelectorView = PickerSelectorView(title: "light") var textField = TextField() var maxWidthTextField = TextField() var badge = Badge() override func viewDidLoad() { super.viewDidLoad() let view = UIView() view.translatesAutoresizingMaskIntoConstraints = false view.addSubview(badge) badge.topAnchor.constraint(equalTo: view.topAnchor).isActive = true badge.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true badge.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true addContentTopView(view: view) setupForm() setupPicker() setupModel() } func setupForm(){ addFormRow(label: "Fill Color", view: fillColorPickerSelectorView) addFormRow(label: "Surface", view: surfacePickerSelectorView) addFormRow(label: "Text", view: textField) addFormRow(label: "Width", view: maxWidthTextField) addFormRow(label: "Number of Lines", view: numberOfLinesPickerSelectorView) textField .textPublisher .sink { [weak self] text in self?.badge.text = text }.store(in: &subscribers) maxWidthTextField .textPublisher .sink { [weak self] text in var float: CGFloat? if let n = NumberFormatter().number(from: text) { float = CGFloat(truncating: n) } self?.badge.maxWidth = float }.store(in: &subscribers) surfacePickerSelectorView.button .publisher(for: .touchUpInside) .sink { [weak self] _ in self?.pickerType = .surface }.store(in: &subscribers) fillColorPickerSelectorView.button .publisher(for: .touchUpInside) .sink { [weak self] _ in self?.pickerType = .fillColor }.store(in: &subscribers) numberOfLinesPickerSelectorView.button .publisher(for: .touchUpInside) .sink { [weak self] _ in self?.pickerType = .numberOfLines }.store(in: &subscribers) } func setupModel() { var defaultModel = DefaultBadgeModel() defaultModel.fillColor = .red defaultModel.text = "Terms and conditions" defaultModel.numberOfLines = 1 set(with: defaultModel) badge .handlerPublisher() .sink { [weak self] viewModel in self?.model = viewModel }.store(in: &subscribers) //setup UI surfacePickerSelectorView.text = model.surface.rawValue textField.text = model.text } override func updateView(viewModel: DefaultBadgeModel) { print("\(Self.self) updateView(viewModel)") badge.set(with: viewModel) } //Picker var surfacePicker = SurfacePicker() var fillColorPicker = PickerBase.init(items: BadgeFillColor.allCases) var numberOfLinesPicker = PickerBase.init(items: NumberOfLines.allCases) var pickerType: PickerType = .surface { didSet { func update(object: UIPickerViewDelegate & UIPickerViewDataSource){ picker.delegate = object picker.dataSource = object } switch pickerType{ case .surface: update(object: surfacePicker) case .fillColor: update(object: fillColorPicker) case .numberOfLines: update(object: numberOfLinesPicker) } picker.reloadAllComponents() picker.selectRow(0, inComponent: 0, animated: false) picker.isHidden = false } } func setupPicker(){ surfacePicker.onPickerDidSelect = { [weak self] item in self?.badge.surface = item self?.contentTopView.backgroundColor = item.color self?.surfacePickerSelectorView.text = item.rawValue } fillColorPicker.onPickerDidSelect = { [weak self] item in self?.badge.fillColor = item self?.fillColorPickerSelectorView.text = item.rawValue } numberOfLinesPicker.onPickerDidSelect = { [weak self] item in self?.badge.numberOfLines = item.intValue self?.numberOfLinesPickerSelectorView.text = item.rawValue } } }