mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-06-16 05:55:20 +00:00
1664 lines
79 KiB
Swift
1664 lines
79 KiB
Swift
import Foundation
|
|
import UIKit
|
|
import Display
|
|
import AsyncDisplayKit
|
|
import TelegramCore
|
|
import SwiftSignalKit
|
|
import AccountContext
|
|
import TelegramPresentationData
|
|
import PresentationDataUtils
|
|
import ComponentFlow
|
|
import ViewControllerComponent
|
|
import SheetComponent
|
|
import MultilineTextComponent
|
|
import BundleIconComponent
|
|
import SolidRoundedButtonComponent
|
|
import Markdown
|
|
import BalancedTextComponent
|
|
import ConfettiEffect
|
|
import AvatarNode
|
|
|
|
func generateCloseButtonImage(backgroundColor: UIColor, foregroundColor: UIColor) -> UIImage? {
|
|
return generateImage(CGSize(width: 30.0, height: 30.0), contextGenerator: { size, context in
|
|
context.clear(CGRect(origin: CGPoint(), size: size))
|
|
|
|
context.setFillColor(backgroundColor.cgColor)
|
|
context.fillEllipse(in: CGRect(origin: CGPoint(), size: size))
|
|
|
|
context.setLineWidth(2.0)
|
|
context.setLineCap(.round)
|
|
context.setStrokeColor(foregroundColor.cgColor)
|
|
|
|
context.move(to: CGPoint(x: 10.0, y: 10.0))
|
|
context.addLine(to: CGPoint(x: 20.0, y: 20.0))
|
|
context.strokePath()
|
|
|
|
context.move(to: CGPoint(x: 20.0, y: 10.0))
|
|
context.addLine(to: CGPoint(x: 10.0, y: 20.0))
|
|
context.strokePath()
|
|
})
|
|
}
|
|
|
|
public class PremiumLimitDisplayComponent: Component {
|
|
private let inactiveColor: UIColor
|
|
private let activeColors: [UIColor]
|
|
private let inactiveTitle: String
|
|
private let inactiveValue: String
|
|
private let inactiveTitleColor: UIColor
|
|
private let activeTitle: String
|
|
private let activeValue: String
|
|
private let activeTitleColor: UIColor
|
|
private let badgeIconName: String?
|
|
private let badgeText: String?
|
|
private let badgePosition: CGFloat
|
|
private let badgeGraphPosition: CGFloat
|
|
private let invertProgress: Bool
|
|
private let isPremiumDisabled: Bool
|
|
|
|
public init(
|
|
inactiveColor: UIColor,
|
|
activeColors: [UIColor],
|
|
inactiveTitle: String,
|
|
inactiveValue: String,
|
|
inactiveTitleColor: UIColor,
|
|
activeTitle: String,
|
|
activeValue: String,
|
|
activeTitleColor: UIColor,
|
|
badgeIconName: String?,
|
|
badgeText: String?,
|
|
badgePosition: CGFloat,
|
|
badgeGraphPosition: CGFloat,
|
|
invertProgress: Bool = false,
|
|
isPremiumDisabled: Bool
|
|
) {
|
|
self.inactiveColor = inactiveColor
|
|
self.activeColors = activeColors
|
|
self.inactiveTitle = inactiveTitle
|
|
self.inactiveValue = inactiveValue
|
|
self.inactiveTitleColor = inactiveTitleColor
|
|
self.activeTitle = activeTitle
|
|
self.activeValue = activeValue
|
|
self.activeTitleColor = activeTitleColor
|
|
self.badgeIconName = badgeIconName
|
|
self.badgeText = badgeText
|
|
self.badgePosition = badgePosition
|
|
self.badgeGraphPosition = badgeGraphPosition
|
|
self.invertProgress = invertProgress
|
|
self.isPremiumDisabled = isPremiumDisabled
|
|
}
|
|
|
|
public static func ==(lhs: PremiumLimitDisplayComponent, rhs: PremiumLimitDisplayComponent) -> Bool {
|
|
if lhs.inactiveColor != rhs.inactiveColor {
|
|
return false
|
|
}
|
|
if lhs.activeColors != rhs.activeColors {
|
|
return false
|
|
}
|
|
if lhs.inactiveTitle != rhs.inactiveTitle {
|
|
return false
|
|
}
|
|
if lhs.inactiveValue != rhs.inactiveValue {
|
|
return false
|
|
}
|
|
if lhs.inactiveTitleColor != rhs.inactiveTitleColor {
|
|
return false
|
|
}
|
|
if lhs.activeTitle != rhs.activeTitle {
|
|
return false
|
|
}
|
|
if lhs.activeValue != rhs.activeValue {
|
|
return false
|
|
}
|
|
if lhs.activeTitleColor != rhs.activeTitleColor {
|
|
return false
|
|
}
|
|
if lhs.badgeIconName != rhs.badgeIconName {
|
|
return false
|
|
}
|
|
if lhs.badgeText != rhs.badgeText {
|
|
return false
|
|
}
|
|
if lhs.badgePosition != rhs.badgePosition {
|
|
return false
|
|
}
|
|
if lhs.badgeGraphPosition != rhs.badgeGraphPosition {
|
|
return false
|
|
}
|
|
if lhs.invertProgress != rhs.invertProgress {
|
|
return false
|
|
}
|
|
if lhs.isPremiumDisabled != rhs.isPremiumDisabled {
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
|
|
public final class View: UIView {
|
|
private var component: PremiumLimitDisplayComponent?
|
|
|
|
private let container: UIView
|
|
private let inactiveBackground: SimpleLayer
|
|
|
|
private let inactiveTitleLabel = ComponentView<Empty>()
|
|
private let inactiveValueLabel = ComponentView<Empty>()
|
|
|
|
private let innerLeftTitleLabel = ComponentView<Empty>()
|
|
private let innerRightTitleLabel = ComponentView<Empty>()
|
|
|
|
private let activeContainer: UIView
|
|
private let activeBackground: SimpleLayer
|
|
|
|
private let activeTitleLabel = ComponentView<Empty>()
|
|
private let activeValueLabel = ComponentView<Empty>()
|
|
|
|
private let badgeView: UIView
|
|
private let badgeMaskView: UIView
|
|
private let badgeMaskClippingView: UIView
|
|
private let badgeMaskBackgroundView: UIView
|
|
private let badgeMaskArrowView: UIImageView
|
|
private let badgeMaskArrowFillerView: UIView
|
|
private let badgeForeground: SimpleLayer
|
|
private let badgeIcon: UIImageView
|
|
private let badgeCountLabel: RollingLabel
|
|
|
|
private let hapticFeedback = HapticFeedback()
|
|
|
|
override init(frame: CGRect) {
|
|
self.container = UIView()
|
|
self.container.clipsToBounds = true
|
|
self.container.layer.cornerRadius = 6.0
|
|
|
|
self.inactiveBackground = SimpleLayer()
|
|
|
|
self.activeContainer = UIView()
|
|
self.activeContainer.clipsToBounds = true
|
|
|
|
self.activeBackground = SimpleLayer()
|
|
self.activeBackground.anchorPoint = CGPoint()
|
|
|
|
self.badgeView = UIView()
|
|
self.badgeView.alpha = 0.0
|
|
|
|
self.badgeMaskClippingView = UIView()
|
|
self.badgeMaskClippingView.clipsToBounds = true
|
|
|
|
self.badgeMaskBackgroundView = UIView()
|
|
self.badgeMaskBackgroundView.backgroundColor = .white
|
|
self.badgeMaskBackgroundView.layer.cornerRadius = 24.0
|
|
if #available(iOS 13.0, *) {
|
|
self.badgeMaskBackgroundView.layer.cornerCurve = .continuous
|
|
}
|
|
|
|
self.badgeMaskArrowView = UIImageView()
|
|
self.badgeMaskArrowView.image = generateImage(CGSize(width: 44.0, height: 12.0), rotatedContext: { size, context in
|
|
context.clear(CGRect(origin: .zero, size: size))
|
|
context.setFillColor(UIColor.white.cgColor)
|
|
context.scaleBy(x: 3.76, y: 3.76)
|
|
context.translateBy(x: -9.3, y: -12.7)
|
|
try? drawSvgPath(context, path: "M6.4,0.0 C2.9,0.0 0.0,2.84 0.0,6.35 C0.0,9.86 2.9,12.7 6.4,12.7 H9.302 H11.3 C11.7,12.7 12.1,12.87 12.4,13.17 L14.4,15.13 C14.8,15.54 15.5,15.54 15.9,15.13 L17.8,13.17 C18.1,12.87 18.5,12.7 18.9,12.7 H20.9 H23.6 C27.1,12.7 29.9,9.86 29.9,6.35 C29.9,2.84 27.1,0.0 23.6,0.0 Z ")
|
|
})
|
|
|
|
self.badgeMaskArrowFillerView = UIView()
|
|
self.badgeMaskArrowFillerView.backgroundColor = .white
|
|
|
|
self.badgeMaskView = UIView()
|
|
self.badgeMaskView.addSubview(self.badgeMaskBackgroundView)
|
|
self.badgeMaskView.addSubview(self.badgeMaskClippingView)
|
|
self.badgeMaskClippingView.addSubview(self.badgeMaskArrowView)
|
|
self.badgeMaskArrowView.addSubview(self.badgeMaskArrowFillerView)
|
|
self.badgeMaskView.layer.rasterizationScale = UIScreenScale
|
|
self.badgeMaskView.layer.shouldRasterize = true
|
|
self.badgeView.mask = self.badgeMaskView
|
|
|
|
self.badgeForeground = SimpleLayer()
|
|
|
|
self.badgeIcon = UIImageView()
|
|
self.badgeIcon.contentMode = .center
|
|
|
|
self.badgeCountLabel = RollingLabel()
|
|
self.badgeCountLabel.font = Font.with(size: 24.0, design: .round, weight: .semibold, traits: [])
|
|
self.badgeCountLabel.textColor = .white
|
|
self.badgeCountLabel.configure(with: "0")
|
|
|
|
super.init(frame: frame)
|
|
|
|
self.addSubview(self.container)
|
|
self.container.layer.addSublayer(self.inactiveBackground)
|
|
self.container.addSubview(self.activeContainer)
|
|
self.activeContainer.layer.addSublayer(self.activeBackground)
|
|
|
|
self.addSubview(self.badgeView)
|
|
self.badgeView.layer.addSublayer(self.badgeForeground)
|
|
self.badgeView.addSubview(self.badgeIcon)
|
|
self.badgeView.addSubview(self.badgeCountLabel)
|
|
|
|
self.isUserInteractionEnabled = false
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
private var didPlayAppearanceAnimation = false
|
|
func playAppearanceAnimation(component: PremiumLimitDisplayComponent, availableSize: CGSize, from: CGFloat? = nil) {
|
|
if from == nil {
|
|
self.badgeView.layer.animateScale(from: 0.1, to: 1.0, duration: 0.4, timingFunction: CAMediaTimingFunctionName.easeInEaseOut.rawValue)
|
|
}
|
|
|
|
let positionAnimation = CABasicAnimation(keyPath: "position.x")
|
|
positionAnimation.fromValue = NSValue(cgPoint: CGPoint(x: from ?? 0.0, y: 0.0))
|
|
positionAnimation.toValue = NSValue(cgPoint: self.badgeView.center)
|
|
positionAnimation.duration = 0.5
|
|
positionAnimation.fillMode = .forwards
|
|
positionAnimation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
|
|
self.badgeView.layer.add(positionAnimation, forKey: "appearance1")
|
|
|
|
let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
|
|
rotateAnimation.fromValue = 0.0 as NSNumber
|
|
rotateAnimation.toValue = -0.3 as NSNumber
|
|
rotateAnimation.duration = 0.15
|
|
rotateAnimation.fillMode = .forwards
|
|
rotateAnimation.timingFunction = CAMediaTimingFunction(name: .easeOut)
|
|
rotateAnimation.isRemovedOnCompletion = false
|
|
self.badgeView.layer.add(rotateAnimation, forKey: "appearance2")
|
|
|
|
Queue.mainQueue().after(0.5, {
|
|
let bounceAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
|
|
bounceAnimation.fromValue = -0.3 as NSNumber
|
|
bounceAnimation.toValue = 0.05 as NSNumber
|
|
bounceAnimation.duration = 0.15
|
|
bounceAnimation.fillMode = .forwards
|
|
bounceAnimation.timingFunction = CAMediaTimingFunction(name: .easeOut)
|
|
bounceAnimation.isRemovedOnCompletion = false
|
|
self.badgeView.layer.add(bounceAnimation, forKey: "appearance3")
|
|
self.badgeView.layer.removeAnimation(forKey: "appearance2")
|
|
|
|
if !self.badgeView.isHidden {
|
|
self.hapticFeedback.impact(.light)
|
|
}
|
|
|
|
Queue.mainQueue().after(0.15) {
|
|
let returnAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
|
|
returnAnimation.fromValue = 0.05 as NSNumber
|
|
returnAnimation.toValue = 0.0 as NSNumber
|
|
returnAnimation.duration = 0.1
|
|
returnAnimation.fillMode = .forwards
|
|
returnAnimation.timingFunction = CAMediaTimingFunction(name: .easeIn)
|
|
self.badgeView.layer.add(returnAnimation, forKey: "appearance4")
|
|
self.badgeView.layer.removeAnimation(forKey: "appearance3")
|
|
}
|
|
})
|
|
|
|
if from == nil {
|
|
self.badgeView.alpha = 1.0
|
|
self.badgeView.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.1)
|
|
}
|
|
|
|
if let badgeText = component.badgeText {
|
|
self.badgeCountLabel.configure(with: badgeText, duration: from != nil ? 0.3 : 0.5)
|
|
}
|
|
}
|
|
|
|
var previousAvailableSize: CGSize?
|
|
func update(component: PremiumLimitDisplayComponent, availableSize: CGSize, transition: Transition) -> CGSize {
|
|
self.component = component
|
|
self.inactiveBackground.backgroundColor = component.inactiveColor.cgColor
|
|
self.activeBackground.backgroundColor = component.activeColors.last?.cgColor
|
|
|
|
let size = CGSize(width: availableSize.width, height: 120.0)
|
|
|
|
self.badgeIcon.image = component.badgeIconName.flatMap { UIImage(bundleImageName: $0)?.withRenderingMode(.alwaysTemplate) }
|
|
self.badgeIcon.tintColor = component.activeTitleColor
|
|
self.badgeView.isHidden = self.badgeIcon.image == nil
|
|
|
|
let lineHeight: CGFloat = 30.0
|
|
let containerFrame = CGRect(origin: CGPoint(x: 0.0, y: size.height - lineHeight), size: CGSize(width: size.width, height: lineHeight))
|
|
self.container.frame = containerFrame
|
|
|
|
let activityPosition: CGFloat = floor(containerFrame.width * component.badgeGraphPosition)
|
|
let activeWidth: CGFloat = containerFrame.width - activityPosition
|
|
|
|
let leftTextColor: UIColor
|
|
let rightTextColor: UIColor
|
|
if component.invertProgress {
|
|
leftTextColor = component.inactiveTitleColor
|
|
rightTextColor = component.inactiveTitleColor
|
|
} else {
|
|
leftTextColor = component.inactiveTitleColor
|
|
rightTextColor = component.activeTitleColor
|
|
}
|
|
|
|
if !component.isPremiumDisabled {
|
|
if component.invertProgress {
|
|
let innerLeftTitleSize = self.innerLeftTitleLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.inactiveTitle,
|
|
font: Font.semibold(15.0),
|
|
textColor: component.activeTitleColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.innerLeftTitleLabel.view {
|
|
if view.superview == nil {
|
|
self.activeContainer.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: 12.0, y: floorToScreenPixels((lineHeight - innerLeftTitleSize.height) / 2.0)), size: innerLeftTitleSize)
|
|
}
|
|
|
|
let innerRightTitleSize = self.innerRightTitleLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.activeValue,
|
|
font: Font.semibold(15.0),
|
|
textColor: component.activeTitleColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.innerRightTitleLabel.view {
|
|
if view.superview == nil {
|
|
self.activeContainer.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: containerFrame.width - 12.0 - innerRightTitleSize.width, y: floorToScreenPixels((lineHeight - innerRightTitleSize.height) / 2.0)), size: innerRightTitleSize)
|
|
}
|
|
}
|
|
|
|
let inactiveTitleSize = self.inactiveTitleLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.inactiveTitle,
|
|
font: Font.semibold(15.0),
|
|
textColor: leftTextColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.inactiveTitleLabel.view {
|
|
if view.superview == nil {
|
|
self.container.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: 12.0, y: floorToScreenPixels((lineHeight - inactiveTitleSize.height) / 2.0)), size: inactiveTitleSize)
|
|
}
|
|
|
|
let inactiveValueSize = self.inactiveValueLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.inactiveValue,
|
|
font: Font.semibold(15.0),
|
|
textColor: leftTextColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.inactiveValueLabel.view {
|
|
if view.superview == nil {
|
|
self.container.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: activityPosition - 12.0 - inactiveValueSize.width, y: floorToScreenPixels((lineHeight - inactiveValueSize.height) / 2.0)), size: inactiveValueSize)
|
|
}
|
|
|
|
let activeTitleSize = self.activeTitleLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.activeTitle,
|
|
font: Font.semibold(15.0),
|
|
textColor: rightTextColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.activeTitleLabel.view {
|
|
if view.superview == nil {
|
|
self.container.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: activityPosition + 12.0, y: floorToScreenPixels((lineHeight - activeTitleSize.height) / 2.0)), size: activeTitleSize)
|
|
}
|
|
|
|
let activeValueSize = self.activeValueLabel.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: component.activeValue,
|
|
font: Font.semibold(15.0),
|
|
textColor: rightTextColor
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
if let view = self.activeValueLabel.view {
|
|
if view.superview == nil {
|
|
self.container.addSubview(view)
|
|
|
|
if component.invertProgress {
|
|
self.container.bringSubviewToFront(self.activeContainer)
|
|
}
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: containerFrame.width - 12.0 - activeValueSize.width, y: floorToScreenPixels((lineHeight - activeValueSize.height) / 2.0)), size: activeValueSize)
|
|
}
|
|
}
|
|
|
|
var progressTransition: Transition = .immediate
|
|
if !transition.animation.isImmediate {
|
|
progressTransition = .easeInOut(duration: 0.5)
|
|
}
|
|
if !component.isPremiumDisabled {
|
|
if component.invertProgress {
|
|
progressTransition.setFrame(layer: self.inactiveBackground, frame: CGRect(origin: CGPoint(x: activityPosition, y: 0.0), size: CGSize(width: size.width - activityPosition, height: lineHeight)))
|
|
progressTransition.setFrame(view: self.activeContainer, frame: CGRect(origin: .zero, size: CGSize(width: activityPosition, height: lineHeight)))
|
|
progressTransition.setFrame(layer: self.activeBackground, frame: CGRect(origin: .zero, size: CGSize(width: containerFrame.width * 1.35, height: lineHeight)))
|
|
} else {
|
|
progressTransition.setFrame(layer: self.inactiveBackground, frame: CGRect(origin: .zero, size: CGSize(width: activityPosition, height: lineHeight)))
|
|
progressTransition.setFrame(view: self.activeContainer, frame: CGRect(origin: CGPoint(x: activityPosition, y: 0.0), size: CGSize(width: activeWidth, height: lineHeight)))
|
|
progressTransition.setFrame(layer: self.activeBackground, frame: CGRect(origin: CGPoint(x: -activityPosition, y: 0.0), size: CGSize(width: containerFrame.width * 1.35, height: lineHeight)))
|
|
}
|
|
if self.activeBackground.animation(forKey: "movement") == nil {
|
|
self.activeBackground.position = CGPoint(x: -self.activeContainer.frame.width * 0.35, y: lineHeight / 2.0)
|
|
}
|
|
}
|
|
|
|
let countWidth: CGFloat
|
|
if let badgeText = component.badgeText {
|
|
switch badgeText.count {
|
|
case 1:
|
|
countWidth = 20.0
|
|
case 2:
|
|
countWidth = 35.0
|
|
case 3:
|
|
countWidth = 51.0
|
|
case 4:
|
|
countWidth = 60.0
|
|
default:
|
|
countWidth = 51.0
|
|
}
|
|
} else {
|
|
countWidth = 51.0
|
|
}
|
|
let badgeWidth: CGFloat = countWidth + 54.0
|
|
|
|
let badgeSize = CGSize(width: badgeWidth, height: 48.0 + 12.0)
|
|
self.badgeMaskView.frame = CGRect(origin: .zero, size: badgeSize)
|
|
self.badgeMaskBackgroundView.frame = CGRect(origin: .zero, size: CGSize(width: badgeSize.width, height: 48.0))
|
|
self.badgeMaskClippingView.frame = CGRect(origin: .zero, size: CGSize(width: badgeSize.width, height: 60.0))
|
|
|
|
self.badgeView.bounds = CGRect(origin: .zero, size: badgeSize)
|
|
|
|
let currentBadgeX = self.badgeView.center.x
|
|
|
|
var badgePosition = component.badgePosition
|
|
if component.isPremiumDisabled {
|
|
badgePosition = 0.5
|
|
}
|
|
|
|
if badgePosition > 1.0 - 0.15 {
|
|
progressTransition.setFrame(view: self.badgeMaskArrowView, frame: CGRect(origin: CGPoint(x: badgeSize.width - 24.0, y: badgeSize.height - 15.0), size: CGSize(width: 44.0, height: 12.0)))
|
|
progressTransition.setAnchorPoint(layer: self.badgeView.layer, anchorPoint: CGPoint(x: 1.0, y: 1.0))
|
|
progressTransition.setFrame(view: self.badgeMaskArrowFillerView, frame: CGRect(x: -12.0, y: -21.0, width: 36.0, height: 24.0))
|
|
|
|
self.badgeMaskArrowView.isHidden = component.isPremiumDisabled
|
|
|
|
if let _ = self.badgeView.layer.animation(forKey: "appearance1") {
|
|
|
|
} else {
|
|
self.badgeView.center = CGPoint(x: 3.0 + (size.width - 6.0) * badgePosition + 3.0, y: 82.0)
|
|
}
|
|
} else if badgePosition < 0.15 {
|
|
progressTransition.setFrame(view: self.badgeMaskArrowView, frame: CGRect(origin: CGPoint(x: -20.0, y: badgeSize.height - 15.0), size: CGSize(width: 44.0, height: 12.0)))
|
|
progressTransition.setAnchorPoint(layer: self.badgeView.layer, anchorPoint: CGPoint(x: 0.0, y: 1.0))
|
|
progressTransition.setFrame(view: self.badgeMaskArrowFillerView, frame: CGRect(x: 20.0, y: -21.0, width: 36.0, height: 24.0))
|
|
|
|
self.badgeMaskArrowView.isHidden = component.isPremiumDisabled
|
|
|
|
if let _ = self.badgeView.layer.animation(forKey: "appearance1") {
|
|
|
|
} else {
|
|
self.badgeView.center = CGPoint(x: (size.width - 6.0) * badgePosition, y: 82.0)
|
|
}
|
|
} else {
|
|
progressTransition.setFrame(view: self.badgeMaskArrowView, frame: CGRect(origin: CGPoint(x: (badgeSize.width - 44.0) / 2.0, y: badgeSize.height - 12.0 - UIScreenPixel), size: CGSize(width: 44.0, height: 12.0)))
|
|
progressTransition.setAnchorPoint(layer: self.badgeView.layer, anchorPoint: CGPoint(x: 0.5, y: 1.0))
|
|
progressTransition.setFrame(view: self.badgeMaskArrowFillerView, frame: CGRect(x: 14.0, y: -21.0, width: 8.0, height: 24.0))
|
|
|
|
self.badgeMaskArrowView.isHidden = component.isPremiumDisabled
|
|
|
|
if let _ = self.badgeView.layer.animation(forKey: "appearance1") {
|
|
|
|
} else {
|
|
self.badgeView.center = CGPoint(x: size.width * badgePosition, y: 82.0)
|
|
}
|
|
|
|
if self.badgeView.frame.maxX > size.width {
|
|
let delta = self.badgeView.frame.maxX - size.width - 6.0
|
|
if let _ = self.badgeView.layer.animation(forKey: "appearance1") {
|
|
|
|
} else {
|
|
self.badgeView.center = self.badgeView.center.offsetBy(dx: -delta, dy: 0.0)
|
|
}
|
|
}
|
|
}
|
|
self.badgeForeground.bounds = CGRect(origin: CGPoint(), size: CGSize(width: badgeSize.width * 3.0, height: badgeSize.height))
|
|
if self.badgeForeground.animation(forKey: "movement") == nil {
|
|
self.badgeForeground.position = CGPoint(x: badgeSize.width * 3.0 / 2.0 - self.badgeForeground.frame.width * 0.35, y: badgeSize.height / 2.0)
|
|
}
|
|
|
|
self.badgeIcon.frame = CGRect(x: 10.0, y: 9.0, width: 30.0, height: 30.0)
|
|
self.badgeCountLabel.frame = CGRect(x: badgeSize.width - countWidth - 11.0, y: 10.0, width: countWidth, height: 48.0)
|
|
|
|
if component.isPremiumDisabled {
|
|
if !self.didPlayAppearanceAnimation {
|
|
self.didPlayAppearanceAnimation = true
|
|
|
|
self.badgeView.alpha = 1.0
|
|
if let badgeText = component.badgeText {
|
|
self.badgeCountLabel.configure(with: badgeText, duration: 0.3)
|
|
}
|
|
}
|
|
} else if !self.didPlayAppearanceAnimation || !transition.animation.isImmediate {
|
|
self.didPlayAppearanceAnimation = true
|
|
if transition.animation.isImmediate {
|
|
if component.badgePosition < 0.1 {
|
|
self.badgeView.alpha = 1.0
|
|
if let badgeText = component.badgeText {
|
|
self.badgeCountLabel.configure(with: badgeText, duration: 0.001)
|
|
}
|
|
} else {
|
|
self.playAppearanceAnimation(component: component, availableSize: size)
|
|
}
|
|
} else {
|
|
self.playAppearanceAnimation(component: component, availableSize: size, from: currentBadgeX)
|
|
}
|
|
}
|
|
|
|
if self.previousAvailableSize != availableSize {
|
|
self.previousAvailableSize = availableSize
|
|
|
|
var locations: [CGFloat] = []
|
|
let delta = 1.0 / CGFloat(component.activeColors.count - 1)
|
|
for i in 0 ..< component.activeColors.count {
|
|
locations.append(delta * CGFloat(i))
|
|
}
|
|
|
|
let gradient = generateGradientImage(size: CGSize(width: 200.0, height: 60.0), colors: component.activeColors, locations: locations, direction: .horizontal)
|
|
self.badgeForeground.contentsGravity = .resizeAspectFill
|
|
self.badgeForeground.contents = gradient?.cgImage
|
|
|
|
self.activeBackground.contentsGravity = .resizeAspectFill
|
|
self.activeBackground.contents = gradient?.cgImage
|
|
|
|
self.setupGradientAnimations()
|
|
}
|
|
|
|
return size
|
|
}
|
|
|
|
private func setupGradientAnimations() {
|
|
guard let _ = self.component else {
|
|
return
|
|
}
|
|
if let _ = self.badgeForeground.animation(forKey: "movement") {
|
|
} else {
|
|
CATransaction.begin()
|
|
|
|
let badgeOffset = (self.badgeForeground.frame.width - self.badgeView.bounds.width) / 2.0
|
|
let badgePreviousValue = self.badgeForeground.position.x
|
|
var badgeNewValue: CGFloat = badgeOffset
|
|
if badgeOffset - badgePreviousValue < self.badgeForeground.frame.width * 0.25 {
|
|
badgeNewValue -= self.badgeForeground.frame.width * 0.35
|
|
}
|
|
self.badgeForeground.position = CGPoint(x: badgeNewValue, y: self.badgeForeground.bounds.size.height / 2.0)
|
|
|
|
let lineOffset = 0.0
|
|
let linePreviousValue = self.activeBackground.position.x
|
|
var lineNewValue: CGFloat = lineOffset
|
|
if linePreviousValue < 0.0 {
|
|
lineNewValue = 0.0
|
|
} else {
|
|
lineNewValue = -self.activeContainer.bounds.width * 0.35
|
|
}
|
|
lineNewValue -= self.activeContainer.frame.minX
|
|
self.activeBackground.position = CGPoint(x: lineNewValue, y: 0.0)
|
|
|
|
let badgeAnimation = CABasicAnimation(keyPath: "position.x")
|
|
badgeAnimation.duration = 4.5
|
|
badgeAnimation.fromValue = badgePreviousValue
|
|
badgeAnimation.toValue = badgeNewValue
|
|
badgeAnimation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
|
|
|
|
CATransaction.setCompletionBlock { [weak self] in
|
|
self?.setupGradientAnimations()
|
|
}
|
|
self.badgeForeground.add(badgeAnimation, forKey: "movement")
|
|
|
|
let lineAnimation = CABasicAnimation(keyPath: "position.x")
|
|
lineAnimation.duration = 4.5
|
|
lineAnimation.fromValue = linePreviousValue
|
|
lineAnimation.toValue = lineNewValue
|
|
lineAnimation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
|
|
self.activeBackground.add(lineAnimation, forKey: "movement")
|
|
|
|
CATransaction.commit()
|
|
}
|
|
}
|
|
}
|
|
|
|
public func makeView() -> View {
|
|
return View(frame: CGRect())
|
|
}
|
|
|
|
public func update(view: View, availableSize: CGSize, state: EmptyComponentState, environment: Environment<Empty>, transition: Transition) -> CGSize {
|
|
return view.update(component: self, availableSize: availableSize, transition: transition)
|
|
}
|
|
}
|
|
|
|
private final class LimitSheetContent: CombinedComponent {
|
|
typealias EnvironmentType = ViewControllerComponentContainer.Environment
|
|
|
|
let context: AccountContext
|
|
let subject: PremiumLimitScreen.Subject
|
|
let count: Int32
|
|
let cancel: () -> Void
|
|
let action: () -> Bool
|
|
let dismiss: () -> Void
|
|
let openPeer: (EnginePeer) -> Void
|
|
|
|
init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, cancel: @escaping () -> Void, action: @escaping () -> Bool, dismiss: @escaping () -> Void, openPeer: @escaping (EnginePeer) -> Void) {
|
|
self.context = context
|
|
self.subject = subject
|
|
self.count = count
|
|
self.cancel = cancel
|
|
self.action = action
|
|
self.dismiss = dismiss
|
|
self.openPeer = openPeer
|
|
}
|
|
|
|
static func ==(lhs: LimitSheetContent, rhs: LimitSheetContent) -> Bool {
|
|
if lhs.context !== rhs.context {
|
|
return false
|
|
}
|
|
if lhs.subject != rhs.subject {
|
|
return false
|
|
}
|
|
if lhs.count != rhs.count {
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
|
|
final class State: ComponentState {
|
|
private let context: AccountContext
|
|
|
|
private var disposable: Disposable?
|
|
var initialized = false
|
|
var limits: EngineConfiguration.UserLimits
|
|
var premiumLimits: EngineConfiguration.UserLimits
|
|
var isPremium = false
|
|
|
|
var boosted = false
|
|
|
|
var cachedCloseImage: (UIImage, PresentationTheme)?
|
|
|
|
init(context: AccountContext, subject: PremiumLimitScreen.Subject) {
|
|
self.context = context
|
|
self.limits = EngineConfiguration.UserLimits.defaultValue
|
|
self.premiumLimits = EngineConfiguration.UserLimits.defaultValue
|
|
|
|
super.init()
|
|
|
|
self.disposable = (context.engine.data.get(
|
|
TelegramEngine.EngineData.Item.Configuration.UserLimits(isPremium: false),
|
|
TelegramEngine.EngineData.Item.Configuration.UserLimits(isPremium: true),
|
|
TelegramEngine.EngineData.Item.Peer.Peer(id: context.account.peerId)
|
|
) |> deliverOnMainQueue).start(next: { [weak self] result in
|
|
if let strongSelf = self {
|
|
let (limits, premiumLimits, accountPeer) = result
|
|
strongSelf.initialized = true
|
|
strongSelf.limits = limits
|
|
strongSelf.premiumLimits = premiumLimits
|
|
strongSelf.isPremium = accountPeer?.isPremium ?? false
|
|
strongSelf.updated(transition: .immediate)
|
|
}
|
|
})
|
|
}
|
|
|
|
deinit {
|
|
self.disposable?.dispose()
|
|
}
|
|
}
|
|
|
|
func makeState() -> State {
|
|
return State(context: self.context, subject: self.subject)
|
|
}
|
|
|
|
static var body: Body {
|
|
let closeButton = Child(Button.self)
|
|
let title = Child(MultilineTextComponent.self)
|
|
let text = Child(BalancedTextComponent.self)
|
|
let alternateText = Child(BalancedTextComponent.self)
|
|
let limit = Child(PremiumLimitDisplayComponent.self)
|
|
let linkButton = Child(SolidRoundedButtonComponent.self)
|
|
let button = Child(SolidRoundedButtonComponent.self)
|
|
let peerShortcut = Child(Button.self)
|
|
|
|
return { context in
|
|
let environment = context.environment[ViewControllerComponentContainer.Environment.self].value
|
|
let component = context.component
|
|
let theme = environment.theme
|
|
let strings = environment.strings
|
|
|
|
let state = context.state
|
|
let subject = component.subject
|
|
|
|
let premiumConfiguration = PremiumConfiguration.with(appConfiguration: component.context.currentAppConfiguration.with { $0 })
|
|
let isPremiumDisabled: Bool
|
|
if case .storiesChannelBoost = subject {
|
|
isPremiumDisabled = false
|
|
} else {
|
|
isPremiumDisabled = premiumConfiguration.isPremiumDisabled
|
|
}
|
|
|
|
let sideInset: CGFloat = 16.0 + environment.safeInsets.left
|
|
let textSideInset: CGFloat = 32.0 + environment.safeInsets.left
|
|
|
|
let closeImage: UIImage
|
|
if let (image, theme) = state.cachedCloseImage, theme === environment.theme {
|
|
closeImage = image
|
|
} else {
|
|
closeImage = generateCloseButtonImage(backgroundColor: UIColor(rgb: 0x808084, alpha: 0.1), foregroundColor: theme.actionSheet.inputClearButtonColor)!
|
|
state.cachedCloseImage = (closeImage, theme)
|
|
}
|
|
|
|
let closeButton = closeButton.update(
|
|
component: Button(
|
|
content: AnyComponent(Image(image: closeImage)),
|
|
action: { [weak component] in
|
|
component?.dismiss()
|
|
component?.cancel()
|
|
}
|
|
),
|
|
availableSize: CGSize(width: 30.0, height: 30.0),
|
|
transition: .immediate
|
|
)
|
|
context.add(closeButton
|
|
.position(CGPoint(x: context.availableSize.width - environment.safeInsets.left - closeButton.size.width, y: 28.0))
|
|
)
|
|
|
|
var boostUpdated = false
|
|
|
|
var peerShortcutChild: _UpdatedChildComponent?
|
|
|
|
var useAlternateText = false
|
|
var titleText = strings.Premium_LimitReached
|
|
var actionButtonText: String?
|
|
var actionButtonHasGloss = true
|
|
var buttonAnimationName: String? = "premium_x2"
|
|
var buttonIconName: String?
|
|
let iconName: String
|
|
var badgeText: String
|
|
var string: String
|
|
let defaultValue: String
|
|
var defaultTitle = strings.Premium_Free
|
|
var premiumTitle = strings.Premium_Premium
|
|
let premiumValue: String
|
|
let badgePosition: CGFloat
|
|
let badgeGraphPosition: CGFloat
|
|
var invertProgress = false
|
|
switch subject {
|
|
case .folders:
|
|
let limit = state.limits.maxFoldersCount
|
|
let premiumLimit = state.premiumLimits.maxFoldersCount
|
|
iconName = "Premium/Folder"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxFoldersCountFinalText("\(premiumLimit)").string : strings.Premium_MaxFoldersCountText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
if component.count >= premiumLimit {
|
|
badgeGraphPosition = max(0.15, CGFloat(limit) / CGFloat(premiumLimit))
|
|
} else {
|
|
badgeGraphPosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
}
|
|
badgePosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
|
|
if !state.isPremium && badgePosition > 0.5 {
|
|
string = strings.Premium_MaxFoldersCountText("\(limit)", "\(premiumLimit)").string
|
|
}
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxFoldersCountNoPremiumText("\(limit)").string
|
|
}
|
|
case .chatsPerFolder:
|
|
let limit = state.limits.maxFolderChatsCount
|
|
let premiumLimit = state.premiumLimits.maxFolderChatsCount
|
|
iconName = "Premium/Chat"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxChatsInFolderFinalText("\(premiumLimit)").string : strings.Premium_MaxChatsInFolderText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
badgePosition = CGFloat(component.count) / CGFloat(premiumLimit)
|
|
badgeGraphPosition = badgePosition
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxChatsInFolderNoPremiumText("\(limit)").string
|
|
}
|
|
case .channels:
|
|
let limit = state.limits.maxChannelsCount
|
|
let premiumLimit = state.premiumLimits.maxChannelsCount
|
|
iconName = "Premium/Chat"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxChannelsFinalText("\(premiumLimit)").string : strings.Premium_MaxChannelsText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
if component.count >= premiumLimit {
|
|
badgeGraphPosition = max(0.15, CGFloat(limit) / CGFloat(premiumLimit))
|
|
} else {
|
|
badgeGraphPosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
}
|
|
badgePosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxChannelsNoPremiumText("\(limit)").string
|
|
}
|
|
case .linksPerSharedFolder:
|
|
/*let count: Int32 = 5 + Int32("".count)// component.count
|
|
let limit: Int32 = 5 + Int32("".count)//state.limits.maxSharedFolderInviteLinks
|
|
let premiumLimit: Int32 = 100 + Int32("".count)//state.premiumLimits.maxSharedFolderInviteLinks*/
|
|
|
|
let count: Int32 = component.count
|
|
let limit: Int32 = state.limits.maxSharedFolderInviteLinks
|
|
let premiumLimit: Int32 = state.premiumLimits.maxSharedFolderInviteLinks
|
|
|
|
iconName = "Premium/Link"
|
|
badgeText = "\(count)"
|
|
string = count >= premiumLimit ? strings.Premium_MaxSharedFolderLinksFinalText("\(premiumLimit)").string : strings.Premium_MaxSharedFolderLinksText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = count > limit ? "\(limit)" : ""
|
|
premiumValue = count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
if count >= premiumLimit {
|
|
badgeGraphPosition = max(0.15, CGFloat(limit) / CGFloat(premiumLimit))
|
|
} else {
|
|
badgeGraphPosition = max(0.15, CGFloat(count) / CGFloat(premiumLimit))
|
|
}
|
|
badgePosition = max(0.15, CGFloat(count) / CGFloat(premiumLimit))
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxSharedFolderLinksNoPremiumText("\(limit)").string
|
|
}
|
|
|
|
buttonAnimationName = nil
|
|
case .membershipInSharedFolders:
|
|
let limit = state.limits.maxSharedFolderJoin
|
|
let premiumLimit = state.premiumLimits.maxSharedFolderJoin
|
|
iconName = "Premium/Folder"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxSharedFolderMembershipFinalText("\(premiumLimit)").string : strings.Premium_MaxSharedFolderMembershipText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
if component.count >= premiumLimit {
|
|
badgeGraphPosition = max(0.15, CGFloat(limit) / CGFloat(premiumLimit))
|
|
} else {
|
|
badgeGraphPosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
}
|
|
badgePosition = max(0.15, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxSharedFolderMembershipNoPremiumText("\(limit)").string
|
|
}
|
|
|
|
buttonAnimationName = nil
|
|
case .pins:
|
|
let limit = state.limits.maxPinnedChatCount
|
|
let premiumLimit = state.premiumLimits.maxPinnedChatCount
|
|
iconName = "Premium/Pin"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxPinsFinalText("\(premiumLimit)").string : strings.Premium_MaxPinsText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
badgePosition = CGFloat(component.count) / CGFloat(premiumLimit)
|
|
badgeGraphPosition = badgePosition
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxPinsNoPremiumText("\(limit)").string
|
|
}
|
|
case .files:
|
|
let limit = Int64(state.limits.maxUploadFileParts) * 512 * 1024 + 1024 * 1024 * 100
|
|
let premiumLimit = Int64(state.premiumLimits.maxUploadFileParts) * 512 * 1024 + 1024 * 1024 * 100
|
|
iconName = "Premium/File"
|
|
badgeText = dataSizeString(component.count == 4 ? premiumLimit : limit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator))
|
|
string = component.count == 4 ? strings.Premium_MaxFileSizeFinalText(dataSizeString(premiumLimit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator))).string : strings.Premium_MaxFileSizeText(dataSizeString(premiumLimit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator))).string
|
|
defaultValue = component.count == 4 ? dataSizeString(limit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator)) : ""
|
|
premiumValue = component.count != 4 ? dataSizeString(premiumLimit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator)) : ""
|
|
badgePosition = component.count == 4 ? 1.0 : 0.5
|
|
badgeGraphPosition = badgePosition
|
|
titleText = strings.Premium_FileTooLarge
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = dataSizeString(limit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator))
|
|
string = strings.Premium_MaxFileSizeNoPremiumText(dataSizeString(premiumLimit, formatting: DataSizeStringFormatting(strings: environment.strings, decimalSeparator: environment.dateTimeFormat.decimalSeparator))).string
|
|
}
|
|
case .accounts:
|
|
let limit = 3
|
|
let premiumLimit = limit + 1
|
|
iconName = "Premium/Account"
|
|
badgeText = "\(component.count)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxAccountsFinalText("\(premiumLimit)").string : strings.Premium_MaxAccountsText("\(limit)").string
|
|
defaultValue = component.count > limit ? "\(limit)" : ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
if component.count == limit {
|
|
badgePosition = 0.5
|
|
} else {
|
|
badgePosition = min(1.0, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
}
|
|
badgeGraphPosition = badgePosition
|
|
buttonAnimationName = "premium_addone"
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxAccountsNoPremiumText("\(limit)").string
|
|
}
|
|
case .expiringStories:
|
|
let limit = state.limits.maxExpiringStoriesCount
|
|
let premiumLimit = state.premiumLimits.maxExpiringStoriesCount
|
|
iconName = "Premium/Stories"
|
|
badgeText = "\(limit)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxExpiringStoriesFinalText("\(premiumLimit)").string : strings.Premium_MaxExpiringStoriesText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
badgePosition = max(0.32, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
badgeGraphPosition = badgePosition
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxExpiringStoriesNoPremiumText("\(limit)").string
|
|
}
|
|
buttonAnimationName = nil
|
|
case .storiesWeekly:
|
|
let limit = state.limits.maxStoriesWeeklyCount
|
|
let premiumLimit = state.premiumLimits.maxStoriesWeeklyCount
|
|
iconName = "Premium/Stories"
|
|
badgeText = "\(limit)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxStoriesWeeklyFinalText("\(premiumLimit)").string : strings.Premium_MaxStoriesWeeklyText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
badgePosition = max(0.32, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
badgeGraphPosition = badgePosition
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxStoriesWeeklyNoPremiumText("\(limit)").string
|
|
}
|
|
buttonAnimationName = nil
|
|
case .storiesMonthly:
|
|
let limit = state.limits.maxStoriesMonthlyCount
|
|
let premiumLimit = state.premiumLimits.maxStoriesMonthlyCount
|
|
iconName = "Premium/Stories"
|
|
badgeText = "\(limit)"
|
|
string = component.count >= premiumLimit ? strings.Premium_MaxStoriesMonthlyFinalText("\(premiumLimit)").string : strings.Premium_MaxStoriesMonthlyText("\(limit)", "\(premiumLimit)").string
|
|
defaultValue = ""
|
|
premiumValue = component.count >= premiumLimit ? "" : "\(premiumLimit)"
|
|
badgePosition = max(0.32, CGFloat(component.count) / CGFloat(premiumLimit))
|
|
badgeGraphPosition = badgePosition
|
|
|
|
if isPremiumDisabled {
|
|
badgeText = "\(limit)"
|
|
string = strings.Premium_MaxStoriesMonthlyNoPremiumText("\(limit)").string
|
|
}
|
|
buttonAnimationName = nil
|
|
case let .storiesChannelBoost(peer, isCurrent, level, currentLevelBoosts, nextLevelBoosts, link, boosted):
|
|
if link == nil, !isCurrent, state.initialized {
|
|
peerShortcutChild = peerShortcut.update(
|
|
component: Button(
|
|
content: AnyComponent(
|
|
PeerShortcutComponent(
|
|
context: component.context,
|
|
theme: environment.theme,
|
|
peer: peer
|
|
)
|
|
),
|
|
action: {
|
|
component.dismiss()
|
|
Queue.mainQueue().after(0.35) {
|
|
component.openPeer(peer)
|
|
}
|
|
}
|
|
),
|
|
availableSize: context.availableSize,
|
|
transition: .immediate
|
|
)
|
|
}
|
|
|
|
if boosted && state.boosted != boosted {
|
|
state.boosted = boosted
|
|
boostUpdated = true
|
|
}
|
|
useAlternateText = boosted
|
|
|
|
iconName = "Premium/Boost"
|
|
badgeText = "\(component.count)"
|
|
|
|
var remaining: Int32?
|
|
if let nextLevelBoosts {
|
|
remaining = nextLevelBoosts - component.count
|
|
}
|
|
|
|
if let _ = link {
|
|
if let remaining {
|
|
let valueString = strings.ChannelBoost_MoreBoosts(remaining)
|
|
if level == 0 {
|
|
titleText = strings.ChannelBoost_EnableStories
|
|
string = strings.ChannelBoost_EnableStoriesText(valueString).string
|
|
} else {
|
|
titleText = strings.ChannelBoost_IncreaseLimit
|
|
string = strings.ChannelBoost_IncreaseLimitText(valueString, "\(level + 1)").string
|
|
}
|
|
} else {
|
|
titleText = strings.ChannelBoost_IncreaseLimit
|
|
string = "Your channel needs **0** more boosts to post **2** stories per day.\n\nAsk your **Premium** subscribers to boost your channel with this link:"
|
|
}
|
|
actionButtonText = strings.ChannelBoost_CopyLink
|
|
buttonIconName = "Premium/CopyLink"
|
|
actionButtonHasGloss = false
|
|
} else {
|
|
if let remaining {
|
|
let valueString = strings.ChannelBoost_MoreBoosts(remaining)
|
|
if level == 0 {
|
|
titleText = isCurrent ? strings.ChannelBoost_EnableStoriesForChannel : strings.ChannelBoost_EnableStoriesForOtherChannel
|
|
string = strings.ChannelBoost_EnableStoriesForChannelText(peer.compactDisplayTitle, valueString).string
|
|
} else {
|
|
titleText = strings.ChannelBoost_HelpUpgradeChannel
|
|
string = strings.ChannelBoost_HelpUpgradeChannelText(peer.compactDisplayTitle, valueString, "\(level + 1)").string
|
|
}
|
|
} else {
|
|
titleText = strings.ChannelBoost_HelpUpgradeChannel
|
|
string = "**\(peer.compactDisplayTitle)** needs **0** more boosts to be able to post **\(level + 1)** stories per day."
|
|
}
|
|
actionButtonText = strings.ChannelBoost_BoostChannel
|
|
buttonIconName = "Premium/BoostChannel"
|
|
}
|
|
buttonAnimationName = nil
|
|
defaultTitle = strings.ChannelBoost_Level("\(level)").string
|
|
defaultValue = ""
|
|
premiumValue = strings.ChannelBoost_Level("\(level + 1)").string
|
|
|
|
premiumTitle = ""
|
|
|
|
if boosted {
|
|
buttonIconName = nil
|
|
actionButtonText = environment.strings.Common_OK
|
|
|
|
if let remaining {
|
|
titleText = isCurrent ? strings.ChannelBoost_YouBoostedChannel(peer.compactDisplayTitle).string : strings.ChannelBoost_YouBoostedOtherChannel
|
|
let valueString = strings.ChannelBoost_MoreBoosts(remaining)
|
|
if level == 0 {
|
|
if remaining == 0 {
|
|
string = strings.ChannelBoost_EnabledStoriesForChannelText
|
|
} else {
|
|
string = strings.ChannelBoost_EnableStoriesMoreRequired(valueString).string
|
|
}
|
|
} else {
|
|
if remaining == 0 {
|
|
string = "**You boosted this channel**.\nThis allowed it to post \(level + 1) stories per day."
|
|
} else {
|
|
string = "**You boosted this channel**.\n\(valueString) needed to be able to post **\(level + 1)** stories per day."
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
let progress: CGFloat
|
|
if let nextLevelBoosts {
|
|
if !"".isEmpty {
|
|
progress = 1.0
|
|
} else {
|
|
progress = CGFloat(component.count - currentLevelBoosts) / CGFloat(nextLevelBoosts - currentLevelBoosts)
|
|
}
|
|
} else {
|
|
progress = 1.0
|
|
}
|
|
|
|
badgePosition = progress
|
|
badgeGraphPosition = progress
|
|
|
|
invertProgress = true
|
|
}
|
|
var reachedMaximumLimit = badgePosition >= 1.0
|
|
if case .folders = subject, !state.isPremium {
|
|
reachedMaximumLimit = false
|
|
}
|
|
|
|
let contentSize: CGSize
|
|
if state.initialized {
|
|
let title = title.update(
|
|
component: MultilineTextComponent(
|
|
text: .plain(NSAttributedString(
|
|
string: titleText,
|
|
font: Font.semibold(17.0),
|
|
textColor: theme.actionSheet.primaryTextColor,
|
|
paragraphAlignment: .center
|
|
)),
|
|
horizontalAlignment: .center,
|
|
maximumNumberOfLines: 1
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - sideInset * 2.0, height: CGFloat.greatestFiniteMagnitude),
|
|
transition: .immediate
|
|
)
|
|
|
|
let textFont = Font.regular(15.0)
|
|
let boldTextFont = Font.semibold(15.0)
|
|
let textColor = theme.actionSheet.primaryTextColor
|
|
let markdownAttributes = MarkdownAttributes(body: MarkdownAttributeSet(font: textFont, textColor: textColor), bold: MarkdownAttributeSet(font: boldTextFont, textColor: textColor), link: MarkdownAttributeSet(font: textFont, textColor: textColor), linkAttribute: { _ in
|
|
return nil
|
|
})
|
|
|
|
|
|
var textChild: _UpdatedChildComponent?
|
|
var alternateTextChild: _UpdatedChildComponent?
|
|
if useAlternateText {
|
|
alternateTextChild = alternateText.update(
|
|
component: BalancedTextComponent(
|
|
text: .markdown(text: string, attributes: markdownAttributes),
|
|
horizontalAlignment: .center,
|
|
maximumNumberOfLines: 0,
|
|
lineSpacing: 0.1
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - textSideInset * 2.0, height: context.availableSize.height),
|
|
transition: .immediate
|
|
)
|
|
} else {
|
|
textChild = text.update(
|
|
component: BalancedTextComponent(
|
|
text: .markdown(text: string, attributes: markdownAttributes),
|
|
horizontalAlignment: .center,
|
|
maximumNumberOfLines: 0,
|
|
lineSpacing: 0.1
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - textSideInset * 2.0, height: context.availableSize.height),
|
|
transition: .immediate
|
|
)
|
|
}
|
|
|
|
var topOffset: CGFloat = 0.0
|
|
if let peerShortcutChild {
|
|
context.add(peerShortcutChild
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: 64.0))
|
|
)
|
|
topOffset += 38.0
|
|
}
|
|
|
|
let gradientColors: [UIColor]
|
|
if isPremiumDisabled {
|
|
gradientColors = [
|
|
UIColor(rgb: 0x007afe),
|
|
UIColor(rgb: 0x5494ff)
|
|
]
|
|
} else {
|
|
gradientColors = [
|
|
UIColor(rgb: 0x0077ff),
|
|
UIColor(rgb: 0x6b93ff),
|
|
UIColor(rgb: 0x8878ff),
|
|
UIColor(rgb: 0xe46ace)
|
|
]
|
|
}
|
|
|
|
var limitTransition: Transition = .immediate
|
|
if boostUpdated {
|
|
limitTransition = .easeInOut(duration: 0.35)
|
|
}
|
|
|
|
let limit = limit.update(
|
|
component: PremiumLimitDisplayComponent(
|
|
inactiveColor: theme.list.itemBlocksSeparatorColor.withAlphaComponent(0.3),
|
|
activeColors: gradientColors,
|
|
inactiveTitle: defaultTitle,
|
|
inactiveValue: defaultValue,
|
|
inactiveTitleColor: theme.list.itemPrimaryTextColor,
|
|
activeTitle: premiumTitle,
|
|
activeValue: premiumValue,
|
|
activeTitleColor: .white,
|
|
badgeIconName: iconName,
|
|
badgeText: badgeText,
|
|
badgePosition: badgePosition,
|
|
badgeGraphPosition: badgeGraphPosition,
|
|
invertProgress: invertProgress,
|
|
isPremiumDisabled: isPremiumDisabled
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - sideInset * 2.0, height: context.availableSize.height),
|
|
transition: limitTransition
|
|
)
|
|
context.add(limit
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: limit.size.height / 2.0 + 44.0 + topOffset))
|
|
)
|
|
|
|
let isIncreaseButton = !reachedMaximumLimit && !isPremiumDisabled
|
|
let button = button.update(
|
|
component: SolidRoundedButtonComponent(
|
|
title: actionButtonText ?? (isIncreaseButton ? strings.Premium_IncreaseLimit : strings.Common_OK),
|
|
theme: SolidRoundedButtonComponent.Theme(
|
|
backgroundColor: .black,
|
|
backgroundColors: gradientColors,
|
|
foregroundColor: .white
|
|
),
|
|
font: .bold,
|
|
fontSize: 17.0,
|
|
height: 50.0,
|
|
cornerRadius: 10.0,
|
|
gloss: isIncreaseButton && actionButtonHasGloss,
|
|
iconName: buttonIconName,
|
|
animationName: isIncreaseButton ? buttonAnimationName : nil,
|
|
iconPosition: buttonIconName != nil ? .left : .right,
|
|
action: {
|
|
if isIncreaseButton {
|
|
if component.action() {
|
|
component.dismiss()
|
|
}
|
|
} else {
|
|
component.dismiss()
|
|
}
|
|
}
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - sideInset * 2.0, height: 50.0),
|
|
transition: context.transition
|
|
)
|
|
|
|
var buttonOffset: CGFloat = 0.0
|
|
var textOffset: CGFloat = 228.0 + topOffset
|
|
|
|
if case let .storiesChannelBoost(_, _, _, _, _, link, _) = component.subject {
|
|
if let link {
|
|
let linkButton = linkButton.update(
|
|
component: SolidRoundedButtonComponent(
|
|
title: link,
|
|
theme: SolidRoundedButtonComponent.Theme(
|
|
backgroundColor: UIColor(rgb: 0x343436),
|
|
backgroundColors: [],
|
|
foregroundColor: .white
|
|
),
|
|
font: .regular,
|
|
fontSize: 17.0,
|
|
height: 50.0,
|
|
cornerRadius: 10.0,
|
|
action: {
|
|
if component.action() {
|
|
component.dismiss()
|
|
}
|
|
}
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - sideInset * 2.0, height: 50.0),
|
|
transition: context.transition
|
|
)
|
|
buttonOffset += 66.0
|
|
|
|
let linkFrame = CGRect(origin: CGPoint(x: sideInset, y: textOffset + ceil((textChild?.size ?? .zero).height / 2.0) + 24.0), size: linkButton.size)
|
|
context.add(linkButton
|
|
.position(CGPoint(x: linkFrame.midX, y: linkFrame.midY))
|
|
)
|
|
} else {
|
|
textOffset -= 26.0
|
|
}
|
|
}
|
|
if isPremiumDisabled {
|
|
textOffset -= 68.0
|
|
}
|
|
|
|
context.add(title
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: 28.0))
|
|
)
|
|
|
|
var textSize: CGSize
|
|
if let textChild {
|
|
textSize = textChild.size
|
|
context.add(textChild
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: textOffset))
|
|
.appear(Transition.Appear({ _, view, transition in
|
|
transition.animatePosition(view: view, from: CGPoint(x: 0.0, y: 44.0), to: .zero, additive: true)
|
|
transition.animateAlpha(view: view, from: 0.0, to: 1.0)
|
|
}))
|
|
.disappear(Transition.Disappear({ view, transition, completion in
|
|
transition.animatePosition(view: view, from: .zero, to: CGPoint(x: 0.0, y: -44.0), additive: true)
|
|
transition.setAlpha(view: view, alpha: 0.0, completion: { _ in
|
|
completion()
|
|
})
|
|
}))
|
|
)
|
|
} else if let alternateTextChild {
|
|
textSize = alternateTextChild.size
|
|
context.add(alternateTextChild
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: textOffset))
|
|
.appear(Transition.Appear({ _, view, transition in
|
|
transition.animatePosition(view: view, from: CGPoint(x: 0.0, y: 44.0), to: .zero, additive: true)
|
|
transition.animateAlpha(view: view, from: 0.0, to: 1.0)
|
|
}))
|
|
.disappear(Transition.Disappear({ view, transition, completion in
|
|
transition.animatePosition(view: view, from: .zero, to: CGPoint(x: 0.0, y: -44.0), additive: true)
|
|
transition.setAlpha(view: view, alpha: 0.0, completion: { _ in
|
|
completion()
|
|
})
|
|
}))
|
|
)
|
|
} else {
|
|
textSize = .zero
|
|
}
|
|
|
|
let buttonFrame = CGRect(origin: CGPoint(x: sideInset, y: textOffset + ceil(textSize.height / 2.0) + buttonOffset + 24.0), size: button.size)
|
|
context.add(button
|
|
.position(CGPoint(x: buttonFrame.midX, y: buttonFrame.midY))
|
|
)
|
|
|
|
contentSize = CGSize(width: context.availableSize.width, height: buttonFrame.maxY + 5.0 + environment.safeInsets.bottom)
|
|
} else {
|
|
var height: CGFloat = 351.0
|
|
if isPremiumDisabled {
|
|
height -= 78.0
|
|
}
|
|
|
|
if case let .storiesChannelBoost(_, isCurrent, _, _, _, link, _) = component.subject {
|
|
if link != nil {
|
|
height += 66.0
|
|
} else {
|
|
if isCurrent {
|
|
height -= 53.0
|
|
} else {
|
|
height -= 53.0 - 32.0
|
|
}
|
|
}
|
|
}
|
|
|
|
contentSize = CGSize(width: context.availableSize.width, height: height + environment.safeInsets.bottom)
|
|
}
|
|
|
|
return contentSize
|
|
}
|
|
}
|
|
}
|
|
|
|
private final class LimitSheetComponent: CombinedComponent {
|
|
typealias EnvironmentType = ViewControllerComponentContainer.Environment
|
|
|
|
let context: AccountContext
|
|
let subject: PremiumLimitScreen.Subject
|
|
let count: Int32
|
|
let cancel: () -> Void
|
|
let action: () -> Bool
|
|
let openPeer: (EnginePeer) -> Void
|
|
|
|
init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, cancel: @escaping () -> Void, action: @escaping () -> Bool, openPeer: @escaping (EnginePeer) -> Void) {
|
|
self.context = context
|
|
self.subject = subject
|
|
self.count = count
|
|
self.cancel = cancel
|
|
self.action = action
|
|
self.openPeer = openPeer
|
|
}
|
|
|
|
static func ==(lhs: LimitSheetComponent, rhs: LimitSheetComponent) -> Bool {
|
|
if lhs.context !== rhs.context {
|
|
return false
|
|
}
|
|
if lhs.subject != rhs.subject {
|
|
return false
|
|
}
|
|
|
|
return true
|
|
}
|
|
|
|
static var body: Body {
|
|
let sheet = Child(SheetComponent<EnvironmentType>.self)
|
|
let animateOut = StoredActionSlot(Action<Void>.self)
|
|
|
|
return { context in
|
|
let environment = context.environment[EnvironmentType.self]
|
|
|
|
let controller = environment.controller
|
|
|
|
let sheet = sheet.update(
|
|
component: SheetComponent<EnvironmentType>(
|
|
content: AnyComponent<EnvironmentType>(LimitSheetContent(
|
|
context: context.component.context,
|
|
subject: context.component.subject,
|
|
count: context.component.count,
|
|
cancel: context.component.cancel,
|
|
action: context.component.action,
|
|
dismiss: {
|
|
animateOut.invoke(Action { _ in
|
|
if let controller = controller() {
|
|
controller.dismiss(completion: nil)
|
|
}
|
|
})
|
|
},
|
|
openPeer: context.component.openPeer
|
|
)),
|
|
backgroundColor: .color(environment.theme.actionSheet.opaqueItemBackgroundColor),
|
|
animateOut: animateOut
|
|
),
|
|
environment: {
|
|
environment
|
|
SheetComponentEnvironment(
|
|
isDisplaying: environment.value.isVisible,
|
|
isCentered: environment.metrics.widthClass == .regular,
|
|
hasInputHeight: !environment.inputHeight.isZero,
|
|
regularMetricsSize: nil,
|
|
dismiss: { animated in
|
|
if animated {
|
|
animateOut.invoke(Action { _ in
|
|
if let controller = controller() {
|
|
controller.dismiss(completion: nil)
|
|
}
|
|
})
|
|
} else {
|
|
if let controller = controller() {
|
|
controller.dismiss(completion: nil)
|
|
}
|
|
}
|
|
}
|
|
)
|
|
},
|
|
availableSize: context.availableSize,
|
|
transition: context.transition
|
|
)
|
|
|
|
context.add(sheet
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: context.availableSize.height / 2.0))
|
|
)
|
|
|
|
return context.availableSize
|
|
}
|
|
}
|
|
}
|
|
|
|
public class PremiumLimitScreen: ViewControllerComponentContainer {
|
|
public enum Subject: Equatable {
|
|
case folders
|
|
case chatsPerFolder
|
|
case pins
|
|
case files
|
|
case accounts
|
|
case linksPerSharedFolder
|
|
case membershipInSharedFolders
|
|
case channels
|
|
case expiringStories
|
|
case storiesWeekly
|
|
case storiesMonthly
|
|
|
|
case storiesChannelBoost(peer: EnginePeer, isCurrent: Bool, level: Int32, currentLevelBoosts: Int32, nextLevelBoosts: Int32?, link: String?, boosted: Bool)
|
|
}
|
|
|
|
private let context: AccountContext
|
|
private var action: (() -> Bool)?
|
|
private let openPeer: (EnginePeer) -> Void
|
|
|
|
public init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, forceDark: Bool = false, cancel: @escaping () -> Void = {}, action: @escaping () -> Bool, openPeer: @escaping (EnginePeer) -> Void = { _ in }) {
|
|
self.context = context
|
|
self.openPeer = openPeer
|
|
|
|
var actionImpl: (() -> Bool)?
|
|
super.init(context: context, component: LimitSheetComponent(context: context, subject: subject, count: count, cancel: {}, action: {
|
|
return actionImpl?() ?? true
|
|
}, openPeer: openPeer), navigationBarAppearance: .none, theme: forceDark ? .dark : .default)
|
|
|
|
self.navigationPresentation = .flatModal
|
|
|
|
self.wasDismissed = cancel
|
|
|
|
actionImpl = { [weak self] in
|
|
if action() {
|
|
self?.wasDismissed = nil
|
|
return true
|
|
} else {
|
|
return false
|
|
}
|
|
}
|
|
self.action = actionImpl
|
|
}
|
|
|
|
required public init(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
public override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
self.view.disablesInteractiveModalDismiss = true
|
|
}
|
|
|
|
public func updateSubject(_ subject: Subject, count: Int32) {
|
|
let component = LimitSheetComponent(context: self.context, subject: subject, count: count, cancel: {}, action: {
|
|
return true
|
|
}, openPeer: self.openPeer)
|
|
self.updateComponent(component: AnyComponent(component), transition: .easeInOut(duration: 0.2))
|
|
|
|
self.view.addSubview(ConfettiView(frame: self.view.bounds))
|
|
}
|
|
}
|
|
|
|
private final class PeerShortcutComponent: Component {
|
|
let context: AccountContext
|
|
let theme: PresentationTheme
|
|
let peer: EnginePeer
|
|
|
|
init(context: AccountContext, theme: PresentationTheme, peer: EnginePeer) {
|
|
self.context = context
|
|
self.theme = theme
|
|
self.peer = peer
|
|
}
|
|
|
|
static func ==(lhs: PeerShortcutComponent, rhs: PeerShortcutComponent) -> Bool {
|
|
if lhs.context !== rhs.context {
|
|
return false
|
|
}
|
|
if lhs.theme !== rhs.theme {
|
|
return false
|
|
}
|
|
if lhs.peer != rhs.peer {
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
|
|
final class View: UIView {
|
|
private let avatarNode: AvatarNode
|
|
private let text = ComponentView<Empty>()
|
|
|
|
private var component: PeerShortcutComponent?
|
|
private weak var state: EmptyComponentState?
|
|
|
|
override init(frame: CGRect) {
|
|
self.avatarNode = AvatarNode(font: avatarPlaceholderFont(size: 18.0))
|
|
|
|
super.init(frame: frame)
|
|
|
|
self.clipsToBounds = true
|
|
self.layer.cornerRadius = 16.0
|
|
|
|
self.addSubnode(self.avatarNode)
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
func update(component: PeerShortcutComponent, availableSize: CGSize, state: EmptyComponentState, environment: Environment<Empty>, transition: Transition) -> CGSize {
|
|
self.component = component
|
|
self.state = state
|
|
|
|
self.backgroundColor = component.theme.list.itemBlocksSeparatorColor.withAlphaComponent(0.3)
|
|
|
|
self.avatarNode.frame = CGRect(origin: CGPoint(x: 1.0, y: 1.0), size: CGSize(width: 30.0, height: 30.0))
|
|
self.avatarNode.setPeer(
|
|
context: component.context,
|
|
theme: component.context.sharedContext.currentPresentationData.with({ $0 }).theme,
|
|
peer: component.peer,
|
|
synchronousLoad: true
|
|
)
|
|
|
|
let textSize = self.text.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(NSAttributedString(string: component.peer.compactDisplayTitle, font: Font.medium(15.0), textColor: component.theme.list.itemPrimaryTextColor, paragraphAlignment: .left))
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
|
|
let size = CGSize(width: 30.0 + textSize.width + 20.0, height: 32.0)
|
|
if let view = self.text.view {
|
|
if view.superview == nil {
|
|
self.addSubview(view)
|
|
}
|
|
let textFrame = CGRect(origin: CGPoint(x: 38.0, y: floorToScreenPixels((size.height - textSize.height) / 2.0)), size: textSize)
|
|
view.frame = textFrame
|
|
}
|
|
|
|
return size
|
|
}
|
|
}
|
|
|
|
func makeView() -> View {
|
|
return View(frame: CGRect())
|
|
}
|
|
|
|
func update(view: View, availableSize: CGSize, state: EmptyComponentState, environment: Environment<Empty>, transition: Transition) -> CGSize {
|
|
return view.update(component: self, availableSize: availableSize, state: state, environment: environment, transition: transition)
|
|
}
|
|
}
|