|
|
@ -1,18 +1,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
final class ReactionContainerView : UIView {
|
|
|
|
final class ReactionContainerView : UIView {
|
|
|
|
private lazy var containerView: UIStackView = {
|
|
|
|
private lazy var mainStackView: UIStackView = {
|
|
|
|
let result = UIStackView()
|
|
|
|
let result = UIStackView(arrangedSubviews: [ reactionContainerView ])
|
|
|
|
result.axis = .vertical
|
|
|
|
result.axis = .vertical
|
|
|
|
result.spacing = Values.smallSpacing
|
|
|
|
result.spacing = Values.smallSpacing
|
|
|
|
result.alignment = .center
|
|
|
|
result.alignment = .center
|
|
|
|
return result
|
|
|
|
return result
|
|
|
|
}()
|
|
|
|
}()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
private lazy var reactionContainerView: UIStackView = {
|
|
|
|
|
|
|
|
let result = UIStackView()
|
|
|
|
|
|
|
|
result.axis = .vertical
|
|
|
|
|
|
|
|
result.spacing = Values.smallSpacing
|
|
|
|
|
|
|
|
result.alignment = .leading
|
|
|
|
|
|
|
|
return result
|
|
|
|
|
|
|
|
}()
|
|
|
|
|
|
|
|
|
|
|
|
private var showingAllReactions = false
|
|
|
|
private var showingAllReactions = false
|
|
|
|
|
|
|
|
|
|
|
|
var reactions: [(String, (Int, Bool))] = []
|
|
|
|
var reactions: [(String, (Int, Bool))] = []
|
|
|
|
var reactionViews: [ReactionView] = []
|
|
|
|
var reactionViews: [ReactionView] = []
|
|
|
|
var expandButton: ExpandingReactionButton?
|
|
|
|
var expandButton: ExpandingReactionButton?
|
|
|
|
|
|
|
|
var collapseButton: UIStackView = {
|
|
|
|
|
|
|
|
let arrow = UIImageView(image: UIImage(named: "ic_chevron_up")?.resizedImage(to: CGSize(width: 15, height: 13))?.withRenderingMode(.alwaysTemplate))
|
|
|
|
|
|
|
|
arrow.tintColor = Colors.text
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let textLabel = UILabel()
|
|
|
|
|
|
|
|
textLabel.text = "Show less"
|
|
|
|
|
|
|
|
textLabel.font = .systemFont(ofSize: Values.verySmallFontSize)
|
|
|
|
|
|
|
|
textLabel.textColor = Colors.text
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let result = UIStackView(arrangedSubviews: [ UIView.hStretchingSpacer(), arrow, textLabel, UIView.hStretchingSpacer() ])
|
|
|
|
|
|
|
|
result.spacing = Values.verySmallSpacing
|
|
|
|
|
|
|
|
result.alignment = .center
|
|
|
|
|
|
|
|
return result
|
|
|
|
|
|
|
|
}()
|
|
|
|
|
|
|
|
|
|
|
|
// MARK: Lifecycle
|
|
|
|
// MARK: Lifecycle
|
|
|
|
init() {
|
|
|
|
init() {
|
|
|
@ -29,14 +51,21 @@ final class ReactionContainerView : UIView {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
private func setUpViewHierarchy() {
|
|
|
|
private func setUpViewHierarchy() {
|
|
|
|
addSubview(containerView)
|
|
|
|
addSubview(mainStackView)
|
|
|
|
containerView.pin(to: self)
|
|
|
|
mainStackView.pin(to: self)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
public func update(_ reactions: [(String, (Int, Bool))]) {
|
|
|
|
public func update(_ reactions: [(String, (Int, Bool))]) {
|
|
|
|
self.reactions = reactions
|
|
|
|
self.reactions = reactions
|
|
|
|
prepareForUpdate()
|
|
|
|
prepareForUpdate()
|
|
|
|
|
|
|
|
if showingAllReactions {
|
|
|
|
|
|
|
|
updateAllReactions()
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
updateCollapsedReactions(reactions)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
private func updateCollapsedReactions(_ reactions: [(String, (Int, Bool))]) {
|
|
|
|
let stackView = UIStackView()
|
|
|
|
let stackView = UIStackView()
|
|
|
|
stackView.axis = .horizontal
|
|
|
|
stackView.axis = .horizontal
|
|
|
|
stackView.spacing = Values.smallSpacing
|
|
|
|
stackView.spacing = Values.smallSpacing
|
|
|
@ -64,14 +93,28 @@ final class ReactionContainerView : UIView {
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
expandButton = nil
|
|
|
|
expandButton = nil
|
|
|
|
}
|
|
|
|
}
|
|
|
|
containerView.addArrangedSubview(stackView)
|
|
|
|
reactionContainerView.addArrangedSubview(stackView)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
private func updateAllReactions() {
|
|
|
|
|
|
|
|
var reactions = self.reactions
|
|
|
|
|
|
|
|
while reactions.count > 0 {
|
|
|
|
|
|
|
|
var line: [(String, (Int, Bool))] = []
|
|
|
|
|
|
|
|
while reactions.count > 0 && line.count < 5 {
|
|
|
|
|
|
|
|
line.append(reactions.removeFirst())
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
updateCollapsedReactions(line)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
mainStackView.addArrangedSubview(collapseButton)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
private func prepareForUpdate() {
|
|
|
|
private func prepareForUpdate() {
|
|
|
|
for subview in containerView.arrangedSubviews {
|
|
|
|
for subview in reactionContainerView.arrangedSubviews {
|
|
|
|
containerView.removeArrangedSubview(subview)
|
|
|
|
reactionContainerView.removeArrangedSubview(subview)
|
|
|
|
subview.removeFromSuperview()
|
|
|
|
subview.removeFromSuperview()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
mainStackView.removeArrangedSubview(collapseButton)
|
|
|
|
|
|
|
|
collapseButton.removeFromSuperview()
|
|
|
|
reactionViews = []
|
|
|
|
reactionViews = []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -80,6 +123,12 @@ final class ReactionContainerView : UIView {
|
|
|
|
showingAllReactions = true
|
|
|
|
showingAllReactions = true
|
|
|
|
update(reactions)
|
|
|
|
update(reactions)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
public func showLessEmojis() {
|
|
|
|
|
|
|
|
guard showingAllReactions else { return }
|
|
|
|
|
|
|
|
showingAllReactions = false
|
|
|
|
|
|
|
|
update(reactions)
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|