updated samples
Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
This commit is contained in:
parent
7cef54c509
commit
613288d86d
@ -12,7 +12,7 @@ import Combine
|
|||||||
import VDSTokens
|
import VDSTokens
|
||||||
|
|
||||||
class CalendarViewController: BaseViewController<CalendarBase> {
|
class CalendarViewController: BaseViewController<CalendarBase> {
|
||||||
|
let label = Label()
|
||||||
var containerBorderSwitch = Toggle()
|
var containerBorderSwitch = Toggle()
|
||||||
var hideCurrentDateIndicatorSwitch = Toggle()
|
var hideCurrentDateIndicatorSwitch = Toggle()
|
||||||
var transparentBgSwitch = Toggle()
|
var transparentBgSwitch = Toggle()
|
||||||
@ -32,8 +32,8 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
private var indicatorOnePicker: UIDatePicker = UIDatePicker()
|
private var indicatorOnePicker: UIDatePicker = UIDatePicker()
|
||||||
private var indicatorTwoPicker: UIDatePicker = UIDatePicker()
|
private var indicatorTwoPicker: UIDatePicker = UIDatePicker()
|
||||||
private var indicatorThreePicker: UIDatePicker = UIDatePicker()
|
private var indicatorThreePicker: UIDatePicker = UIDatePicker()
|
||||||
private var activeDatePicker: UIDatePicker = UIDatePicker()
|
private var activeDatePicker: UIDatePicker = UIDatePicker().with { $0.datePickerMode = .date }
|
||||||
private var inactiveDatePicker: UIDatePicker = UIDatePicker()
|
private var inactiveDatePicker: UIDatePicker = UIDatePicker().with { $0.datePickerMode = .date }
|
||||||
|
|
||||||
var indicators: [CalendarBase.CalendarIndicatorModel] = []
|
var indicators: [CalendarBase.CalendarIndicatorModel] = []
|
||||||
let indicatorOnePickerTag = 1
|
let indicatorOnePickerTag = 1
|
||||||
@ -47,6 +47,13 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
override func viewDidLoad() {
|
override func viewDidLoad() {
|
||||||
super.viewDidLoad()
|
super.viewDidLoad()
|
||||||
addContentTopView(view: component)
|
addContentTopView(view: component)
|
||||||
|
component.minDate = Date().startOfMonth
|
||||||
|
component.maxDate = Date().endOfMonth
|
||||||
|
component.onChange = { [weak self] control in
|
||||||
|
self?.label.text = DateFormatter.localizedString(from: control.selectedDate, dateStyle: .short, timeStyle: .none)
|
||||||
|
}
|
||||||
|
minDatePicker.date = component.minDate
|
||||||
|
maxDatePicker.date = component.maxDate
|
||||||
setupPicker()
|
setupPicker()
|
||||||
setupModel()
|
setupModel()
|
||||||
}
|
}
|
||||||
@ -74,6 +81,7 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
]
|
]
|
||||||
|
|
||||||
//add form rows
|
//add form rows
|
||||||
|
addFormRow(label: "onChange", view: label)
|
||||||
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
||||||
addFormRow(label: "Hide Container Border", view: containerBorderSwitch)
|
addFormRow(label: "Hide Container Border", view: containerBorderSwitch)
|
||||||
addFormRow(label: "Hide Current Date Indicator", view: hideCurrentDateIndicatorSwitch)
|
addFormRow(label: "Hide Current Date Indicator", view: hideCurrentDateIndicatorSwitch)
|
||||||
@ -196,6 +204,8 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func setupModel() {
|
func setupModel() {
|
||||||
|
let calendar = Calendar.current
|
||||||
|
let indicatorDate = calendar.startOfDay(for: calendar.date(byAdding: .day, value: 1, to: Date())!)
|
||||||
component.indicators = indicators
|
component.indicators = indicators
|
||||||
legendOneField.text = "Due Date"
|
legendOneField.text = "Due Date"
|
||||||
legendTwoField.text = "Auto Pay"
|
legendTwoField.text = "Auto Pay"
|
||||||
@ -204,9 +214,9 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
indicatorTwoSwitch.isOn = true
|
indicatorTwoSwitch.isOn = true
|
||||||
indicatorThreeSwitch.isOn = true
|
indicatorThreeSwitch.isOn = true
|
||||||
hideCurrentDateIndicatorSwitch.isOn = false
|
hideCurrentDateIndicatorSwitch.isOn = false
|
||||||
indicatorOnePicker.date = Calendar.current.date(byAdding: .day, value: 1, to: Date())!
|
indicatorOnePicker.date = indicatorDate
|
||||||
indicatorTwoPicker.date = Calendar.current.date(byAdding: .day, value: 1, to: Date())!
|
indicatorTwoPicker.date = indicatorDate
|
||||||
indicatorThreePicker.date = Calendar.current.date(byAdding: .day, value: 1, to: Date())!
|
indicatorThreePicker.date = indicatorDate
|
||||||
updateIndicatorData(label: legendOneField.text ?? "", date: indicatorOnePicker.date, index: 0)
|
updateIndicatorData(label: legendOneField.text ?? "", date: indicatorOnePicker.date, index: 0)
|
||||||
updateIndicatorData(label: legendTwoField.text ?? "", date: indicatorTwoPicker.date, index: 1)
|
updateIndicatorData(label: legendTwoField.text ?? "", date: indicatorTwoPicker.date, index: 1)
|
||||||
updateIndicatorData(label: legendThreeField.text ?? "", date: indicatorThreePicker.date, index: 2)
|
updateIndicatorData(label: legendThreeField.text ?? "", date: indicatorThreePicker.date, index: 2)
|
||||||
@ -248,17 +258,7 @@ class CalendarViewController: BaseViewController<CalendarBase> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@objc func datePickerValueChanged(_ sender: UIDatePicker){
|
@objc func datePickerValueChanged(_ sender: UIDatePicker){
|
||||||
|
|
||||||
// Create date formatter
|
|
||||||
let dateFormatter: DateFormatter = DateFormatter()
|
|
||||||
|
|
||||||
// Set date format
|
|
||||||
dateFormatter.dateFormat = "MM/dd/yyyy hh:mm a"
|
|
||||||
|
|
||||||
// Apply date format
|
|
||||||
// let selectedDate: String = dateFormatter.string(from: sender.date)
|
|
||||||
// print("Selected value \(selectedDate)")
|
|
||||||
|
|
||||||
switch sender.tag {
|
switch sender.tag {
|
||||||
case indicatorOnePickerTag:
|
case indicatorOnePickerTag:
|
||||||
updateIndicatorData(label: legendOneField.text ?? "", date: sender.date, index: 0)
|
updateIndicatorData(label: legendOneField.text ?? "", date: sender.date, index: 0)
|
||||||
|
|||||||
@ -10,6 +10,7 @@ import VDS
|
|||||||
|
|
||||||
class DatePickerViewController: BaseViewController<DatePicker> {
|
class DatePickerViewController: BaseViewController<DatePicker> {
|
||||||
|
|
||||||
|
var label = Label()
|
||||||
var disabledSwitch = Toggle()
|
var disabledSwitch = Toggle()
|
||||||
var requiredSwitch = Toggle()
|
var requiredSwitch = Toggle()
|
||||||
var labelTextField = TextField()
|
var labelTextField = TextField()
|
||||||
@ -35,6 +36,7 @@ class DatePickerViewController: BaseViewController<DatePicker> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
override func setupForm(){
|
override func setupForm(){
|
||||||
|
addFormRow(label: "onChange", view: label)
|
||||||
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
||||||
addFormRow(label: "Disabled", view: disabledSwitch)
|
addFormRow(label: "Disabled", view: disabledSwitch)
|
||||||
addFormRow(label: "Required", view: requiredSwitch)
|
addFormRow(label: "Required", view: requiredSwitch)
|
||||||
@ -113,8 +115,8 @@ class DatePickerViewController: BaseViewController<DatePicker> {
|
|||||||
component.errorText = "Enter a date."
|
component.errorText = "Enter a date."
|
||||||
component.tooltipModel = .init(title: "Check your date.", content:"Here is the content for your date component")
|
component.tooltipModel = .init(title: "Check your date.", content:"Here is the content for your date component")
|
||||||
|
|
||||||
component.onChange = { c in
|
component.onChange = { [weak self] control in
|
||||||
print("selected value: \(c.value ?? "no date selected")")
|
self?.label.text = DateFormatter.localizedString(from: control.selectedDate!, dateStyle: .short, timeStyle: .none)
|
||||||
}
|
}
|
||||||
|
|
||||||
//setup UI
|
//setup UI
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user