// // CheckboxViewController.swift // VDSSample // // Created by Matt Bruce on 8/1/22. // import Foundation import UIKit import VDS import VDSColorTokens import Combine class CheckboxViewController: UIViewController, StoryboardInitable { deinit { print("\(Self.self) deinit") } enum PickerType { case surface } static var storyboardId: String = "checkbox" static var storyboardName: String = "Components" @IBOutlet weak var checkboxContainerView: UIView! @IBOutlet weak var picker: UIPickerView! @IBOutlet weak var surfaceLabel: UILabel! @IBOutlet weak var disabledSwitch: UISwitch! @IBOutlet weak var labelTextField: UITextField! @IBOutlet weak var childTextField: UITextField! @IBOutlet weak var showErrorSwitch: UISwitch! @IBOutlet weak var errorTextField: UITextField! var model = DefaultCheckboxModel() var checkbox = Checkbox() var subscribers = Set() override func viewDidLoad() { super.viewDidLoad() checkboxContainerView.addSubview(checkbox) checkbox.leadingAnchor.constraint(equalTo: checkboxContainerView.leadingAnchor, constant: 10).isActive = true checkbox.bottomAnchor.constraint(equalTo: checkboxContainerView.bottomAnchor, constant: -20).isActive = true checkbox.topAnchor.constraint(equalTo: checkboxContainerView.topAnchor, constant: 20).isActive = true checkbox.trailingAnchor.constraint(equalTo: checkboxContainerView.trailingAnchor, constant: 10).isActive = true view.addGestureRecognizer(UITapGestureRecognizer(target: self.view, action: #selector(UIView.endEditing(_:)))) setupPicker() createModel() setupBinding() } func createModel() { model.labelText = "Terms and conditions" model.childText = "I agree to Verizon's terms and conditions click here" model.childTextAttributes = [ LabelAttributeUnderline(location: 11, length: 10), LabelAttributeStrikeThrough(location: 22, length: 5), LabelAttributeColor(location: 31, length: 10, color: UIColor.blue.hexString!), LabelAttributeActionModel(location: 31, length: 10){ print("clicked on the word 'conditions'") }, LabelAttributeFont(location: 2, length: 5, style: .BoldTitleLarge, color: UIColor.red.hexString!) ] model.errorText = "Error Text" checkbox.set(with: model) //setup UI surfaceLabel.text = model.surface.rawValue disabledSwitch.isOn = model.selected labelTextField.text = model.labelText childTextField.text = model.childText showErrorSwitch.isOn = model.hasError errorTextField.text = model.errorText } func setupBinding() { //create the subject let modelSubject = CurrentValueSubject(model) //bind checkbox.createBinding(with: modelSubject, storeIn: &subscribers) //update the model //print out on subject changes modelSubject .debounce(for: .seconds(Constants.ModelStateDebounce), scheduler: RunLoop.main) .sink { [weak self] updatedModel in self?.model = updatedModel self?.showErrorSwitch.isOn = updatedModel.hasError print("CheckboxViewController hasError: \(updatedModel.hasError)") print("CheckboxViewController selected: \(updatedModel.selected)") }.store(in: &subscribers) } @IBAction func disabledChanged(_ sender: UISwitch) { checkbox.disabled = sender.isOn } @IBAction func onLabelTextDidEnd(_ sender: UITextField) { checkbox.labelText = sender.text sender.resignFirstResponder() } @IBAction func onChildTextDidEnd(_ sender: UITextField) { checkbox.childText = sender.text sender.resignFirstResponder() } @IBAction func showErrorChanged(_ sender: UISwitch) { checkbox.hasError = sender.isOn } @IBAction func onErrorTextDidEnd(_ sender: UITextField) { checkbox.errorText = sender.text sender.resignFirstResponder() } @IBAction func surfaceClick(_ sender: Any) { pickerType = .surface } //Picker var surfacePicker = SurfacePicker() var pickerType: PickerType = .surface { didSet { func update(object: UIPickerViewDelegate & UIPickerViewDataSource){ picker.delegate = object picker.dataSource = object } switch pickerType{ case .surface: update(object: surfacePicker) } picker.reloadAllComponents() picker.selectRow(0, inComponent: 0, animated: false) picker.isHidden = false } } func setupPicker(){ picker.isHidden = true surfacePicker.onPickerDidSelect = { [weak self] item in self?.checkbox.surface = item self?.checkboxContainerView.backgroundColor = item.color self?.surfaceLabel.text = item.rawValue } } }