130 lines
4.4 KiB
Swift
130 lines
4.4 KiB
Swift
//
|
|
// CarouselViewController.swift
|
|
// VDSSample
|
|
//
|
|
// Created by Kanamarlapudi, Vasavi on 29/05/24.
|
|
//
|
|
|
|
import Foundation
|
|
import UIKit
|
|
import VDS
|
|
import Combine
|
|
import VDSTokens
|
|
|
|
class CarouselViewController: BaseViewController<Carousel> {
|
|
|
|
let label = Label()
|
|
|
|
lazy var scalingTypePickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.AspectRatio.allCases)
|
|
}()
|
|
|
|
lazy var layoutPickerSelectorView = {
|
|
PickerSelectorView(title: "1UP",
|
|
picker: self.picker,
|
|
items: UIDevice.isIPad ? Carousel.Layout.allCases : [Carousel.Layout.oneUP, Carousel.Layout.twoUP, Carousel.Layout.threeUP])
|
|
}()
|
|
|
|
lazy var paginationDisplayPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.PaginationDisplay.allCases)
|
|
}()
|
|
|
|
lazy var peekPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.Peek.allCases)
|
|
}()
|
|
|
|
lazy var gutterPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.Gutter.allCases)
|
|
}()
|
|
|
|
lazy var paginationKindPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.PaginationKind.allCases)
|
|
}()
|
|
|
|
lazy var horizAlignmtPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.Horizontal.allCases)
|
|
}()
|
|
|
|
lazy var vertAlignmtPickerSelectorView = {
|
|
PickerSelectorView(title: "",
|
|
picker: self.picker,
|
|
items: Carousel.Vertical.allCases)
|
|
}()
|
|
|
|
var paginationFloatSwitch = Toggle()
|
|
var paginationInsetField = TextField()
|
|
var slotsWidthField = TextField()
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
addContentTopView(view: component)
|
|
setupPicker()
|
|
setupModel()
|
|
}
|
|
|
|
override func setupForm() {
|
|
super.setupForm()
|
|
//add form rows
|
|
addFormRow(label: "onChange", view: label)
|
|
addFormRow(label: "Surface", view: surfacePickerSelectorView)
|
|
addFormRow(label: "Aspect Ratio", view: scalingTypePickerSelectorView)
|
|
//data addFormRow(label: "data", view: slidesTextField)
|
|
addFormRow(label: "Pagination Display", view: paginationDisplayPickerSelectorView)
|
|
addFormRow(label: "Peek", view: peekPickerSelectorView)
|
|
addFormRow(label: "Gutter", view: gutterPickerSelectorView)
|
|
addFormRow(label: "Layout", view: layoutPickerSelectorView)
|
|
addFormRow(label: "Pagination Kind", view: paginationKindPickerSelectorView)
|
|
addFormRow(label: "Pagination Float", view: paginationFloatSwitch)
|
|
addFormRow(label: "Pagination Inset", view: paginationInsetField)
|
|
addFormRow(label: "Slots Width", view: slotsWidthField)
|
|
addFormRow(label: "Slot Horizontal Alignment", view: horizAlignmtPickerSelectorView)
|
|
addFormRow(label: "Slot Vertical Alignment", view: vertAlignmtPickerSelectorView)
|
|
|
|
// slotsWidthField
|
|
// .numberPublisher
|
|
// .sink { [weak self] number in
|
|
// guard let number else {
|
|
// return
|
|
// }
|
|
//// self?.component.numberOfSlides = number.intValue
|
|
//// self?.component.position = Int(self?.positionTextField.text ?? "1") ?? 1
|
|
// }.store(in: &subscribers)
|
|
//
|
|
// paginationInsetField
|
|
// .textPublisher
|
|
// .sink { [weak self] text in
|
|
//// self?.component.labelText = text
|
|
// }.store(in: &subscribers)
|
|
//
|
|
}
|
|
|
|
func setupModel() {
|
|
//setup UI
|
|
scalingTypePickerSelectorView.text = component.aspectRatio.rawValue
|
|
|
|
}
|
|
|
|
func setupPicker() {
|
|
surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.surface = item
|
|
self?.contentTopView.backgroundColor = item.color
|
|
}
|
|
|
|
layoutPickerSelectorView.onPickerDidSelect = { [weak self] item in
|
|
self?.component.layout = item
|
|
}
|
|
}
|
|
}
|