mirror of https://github.com/oxen-io/session-ios
Implement basic onion request UI
Niels Andriesse
5 years ago
parent
8fb5e7102f
commit
00f5cebdef
@ -0,0 +1,45 @@
|
||||
|
||||
final class PathStatusView : UIView {
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setUpViewHierarchy()
|
||||
}
|
||||
|
||||
required init?(coder: NSCoder) {
|
||||
super.init(coder: coder)
|
||||
setUpViewHierarchy()
|
||||
}
|
||||
|
||||
private func setUpViewHierarchy() {
|
||||
backgroundColor = Colors.accent
|
||||
let size = Values.pathStatusViewSize
|
||||
layer.cornerRadius = size / 2
|
||||
setGlow(to: size, with: Colors.accent, animated: false)
|
||||
layer.masksToBounds = false
|
||||
}
|
||||
|
||||
func setGlow(to size: CGFloat, with color: UIColor, animated isAnimated: Bool) {
|
||||
let newPath = UIBezierPath(ovalIn: CGRect(origin: CGPoint(x: 0, y: 0), size: CGSize(width: size, height: size))).cgPath
|
||||
if isAnimated {
|
||||
let pathAnimation = CABasicAnimation(keyPath: "shadowPath")
|
||||
pathAnimation.fromValue = layer.shadowPath
|
||||
pathAnimation.toValue = newPath
|
||||
pathAnimation.duration = 0.25
|
||||
layer.add(pathAnimation, forKey: pathAnimation.keyPath)
|
||||
}
|
||||
layer.shadowPath = newPath
|
||||
let newColor = color.cgColor
|
||||
if isAnimated {
|
||||
let colorAnimation = CABasicAnimation(keyPath: "shadowColor")
|
||||
colorAnimation.fromValue = layer.shadowColor
|
||||
colorAnimation.toValue = newColor
|
||||
colorAnimation.duration = 0.25
|
||||
layer.add(colorAnimation, forKey: colorAnimation.keyPath)
|
||||
}
|
||||
layer.shadowColor = newColor
|
||||
layer.shadowOffset = CGSize(width: 0, height: 0.8)
|
||||
layer.shadowOpacity = isLightMode ? 0.4 : 1
|
||||
layer.shadowRadius = isLightMode ? 6 : 8
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,140 @@
|
||||
|
||||
final class PathVC : BaseVC {
|
||||
|
||||
// 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 close button
|
||||
let closeButton = UIBarButtonItem(image: #imageLiteral(resourceName: "X"), style: .plain, target: self, action: #selector(close))
|
||||
closeButton.tintColor = Colors.text
|
||||
navigationItem.leftBarButtonItem = closeButton
|
||||
// Customize title
|
||||
let titleLabel = UILabel()
|
||||
titleLabel.text = NSLocalizedString("Path", comment: "")
|
||||
titleLabel.textColor = Colors.text
|
||||
titleLabel.font = .boldSystemFont(ofSize: Values.veryLargeFontSize)
|
||||
navigationItem.titleView = titleLabel
|
||||
// Set up explanation label
|
||||
let explanationLabel = UILabel()
|
||||
explanationLabel.textColor = Colors.text.withAlphaComponent(Values.unimportantElementOpacity)
|
||||
explanationLabel.font = .systemFont(ofSize: Values.smallFontSize)
|
||||
explanationLabel.text = NSLocalizedString("Session hides your IP by onion routing your messages through Session's decentralized Service Node network. The Service Nodes currently being used for this are shown below.", comment: "")
|
||||
explanationLabel.numberOfLines = 0
|
||||
explanationLabel.textAlignment = .center
|
||||
explanationLabel.lineBreakMode = .byWordWrapping
|
||||
view.addSubview(explanationLabel)
|
||||
explanationLabel.pin(.leading, to: .leading, of: view, withInset: Values.largeSpacing)
|
||||
explanationLabel.pin(.top, to: .top, of: view, withInset: Values.mediumSpacing)
|
||||
explanationLabel.pin(.trailing, to: .trailing, of: view, withInset: -Values.largeSpacing)
|
||||
// Set up path stack view
|
||||
guard var mainPath = OnionRequestAPI.paths.first else {
|
||||
return close() // TODO: Show path establishing UI
|
||||
}
|
||||
let rows: [UIStackView]
|
||||
switch mainPath.count {
|
||||
case 1: return // TODO: Do we want to handle this case?
|
||||
case 2:
|
||||
let topPathRow = getPathRow(forSnode: mainPath[1], at: .top)
|
||||
let bottomPathRow = getPathRow(forSnode: mainPath[0], at: .bottom)
|
||||
rows = [ topPathRow, bottomPathRow ]
|
||||
default:
|
||||
let topPathRow = getPathRow(forSnode: mainPath.removeLast(), at: .top)
|
||||
let bottomPathRow = getPathRow(forSnode: mainPath.removeFirst(), at: .bottom)
|
||||
let middlePathRows = mainPath.map {
|
||||
getPathRow(forSnode: $0, at: .middle)
|
||||
}
|
||||
rows = [ topPathRow ] + middlePathRows + [ bottomPathRow ]
|
||||
}
|
||||
let pathStackView = UIStackView(arrangedSubviews: rows)
|
||||
pathStackView.axis = .vertical
|
||||
view.addSubview(pathStackView)
|
||||
pathStackView.pin(.top, to: .bottom, of: explanationLabel, withInset: Values.largeSpacing)
|
||||
pathStackView.center(.horizontal, in: view)
|
||||
pathStackView.leadingAnchor.constraint(greaterThanOrEqualTo: view.leadingAnchor, constant: Values.largeSpacing).isActive = true
|
||||
view.trailingAnchor.constraint(greaterThanOrEqualTo: pathStackView.trailingAnchor, constant: Values.largeSpacing).isActive = true
|
||||
}
|
||||
|
||||
private func getPathRow(forSnode snode: LokiAPITarget, at location: LineView.Location) -> UIStackView {
|
||||
let lineView = LineView(location: location)
|
||||
lineView.set(.width, to: Values.pathRowDotSize)
|
||||
let snodeLabel = UILabel()
|
||||
snodeLabel.textColor = Colors.text
|
||||
snodeLabel.font = .systemFont(ofSize: Values.mediumFontSize)
|
||||
var snodeDescription = snode.description
|
||||
if snodeDescription.hasPrefix("https://") {
|
||||
snodeDescription.removeFirst(8)
|
||||
}
|
||||
if let colonIndex = snodeDescription.lastIndex(of: ":") {
|
||||
snodeDescription = String(snodeDescription[snodeDescription.startIndex..<colonIndex])
|
||||
}
|
||||
snodeLabel.text = snodeDescription
|
||||
snodeLabel.lineBreakMode = .byTruncatingTail
|
||||
let stackView = UIStackView(arrangedSubviews: [ lineView, snodeLabel ])
|
||||
stackView.axis = .horizontal
|
||||
stackView.spacing = Values.largeSpacing
|
||||
return stackView
|
||||
}
|
||||
|
||||
// MARK: Interaction
|
||||
@objc private func close() {
|
||||
dismiss(animated: true, completion: nil)
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: Line View
|
||||
private final class LineView : UIView {
|
||||
private let location: Location
|
||||
|
||||
enum Location {
|
||||
case top, middle, bottom
|
||||
}
|
||||
|
||||
init(location: Location) {
|
||||
self.location = location
|
||||
super.init(frame: CGRect.zero)
|
||||
setUpViewHierarchy()
|
||||
}
|
||||
|
||||
override init(frame: CGRect) {
|
||||
preconditionFailure("Use init(location:) instead.")
|
||||
}
|
||||
|
||||
required init?(coder: NSCoder) {
|
||||
preconditionFailure("Use init(location:) instead.")
|
||||
}
|
||||
|
||||
private func setUpViewHierarchy() {
|
||||
set(.height, to: Values.pathRowHeight)
|
||||
let lineView = UIView()
|
||||
lineView.set(.width, to: Values.pathRowLineThickness)
|
||||
lineView.backgroundColor = Colors.text
|
||||
addSubview(lineView)
|
||||
lineView.center(.horizontal, in: self)
|
||||
switch location {
|
||||
case .top: lineView.topAnchor.constraint(equalTo: centerYAnchor).isActive = true
|
||||
case .middle, .bottom: lineView.pin(.top, to: .top, of: self)
|
||||
}
|
||||
switch location {
|
||||
case .top, .middle: lineView.pin(.bottom, to: .bottom, of: self)
|
||||
case .bottom: lineView.bottomAnchor.constraint(equalTo: centerYAnchor).isActive = true
|
||||
}
|
||||
let dotView = UIView()
|
||||
let dotSize = Values.pathRowDotSize
|
||||
dotView.set(.width, to: dotSize)
|
||||
dotView.set(.height, to: dotSize)
|
||||
dotView.layer.cornerRadius = dotSize / 2
|
||||
dotView.backgroundColor = Colors.text
|
||||
addSubview(dotView)
|
||||
dotView.center(in: self)
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue