element-ios/Riot/Modules/SetPinCode/EnterPinCode/EnterPinCodeViewController....

404 lines
14 KiB
Swift

// File created from ScreenTemplate
// $ createScreen.sh SetPinCode/EnterPinCode EnterPinCode
/*
Copyright 2020 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
import UIKit
final class EnterPinCodeViewController: UIViewController {
// MARK: - Constants
private enum Constants {
static let aConstant: Int = 666
}
// MARK: - Properties
// MARK: Outlets
@IBOutlet private weak var mainStackView: UIStackView!
@IBOutlet private weak var inactiveView: UIView!
@IBOutlet private weak var inactiveLogoImageView: UIImageView!
@IBOutlet private weak var logoImageView: UIImageView!
@IBOutlet private weak var placeholderStackView: UIStackView!
@IBOutlet private weak var notAllowedPinView: UIView!
@IBOutlet private weak var notAllowedPinLineView: UIView!
@IBOutlet private weak var notAllowedPinLabel: UILabel!
@IBOutlet private weak var digitsStackView: UIStackView!
@IBOutlet private weak var informationLabel: UILabel!
@IBOutlet private weak var explanatoryLabel: UILabel!
@IBOutlet private weak var forgotPinButton: UIButton!
@IBOutlet private weak var bottomView: UIView!
// MARK: Private
private var viewModel: EnterPinCodeViewModelType!
private var theme: Theme!
private var errorPresenter: MXKErrorPresentation!
private var activityPresenter: ActivityIndicatorPresenter!
// MARK: - Setup
class func instantiate(with viewModel: EnterPinCodeViewModelType) -> EnterPinCodeViewController {
let viewController = StoryboardScene.EnterPinCodeViewController.initialScene.instantiate()
viewController.viewModel = viewModel
viewController.theme = ThemeService.shared().theme
return viewController
}
// MARK: - Life cycle
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
self.setupViews()
self.activityPresenter = ActivityIndicatorPresenter()
self.errorPresenter = MXKErrorAlertPresentation()
self.registerThemeServiceDidChangeThemeNotification()
self.update(theme: self.theme)
self.viewModel.viewDelegate = self
self.viewModel.process(viewAction: .loadData)
// force orientation to portrait if phone
if UIDevice.current.isPhone {
UIDevice.current.setValue(UIInterfaceOrientation.portrait.rawValue, forKey: "orientation")
}
}
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
UIApplication.shared.vc_closeKeyboard()
}
override var preferredStatusBarStyle: UIStatusBarStyle {
return self.theme.statusBarStyle
}
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
// limit orientation to portrait only for phone
if UIDevice.current.isPhone {
return .portrait
}
return super.supportedInterfaceOrientations
}
override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
if UIDevice.current.isPhone {
return .portrait
}
return super.preferredInterfaceOrientationForPresentation
}
// MARK: - Private
private func update(theme: Theme) {
self.theme = theme
self.view.backgroundColor = theme.headerBackgroundColor
if let navigationBar = self.navigationController?.navigationBar {
theme.applyStyle(onNavigationBar: navigationBar)
}
self.informationLabel.textColor = theme.textPrimaryColor
self.explanatoryLabel.textColor = theme.textSecondaryColor
self.notAllowedPinLineView.backgroundColor = theme.noticeColor
self.notAllowedPinLabel.textColor = theme.noticeColor
updateThemesOfAllImages(in: placeholderStackView, with: theme)
updateThemesOfAllButtons(in: digitsStackView, with: theme)
theme.applyStyle(onButton: forgotPinButton)
}
private func updateThemesOfAllImages(in view: UIView, with theme: Theme) {
if let imageView = view as? UIImageView {
imageView.tintColor = theme.noticeSecondaryColor
} else {
for subview in view.subviews {
updateThemesOfAllImages(in: subview, with: theme)
}
}
}
private func updateThemesOfAllButtons(in view: UIView, with theme: Theme) {
if let button = view as? UIButton {
button.tintColor = theme.textPrimaryColor
button.setTitleColor(theme.textPrimaryColor, for: .normal)
} else {
for subview in view.subviews {
updateThemesOfAllButtons(in: subview, with: theme)
}
}
}
private func registerThemeServiceDidChangeThemeNotification() {
NotificationCenter.default.addObserver(self, selector: #selector(themeDidChange), name: .themeServiceDidChangeTheme, object: nil)
}
@objc private func themeDidChange() {
self.update(theme: ThemeService.shared().theme)
}
private func setupViews() {
let cancelBarButtonItem = MXKBarButtonItem(title: VectorL10n.cancel, style: .plain) { [weak self] in
self?.cancelButtonAction()
}
self.navigationItem.rightBarButtonItem = cancelBarButtonItem
showCancelButton()
self.title = ""
notAllowedPinLabel.text = VectorL10n.pinProtectionNotAllowedPin
placeholderStackView.vc_removeAllArrangedSubviews()
for i in 0..<PinCodePreferences.shared.numberOfDigits {
let imageView = UIImageView(image: Asset.Images.selectionUntick.image)
imageView.heightAnchor.constraint(equalToConstant: 24).isActive = true
imageView.widthAnchor.constraint(equalToConstant: 24).isActive = true
imageView.tag = i
placeholderStackView.addArrangedSubview(imageView)
}
}
private func showCancelButton() {
self.navigationController?.navigationBar.isHidden = false
}
private func hideCancelButton() {
self.navigationController?.navigationBar.isHidden = true
}
private func render(viewState: EnterPinCodeViewState) {
switch viewState {
case .choosePin:
self.renderChoosePin()
case .choosePinAfterLogin:
self.renderChoosePinAfterLogin()
case .choosePinAfterRegister:
self.renderChoosePinAfterRegister()
case .notAllowedPin:
self.renderNotAllowedPin()
case .confirmPin:
self.renderConfirmPin()
case .pinsDontMatch:
self.renderPinsDontMatch()
case .unlock:
self.renderUnlockByPin()
case .wrongPin:
self.renderWrongPin()
case .wrongPinTooManyTimes:
self.renderWrongPinTooManyTimes()
case .forgotPin:
self.renderForgotPin()
case .confirmPinToDisable:
self.renderConfirmPinToDisable()
case .inactive:
self.renderInactive()
case .changePin:
self.renderChangePin()
}
}
private func renderChoosePin() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.logoImageView.isHidden = true
self.informationLabel.text = VectorL10n.pinProtectionChoosePin
self.explanatoryLabel.isHidden = false
self.forgotPinButton.isHidden = true
self.bottomView.isHidden = false
self.notAllowedPinView.isHidden = true
}
private func renderChoosePinAfterLogin() {
renderChoosePin()
self.informationLabel.text = VectorL10n.pinProtectionChoosePinWelcomeAfterLogin + "\n" + VectorL10n.pinProtectionChoosePin
}
private func renderChoosePinAfterRegister() {
renderChoosePin()
self.informationLabel.text = VectorL10n.pinProtectionChoosePinWelcomeAfterRegister + "\n" + VectorL10n.pinProtectionChoosePin
}
private func renderNotAllowedPin() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.logoImageView.isHidden = true
self.forgotPinButton.isHidden = true
self.bottomView.isHidden = false
self.notAllowedPinView.isHidden = false
renderPlaceholdersCount(.max, error: true)
}
private func renderConfirmPin() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.informationLabel.text = VectorL10n.pinProtectionConfirmPin
self.notAllowedPinView.isHidden = true
// reset placeholders
renderPlaceholdersCount(0)
}
private func renderPinsDontMatch() {
let error = MXKErrorViewModel(title: VectorL10n.pinProtectionMismatchErrorTitle,
message: VectorL10n.pinProtectionMismatchErrorMessage)
self.activityPresenter.removeCurrentActivityIndicator(animated: true)
self.errorPresenter.presentError(from: self, for: error, animated: true) {
self.viewModel.process(viewAction: .pinsDontMatchAlertAction)
}
}
private func renderUnlockByPin() {
hideCancelButton()
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.logoImageView.isHidden = false
self.informationLabel.text = VectorL10n.pinProtectionEnterPin
self.explanatoryLabel.isHidden = true
self.forgotPinButton.isHidden = false
self.bottomView.isHidden = true
self.notAllowedPinView.isHidden = true
}
private func renderWrongPin() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.notAllowedPinView.isHidden = true
self.explanatoryLabel.isHidden = true
self.placeholderStackView.vc_shake()
}
private func renderWrongPinTooManyTimes() {
let error = MXKErrorViewModel(title: VectorL10n.pinProtectionMismatchErrorTitle,
message: VectorL10n.pinProtectionMismatchTooManyTimesErrorMessage)
self.activityPresenter.removeCurrentActivityIndicator(animated: true)
self.errorPresenter.presentError(from: self, for: error, animated: true, handler: nil)
}
private func renderForgotPin() {
let controller = UIAlertController(title: VectorL10n.pinProtectionResetAlertTitle,
message: VectorL10n.pinProtectionResetAlertMessage,
preferredStyle: .alert)
let resetAction = UIAlertAction(title: VectorL10n.pinProtectionResetAlertActionReset, style: .default) { (_) in
self.viewModel.process(viewAction: .forgotPinAlertResetAction)
}
let cancelAction = UIAlertAction(title: VectorL10n.cancel, style: .cancel) { (_) in
self.viewModel.process(viewAction: .forgotPinAlertCancelAction)
}
controller.addAction(resetAction)
controller.addAction(cancelAction)
self.present(controller, animated: true, completion: nil)
}
private func renderConfirmPinToDisable() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.logoImageView.isHidden = true
self.informationLabel.text = VectorL10n.pinProtectionConfirmPinToDisable
self.explanatoryLabel.isHidden = true
self.forgotPinButton.isHidden = true
self.bottomView.isHidden = false
self.notAllowedPinView.isHidden = true
}
private func renderInactive() {
self.hideCancelButton()
self.inactiveView.isHidden = false
self.mainStackView.isHidden = true
self.notAllowedPinView.isHidden = true
self.explanatoryLabel.isHidden = true
}
private func renderChangePin() {
self.inactiveView.isHidden = true
self.mainStackView.isHidden = false
self.logoImageView.isHidden = true
self.informationLabel.text = VectorL10n.pinProtectionConfirmPinToChange
self.explanatoryLabel.isHidden = true
self.forgotPinButton.isHidden = true
self.bottomView.isHidden = false
self.notAllowedPinView.isHidden = true
}
private func renderPlaceholdersCount(_ count: Int, error: Bool = false) {
UIView.animate(withDuration: 0.3) {
for case let imageView as UIImageView in self.placeholderStackView.arrangedSubviews {
if imageView.tag < count {
if error {
imageView.image = Asset.Images.placeholder.image.vc_tintedImage(usingColor: self.theme.noticeColor)
} else {
imageView.image = Asset.Images.placeholder.image
}
} else {
imageView.image = Asset.Images.selectionUntick.image
}
}
}
}
// MARK: - Actions
@IBAction private func digitButtonAction(_ sender: UIButton) {
self.viewModel.process(viewAction: .digitPressed(sender.tag))
}
@IBAction private func forgotPinButtonAction(_ sender: UIButton) {
self.viewModel.process(viewAction: .forgotPinPressed)
}
private func cancelButtonAction() {
self.viewModel.process(viewAction: .cancel)
}
}
// MARK: - EnterPinCodeViewModelViewDelegate
extension EnterPinCodeViewController: EnterPinCodeViewModelViewDelegate {
func enterPinCodeViewModel(_ viewModel: EnterPinCodeViewModelType, didUpdateViewState viewSate: EnterPinCodeViewState) {
self.render(viewState: viewSate)
}
func enterPinCodeViewModel(_ viewModel: EnterPinCodeViewModelType, didUpdatePlaceholdersCount count: Int) {
self.renderPlaceholdersCount(count)
}
func enterPinCodeViewModel(_ viewModel: EnterPinCodeViewModelType, didUpdateCancelButtonHidden isHidden: Bool) {
if isHidden {
hideCancelButton()
} else {
showCancelButton()
}
}
}