mirror of https://github.com/oxen-io/session-ios
Implement preliminary push notification UI
nielsandriesse
5 years ago
parent
808dc89779
commit
6f31336a7d
@ -0,0 +1,12 @@
|
|||||||
|
|
||||||
|
extension UIView {
|
||||||
|
|
||||||
|
convenience init(wrapping view: UIView, withInsets insets: UIEdgeInsets) {
|
||||||
|
self.init()
|
||||||
|
addSubview(view)
|
||||||
|
view.pin(.leading, to: .leading, of: self, withInset: insets.left)
|
||||||
|
view.pin(.top, to: .top, of: self, withInset: insets.top)
|
||||||
|
self.pin(.trailing, to: .trailing, of: view, withInset: insets.right)
|
||||||
|
self.pin(.bottom, to: .bottom, of: view, withInset: insets.bottom)
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,184 @@
|
|||||||
|
|
||||||
|
final class PNModeVC : BaseVC, OptionViewDelegate {
|
||||||
|
|
||||||
|
private var optionViews: [OptionView] {
|
||||||
|
[ apnsOptionView, backgroundPollingOptionView, noPNsOptionView ]
|
||||||
|
}
|
||||||
|
|
||||||
|
private var selectedOptionView: OptionView? {
|
||||||
|
return optionViews.first { $0.isSelected }
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: Components
|
||||||
|
private lazy var apnsOptionView = OptionView(title: "Apple Push Notification Service", explanation: "The app will use the Apple Push Notification Service. You'll be notified of new messages immediately. This mode entails a slight privacy sacrifice as Apple will know your IP. The contents of your messages will still be fully encrypted, your data will still be stored in a decentralized manner and your messages will still be onion routed.", delegate: self)
|
||||||
|
private lazy var backgroundPollingOptionView = OptionView(title: "Background Polling", explanation: "The app will occassionally check for new messages when it's in the background. This provides full privacy but notifications may be significantly delayed.", delegate: self)
|
||||||
|
private lazy var noPNsOptionView = OptionView(title: "No Push Notifications", explanation: "You will not be notified of new messages when the app is closed. This provides full privacy.", delegate: self)
|
||||||
|
|
||||||
|
// MARK: Lifecycle
|
||||||
|
override func viewDidLoad() {
|
||||||
|
super.viewDidLoad()
|
||||||
|
// Set gradient background
|
||||||
|
view.backgroundColor = .clear
|
||||||
|
let gradient = Gradients.defaultLokiBackground
|
||||||
|
view.setGradient(gradient)
|
||||||
|
// Set up navigation bar
|
||||||
|
let navigationBar = navigationController!.navigationBar
|
||||||
|
navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
|
||||||
|
navigationBar.shadowImage = UIImage()
|
||||||
|
navigationBar.isTranslucent = false
|
||||||
|
navigationBar.barTintColor = Colors.navigationBarBackground
|
||||||
|
// Set up logo image view
|
||||||
|
let logoImageView = UIImageView()
|
||||||
|
logoImageView.image = #imageLiteral(resourceName: "SessionGreen32")
|
||||||
|
logoImageView.contentMode = .scaleAspectFit
|
||||||
|
logoImageView.set(.width, to: 32)
|
||||||
|
logoImageView.set(.height, to: 32)
|
||||||
|
navigationItem.titleView = logoImageView
|
||||||
|
// Set up title label
|
||||||
|
let titleLabel = UILabel()
|
||||||
|
titleLabel.textColor = Colors.text
|
||||||
|
titleLabel.font = .boldSystemFont(ofSize: isSmallScreen ? Values.largeFontSize : Values.veryLargeFontSize)
|
||||||
|
titleLabel.text = "Push Notifications"
|
||||||
|
titleLabel.numberOfLines = 0
|
||||||
|
titleLabel.lineBreakMode = .byWordWrapping
|
||||||
|
// Set up explanation label
|
||||||
|
let explanationLabel = UILabel()
|
||||||
|
explanationLabel.textColor = Colors.text
|
||||||
|
explanationLabel.font = .systemFont(ofSize: Values.smallFontSize)
|
||||||
|
explanationLabel.text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
|
||||||
|
explanationLabel.numberOfLines = 0
|
||||||
|
explanationLabel.lineBreakMode = .byWordWrapping
|
||||||
|
// Set up spacers
|
||||||
|
let topSpacer = UIView.vStretchingSpacer()
|
||||||
|
let bottomSpacer = UIView.vStretchingSpacer()
|
||||||
|
let registerButtonBottomOffsetSpacer = UIView()
|
||||||
|
registerButtonBottomOffsetSpacer.set(.height, to: Values.onboardingButtonBottomOffset)
|
||||||
|
// Set up register button
|
||||||
|
let registerButton = Button(style: .prominentFilled, size: .large)
|
||||||
|
registerButton.setTitle(NSLocalizedString("Continue", comment: ""), for: UIControl.State.normal)
|
||||||
|
registerButton.titleLabel!.font = .boldSystemFont(ofSize: Values.mediumFontSize)
|
||||||
|
registerButton.addTarget(self, action: #selector(register), for: UIControl.Event.touchUpInside)
|
||||||
|
// Set up register button container
|
||||||
|
let registerButtonContainer = UIView(wrapping: registerButton, withInsets: UIEdgeInsets(top: 0, leading: Values.massiveSpacing, bottom: 0, trailing: Values.massiveSpacing))
|
||||||
|
// Set up options stack view
|
||||||
|
let optionsStackView = UIStackView(arrangedSubviews: optionViews)
|
||||||
|
optionsStackView.axis = .vertical
|
||||||
|
optionsStackView.spacing = Values.smallSpacing
|
||||||
|
optionsStackView.alignment = .fill
|
||||||
|
// Set up top stack view
|
||||||
|
let topStackView = UIStackView(arrangedSubviews: [ titleLabel, explanationLabel, optionsStackView ])
|
||||||
|
topStackView.axis = .vertical
|
||||||
|
topStackView.spacing = isSmallScreen ? Values.smallSpacing : Values.veryLargeSpacing
|
||||||
|
topStackView.alignment = .fill
|
||||||
|
// Set up top stack view container
|
||||||
|
let topStackViewContainer = UIView(wrapping: topStackView, withInsets: UIEdgeInsets(top: 0, leading: Values.veryLargeSpacing, bottom: 0, trailing: Values.veryLargeSpacing))
|
||||||
|
// Set up main stack view
|
||||||
|
let mainStackView = UIStackView(arrangedSubviews: [ topSpacer, topStackViewContainer, bottomSpacer, registerButtonContainer, registerButtonBottomOffsetSpacer ])
|
||||||
|
mainStackView.axis = .vertical
|
||||||
|
mainStackView.alignment = .fill
|
||||||
|
view.addSubview(mainStackView)
|
||||||
|
mainStackView.pin(to: view)
|
||||||
|
topSpacer.heightAnchor.constraint(equalTo: bottomSpacer.heightAnchor, multiplier: 1).isActive = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: Interaction
|
||||||
|
fileprivate func optionViewDidActivate(_ optionView: OptionView) {
|
||||||
|
optionViews.filter { $0 != optionView }.forEach { $0.isSelected = false }
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc private func register() {
|
||||||
|
// TODO: Implement
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: Option View
|
||||||
|
private extension PNModeVC {
|
||||||
|
|
||||||
|
final class OptionView : UIView {
|
||||||
|
private let title: String
|
||||||
|
private let explanation: String
|
||||||
|
private let delegate: OptionViewDelegate
|
||||||
|
var isSelected = false { didSet { handleIsSelectedChanged() } }
|
||||||
|
|
||||||
|
init(title: String, explanation: String, delegate: OptionViewDelegate) {
|
||||||
|
self.title = title
|
||||||
|
self.explanation = explanation
|
||||||
|
self.delegate = delegate
|
||||||
|
super.init(frame: CGRect.zero)
|
||||||
|
setUpViewHierarchy()
|
||||||
|
}
|
||||||
|
|
||||||
|
override init(frame: CGRect) {
|
||||||
|
preconditionFailure("Use init(string:explanation:) instead.")
|
||||||
|
}
|
||||||
|
|
||||||
|
required init?(coder: NSCoder) {
|
||||||
|
preconditionFailure("Use init(string:explanation:) instead.")
|
||||||
|
}
|
||||||
|
|
||||||
|
private func setUpViewHierarchy() {
|
||||||
|
backgroundColor = Colors.pnOptionBackground
|
||||||
|
// Round corners
|
||||||
|
layer.cornerRadius = Values.pnOptionCornerRadius
|
||||||
|
// Set up border
|
||||||
|
layer.borderWidth = Values.borderThickness
|
||||||
|
layer.borderColor = Colors.pnOptionBorder.cgColor
|
||||||
|
// Set up shadow
|
||||||
|
layer.shadowColor = UIColor.black.cgColor
|
||||||
|
layer.shadowOffset = CGSize(width: 0, height: 0.8)
|
||||||
|
layer.shadowOpacity = isLightMode ? 0.4 : 1
|
||||||
|
layer.shadowRadius = isLightMode ? 4 : 6
|
||||||
|
// Set up title label
|
||||||
|
let titleLabel = UILabel()
|
||||||
|
titleLabel.textColor = Colors.text
|
||||||
|
titleLabel.font = .boldSystemFont(ofSize: Values.mediumFontSize)
|
||||||
|
titleLabel.text = title
|
||||||
|
titleLabel.numberOfLines = 0
|
||||||
|
titleLabel.lineBreakMode = .byWordWrapping
|
||||||
|
// Set up explanation label
|
||||||
|
let explanationLabel = UILabel()
|
||||||
|
explanationLabel.textColor = Colors.text
|
||||||
|
explanationLabel.font = .systemFont(ofSize: Values.verySmallFontSize)
|
||||||
|
explanationLabel.text = explanation
|
||||||
|
explanationLabel.numberOfLines = 0
|
||||||
|
explanationLabel.lineBreakMode = .byWordWrapping
|
||||||
|
// Set up stack view
|
||||||
|
let stackView = UIStackView(arrangedSubviews: [ titleLabel, explanationLabel ])
|
||||||
|
stackView.axis = .vertical
|
||||||
|
stackView.alignment = .fill
|
||||||
|
addSubview(stackView)
|
||||||
|
stackView.pin(.leading, to: .leading, of: self, withInset: 12)
|
||||||
|
stackView.pin(.top, to: .top, of: self, withInset: 12)
|
||||||
|
self.pin(.trailing, to: .trailing, of: stackView, withInset: 12)
|
||||||
|
self.pin(.bottom, to: .bottom, of: stackView, withInset: 12)
|
||||||
|
// Set up tap gesture recognizer
|
||||||
|
let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(handleTap))
|
||||||
|
addGestureRecognizer(tapGestureRecognizer)
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc private func handleTap() {
|
||||||
|
isSelected = !isSelected
|
||||||
|
}
|
||||||
|
|
||||||
|
private func handleIsSelectedChanged() {
|
||||||
|
let animationDuration: TimeInterval = 0.25
|
||||||
|
UIView.animate(withDuration: animationDuration) {
|
||||||
|
self.backgroundColor = self.isSelected ? Colors.accent : Colors.buttonBackground
|
||||||
|
}
|
||||||
|
let newShadowColor = isSelected ? Colors.newConversationButtonShadow.cgColor : UIColor.black.cgColor
|
||||||
|
let shadowAnimation = CABasicAnimation(keyPath: "shadowColor")
|
||||||
|
shadowAnimation.fromValue = layer.shadowColor
|
||||||
|
shadowAnimation.toValue = newShadowColor
|
||||||
|
shadowAnimation.duration = animationDuration
|
||||||
|
layer.add(shadowAnimation, forKey: shadowAnimation.keyPath)
|
||||||
|
layer.shadowColor = newShadowColor
|
||||||
|
if isSelected { delegate.optionViewDidActivate(self) }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: Option View Delegate
|
||||||
|
private protocol OptionViewDelegate {
|
||||||
|
|
||||||
|
func optionViewDidActivate(_ optionView: PNModeVC.OptionView)
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue