|
|
@@ -0,0 +1,278 @@
|
|
|
+import UIKit
|
|
|
+
|
|
|
+class WelcomeViewController: UIViewController {
|
|
|
+
|
|
|
+ weak var coordinator: WelcomeCoordinator?
|
|
|
+
|
|
|
+ private lazy var scrollView: UIScrollView = {
|
|
|
+ let scrollView = UIScrollView()
|
|
|
+ scrollView.showsVerticalScrollIndicator = false
|
|
|
+ return scrollView
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var welcomeView: WelcomeContentView = {
|
|
|
+ let view = WelcomeContentView()
|
|
|
+ view.onLogin = {
|
|
|
+ [unowned self] in
|
|
|
+ self.coordinator?.showLogin()
|
|
|
+ }
|
|
|
+ view.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ return view
|
|
|
+ }()
|
|
|
+
|
|
|
+ // will be shown while transitioning to tabBarController
|
|
|
+ private var activityIndicator: UIActivityIndicatorView = {
|
|
|
+ let view: UIActivityIndicatorView
|
|
|
+ if #available(iOS 13, *) {
|
|
|
+ view = UIActivityIndicatorView(style: .large)
|
|
|
+ } else {
|
|
|
+ view = UIActivityIndicatorView(style: .whiteLarge)
|
|
|
+ view.color = UIColor.gray
|
|
|
+ }
|
|
|
+ view.isHidden = true
|
|
|
+ return view
|
|
|
+ }()
|
|
|
+
|
|
|
+ // MARK: - lifecycle
|
|
|
+ override func viewDidLoad() {
|
|
|
+ super.viewDidLoad()
|
|
|
+ setupSubviews()
|
|
|
+ }
|
|
|
+
|
|
|
+ override func viewDidLayoutSubviews() {
|
|
|
+ super.viewDidLayoutSubviews()
|
|
|
+ welcomeView.minContainerHeight = view.frame.height
|
|
|
+ }
|
|
|
+
|
|
|
+ override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
|
|
|
+ super.viewWillTransition(to: size, with: coordinator)
|
|
|
+ welcomeView.minContainerHeight = size.height
|
|
|
+ scrollView.setContentOffset(CGPoint(x: 0, y: 0), animated: true)
|
|
|
+ }
|
|
|
+
|
|
|
+ // MARK: - setup
|
|
|
+ private func setupSubviews() {
|
|
|
+
|
|
|
+ view.addSubview(activityIndicator)
|
|
|
+ activityIndicator.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ activityIndicator.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
|
|
|
+ activityIndicator.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
|
|
|
+
|
|
|
+ view.addSubview(scrollView)
|
|
|
+ scrollView.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ scrollView.addSubview(welcomeView)
|
|
|
+
|
|
|
+ let frameGuide = scrollView.frameLayoutGuide
|
|
|
+ let contentGuide = scrollView.contentLayoutGuide
|
|
|
+
|
|
|
+ frameGuide.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0).isActive = true
|
|
|
+ frameGuide.topAnchor.constraint(equalTo: view.topAnchor, constant: 0).isActive = true
|
|
|
+ frameGuide.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0).isActive = true
|
|
|
+ frameGuide.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 0).isActive = true
|
|
|
+
|
|
|
+ contentGuide.leadingAnchor.constraint(equalTo: welcomeView.leadingAnchor).isActive = true
|
|
|
+ contentGuide.topAnchor.constraint(equalTo: welcomeView.topAnchor).isActive = true
|
|
|
+ contentGuide.trailingAnchor.constraint(equalTo: welcomeView.trailingAnchor).isActive = true
|
|
|
+ contentGuide.bottomAnchor.constraint(equalTo: welcomeView.bottomAnchor).isActive = true
|
|
|
+
|
|
|
+ frameGuide.widthAnchor.constraint(equalTo: contentGuide.widthAnchor).isActive = true
|
|
|
+ }
|
|
|
+
|
|
|
+ func setTransitionState(_ transitioning: Bool) {
|
|
|
+ if transitioning {
|
|
|
+ activityIndicator.startAnimating()
|
|
|
+ } else {
|
|
|
+ activityIndicator.stopAnimating()
|
|
|
+ }
|
|
|
+ activityIndicator.isHidden = !transitioning
|
|
|
+ scrollView.isHidden = transitioning
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+class WelcomeContentView: UIView {
|
|
|
+
|
|
|
+ var onLogin: VoidFunction?
|
|
|
+ var onScanQRCode: VoidFunction?
|
|
|
+ var onImportBackup: VoidFunction?
|
|
|
+
|
|
|
+ var minContainerHeight: CGFloat = 0 {
|
|
|
+ didSet {
|
|
|
+ containerMinHeightConstraint.constant = minContainerHeight
|
|
|
+ logoHeightConstraint.constant = calculateLogoHeight()
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ private lazy var containerMinHeightConstraint: NSLayoutConstraint = {
|
|
|
+ return container.heightAnchor.constraint(greaterThanOrEqualToConstant: 0)
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var logoHeightConstraint: NSLayoutConstraint = {
|
|
|
+ return logoView.heightAnchor.constraint(equalToConstant: 0)
|
|
|
+ }()
|
|
|
+
|
|
|
+ private var container = UIView()
|
|
|
+
|
|
|
+ private var logoView: UIImageView = {
|
|
|
+ let image = #imageLiteral(resourceName: "dc_logo")
|
|
|
+ let view = UIImageView(image: image)
|
|
|
+ return view
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var titleLabel: UILabel = {
|
|
|
+ let label = UILabel()
|
|
|
+ label.text = String.localized("welcome_desktop")
|
|
|
+ label.textColor = DcColors.grayTextColor
|
|
|
+ label.textAlignment = .center
|
|
|
+ label.numberOfLines = 0
|
|
|
+ label.font = UIFont.systemFont(ofSize: 24, weight: .bold)
|
|
|
+ return label
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var subtitleLabel: UILabel = {
|
|
|
+ let label = UILabel()
|
|
|
+ label.text = String.localized("welcome_intro1_message")
|
|
|
+ label.font = UIFont.systemFont(ofSize: 22, weight: .regular)
|
|
|
+ label.textColor = DcColors.grayTextColor
|
|
|
+ label.numberOfLines = 0
|
|
|
+ label.textAlignment = .center
|
|
|
+ return label
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var loginButton: UIButton = {
|
|
|
+ let button = UIButton(type: .roundedRect)
|
|
|
+ let title = "log in to your server".uppercased()
|
|
|
+ button.setTitle(title, for: .normal)
|
|
|
+ button.titleLabel?.font = UIFont.systemFont(ofSize: 18, weight: .regular)
|
|
|
+ button.setTitleColor(.white, for: .normal)
|
|
|
+ button.backgroundColor = DcColors.primary
|
|
|
+ let insets = button.contentEdgeInsets
|
|
|
+ button.contentEdgeInsets = UIEdgeInsets(top: 8, left: 15, bottom: 8, right: 15)
|
|
|
+ button.layer.cornerRadius = 5
|
|
|
+ button.clipsToBounds = true
|
|
|
+ button.addTarget(self, action: #selector(loginButtonPressed(_:)), for: .touchUpInside)
|
|
|
+ return button
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var buttonStack: UIStackView = {
|
|
|
+ let stack = UIStackView(arrangedSubviews: [loginButton /*, qrCodeButton, importBackupButton */])
|
|
|
+ stack.axis = .vertical
|
|
|
+ stack.spacing = 10
|
|
|
+ return stack
|
|
|
+ }()
|
|
|
+
|
|
|
+
|
|
|
+ private lazy var qrCodeButton: UIButton = {
|
|
|
+ let button = UIButton()
|
|
|
+ let title = String.localized("qrscan_title")
|
|
|
+ button.setTitleColor(UIColor.systemBlue, for: .normal)
|
|
|
+ button.setTitle(title, for: .normal)
|
|
|
+ button.addTarget(self, action: #selector(qrCodeButtonPressed(_:)), for: .touchUpInside)
|
|
|
+ return button
|
|
|
+ }()
|
|
|
+
|
|
|
+ private lazy var importBackupButton: UIButton = {
|
|
|
+ let button = UIButton()
|
|
|
+ let title = String.localized("import_backup_title")
|
|
|
+ button.setTitleColor(UIColor.systemBlue, for: .normal)
|
|
|
+ button.setTitle(title, for: .normal)
|
|
|
+ button.addTarget(self, action: #selector(importBackupButtonPressed(_:)), for: .touchUpInside)
|
|
|
+ return button
|
|
|
+ }()
|
|
|
+
|
|
|
+ private let defaultSpacing: CGFloat = 20
|
|
|
+
|
|
|
+ init() {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ setupSubviews()
|
|
|
+ backgroundColor = DcColors.defaultBackgroundColor
|
|
|
+ }
|
|
|
+
|
|
|
+ required init?(coder: NSCoder) {
|
|
|
+ fatalError("init(coder:) has not been implemented")
|
|
|
+ }
|
|
|
+
|
|
|
+ // MARK: - setup
|
|
|
+ private func setupSubviews() {
|
|
|
+ addSubview(container)
|
|
|
+ container.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ container.topAnchor.constraint(equalTo: topAnchor).isActive = true
|
|
|
+ container.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
|
|
|
+ container.widthAnchor.constraint(equalTo: widthAnchor, multiplier: 0.75).isActive = true
|
|
|
+ container.centerXAnchor.constraint(equalTo: centerXAnchor, constant: 0).isActive = true
|
|
|
+
|
|
|
+ containerMinHeightConstraint.isActive = true
|
|
|
+
|
|
|
+ _ = [logoView, titleLabel, subtitleLabel, loginButton /*, qrCodeButton, importBackupButton */].map {
|
|
|
+ addSubview($0)
|
|
|
+ $0.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ }
|
|
|
+
|
|
|
+ let bottomLayoutGuide = UILayoutGuide()
|
|
|
+ container.addLayoutGuide(bottomLayoutGuide)
|
|
|
+ bottomLayoutGuide.bottomAnchor.constraint(equalTo: container.bottomAnchor).isActive = true
|
|
|
+ bottomLayoutGuide.heightAnchor.constraint(equalTo: container.heightAnchor, multiplier: 0.55).isActive = true
|
|
|
+
|
|
|
+ subtitleLabel.topAnchor.constraint(equalTo: bottomLayoutGuide.topAnchor).isActive = true
|
|
|
+ subtitleLabel.leadingAnchor.constraint(equalTo: container.leadingAnchor).isActive = true
|
|
|
+ subtitleLabel.trailingAnchor.constraint(equalTo: container.trailingAnchor).isActive = true
|
|
|
+ subtitleLabel.setContentHuggingPriority(.defaultHigh, for: .vertical)
|
|
|
+
|
|
|
+ titleLabel.leadingAnchor.constraint(equalTo: container.leadingAnchor).isActive = true
|
|
|
+ titleLabel.trailingAnchor.constraint(equalTo: container.trailingAnchor).isActive = true
|
|
|
+ titleLabel.bottomAnchor.constraint(equalTo: subtitleLabel.topAnchor, constant: -defaultSpacing).isActive = true
|
|
|
+ titleLabel.setContentHuggingPriority(.defaultHigh, for: .vertical)
|
|
|
+
|
|
|
+ logoView.bottomAnchor.constraint(equalTo: titleLabel.topAnchor, constant: -defaultSpacing).isActive = true
|
|
|
+ logoView.centerXAnchor.constraint(equalTo: container.centerXAnchor).isActive = true
|
|
|
+ logoHeightConstraint.constant = calculateLogoHeight()
|
|
|
+ logoHeightConstraint.isActive = true
|
|
|
+ logoView.widthAnchor.constraint(equalTo: logoView.heightAnchor).isActive = true
|
|
|
+
|
|
|
+ let logoTopAnchor = logoView.topAnchor.constraint(equalTo: container.topAnchor, constant: 20) // this will allow the container to grow in height
|
|
|
+ logoTopAnchor.priority = .defaultLow
|
|
|
+ logoTopAnchor.isActive = true
|
|
|
+
|
|
|
+ let buttonContainerGuide = UILayoutGuide()
|
|
|
+ container.addLayoutGuide(buttonContainerGuide)
|
|
|
+ buttonContainerGuide.topAnchor.constraint(equalTo: subtitleLabel.bottomAnchor).isActive = true
|
|
|
+ buttonContainerGuide.bottomAnchor.constraint(equalTo: container.bottomAnchor).isActive = true
|
|
|
+
|
|
|
+ loginButton.setContentHuggingPriority(.defaultHigh, for: .vertical)
|
|
|
+
|
|
|
+ container.addSubview(buttonStack)
|
|
|
+ buttonStack.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ buttonStack.centerXAnchor.constraint(equalTo: container.centerXAnchor).isActive = true
|
|
|
+ buttonStack.centerYAnchor.constraint(equalTo: buttonContainerGuide.centerYAnchor).isActive = true
|
|
|
+
|
|
|
+ let buttonStackTopAnchor = buttonStack.topAnchor.constraint(equalTo: buttonContainerGuide.topAnchor, constant: defaultSpacing)
|
|
|
+ // this will allow the container to grow in height
|
|
|
+ let buttonStackBottomAnchor = buttonStack.bottomAnchor.constraint(equalTo: buttonContainerGuide.bottomAnchor, constant: -50)
|
|
|
+
|
|
|
+ _ = [buttonStackTopAnchor, buttonStackBottomAnchor].map {
|
|
|
+ $0.priority = .defaultLow
|
|
|
+ $0.isActive = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ private func calculateLogoHeight() -> CGFloat {
|
|
|
+ let titleHeight = titleLabel.intrinsicContentSize.height
|
|
|
+ let subtitleHeight = subtitleLabel.intrinsicContentSize.height
|
|
|
+ let intrinsicHeight = subtitleHeight + titleHeight
|
|
|
+ let maxHeight: CGFloat = 100
|
|
|
+ return intrinsicHeight > maxHeight ? maxHeight : intrinsicHeight
|
|
|
+ }
|
|
|
+
|
|
|
+ // MARK: - actions
|
|
|
+ @objc private func loginButtonPressed(_ sender: UIButton) {
|
|
|
+ onLogin?()
|
|
|
+ }
|
|
|
+
|
|
|
+ @objc private func qrCodeButtonPressed(_ sender: UIButton) {
|
|
|
+ onScanQRCode?()
|
|
|
+ }
|
|
|
+
|
|
|
+ @objc private func importBackupButtonPressed(_ sender: UIButton) {
|
|
|
+ onImportBackup?()
|
|
|
+ }
|
|
|
+}
|
cyBerta
