1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
|
//
// ConnectMainContentView.swift
// MullvadVPN
//
// Created by pronebird on 09/03/2021.
// Copyright © 2021 Mullvad VPN AB. All rights reserved.
//
import UIKit
class ConnectMainContentView: UIView {
enum ActionButton {
case connect
case disconnect
case selectLocation
}
let secureLabel = makeBoldTextLabel(ofSize: 20)
let countryLabel = makeBoldTextLabel(ofSize: 34)
let cityLabel = makeBoldTextLabel(ofSize: 34)
lazy var connectionPanel: ConnectionPanelView = {
let view = ConnectionPanelView()
view.translatesAutoresizingMaskIntoConstraints = false
return view
}()
lazy var buttonsStackView: UIStackView = {
let stackView = UIStackView()
stackView.spacing = 16
stackView.axis = .vertical
stackView.translatesAutoresizingMaskIntoConstraints = false
return stackView
}()
lazy var connectButton: AppButton = {
let button = AppButton(style: .success)
button.translatesAutoresizingMaskIntoConstraints = false
button.titleLabel?.font = UIFont.systemFont(ofSize: 18, weight: .semibold)
return button
}()
lazy var selectLocationButton: AppButton = {
let button = AppButton(style: .translucentNeutral)
button.accessibilityIdentifier = "SelectLocationButton"
button.translatesAutoresizingMaskIntoConstraints = false
button.titleLabel?.font = UIFont.systemFont(ofSize: 18, weight: .semibold)
return button
}()
let splitDisconnectButton: DisconnectSplitButton = {
let button = DisconnectSplitButton()
button.primaryButton.accessibilityIdentifier = "DisconnectButton"
button.translatesAutoresizingMaskIntoConstraints = false
return button
}()
let containerView: UIView = {
let view = UIView()
view.translatesAutoresizingMaskIntoConstraints = false
return view
}()
override init(frame: CGRect) {
super.init(frame: frame)
backgroundColor = .primaryColor
layoutMargins = UIEdgeInsets(top: 24, left: 24, bottom: 24, right: 24)
addSubviews()
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
func setActionButtons(_ actionButtons: [ActionButton]) {
let views = actionButtons.map { self.view(forActionButton: $0) }
setArrangedButtons(views)
}
private class func makeBoldTextLabel(ofSize fontSize: CGFloat) -> UILabel {
let textLabel = UILabel()
textLabel.translatesAutoresizingMaskIntoConstraints = false
textLabel.font = UIFont.boldSystemFont(ofSize: fontSize)
textLabel.textColor = .white
return textLabel
}
private func addSubviews() {
addSubview(containerView)
[secureLabel, countryLabel, cityLabel, connectionPanel, buttonsStackView].forEach { containerView.addSubview($0) }
NSLayoutConstraint.activate([
containerView.topAnchor.constraint(equalTo: layoutMarginsGuide.topAnchor),
containerView.leadingAnchor.constraint(equalTo: layoutMarginsGuide.leadingAnchor),
containerView.trailingAnchor.constraint(equalTo: layoutMarginsGuide.trailingAnchor),
containerView.bottomAnchor.constraint(equalTo: layoutMarginsGuide.bottomAnchor),
secureLabel.topAnchor.constraint(greaterThanOrEqualTo: containerView.topAnchor),
secureLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
secureLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
countryLabel.topAnchor.constraint(equalTo: secureLabel.bottomAnchor, constant: 8),
countryLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
countryLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
cityLabel.topAnchor.constraint(equalTo: countryLabel.bottomAnchor, constant: 8),
cityLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
cityLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
connectionPanel.topAnchor.constraint(equalTo: cityLabel.bottomAnchor, constant: 8),
connectionPanel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
connectionPanel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
buttonsStackView.topAnchor.constraint(equalTo: connectionPanel.bottomAnchor, constant: 24),
buttonsStackView.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
buttonsStackView.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
buttonsStackView.bottomAnchor.constraint(equalTo: containerView.bottomAnchor)
])
}
private func setArrangedButtons(_ newButtons: [UIView]) {
buttonsStackView.arrangedSubviews.forEach { (button) in
if !newButtons.contains(button) {
buttonsStackView.removeArrangedSubview(button)
button.removeFromSuperview()
}
}
newButtons.forEach { (button) in
buttonsStackView.addArrangedSubview(button)
}
}
private func view(forActionButton actionButton: ActionButton) -> UIView {
switch actionButton {
case .connect:
return connectButton
case .disconnect:
return splitDisconnectButton
case .selectLocation:
return selectLocationButton
}
}
}
|
