mirror of https://github.com/oxen-io/session-ios
Merge branch 'charlesmchen/onboardingProfile'
Matthew Chen
6 years ago
commit
9d0813d7b9
@ -0,0 +1,252 @@
|
|||||||
|
//
|
||||||
|
// Copyright (c) 2019 Open Whisper Systems. All rights reserved.
|
||||||
|
//
|
||||||
|
|
||||||
|
import UIKit
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public class OnboardingProfileViewController: OnboardingBaseViewController {
|
||||||
|
|
||||||
|
// MARK: - Dependencies
|
||||||
|
|
||||||
|
var profileManager: OWSProfileManager {
|
||||||
|
return OWSProfileManager.shared()
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: -
|
||||||
|
|
||||||
|
private let avatarView = AvatarImageView()
|
||||||
|
private let nameTextfield = UITextField()
|
||||||
|
private var avatar: UIImage?
|
||||||
|
private let cameraCircle = UIView.container()
|
||||||
|
|
||||||
|
private let avatarViewHelper = AvatarViewHelper()
|
||||||
|
|
||||||
|
override public func loadView() {
|
||||||
|
super.loadView()
|
||||||
|
|
||||||
|
avatarViewHelper.delegate = self
|
||||||
|
|
||||||
|
view.backgroundColor = Theme.backgroundColor
|
||||||
|
view.layoutMargins = .zero
|
||||||
|
|
||||||
|
let titleLabel = self.titleLabel(text: NSLocalizedString("ONBOARDING_PROFILE_TITLE", comment: "Title of the 'onboarding profile' view."))
|
||||||
|
|
||||||
|
let explanationLabel = self.explanationLabel(explanationText: NSLocalizedString("ONBOARDING_PROFILE_EXPLANATION",
|
||||||
|
comment: "Explanation in the 'onboarding profile' view."))
|
||||||
|
|
||||||
|
let nextButton = self.button(title: NSLocalizedString("BUTTON_NEXT",
|
||||||
|
comment: "Label for the 'next' button."),
|
||||||
|
selector: #selector(nextPressed))
|
||||||
|
|
||||||
|
avatarView.autoSetDimensions(to: CGSize(width: CGFloat(avatarSize), height: CGFloat(avatarSize)))
|
||||||
|
|
||||||
|
let cameraImageView = UIImageView()
|
||||||
|
cameraImageView.image = UIImage(named: "settings-avatar-camera")
|
||||||
|
cameraCircle.backgroundColor = Theme.backgroundColor
|
||||||
|
cameraCircle.addSubview(cameraImageView)
|
||||||
|
let cameraCircleDiameter: CGFloat = 40
|
||||||
|
cameraCircle.autoSetDimensions(to: CGSize(width: cameraCircleDiameter, height: cameraCircleDiameter))
|
||||||
|
cameraCircle.layer.shadowColor = UIColor(white: 0, alpha: 0.15).cgColor
|
||||||
|
cameraCircle.layer.shadowRadius = 5
|
||||||
|
cameraCircle.layer.shadowOffset = CGSize(width: 1, height: 1)
|
||||||
|
cameraCircle.layer.shadowOpacity = 1
|
||||||
|
cameraCircle.layer.cornerRadius = cameraCircleDiameter * 0.5
|
||||||
|
cameraCircle.clipsToBounds = false
|
||||||
|
cameraImageView.autoCenterInSuperview()
|
||||||
|
|
||||||
|
let avatarWrapper = UIView.container()
|
||||||
|
avatarWrapper.isUserInteractionEnabled = true
|
||||||
|
avatarWrapper.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(avatarTapped)))
|
||||||
|
avatarWrapper.addSubview(avatarView)
|
||||||
|
avatarView.autoPinEdgesToSuperviewEdges(with: UIEdgeInsets(top: 4, leading: 4, bottom: 4, trailing: 4))
|
||||||
|
avatarWrapper.addSubview(cameraCircle)
|
||||||
|
cameraCircle.autoPinEdge(toSuperviewEdge: .trailing)
|
||||||
|
cameraCircle.autoPinEdge(toSuperviewEdge: .bottom)
|
||||||
|
|
||||||
|
nameTextfield.textAlignment = .left
|
||||||
|
nameTextfield.delegate = self
|
||||||
|
nameTextfield.returnKeyType = .done
|
||||||
|
nameTextfield.textColor = Theme.primaryColor
|
||||||
|
nameTextfield.font = UIFont.ows_dynamicTypeBodyClamped
|
||||||
|
nameTextfield.placeholder = NSLocalizedString("ONBOARDING_PROFILE_NAME_PLACEHOLDER",
|
||||||
|
comment: "Placeholder text for the profile name in the 'onboarding profile' view.")
|
||||||
|
nameTextfield.setContentHuggingHorizontalLow()
|
||||||
|
nameTextfield.setCompressionResistanceHorizontalLow()
|
||||||
|
|
||||||
|
let nameWrapper = UIView.container()
|
||||||
|
nameWrapper.setCompressionResistanceHorizontalLow()
|
||||||
|
nameWrapper.setContentHuggingHorizontalLow()
|
||||||
|
nameWrapper.addSubview(nameTextfield)
|
||||||
|
nameTextfield.autoPinWidthToSuperview()
|
||||||
|
nameTextfield.autoPinEdge(toSuperviewEdge: .top, withInset: 8)
|
||||||
|
nameTextfield.autoPinEdge(toSuperviewEdge: .bottom, withInset: 8)
|
||||||
|
_ = nameWrapper.addBottomStroke()
|
||||||
|
|
||||||
|
let profileRow = UIStackView(arrangedSubviews: [
|
||||||
|
avatarWrapper,
|
||||||
|
nameWrapper
|
||||||
|
])
|
||||||
|
profileRow.axis = .horizontal
|
||||||
|
profileRow.alignment = .center
|
||||||
|
profileRow.spacing = 8
|
||||||
|
|
||||||
|
let topSpacer = UIView.vStretchingSpacer()
|
||||||
|
let bottomSpacer = UIView.vStretchingSpacer()
|
||||||
|
|
||||||
|
let stackView = UIStackView(arrangedSubviews: [
|
||||||
|
titleLabel,
|
||||||
|
topSpacer,
|
||||||
|
profileRow,
|
||||||
|
UIView.spacer(withHeight: 25),
|
||||||
|
explanationLabel,
|
||||||
|
UIView.spacer(withHeight: 20),
|
||||||
|
nextButton,
|
||||||
|
bottomSpacer
|
||||||
|
])
|
||||||
|
stackView.axis = .vertical
|
||||||
|
stackView.alignment = .fill
|
||||||
|
stackView.layoutMargins = UIEdgeInsets(top: 32, left: 32, bottom: 32, right: 32)
|
||||||
|
stackView.isLayoutMarginsRelativeArrangement = true
|
||||||
|
view.addSubview(stackView)
|
||||||
|
stackView.autoPinWidthToSuperview()
|
||||||
|
stackView.autoPin(toTopLayoutGuideOf: self, withInset: 0)
|
||||||
|
autoPinView(toBottomOfViewControllerOrKeyboard: stackView, avoidNotch: true)
|
||||||
|
|
||||||
|
// Ensure whitespace is balanced, so inputs are vertically centered.
|
||||||
|
topSpacer.autoMatch(.height, to: .height, of: bottomSpacer)
|
||||||
|
|
||||||
|
updateAvatarView()
|
||||||
|
}
|
||||||
|
|
||||||
|
private let avatarSize: UInt = 80
|
||||||
|
|
||||||
|
private func updateAvatarView() {
|
||||||
|
if let avatar = avatar {
|
||||||
|
avatarView.image = avatar
|
||||||
|
cameraCircle.isHidden = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let defaultAvatar = OWSContactAvatarBuilder(forLocalUserWithDiameter: avatarSize).buildDefaultImage()
|
||||||
|
avatarView.image = defaultAvatar
|
||||||
|
cameraCircle.isHidden = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: -
|
||||||
|
|
||||||
|
private func normalizedProfileName() -> String? {
|
||||||
|
return nameTextfield.text?.ows_stripped()
|
||||||
|
}
|
||||||
|
|
||||||
|
private func tryToComplete() {
|
||||||
|
|
||||||
|
let profileName = self.normalizedProfileName()
|
||||||
|
let profileAvatar = self.avatar
|
||||||
|
|
||||||
|
if profileName == nil, profileAvatar == nil {
|
||||||
|
onboardingController.profileWasSkipped(fromView: self)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if let name = profileName,
|
||||||
|
profileManager.isProfileNameTooLong(name) {
|
||||||
|
OWSAlerts.showErrorAlert(message: NSLocalizedString("PROFILE_VIEW_ERROR_PROFILE_NAME_TOO_LONG",
|
||||||
|
comment: "Error message shown when user tries to update profile with a profile name that is too long."))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
ModalActivityIndicatorViewController.present(fromViewController: self,
|
||||||
|
canCancel: true) { (modal) in
|
||||||
|
|
||||||
|
self.profileManager.updateLocalProfileName(profileName, avatarImage: profileAvatar, success: {
|
||||||
|
DispatchQueue.main.async {
|
||||||
|
modal.dismiss(completion: {
|
||||||
|
self.onboardingController.profileDidComplete(fromView: self)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, failure: {
|
||||||
|
DispatchQueue.main.async {
|
||||||
|
modal.dismiss(completion: {
|
||||||
|
OWSAlerts.showErrorAlert(message: NSLocalizedString("PROFILE_VIEW_ERROR_UPDATE_FAILED",
|
||||||
|
comment: "Error message shown when a profile update fails."))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public override func viewDidAppear(_ animated: Bool) {
|
||||||
|
super.viewDidAppear(animated)
|
||||||
|
|
||||||
|
_ = nameTextfield.becomeFirstResponder()
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Events
|
||||||
|
|
||||||
|
@objc func avatarTapped(sender: UIGestureRecognizer) {
|
||||||
|
guard sender.state == .recognized else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
showAvatarActionSheet()
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc func nextPressed() {
|
||||||
|
Logger.info("")
|
||||||
|
|
||||||
|
tryToComplete()
|
||||||
|
}
|
||||||
|
|
||||||
|
private func showAvatarActionSheet() {
|
||||||
|
AssertIsOnMainThread()
|
||||||
|
|
||||||
|
Logger.info("")
|
||||||
|
|
||||||
|
avatarViewHelper.showChangeAvatarUI()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: -
|
||||||
|
|
||||||
|
extension OnboardingProfileViewController: UITextFieldDelegate {
|
||||||
|
public func textFieldShouldReturn(_ textField: UITextField) -> Bool {
|
||||||
|
tryToComplete()
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: -
|
||||||
|
|
||||||
|
extension OnboardingProfileViewController: AvatarViewHelperDelegate {
|
||||||
|
public func avatarActionSheetTitle() -> String? {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
public func avatarDidChange(_ image: UIImage) {
|
||||||
|
AssertIsOnMainThread()
|
||||||
|
|
||||||
|
let maxDiameter = CGFloat(kOWSProfileManager_MaxAvatarDiameter)
|
||||||
|
avatar = image.resizedImage(toFillPixelSize: CGSize(width: maxDiameter,
|
||||||
|
height: maxDiameter))
|
||||||
|
|
||||||
|
updateAvatarView()
|
||||||
|
}
|
||||||
|
|
||||||
|
public func fromViewController() -> UIViewController {
|
||||||
|
return self
|
||||||
|
}
|
||||||
|
|
||||||
|
public func hasClearAvatarAction() -> Bool {
|
||||||
|
return avatar != nil
|
||||||
|
}
|
||||||
|
|
||||||
|
public func clearAvatar() {
|
||||||
|
avatar = nil
|
||||||
|
|
||||||
|
updateAvatarView()
|
||||||
|
}
|
||||||
|
|
||||||
|
public func clearAvatarActionLabel() -> String {
|
||||||
|
return NSLocalizedString("PROFILE_VIEW_CLEAR_AVATAR", comment: "Label for action that clear's the user's profile avatar")
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue