mirror of
https://github.com/mastodon/mastodon-ios.git
synced 2024-12-14 09:45:00 +01:00
308 lines
12 KiB
Swift
308 lines
12 KiB
Swift
//
|
|
// UserView.swift
|
|
//
|
|
//
|
|
// Created by MainasuK on 2022-1-19.
|
|
//
|
|
|
|
import UIKit
|
|
import Combine
|
|
import MetaTextKit
|
|
import MastodonAsset
|
|
import MastodonLocalization
|
|
import os
|
|
import CoreDataStack
|
|
|
|
public protocol UserViewDelegate: AnyObject {
|
|
func userView(_ view: UserView, didTapButtonWith state: UserView.ButtonState, for user: MastodonUser)
|
|
}
|
|
|
|
public final class UserView: UIView {
|
|
|
|
public enum ButtonState {
|
|
case none, loading, follow, request, pending, unfollow, blocked
|
|
}
|
|
|
|
private var currentButtonState: ButtonState = .none
|
|
|
|
public weak var delegate: UserViewDelegate?
|
|
|
|
public var disposeBag = Set<AnyCancellable>()
|
|
|
|
public private(set) lazy var viewModel: ViewModel = {
|
|
let viewModel = ViewModel()
|
|
viewModel.bind(userView: self)
|
|
return viewModel
|
|
}()
|
|
|
|
public let containerStackView: UIStackView = {
|
|
let stackView = UIStackView()
|
|
stackView.axis = .horizontal
|
|
stackView.alignment = .center
|
|
stackView.spacing = 12
|
|
stackView.layoutMargins = UIEdgeInsets(top: 12, left: 0, bottom: 12, right: 0)
|
|
stackView.isLayoutMarginsRelativeArrangement = true
|
|
return stackView
|
|
}()
|
|
|
|
// avatar
|
|
public let avatarButton = AvatarButton()
|
|
|
|
// author name
|
|
public let authorNameLabel = MetaLabel(style: .statusName)
|
|
|
|
// author username
|
|
public let authorUsernameLabel = MetaLabel(style: .statusUsername)
|
|
|
|
public let authorFollowersLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.translatesAutoresizingMaskIntoConstraints = false
|
|
label.textColor = .secondaryLabel
|
|
return label
|
|
}()
|
|
|
|
public let authorVerifiedLabel: MetaLabel = {
|
|
let label = MetaLabel(style: .profileFieldValue)
|
|
label.setContentCompressionResistancePriority(.defaultHigh - 2, for: .horizontal)
|
|
label.translatesAutoresizingMaskIntoConstraints = false
|
|
label.textAttributes = [
|
|
.font: UIFontMetrics(forTextStyle: .body).scaledFont(for: .systemFont(ofSize: 15, weight: .regular)),
|
|
.foregroundColor: UIColor.secondaryLabel
|
|
]
|
|
label.linkAttributes = [
|
|
.font: UIFontMetrics(forTextStyle: .body).scaledFont(for: .systemFont(ofSize: 15, weight: .semibold)),
|
|
.foregroundColor: Asset.Colors.Brand.blurple.color
|
|
]
|
|
label.isUserInteractionEnabled = false
|
|
return label
|
|
}()
|
|
|
|
public let authorVerifiedImageView: UIImageView = {
|
|
let imageView = UIImageView()
|
|
imageView.setContentHuggingPriority(.required, for: .horizontal)
|
|
imageView.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)
|
|
imageView.setContentHuggingPriority(.required, for: .vertical)
|
|
imageView.contentMode = .scaleAspectFit
|
|
return imageView
|
|
}()
|
|
|
|
private let verifiedStackView: UIStackView = {
|
|
let stackView = UIStackView()
|
|
stackView.axis = .horizontal
|
|
stackView.alignment = .center
|
|
return stackView
|
|
}()
|
|
|
|
private let verifiedStackCenterSpacerView: UILabel = {
|
|
let label = UILabel()
|
|
label.text = " · "
|
|
label.textColor = .secondaryLabel
|
|
return label
|
|
}()
|
|
|
|
private let followButtonWrapper = UIView()
|
|
private let followButton: FollowButton = {
|
|
let button = FollowButton()
|
|
button.cornerRadius = 10
|
|
button.isHidden = true
|
|
button.translatesAutoresizingMaskIntoConstraints = false
|
|
button.setContentCompressionResistancePriority(.required, for: .horizontal)
|
|
button.setContentHuggingPriority(.required, for: .horizontal)
|
|
|
|
NSLayoutConstraint.activate([
|
|
button.widthAnchor.constraint(equalToConstant: 96),
|
|
button.heightAnchor.constraint(equalToConstant: 36)
|
|
])
|
|
|
|
return button
|
|
}()
|
|
|
|
public func prepareForReuse() {
|
|
disposeBag.removeAll()
|
|
|
|
// viewModel.objects.removeAll()
|
|
viewModel.authorAvatarImageURL = nil
|
|
|
|
avatarButton.avatarImageView.cancelTask()
|
|
setButtonState(.none)
|
|
}
|
|
|
|
public override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
_init()
|
|
}
|
|
|
|
public required init?(coder: NSCoder) {
|
|
super.init(coder: coder)
|
|
_init()
|
|
}
|
|
|
|
}
|
|
|
|
|
|
extension UserView {
|
|
|
|
private func _init() {
|
|
// container
|
|
containerStackView.translatesAutoresizingMaskIntoConstraints = false
|
|
addSubview(containerStackView)
|
|
containerStackView.pinToParent()
|
|
|
|
avatarButton.translatesAutoresizingMaskIntoConstraints = false
|
|
containerStackView.addArrangedSubview(avatarButton)
|
|
|
|
avatarButton.setContentHuggingPriority(.defaultLow, for: .vertical)
|
|
avatarButton.setContentHuggingPriority(.defaultLow, for: .horizontal)
|
|
|
|
// label container
|
|
let labelStackView = UIStackView()
|
|
labelStackView.axis = .vertical
|
|
containerStackView.addArrangedSubview(labelStackView)
|
|
|
|
// follow button
|
|
followButtonWrapper.translatesAutoresizingMaskIntoConstraints = false
|
|
followButtonWrapper.addSubview(followButton)
|
|
|
|
containerStackView.addArrangedSubview(followButtonWrapper)
|
|
|
|
NSLayoutConstraint.activate([
|
|
followButton.topAnchor.constraint(lessThanOrEqualTo: avatarButton.topAnchor),
|
|
followButton.leadingAnchor.constraint(equalTo: followButtonWrapper.leadingAnchor),
|
|
followButtonWrapper.trailingAnchor.constraint(equalTo: followButton.trailingAnchor),
|
|
followButtonWrapper.bottomAnchor.constraint(greaterThanOrEqualTo: followButton.bottomAnchor),
|
|
|
|
followButtonWrapper.heightAnchor.constraint(equalTo: containerStackView.heightAnchor),
|
|
])
|
|
|
|
let nameStackView = UIStackView()
|
|
nameStackView.axis = .horizontal
|
|
|
|
let nameSpacer = UIView()
|
|
nameSpacer.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
|
|
|
|
nameStackView.addArrangedSubview(authorNameLabel)
|
|
nameStackView.addArrangedSubview(authorUsernameLabel)
|
|
nameStackView.addArrangedSubview(nameSpacer)
|
|
|
|
authorNameLabel.setContentCompressionResistancePriority(.required - 1, for: .vertical)
|
|
authorNameLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
|
|
|
|
authorUsernameLabel.setContentCompressionResistancePriority(.required - 1, for: .vertical)
|
|
authorUsernameLabel.setContentCompressionResistancePriority(.defaultHigh - 1, for: .horizontal)
|
|
|
|
labelStackView.addArrangedSubview(nameStackView)
|
|
|
|
NSLayoutConstraint.activate([
|
|
avatarButton.heightAnchor.constraint(lessThanOrEqualToConstant: 56),
|
|
avatarButton.widthAnchor.constraint(greaterThanOrEqualToConstant: 28),
|
|
avatarButton.heightAnchor.constraint(equalTo: avatarButton.widthAnchor),
|
|
avatarButton.heightAnchor.constraint(equalTo: labelStackView.heightAnchor),
|
|
])
|
|
|
|
let verifiedSpacerView = UIView()
|
|
let verifiedStackTrailingSpacerView = UIView()
|
|
|
|
verifiedStackTrailingSpacerView.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
|
|
|
|
let verifiedContainerStack = UIStackView()
|
|
verifiedContainerStack.axis = .horizontal
|
|
verifiedContainerStack.alignment = .center
|
|
|
|
NSLayoutConstraint.activate([
|
|
authorVerifiedImageView.widthAnchor.constraint(equalToConstant: 15),
|
|
verifiedSpacerView.widthAnchor.constraint(equalToConstant: 2)
|
|
])
|
|
|
|
verifiedContainerStack.addArrangedSubview(authorVerifiedImageView)
|
|
verifiedContainerStack.addArrangedSubview(verifiedSpacerView)
|
|
verifiedContainerStack.addArrangedSubview(authorVerifiedLabel)
|
|
|
|
verifiedStackView.addArrangedSubview(authorFollowersLabel)
|
|
verifiedStackView.addArrangedSubview(verifiedStackCenterSpacerView)
|
|
verifiedStackView.addArrangedSubview(verifiedContainerStack)
|
|
verifiedStackView.addArrangedSubview(verifiedStackTrailingSpacerView)
|
|
|
|
labelStackView.addArrangedSubview(verifiedStackView)
|
|
|
|
avatarButton.isUserInteractionEnabled = false
|
|
authorNameLabel.isUserInteractionEnabled = false
|
|
authorUsernameLabel.isUserInteractionEnabled = false
|
|
|
|
isAccessibilityElement = true
|
|
}
|
|
|
|
}
|
|
|
|
public extension UserView {
|
|
private func prepareButtonStateLayout(for state: ButtonState) {
|
|
switch state {
|
|
case .none:
|
|
verifiedStackView.axis = .horizontal
|
|
verifiedStackView.alignment = .leading
|
|
verifiedStackCenterSpacerView.isHidden = false
|
|
followButton.isHidden = true
|
|
default:
|
|
verifiedStackView.axis = .vertical
|
|
verifiedStackView.alignment = .leading
|
|
verifiedStackCenterSpacerView.isHidden = true
|
|
followButton.isHidden = false
|
|
}
|
|
}
|
|
|
|
@objc private func didTapButton() {
|
|
guard let user = viewModel.user else { return }
|
|
delegate?.userView(self, didTapButtonWith: currentButtonState, for: user)
|
|
}
|
|
|
|
func setButtonState(_ state: ButtonState) {
|
|
currentButtonState = state
|
|
prepareButtonStateLayout(for: state)
|
|
|
|
switch state {
|
|
|
|
case .loading:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(nil, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.disabled.color, for: .normal)
|
|
|
|
case .follow:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(L10n.Common.Controls.Friendship.follow, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.userFollow.color, for: .normal)
|
|
followButton.setTitleColor(.white, for: .normal)
|
|
|
|
case .request:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(L10n.Common.Controls.Friendship.request, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.userFollow.color, for: .normal)
|
|
followButton.setTitleColor(.white, for: .normal)
|
|
|
|
case .pending:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(L10n.Common.Controls.Friendship.pending, for: .normal)
|
|
followButton.setTitleColor(Asset.Colors.Button.userFollowingTitle.color, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.userFollowing.color, for: .normal)
|
|
|
|
case .unfollow:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(L10n.Common.Controls.Friendship.following, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.userFollowing.color, for: .normal)
|
|
followButton.setTitleColor(Asset.Colors.Button.userFollowingTitle.color, for: .normal)
|
|
|
|
case .blocked:
|
|
followButton.isHidden = false
|
|
followButton.setTitle(L10n.Common.Controls.Friendship.blocked, for: .normal)
|
|
followButton.setBackgroundColor(Asset.Colors.Button.userBlocked.color, for: .normal)
|
|
followButton.setTitleColor(.systemRed, for: .normal)
|
|
|
|
case .none:
|
|
followButton.isHidden = true
|
|
followButton.setTitle(nil, for: .normal)
|
|
followButton.setBackgroundColor(.clear, for: .normal)
|
|
}
|
|
|
|
followButton.addTarget(self, action: #selector(didTapButton), for: .touchUpInside)
|
|
followButton.titleLabel?.font = UIFontMetrics(forTextStyle: .subheadline).scaledFont(for: .boldSystemFont(ofSize: 15))
|
|
}
|
|
}
|