mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-29 15:52:40 +00:00
403 lines
14 KiB
Swift
403 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()
|
|
}
|
|
}
|
|
|
|
}
|