From bde65dcd13ad314051a2ce0ad84fae18a8d02f2b Mon Sep 17 00:00:00 2001 From: Matt Bruce Date: Mon, 3 Oct 2022 15:29:08 -0500 Subject: [PATCH] added entry field Signed-off-by: Matt Bruce --- VDSSample.xcodeproj/project.pbxproj | 4 + .../TextEntryFieldViewController.swift | 167 ++++++++++++++++++ 2 files changed, 171 insertions(+) create mode 100644 VDSSample/ViewControllers/TextEntryFieldViewController.swift diff --git a/VDSSample.xcodeproj/project.pbxproj b/VDSSample.xcodeproj/project.pbxproj index 14cebf8..b90000e 100644 --- a/VDSSample.xcodeproj/project.pbxproj +++ b/VDSSample.xcodeproj/project.pbxproj @@ -53,6 +53,7 @@ EA89204C28B66CE2006B9984 /* ScrollWrapperView.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA89204528B66CE2006B9984 /* ScrollWrapperView.swift */; }; EA89204E28B67332006B9984 /* CheckBoxGroupViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA89204D28B67332006B9984 /* CheckBoxGroupViewController.swift */; }; EA89205128B68307006B9984 /* TextField.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA89205028B68307006B9984 /* TextField.swift */; }; + EAA5EEAD28EB6924003B3210 /* TextEntryFieldViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA5EEAC28EB6924003B3210 /* TextEntryFieldViewController.swift */; }; EAB1D2C928AAAA1D00DAE764 /* ModelScrollViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2C828AAAA1D00DAE764 /* ModelScrollViewController.swift */; }; EAB1D2D428AC409F00DAE764 /* LabelViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2D328AC409F00DAE764 /* LabelViewController.swift */; }; EAF7F07D2899698800B287F5 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = EAF7F07B2899698800B287F5 /* Assets.xcassets */; }; @@ -116,6 +117,7 @@ EA89204528B66CE2006B9984 /* ScrollWrapperView.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ScrollWrapperView.swift; sourceTree = ""; }; EA89204D28B67332006B9984 /* CheckBoxGroupViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CheckBoxGroupViewController.swift; sourceTree = ""; }; EA89205028B68307006B9984 /* TextField.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextField.swift; sourceTree = ""; }; + EAA5EEAC28EB6924003B3210 /* TextEntryFieldViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextEntryFieldViewController.swift; sourceTree = ""; }; EAB1D2C828AAAA1D00DAE764 /* ModelScrollViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ModelScrollViewController.swift; sourceTree = ""; }; EAB1D2D328AC409F00DAE764 /* LabelViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LabelViewController.swift; sourceTree = ""; }; EAF7F07B2899698800B287F5 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; @@ -256,6 +258,7 @@ EA89201828B56DF5006B9984 /* RadioBoxGroupViewController.swift */, EAF7F11928A14A0E00B287F5 /* RadioButtonViewController.swift */, EA84F76128BE4AE500D67ABC /* RadioSwatchGroupViewController.swift */, + EAA5EEAC28EB6924003B3210 /* TextEntryFieldViewController.swift */, EA3C3BB328996775000CA526 /* ToggleViewController.swift */, ); path = ViewControllers; @@ -419,6 +422,7 @@ EA89204828B66CE2006B9984 /* ScrollViewKeyboardAvoiding.swift in Sources */, EAF7F09C2899B92400B287F5 /* CheckboxViewController.swift in Sources */, EA89204E28B67332006B9984 /* CheckBoxGroupViewController.swift in Sources */, + EAA5EEAD28EB6924003B3210 /* TextEntryFieldViewController.swift in Sources */, EA89204928B66CE2006B9984 /* KeyboardFrameChangeListening.swift in Sources */, EAB1D2D428AC409F00DAE764 /* LabelViewController.swift in Sources */, EA89204B28B66CE2006B9984 /* ScrollViewKeyboardAvoider.swift in Sources */, diff --git a/VDSSample/ViewControllers/TextEntryFieldViewController.swift b/VDSSample/ViewControllers/TextEntryFieldViewController.swift new file mode 100644 index 0000000..d4227b0 --- /dev/null +++ b/VDSSample/ViewControllers/TextEntryFieldViewController.swift @@ -0,0 +1,167 @@ +// +// TextEntryFieldViewController.swift +// VDSSample +// +// Created by Matt Bruce on 10/3/22. +// + +import Foundation +import UIKit +import VDS +import VDSColorTokens +import Combine + +class TextEntryFieldViewController: ModelScrollViewController { + + lazy var helperTextPlacementPickerSelectorView = { + PickerSelectorView(title: "", + picker: self.picker, + items: HelperTextPlacement.allCases) + }() + + var disabledSwitch = UISwitch() + var labelTextField = TextField() + var errorTextField = TextField() + var successTextField = TextField() + var helperTextField = TextField() + var widthTextField = TextField() + var showErrorSwitch = UISwitch() + var showSuccessSwitch = UISwitch() + + var textEntryField = TextEntryField() + + override func viewDidLoad() { + super.viewDidLoad() + addContentTopView(view: textEntryField) + setupForm() + setupPicker() + setupModel(model: getModel()) + } + + func getModel() -> DefaultTextEntryField { + var defaultModel = DefaultTextEntryField() + defaultModel.type = .text + defaultModel.width = 328 + defaultModel.labelText = "Street Address" + defaultModel.helperText = "For example: 123 Verizon St" + defaultModel.errorText = "Enter a valid address." + defaultModel.successText = "Good job entering a valid address!" + return defaultModel + } + + func setupForm(){ + addFormRow(label: "Disabled", view: disabledSwitch) + addFormRow(label: "Surface", view: surfacePickerSelectorView) + addFormRow(label: "Label Text", view: labelTextField) + addFormRow(label: "Helper Text Placement", view: helperTextPlacementPickerSelectorView) + addFormRow(label: "Helper Text", view: helperTextField) + addFormRow(label: "Error", view: showErrorSwitch) + addFormRow(label: "Error Text", view: errorTextField) + addFormRow(label: "Success", view: showSuccessSwitch) + addFormRow(label: "Success Text", view: successTextField) + addFormRow(label: "Width", view: widthTextField) + + textEntryField + .handlerPublisher() + .sink { [weak self] viewModel in + self?.model = viewModel + }.store(in: &subscribers) + + showErrorSwitch + .publisher(for: .valueChanged) + .sink { [weak self] sender in + self?.textEntryField.showError = sender.isOn + }.store(in: &subscribers) + + showSuccessSwitch + .publisher(for: .valueChanged) + .sink { [weak self] sender in + self?.textEntryField.showSuccess = sender.isOn + }.store(in: &subscribers) + + disabledSwitch + .publisher(for: .valueChanged) + .sink { [weak self] sender in + self?.textEntryField.disabled = sender.isOn + }.store(in: &subscribers) + + labelTextField + .textPublisher + .sink { [weak self] text in + self?.textEntryField.labelText = text + }.store(in: &subscribers) + + helperTextField + .textPublisher + .sink { [weak self] text in + self?.textEntryField.helperText = text + }.store(in: &subscribers) + + errorTextField + .textPublisher + .sink { [weak self] text in + self?.textEntryField.errorText = text + }.store(in: &subscribers) + + widthTextField + .textPublisher + .sink { [weak self] width in + guard let width = Float(width) else { return } + self?.textEntryField.width = CGFloat(width) + }.store(in: &subscribers) + + } + + func setupModel(model: DefaultTextEntryField) { + set(with: model) + + textEntryField + .handlerPublisher() + .sink { [weak self] viewModel in + self?.model = viewModel + }.store(in: &subscribers) + + textEntryField + .publisher(for: .valueChanged) + .sink { textEntryField in + if let text = textEntryField.value { + print("text entry: \(text)") + } else { + print("text entry: null") + } + }.store(in: &subscribers) + + //setup UI + surfacePickerSelectorView.text = model.surface.rawValue + disabledSwitch.isOn = model.disabled + labelTextField.text = model.labelText + helperTextField.text = model.helperText + showErrorSwitch.isOn = model.showError + errorTextField.text = model.errorText + showSuccessSwitch.isOn = model.showSuccess + successTextField.text = model.successText + if let width = model.width { + widthTextField.text = String(describing: width) + } + } + + override func updateView(viewModel: ModelType) { + print("\(Self.self) updateView(viewModel)") + showErrorSwitch.isOn = viewModel.showError + disabledSwitch.isOn = viewModel.disabled + textEntryField.set(with: viewModel) + } + + //Picker + func setupPicker(){ + surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.textEntryField.surface = item + self?.contentTopView.backgroundColor = item.color + } + + helperTextPlacementPickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.textEntryField.helperTextPlacement = item + } + } +} +