mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-12-22 22:25:57 +00:00
[WIP] Inline forums
This commit is contained in:
Ali
@@ -0,0 +1,476 @@
|
||||
import Foundation
|
||||
import UIKit
|
||||
import AsyncDisplayKit
|
||||
import Display
|
||||
import TelegramPresentationData
|
||||
import ActivityIndicator
|
||||
import ComponentFlow
|
||||
import EmojiStatusComponent
|
||||
import AnimationCache
|
||||
import MultiAnimationRenderer
|
||||
import TelegramCore
|
||||
import ComponentDisplayAdapters
|
||||
import AccountContext
|
||||
|
||||
private let titleFont = Font.with(size: 17.0, design: .regular, weight: .semibold, traits: [.monospacedNumbers])
|
||||
|
||||
public struct NetworkStatusTitle: Equatable {
|
||||
public enum Status: Equatable {
|
||||
case premium
|
||||
case emoji(PeerEmojiStatus)
|
||||
}
|
||||
|
||||
public var text: String
|
||||
public var activity: Bool
|
||||
public var hasProxy: Bool
|
||||
public var connectsViaProxy: Bool
|
||||
public var isPasscodeSet: Bool
|
||||
public var isManuallyLocked: Bool
|
||||
public var peerStatus: Status?
|
||||
|
||||
public init(
|
||||
text: String,
|
||||
activity: Bool,
|
||||
hasProxy: Bool,
|
||||
connectsViaProxy: Bool,
|
||||
isPasscodeSet: Bool,
|
||||
isManuallyLocked: Bool,
|
||||
peerStatus: Status?
|
||||
) {
|
||||
self.text = text
|
||||
self.activity = activity
|
||||
self.hasProxy = hasProxy
|
||||
self.connectsViaProxy = connectsViaProxy
|
||||
self.isPasscodeSet = isPasscodeSet
|
||||
self.isManuallyLocked = isManuallyLocked
|
||||
self.peerStatus = peerStatus
|
||||
}
|
||||
}
|
||||
|
||||
public final class ChatListTitleView: UIView, NavigationBarTitleView, NavigationBarTitleTransitionNode {
|
||||
private let context: AccountContext
|
||||
public let titleNode: ImmediateTextNode
|
||||
private let lockView: ChatListTitleLockView
|
||||
private weak var lockSnapshotView: UIView?
|
||||
private let activityIndicator: ActivityIndicator
|
||||
private let buttonView: HighlightTrackingButton
|
||||
private let proxyNode: ChatTitleProxyNode
|
||||
private let proxyButton: HighlightTrackingButton
|
||||
private var titleCredibilityIconView: ComponentHostView<Empty>?
|
||||
private let animationCache: AnimationCache
|
||||
private let animationRenderer: MultiAnimationRenderer
|
||||
|
||||
public var openStatusSetup: ((UIView) -> Void)?
|
||||
|
||||
private var validLayout: (CGSize, CGRect)?
|
||||
|
||||
public var manualLayout: Bool = false
|
||||
|
||||
private var _title: NetworkStatusTitle = NetworkStatusTitle(text: "", activity: false, hasProxy: false, connectsViaProxy: false, isPasscodeSet: false, isManuallyLocked: false, peerStatus: nil)
|
||||
public var title: NetworkStatusTitle {
|
||||
get {
|
||||
return self._title
|
||||
}
|
||||
set {
|
||||
self.setTitle(newValue, animated: false)
|
||||
}
|
||||
}
|
||||
|
||||
public func setTitle(_ title: NetworkStatusTitle, animated: Bool) {
|
||||
let oldValue = self._title
|
||||
self._title = title
|
||||
|
||||
if self._title != oldValue {
|
||||
self.titleNode.attributedText = NSAttributedString(string: self.title.text, font: titleFont, textColor: self.theme.rootController.navigationBar.primaryTextColor)
|
||||
self.buttonView.accessibilityLabel = self.title.text
|
||||
self.activityIndicator.isHidden = !self.title.activity
|
||||
|
||||
self.proxyButton.isHidden = !self.title.hasProxy
|
||||
if self.title.connectsViaProxy {
|
||||
self.proxyNode.status = self.title.activity ? .connecting : .connected
|
||||
} else {
|
||||
self.proxyNode.status = .available
|
||||
}
|
||||
|
||||
let proxyIsHidden = !self.title.hasProxy
|
||||
let previousProxyIsHidden = self.proxyNode.isHidden
|
||||
if proxyIsHidden != previousProxyIsHidden {
|
||||
if proxyIsHidden {
|
||||
if let snapshotView = self.proxyNode.view.snapshotContentTree() {
|
||||
snapshotView.frame = self.proxyNode.frame
|
||||
self.proxyNode.view.superview?.insertSubview(snapshotView, aboveSubview: self.proxyNode.view)
|
||||
snapshotView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false, completion: { [weak snapshotView] _ in
|
||||
snapshotView?.removeFromSuperview()
|
||||
})
|
||||
}
|
||||
} else {
|
||||
self.proxyNode.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
|
||||
}
|
||||
}
|
||||
self.proxyNode.isHidden = !self.title.hasProxy
|
||||
|
||||
self.buttonView.isHidden = !self.title.isPasscodeSet
|
||||
if self.title.isPasscodeSet && !self.title.activity {
|
||||
if self.lockView.isHidden && animated {
|
||||
self.lockView.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
|
||||
}
|
||||
self.lockView.isHidden = false
|
||||
} else {
|
||||
if !self.lockView.isHidden && animated {
|
||||
if let snapshotView = self.lockView.snapshotContentTree() {
|
||||
self.lockSnapshotView = snapshotView
|
||||
snapshotView.frame = self.lockView.frame
|
||||
self.lockView.superview?.insertSubview(snapshotView, aboveSubview: self.lockView)
|
||||
snapshotView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false, completion: { [weak snapshotView] _ in
|
||||
snapshotView?.removeFromSuperview()
|
||||
})
|
||||
}
|
||||
}
|
||||
self.lockView.isHidden = true
|
||||
}
|
||||
self.lockView.updateTheme(self.theme)
|
||||
|
||||
let animateStatusTransition = !oldValue.text.isEmpty && oldValue.peerStatus != title.peerStatus
|
||||
|
||||
if let peerStatus = title.peerStatus {
|
||||
let statusContent: EmojiStatusComponent.Content
|
||||
switch peerStatus {
|
||||
case .premium:
|
||||
statusContent = .premium(color: self.theme.list.itemAccentColor)
|
||||
case let .emoji(emoji):
|
||||
statusContent = .animation(content: .customEmoji(fileId: emoji.fileId), size: CGSize(width: 22.0, height: 22.0), placeholderColor: self.theme.list.mediaPlaceholderColor, themeColor: self.theme.list.itemAccentColor, loopMode: .count(2))
|
||||
}
|
||||
|
||||
var titleCredibilityIconTransition: Transition
|
||||
if animateStatusTransition {
|
||||
titleCredibilityIconTransition = Transition(animation: .curve(duration: 0.2, curve: .easeInOut))
|
||||
} else {
|
||||
titleCredibilityIconTransition = .immediate
|
||||
}
|
||||
let titleCredibilityIconView: ComponentHostView<Empty>
|
||||
if let current = self.titleCredibilityIconView {
|
||||
titleCredibilityIconView = current
|
||||
} else {
|
||||
titleCredibilityIconTransition = .immediate
|
||||
titleCredibilityIconView = ComponentHostView<Empty>()
|
||||
self.titleCredibilityIconView = titleCredibilityIconView
|
||||
self.addSubview(titleCredibilityIconView)
|
||||
}
|
||||
|
||||
let _ = titleCredibilityIconView.update(
|
||||
transition: titleCredibilityIconTransition,
|
||||
component: AnyComponent(EmojiStatusComponent(
|
||||
context: self.context,
|
||||
animationCache: self.animationCache,
|
||||
animationRenderer: self.animationRenderer,
|
||||
content: statusContent,
|
||||
isVisibleForAnimations: true,
|
||||
action: { [weak self] in
|
||||
guard let strongSelf = self, let titleCredibilityIconView = strongSelf.titleCredibilityIconView else {
|
||||
return
|
||||
}
|
||||
strongSelf.openStatusSetup?(titleCredibilityIconView)
|
||||
}
|
||||
)),
|
||||
environment: {},
|
||||
containerSize: CGSize(width: 22.0, height: 22.0)
|
||||
)
|
||||
} else {
|
||||
if let titleCredibilityIconView = self.titleCredibilityIconView {
|
||||
self.titleCredibilityIconView = nil
|
||||
|
||||
if animateStatusTransition {
|
||||
titleCredibilityIconView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2, removeOnCompletion: false, completion: { [weak titleCredibilityIconView] _ in
|
||||
titleCredibilityIconView?.removeFromSuperview()
|
||||
})
|
||||
titleCredibilityIconView.layer.animateScale(from: 1.0, to: 0.01, duration: 0.2, removeOnCompletion: false)
|
||||
} else {
|
||||
titleCredibilityIconView.removeFromSuperview()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if !self.manualLayout {
|
||||
self.setNeedsLayout()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public var toggleIsLocked: (() -> Void)?
|
||||
public var openProxySettings: (() -> Void)?
|
||||
|
||||
private var isPasscodeSet = false
|
||||
private var isManuallyLocked = false
|
||||
|
||||
public var theme: PresentationTheme {
|
||||
didSet {
|
||||
self.titleNode.attributedText = NSAttributedString(string: self.title.text, font: titleFont, textColor: self.theme.rootController.navigationBar.primaryTextColor)
|
||||
|
||||
self.lockView.updateTheme(self.theme)
|
||||
|
||||
self.activityIndicator.type = .custom(self.theme.rootController.navigationBar.primaryTextColor, 22.0, 1.5, false)
|
||||
self.proxyNode.theme = self.theme
|
||||
}
|
||||
}
|
||||
|
||||
public var strings: PresentationStrings {
|
||||
didSet {
|
||||
self.proxyButton.accessibilityLabel = self.strings.VoiceOver_Navigation_ProxySettings
|
||||
}
|
||||
}
|
||||
|
||||
public init(context: AccountContext, theme: PresentationTheme, strings: PresentationStrings, animationCache: AnimationCache, animationRenderer: MultiAnimationRenderer) {
|
||||
self.context = context
|
||||
self.theme = theme
|
||||
self.strings = strings
|
||||
|
||||
self.animationCache = animationCache
|
||||
self.animationRenderer = animationRenderer
|
||||
|
||||
self.titleNode = ImmediateTextNode()
|
||||
self.titleNode.displaysAsynchronously = false
|
||||
self.titleNode.maximumNumberOfLines = 1
|
||||
self.titleNode.truncationType = .end
|
||||
self.titleNode.isOpaque = false
|
||||
self.titleNode.isUserInteractionEnabled = false
|
||||
|
||||
self.activityIndicator = ActivityIndicator(type: .custom(theme.rootController.navigationBar.primaryTextColor, 22.0, 1.5, false), speed: .slow)
|
||||
let activityIndicatorSize = self.activityIndicator.measure(CGSize(width: 100.0, height: 100.0))
|
||||
self.activityIndicator.frame = CGRect(origin: CGPoint(), size: activityIndicatorSize)
|
||||
|
||||
self.lockView = ChatListTitleLockView(frame: CGRect(origin: CGPoint(), size: CGSize(width: 2.0, height: 2.0)))
|
||||
self.lockView.isHidden = true
|
||||
self.lockView.isUserInteractionEnabled = false
|
||||
|
||||
self.proxyNode = ChatTitleProxyNode(theme: self.theme)
|
||||
self.proxyNode.isHidden = true
|
||||
|
||||
self.buttonView = HighlightTrackingButton()
|
||||
self.buttonView.isAccessibilityElement = true
|
||||
self.buttonView.accessibilityTraits = .header
|
||||
|
||||
self.proxyButton = HighlightTrackingButton()
|
||||
self.proxyButton.isHidden = true
|
||||
self.proxyButton.isAccessibilityElement = true
|
||||
self.proxyButton.accessibilityLabel = self.strings.VoiceOver_Navigation_ProxySettings
|
||||
self.proxyButton.accessibilityTraits = .button
|
||||
|
||||
super.init(frame: CGRect())
|
||||
|
||||
self.isAccessibilityElement = false
|
||||
|
||||
self.addSubnode(self.activityIndicator)
|
||||
self.addSubnode(self.titleNode)
|
||||
self.addSubnode(self.proxyNode)
|
||||
self.addSubview(self.lockView)
|
||||
self.addSubview(self.buttonView)
|
||||
self.addSubview(self.proxyButton)
|
||||
|
||||
self.buttonView.highligthedChanged = { [weak self] highlighted in
|
||||
if let strongSelf = self {
|
||||
if highlighted && !strongSelf.lockView.isHidden && strongSelf.activityIndicator.isHidden {
|
||||
strongSelf.titleNode.layer.removeAnimation(forKey: "opacity")
|
||||
strongSelf.lockView.layer.removeAnimation(forKey: "opacity")
|
||||
strongSelf.titleNode.alpha = 0.4
|
||||
strongSelf.lockView.alpha = 0.4
|
||||
} else {
|
||||
if !strongSelf.titleNode.alpha.isEqual(to: 1.0) {
|
||||
strongSelf.titleNode.alpha = 1.0
|
||||
strongSelf.titleNode.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
|
||||
}
|
||||
if !strongSelf.lockView.alpha.isEqual(to: 1.0) {
|
||||
strongSelf.lockView.alpha = 1.0
|
||||
strongSelf.lockView.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
self.buttonView.addTarget(self, action: #selector(self.buttonPressed), for: .touchUpInside)
|
||||
|
||||
self.proxyButton.highligthedChanged = { [weak self] highlighted in
|
||||
if let strongSelf = self {
|
||||
if highlighted {
|
||||
strongSelf.proxyNode.layer.removeAnimation(forKey: "opacity")
|
||||
strongSelf.proxyNode.alpha = 0.4
|
||||
} else {
|
||||
if !strongSelf.proxyNode.alpha.isEqual(to: 1.0) {
|
||||
strongSelf.proxyNode.alpha = 1.0
|
||||
strongSelf.proxyNode.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
self.proxyButton.addTarget(self, action: #selector(self.proxyButtonPressed), for: .touchUpInside)
|
||||
}
|
||||
|
||||
required public init?(coder aDecoder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
override public func layoutSubviews() {
|
||||
super.layoutSubviews()
|
||||
|
||||
if !self.manualLayout, let (size, clearBounds) = self.validLayout {
|
||||
self.updateLayout(size: size, clearBounds: clearBounds, transition: .immediate)
|
||||
}
|
||||
}
|
||||
|
||||
public func updateLayout(size: CGSize, clearBounds: CGRect, transition: ContainedViewLayoutTransition) {
|
||||
self.validLayout = (size, clearBounds)
|
||||
|
||||
var indicatorPadding: CGFloat = 0.0
|
||||
let indicatorSize = self.activityIndicator.bounds.size
|
||||
|
||||
if !self.activityIndicator.isHidden {
|
||||
indicatorPadding = indicatorSize.width + 6.0
|
||||
}
|
||||
var maxTitleWidth = clearBounds.size.width - indicatorPadding
|
||||
var proxyPadding: CGFloat = 0.0
|
||||
if !self.proxyNode.isHidden {
|
||||
maxTitleWidth -= 25.0
|
||||
proxyPadding += 39.0
|
||||
}
|
||||
if !self.lockView.isHidden {
|
||||
maxTitleWidth -= 10.0
|
||||
}
|
||||
|
||||
let titleSize = self.titleNode.updateLayout(CGSize(width: max(1.0, maxTitleWidth), height: size.height))
|
||||
|
||||
let combinedHeight = titleSize.height
|
||||
|
||||
var titleContentRect = CGRect(origin: CGPoint(x: indicatorPadding + floor((size.width - titleSize.width - indicatorPadding) / 2.0), y: floor((size.height - combinedHeight) / 2.0)), size: titleSize)
|
||||
titleContentRect.origin.x = min(titleContentRect.origin.x, clearBounds.maxX - proxyPadding - titleContentRect.width)
|
||||
|
||||
let titleFrame = titleContentRect
|
||||
var titleTransition = transition
|
||||
if self.titleNode.frame.size != titleFrame.size {
|
||||
titleTransition = .immediate
|
||||
}
|
||||
titleTransition.updateFrame(node: self.titleNode, frame: titleFrame)
|
||||
|
||||
let proxyFrame = CGRect(origin: CGPoint(x: clearBounds.maxX - 9.0 - self.proxyNode.bounds.width, y: floor((size.height - self.proxyNode.bounds.height) / 2.0)), size: self.proxyNode.bounds.size)
|
||||
self.proxyNode.frame = proxyFrame
|
||||
|
||||
self.proxyButton.frame = proxyFrame.insetBy(dx: -2.0, dy: -2.0)
|
||||
|
||||
let buttonX = max(0.0, titleFrame.minX - 10.0)
|
||||
self.buttonView.frame = CGRect(origin: CGPoint(x: buttonX, y: 0.0), size: CGSize(width: min(titleFrame.maxX + 28.0, size.width) - buttonX, height: size.height))
|
||||
|
||||
let lockFrame = CGRect(x: titleFrame.minX - 6.0 - 12.0, y: titleFrame.minY + 2.0, width: 2.0, height: 2.0)
|
||||
transition.updateFrame(view: self.lockView, frame: lockFrame)
|
||||
if let lockSnapshotView = self.lockSnapshotView {
|
||||
transition.updateFrame(view: lockSnapshotView, frame: lockFrame)
|
||||
}
|
||||
|
||||
let activityIndicatorFrame = CGRect(origin: CGPoint(x: titleFrame.minX - indicatorSize.width - 4.0, y: titleFrame.minY - 1.0), size: indicatorSize)
|
||||
transition.updateFrame(node: self.activityIndicator, frame: activityIndicatorFrame)
|
||||
|
||||
if let peerStatus = self.title.peerStatus {
|
||||
let statusContent: EmojiStatusComponent.Content
|
||||
switch peerStatus {
|
||||
case .premium:
|
||||
statusContent = .premium(color: self.theme.list.itemAccentColor)
|
||||
case let .emoji(emoji):
|
||||
statusContent = .animation(content: .customEmoji(fileId: emoji.fileId), size: CGSize(width: 22.0, height: 22.0), placeholderColor: self.theme.list.mediaPlaceholderColor, themeColor: self.theme.list.itemAccentColor, loopMode: .count(2))
|
||||
}
|
||||
|
||||
var titleCredibilityIconTransition = Transition(transition)
|
||||
let titleCredibilityIconView: ComponentHostView<Empty>
|
||||
if let current = self.titleCredibilityIconView {
|
||||
titleCredibilityIconView = current
|
||||
} else {
|
||||
titleCredibilityIconTransition = .immediate
|
||||
titleCredibilityIconView = ComponentHostView<Empty>()
|
||||
self.titleCredibilityIconView = titleCredibilityIconView
|
||||
self.addSubview(titleCredibilityIconView)
|
||||
}
|
||||
|
||||
let titleIconSize = titleCredibilityIconView.update(
|
||||
transition: titleCredibilityIconTransition,
|
||||
component: AnyComponent(EmojiStatusComponent(
|
||||
context: self.context,
|
||||
animationCache: self.animationCache,
|
||||
animationRenderer: self.animationRenderer,
|
||||
content: statusContent,
|
||||
isVisibleForAnimations: true,
|
||||
action: { [weak self] in
|
||||
guard let strongSelf = self, let titleCredibilityIconView = strongSelf.titleCredibilityIconView else {
|
||||
return
|
||||
}
|
||||
strongSelf.openStatusSetup?(titleCredibilityIconView)
|
||||
}
|
||||
)),
|
||||
environment: {},
|
||||
containerSize: CGSize(width: 22.0, height: 22.0)
|
||||
)
|
||||
titleCredibilityIconTransition.setFrame(view: titleCredibilityIconView, frame: CGRect(origin: CGPoint(x: titleFrame.maxX + 2.0, y: floorToScreenPixels(titleFrame.midY - titleIconSize.height / 2.0)), size: titleIconSize))
|
||||
titleCredibilityIconView.alpha = self.title.activity ? 0.0 : 1.0
|
||||
} else {
|
||||
if let titleCredibilityIconView = self.titleCredibilityIconView {
|
||||
self.titleCredibilityIconView = nil
|
||||
|
||||
if transition.isAnimated {
|
||||
titleCredibilityIconView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2, removeOnCompletion: false, completion: { [weak titleCredibilityIconView] _ in
|
||||
titleCredibilityIconView?.removeFromSuperview()
|
||||
})
|
||||
titleCredibilityIconView.layer.animateScale(from: 1.0, to: 0.01, duration: 0.2, removeOnCompletion: false)
|
||||
} else {
|
||||
titleCredibilityIconView.removeFromSuperview()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func buttonPressed() {
|
||||
self.toggleIsLocked?()
|
||||
}
|
||||
|
||||
@objc private func proxyButtonPressed() {
|
||||
self.openProxySettings?()
|
||||
}
|
||||
|
||||
public func makeTransitionMirrorNode() -> ASDisplayNode {
|
||||
let snapshotView = self.snapshotView(afterScreenUpdates: false)
|
||||
|
||||
return ASDisplayNode(viewBlock: {
|
||||
return snapshotView ?? UIView()
|
||||
}, didLoad: nil)
|
||||
}
|
||||
|
||||
public func animateLayoutTransition() {
|
||||
}
|
||||
|
||||
public var proxyButtonFrame: CGRect? {
|
||||
if !self.proxyNode.isHidden {
|
||||
return proxyNode.frame
|
||||
}
|
||||
return nil
|
||||
}
|
||||
|
||||
public var lockViewFrame: CGRect? {
|
||||
if !self.lockView.isHidden && !self.lockView.frame.isEmpty {
|
||||
return self.lockView.frame
|
||||
} else {
|
||||
return nil
|
||||
}
|
||||
}
|
||||
|
||||
override public func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
|
||||
if let titleCredibilityIconView = self.titleCredibilityIconView, !titleCredibilityIconView.isHidden, titleCredibilityIconView.alpha != 0.0 {
|
||||
if titleCredibilityIconView.bounds.insetBy(dx: -8.0, dy: -8.0).contains(self.convert(point, to: titleCredibilityIconView)) {
|
||||
if let result = titleCredibilityIconView.hitTest(titleCredibilityIconView.bounds.center, with: event) {
|
||||
return result
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if !self.proxyButton.isHidden {
|
||||
if let result = self.proxyButton.hitTest(point.offsetBy(dx: -self.proxyButton.frame.minX, dy: -self.proxyButton.frame.minY), with: event) {
|
||||
return result;
|
||||
}
|
||||
}
|
||||
return super.hitTest(point, with: event)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user