forked from zelo72/mastodon-ios
138 lines
5.4 KiB
Swift
138 lines
5.4 KiB
Swift
//
|
|
// PickServerEmptyStateView.swift
|
|
// Mastodon
|
|
//
|
|
// Created by Cirno MainasuK on 2021/3/6.
|
|
//
|
|
|
|
import UIKit
|
|
import MastodonAsset
|
|
import MastodonLocalization
|
|
|
|
final class PickServerEmptyStateView: UIView {
|
|
|
|
var topPaddingViewTopLayoutConstraint: NSLayoutConstraint!
|
|
|
|
let networkIndicatorImageView: UIImageView = {
|
|
let imageView = UIImageView()
|
|
let configuration = UIImage.SymbolConfiguration(pointSize: 64, weight: .regular)
|
|
imageView.image = UIImage(systemName: "wifi.exclamationmark", withConfiguration: configuration)
|
|
imageView.tintColor = Asset.Colors.Label.secondary.color
|
|
return imageView
|
|
}()
|
|
let activityIndicatorView = UIActivityIndicatorView(style: .medium)
|
|
let infoLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.font = .systemFont(ofSize: 17)
|
|
label.textAlignment = .center
|
|
label.textColor = Asset.Colors.Label.secondary.color
|
|
label.text = "info"
|
|
label.numberOfLines = 0
|
|
return label
|
|
}()
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
_init()
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
super.init(coder: coder)
|
|
_init()
|
|
}
|
|
|
|
}
|
|
|
|
extension PickServerEmptyStateView {
|
|
|
|
private func _init() {
|
|
backgroundColor = .clear
|
|
|
|
let topPaddingView = UIView()
|
|
topPaddingView.translatesAutoresizingMaskIntoConstraints = false
|
|
addSubview(topPaddingView)
|
|
topPaddingViewTopLayoutConstraint = topPaddingView.topAnchor.constraint(equalTo: topAnchor, constant: 0)
|
|
NSLayoutConstraint.activate([
|
|
topPaddingViewTopLayoutConstraint,
|
|
topPaddingView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
topPaddingView.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
])
|
|
|
|
let containerStackView = UIStackView()
|
|
containerStackView.axis = .vertical
|
|
containerStackView.alignment = .center
|
|
containerStackView.distribution = .fill
|
|
containerStackView.spacing = 16
|
|
containerStackView.translatesAutoresizingMaskIntoConstraints = false
|
|
addSubview(containerStackView)
|
|
NSLayoutConstraint.activate([
|
|
containerStackView.topAnchor.constraint(equalTo: topPaddingView.bottomAnchor),
|
|
containerStackView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
containerStackView.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
])
|
|
containerStackView.addArrangedSubview(networkIndicatorImageView)
|
|
|
|
let infoContainerStackView = UIStackView()
|
|
infoContainerStackView.axis = .horizontal
|
|
infoContainerStackView.distribution = .fill
|
|
|
|
infoContainerStackView.addArrangedSubview(activityIndicatorView)
|
|
infoContainerStackView.spacing = 4
|
|
activityIndicatorView.setContentHuggingPriority(.required - 1, for: .horizontal)
|
|
|
|
infoContainerStackView.addArrangedSubview(infoLabel)
|
|
infoLabel.setContentCompressionResistancePriority(.required - 1, for: .vertical)
|
|
infoLabel.setContentCompressionResistancePriority(.required - 1, for: .horizontal)
|
|
|
|
containerStackView.addArrangedSubview(infoContainerStackView)
|
|
|
|
let bottomPaddingView = UIView()
|
|
bottomPaddingView.translatesAutoresizingMaskIntoConstraints = false
|
|
addSubview(bottomPaddingView)
|
|
NSLayoutConstraint.activate([
|
|
bottomPaddingView.topAnchor.constraint(equalTo: containerStackView.bottomAnchor),
|
|
bottomPaddingView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
bottomPaddingView.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
bottomPaddingView.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|
])
|
|
|
|
NSLayoutConstraint.activate([
|
|
topPaddingView.heightAnchor.constraint(equalTo: bottomPaddingView.heightAnchor, multiplier: 2.5).priority(.defaultHigh), // magic scale
|
|
])
|
|
|
|
activityIndicatorView.hidesWhenStopped = true
|
|
activityIndicatorView.startAnimating()
|
|
}
|
|
|
|
}
|
|
|
|
#if DEBUG && canImport(SwiftUI)
|
|
import SwiftUI
|
|
|
|
struct PickServerEmptyStateView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
Group {
|
|
UIViewPreview(width: 375) {
|
|
let emptyStateView = PickServerEmptyStateView()
|
|
emptyStateView.infoLabel.text = L10n.Scene.ServerPicker.EmptyState.badNetwork
|
|
emptyStateView.infoLabel.textAlignment = .center
|
|
emptyStateView.activityIndicatorView.stopAnimating()
|
|
return emptyStateView
|
|
}
|
|
.previewLayout(.fixed(width: 375, height: 150))
|
|
.previewDisplayName("Bad Network")
|
|
UIViewPreview(width: 375) {
|
|
let emptyStateView = PickServerEmptyStateView()
|
|
emptyStateView.networkIndicatorImageView.isHidden = true
|
|
emptyStateView.infoLabel.text = L10n.Scene.ServerPicker.EmptyState.findingServers
|
|
emptyStateView.infoLabel.textAlignment = UIApplication.shared.userInterfaceLayoutDirection == .rightToLeft ? .right : .left
|
|
emptyStateView.activityIndicatorView.startAnimating()
|
|
return emptyStateView
|
|
}
|
|
.previewLayout(.fixed(width: 375, height: 44))
|
|
.previewDisplayName("Loading…")
|
|
}
|
|
}
|
|
}
|
|
#endif
|