mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-11-13 04:03:39 +00:00
1521 lines
70 KiB
Swift
1521 lines
70 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
|
|
|
|
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: SimpleLayer
|
|
private let inactiveBackground: SimpleLayer
|
|
|
|
private let inactiveTitleLabel = ComponentView<Empty>()
|
|
private let inactiveValueLabel = ComponentView<Empty>()
|
|
|
|
private let inactiveRightTitleLabel = ComponentView<Empty>()
|
|
private let inactiveRightValueLabel = ComponentView<Empty>()
|
|
|
|
private let activeContainer: SimpleLayer
|
|
private let activeBackground: SimpleLayer
|
|
|
|
private let activeTitleLabel = ComponentView<Empty>()
|
|
private let activeValueLabel = ComponentView<Empty>()
|
|
|
|
private let badgeView: UIView
|
|
private let badgeMaskView: 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 = SimpleLayer()
|
|
self.container.masksToBounds = true
|
|
self.container.cornerRadius = 6.0
|
|
|
|
self.inactiveBackground = SimpleLayer()
|
|
|
|
self.activeContainer = SimpleLayer()
|
|
self.activeContainer.masksToBounds = true
|
|
|
|
self.activeBackground = SimpleLayer()
|
|
self.activeBackground.anchorPoint = CGPoint()
|
|
|
|
self.badgeView = UIView()
|
|
self.badgeView.alpha = 0.0
|
|
|
|
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.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.layer.addSublayer(self.container)
|
|
self.container.addSublayer(self.inactiveBackground)
|
|
self.container.addSublayer(self.activeContainer)
|
|
self.activeContainer.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) {
|
|
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
|
|
self.badgeView.layer.add(positionAnimation, forKey: "appearance1")
|
|
|
|
Queue.mainQueue().after(0.5, {
|
|
let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
|
|
rotateAnimation.fromValue = 0.0 as NSNumber
|
|
rotateAnimation.toValue = 0.2 as NSNumber
|
|
rotateAnimation.duration = 0.2
|
|
rotateAnimation.fillMode = .forwards
|
|
rotateAnimation.timingFunction = CAMediaTimingFunction(name: .easeOut)
|
|
rotateAnimation.isRemovedOnCompletion = false
|
|
self.badgeView.layer.add(rotateAnimation, forKey: "appearance2")
|
|
|
|
if !self.badgeView.isHidden {
|
|
self.hapticFeedback.impact(.light)
|
|
}
|
|
|
|
Queue.mainQueue().after(0.2) {
|
|
let returnAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
|
|
returnAnimation.fromValue = 0.2 as NSNumber
|
|
returnAnimation.toValue = 0.0 as NSNumber
|
|
returnAnimation.duration = 0.18
|
|
returnAnimation.fillMode = .forwards
|
|
returnAnimation.timingFunction = CAMediaTimingFunction(name: .easeIn)
|
|
self.badgeView.layer.add(returnAnimation, forKey: "appearance3")
|
|
self.badgeView.layer.removeAnimation(forKey: "appearance2")
|
|
}
|
|
})
|
|
|
|
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)
|
|
}
|
|
}
|
|
|
|
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.activeTitleColor
|
|
rightTextColor = component.inactiveTitleColor
|
|
} else {
|
|
leftTextColor = component.inactiveTitleColor
|
|
rightTextColor = component.activeTitleColor
|
|
}
|
|
|
|
if !component.isPremiumDisabled {
|
|
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.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: 12.0, y: containerFrame.minY + 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.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: activityPosition - 12.0 - inactiveValueSize.width, y: containerFrame.minY + 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.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: activityPosition + 12.0, y: containerFrame.minY + 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.addSubview(view)
|
|
}
|
|
view.frame = CGRect(origin: CGPoint(x: containerFrame.maxX - 12.0 - activeValueSize.width, y: containerFrame.minY + floorToScreenPixels((lineHeight - activeValueSize.height) / 2.0)), size: activeValueSize)
|
|
}
|
|
}
|
|
|
|
// var inactiveTitleOpacity: CGFloat = 1.0
|
|
// var inactiveValueOpacity: CGFloat = 1.0
|
|
//
|
|
// if 12.0 + inactiveValue.size.width + 4.0 + inactiveTitle.size.width + 12.0 >= activityPosition - 8.0 {
|
|
// inactiveTitleOpacity = 0.0
|
|
// if 12.0 + inactiveValue.size.width + 12.0 >= activityPosition - 8.0 {
|
|
// inactiveValueOpacity = 0.0
|
|
// }
|
|
// }
|
|
|
|
|
|
if !component.isPremiumDisabled {
|
|
if component.invertProgress {
|
|
self.inactiveBackground.frame = CGRect(origin: CGPoint(x: activityPosition, y: 0.0), size: CGSize(width: size.width - activityPosition, height: lineHeight))
|
|
self.activeContainer.frame = CGRect(origin: .zero, size: CGSize(width: activityPosition, height: lineHeight))
|
|
self.activeBackground.frame = CGRect(origin: .zero, size: CGSize(width: containerFrame.width * 1.35, height: lineHeight))
|
|
} else {
|
|
self.inactiveBackground.frame = CGRect(origin: .zero, size: CGSize(width: activityPosition, height: lineHeight))
|
|
self.activeContainer.frame = CGRect(origin: CGPoint(x: activityPosition, y: 0.0), size: CGSize(width: activeWidth, height: lineHeight))
|
|
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 + 62.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.badgeView.bounds = CGRect(origin: .zero, size: badgeSize)
|
|
|
|
var badgePosition = component.badgePosition
|
|
if component.isPremiumDisabled {
|
|
badgePosition = 0.5
|
|
}
|
|
if badgePosition > 1.0 - .ulpOfOne {
|
|
self.badgeMaskArrowView.frame = CGRect(origin: CGPoint(x: badgeSize.width - 24.0, y: badgeSize.height - 15.0), size: CGSize(width: 44.0, height: 12.0))
|
|
self.badgeView.layer.anchorPoint = CGPoint(x: 1.0, y: 1.0)
|
|
self.badgeMaskArrowFillerView.frame = CGRect(x: -7.0, y: -21.0, width: 31.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 {
|
|
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))
|
|
self.badgeView.layer.anchorPoint = CGPoint(x: 0.5, y: 1.0)
|
|
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: 15.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 {
|
|
self.didPlayAppearanceAnimation = true
|
|
self.playAppearanceAnimation(component: component, availableSize: size, from: 0.0)
|
|
}
|
|
|
|
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)
|
|
}
|
|
}
|
|
|
|
//public final class PremiumLimitDisplayComponent: CombinedComponent {
|
|
// let inactiveColor: UIColor
|
|
// let activeColors: [UIColor]
|
|
// let inactiveTitle: String
|
|
// let inactiveValue: String
|
|
// let inactiveTitleColor: UIColor
|
|
// let activeTitle: String
|
|
// let activeValue: String
|
|
// let activeTitleColor: UIColor
|
|
// let badgeIconName: String?
|
|
// let badgeText: String?
|
|
// let badgePosition: CGFloat
|
|
// let badgeGraphPosition: CGFloat
|
|
// let invertProgress: Bool
|
|
// 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 static var body: Body {
|
|
// let inactiveTitle = Child(MultilineTextComponent.self)
|
|
// let inactiveValue = Child(MultilineTextComponent.self)
|
|
// let activeTitle = Child(MultilineTextComponent.self)
|
|
// let activeValue = Child(MultilineTextComponent.self)
|
|
// let animation = Child(PremiumLimitAnimationComponent.self)
|
|
//
|
|
// return { context in
|
|
// let component = context.component
|
|
//
|
|
// let height: CGFloat = 120.0
|
|
// let lineHeight: CGFloat = 30.0
|
|
//
|
|
// let leftTextColor: UIColor
|
|
// let rightTextColor: UIColor
|
|
// if component.invertProgress {
|
|
// leftTextColor = component.activeTitleColor
|
|
// rightTextColor = component.inactiveTitleColor
|
|
// } else {
|
|
// leftTextColor = component.inactiveTitleColor
|
|
// rightTextColor = component.activeTitleColor
|
|
// }
|
|
//
|
|
// let animation = animation.update(
|
|
// component: PremiumLimitAnimationComponent(
|
|
// iconName: component.badgeIconName,
|
|
// inactiveColor: component.inactiveColor,
|
|
// activeColors: component.activeColors,
|
|
// inactiveTextColor: component.inactiveTitleColor,
|
|
// inactiveTitle: component.inactiveTitle,
|
|
// inactiveValue: component.inactiveValue,
|
|
// activeTextColor: component.activeTitleColor,
|
|
// activeTitle: component.activeTitle,
|
|
// activeValue: component.activeValue,
|
|
// badgeTextColor: component.activeTitleColor,
|
|
// badgeText: component.badgeText,
|
|
// badgePosition: component.badgePosition,
|
|
// badgeGraphPosition: component.badgeGraphPosition,
|
|
// invertProgress: component.invertProgress,
|
|
// isPremiumDisabled: component.isPremiumDisabled
|
|
// ),
|
|
// availableSize: CGSize(width: context.availableSize.width, height: height),
|
|
// transition: context.transition
|
|
// )
|
|
//
|
|
// context.add(animation
|
|
// .position(CGPoint(x: context.availableSize.width / 2.0, y: height / 2.0))
|
|
// )
|
|
//
|
|
// if !component.isPremiumDisabled {
|
|
// let inactiveTitle = inactiveTitle.update(
|
|
// component: MultilineTextComponent(
|
|
// text: .plain(
|
|
// NSAttributedString(
|
|
// string: component.inactiveTitle,
|
|
// font: Font.semibold(15.0),
|
|
// textColor: leftTextColor
|
|
// )
|
|
// )
|
|
// ),
|
|
// availableSize: context.availableSize,
|
|
// transition: context.transition
|
|
// )
|
|
//
|
|
// let inactiveValue = inactiveValue.update(
|
|
// component: MultilineTextComponent(
|
|
// text: .plain(
|
|
// NSAttributedString(
|
|
// string: component.inactiveValue,
|
|
// font: Font.semibold(15.0),
|
|
// textColor: leftTextColor
|
|
// )
|
|
// )
|
|
// ),
|
|
// availableSize: context.availableSize,
|
|
// transition: context.transition
|
|
// )
|
|
//
|
|
// let activeTitle = activeTitle.update(
|
|
// component: MultilineTextComponent(
|
|
// text: .plain(
|
|
// NSAttributedString(
|
|
// string: component.activeTitle,
|
|
// font: Font.semibold(15.0),
|
|
// textColor: rightTextColor
|
|
// )
|
|
// )
|
|
// ),
|
|
// availableSize: context.availableSize,
|
|
// transition: context.transition
|
|
// )
|
|
//
|
|
// let activeValue = activeValue.update(
|
|
// component: MultilineTextComponent(
|
|
// text: .plain(
|
|
// NSAttributedString(
|
|
// string: component.activeValue,
|
|
// font: Font.semibold(15.0),
|
|
// textColor: rightTextColor
|
|
// )
|
|
// )
|
|
// ),
|
|
// availableSize: context.availableSize,
|
|
// transition: context.transition
|
|
// )
|
|
//
|
|
// let activityPosition = floor(context.availableSize.width * component.badgeGraphPosition)
|
|
//
|
|
// var inactiveTitleOpacity: CGFloat = 1.0
|
|
// var inactiveValueOpacity: CGFloat = 1.0
|
|
//
|
|
// if 12.0 + inactiveValue.size.width + 4.0 + inactiveTitle.size.width + 12.0 >= activityPosition - 8.0 {
|
|
// inactiveTitleOpacity = 0.0
|
|
// if 12.0 + inactiveValue.size.width + 12.0 >= activityPosition - 8.0 {
|
|
// inactiveValueOpacity = 0.0
|
|
// }
|
|
// }
|
|
//
|
|
// context.add(inactiveTitle
|
|
// .position(CGPoint(x: inactiveTitle.size.width / 2.0 + 12.0, y: height - lineHeight / 2.0))
|
|
// .opacity(inactiveTitleOpacity)
|
|
// )
|
|
//
|
|
// context.add(inactiveValue
|
|
// .position(CGPoint(x: activityPosition - inactiveValue.size.width / 2.0 - 12.0, y: height - lineHeight / 2.0))
|
|
// .opacity(inactiveValueOpacity)
|
|
// )
|
|
//
|
|
// context.add(activeTitle
|
|
// .position(CGPoint(x: activityPosition + activeTitle.size.width / 2.0 + 12.0, y: height - lineHeight / 2.0))
|
|
// )
|
|
//
|
|
// context.add(activeValue
|
|
// .position(CGPoint(x: context.availableSize.width - activeValue.size.width / 2.0 - 12.0, y: height - lineHeight / 2.0))
|
|
// )
|
|
// }
|
|
//
|
|
// return CGSize(width: context.availableSize.width, height: height)
|
|
// }
|
|
// }
|
|
//}
|
|
|
|
private final class LimitSheetContent: CombinedComponent {
|
|
typealias EnvironmentType = ViewControllerComponentContainer.Environment
|
|
|
|
let context: AccountContext
|
|
let subject: PremiumLimitScreen.Subject
|
|
let count: Int32
|
|
let cancel: () -> Void
|
|
let action: () -> Void
|
|
let dismiss: () -> Void
|
|
|
|
init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, cancel: @escaping () -> Void, action: @escaping () -> Void, dismiss: @escaping () -> Void) {
|
|
self.context = context
|
|
self.subject = subject
|
|
self.count = count
|
|
self.cancel = cancel
|
|
self.action = action
|
|
self.dismiss = dismiss
|
|
}
|
|
|
|
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 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 limit = Child(PremiumLimitDisplayComponent.self)
|
|
let linkButton = Child(SolidRoundedButtonComponent.self)
|
|
let button = Child(SolidRoundedButtonComponent.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 = 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 titleText = strings.Premium_LimitReached
|
|
var actionButtonText: String?
|
|
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(level, link):
|
|
let limit = 2
|
|
// let premiumLimit = 1
|
|
iconName = "Premium/Boost"
|
|
badgeText = "\(limit)"
|
|
|
|
if let _ = link {
|
|
if level == 0 {
|
|
titleText = "Enable Stories"
|
|
string = "Your channel needs **2** more boosts to enable posting stories.\n\nAsk your **Premium** subscribers to boost your channel with this link:"
|
|
} else {
|
|
titleText = "Increase Story Limit"
|
|
string = "Your channel needs **1** more boosts to post **2** stories per day.\n\nAsk your **Premium** subscribers to boost your channel with this link:"
|
|
}
|
|
actionButtonText = "Copy Link"
|
|
buttonIconName = "Premium/CopyLink"
|
|
} else {
|
|
if level == 0 {
|
|
titleText = "Enable Stories for Channel"
|
|
string = "Channel needs **1** more boosts to enable posting stories. Help make it possible!"
|
|
} else {
|
|
titleText = "Help Upgrade Channel"
|
|
string = "**Channel** needs **2** more boosts to be able to post **2** stories per day."
|
|
}
|
|
actionButtonText = "Boost Channel"
|
|
buttonIconName = "Premium/BoostChannel"
|
|
}
|
|
buttonAnimationName = nil
|
|
defaultTitle = "Level \(level)"
|
|
defaultValue = ""
|
|
premiumValue = "Level \(level + 1)"
|
|
|
|
premiumTitle = ""
|
|
|
|
badgePosition = 1.0
|
|
badgeGraphPosition = badgePosition
|
|
|
|
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
|
|
})
|
|
|
|
let text = text.update(
|
|
component: BalancedTextComponent(
|
|
text: .markdown(text: string, attributes: markdownAttributes),
|
|
horizontalAlignment: .center,
|
|
maximumNumberOfLines: 0,
|
|
lineSpacing: 0.0
|
|
),
|
|
availableSize: CGSize(width: context.availableSize.width - textSideInset * 2.0, height: context.availableSize.height),
|
|
transition: .immediate
|
|
)
|
|
|
|
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)
|
|
]
|
|
}
|
|
|
|
let limit = limit.update(
|
|
component: PremiumLimitDisplayComponent(
|
|
inactiveColor: theme.list.itemBlocksSeparatorColor.withAlphaComponent(0.5),
|
|
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: .immediate
|
|
)
|
|
context.add(limit
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: limit.size.height / 2.0 + 44.0))
|
|
)
|
|
|
|
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,
|
|
iconName: buttonIconName,
|
|
animationName: isIncreaseButton ? buttonAnimationName : nil,
|
|
iconPosition: buttonIconName != nil ? .left : .right,
|
|
action: {
|
|
component.dismiss()
|
|
if isIncreaseButton {
|
|
component.action()
|
|
}
|
|
}
|
|
),
|
|
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
|
|
if case let .storiesChannelBoost(level, link) = component.subject {
|
|
if let _ = link {
|
|
let linkButton = linkButton.update(
|
|
component: SolidRoundedButtonComponent(
|
|
title: "t.me/channel?boost",
|
|
theme: SolidRoundedButtonComponent.Theme(
|
|
backgroundColor: UIColor(rgb: 0x343436),
|
|
backgroundColors: [],
|
|
foregroundColor: .white
|
|
),
|
|
font: .regular,
|
|
fontSize: 17.0,
|
|
height: 50.0,
|
|
cornerRadius: 10.0,
|
|
action: {}
|
|
),
|
|
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(text.size.height / 2.0) + 24.0), size: linkButton.size)
|
|
context.add(linkButton
|
|
.position(CGPoint(x: linkFrame.midX, y: linkFrame.midY))
|
|
)
|
|
} else if link == nil, level > 0 {
|
|
textOffset -= 26.0
|
|
}
|
|
}
|
|
if isPremiumDisabled {
|
|
textOffset -= 68.0
|
|
}
|
|
|
|
context.add(title
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: 28.0))
|
|
)
|
|
context.add(text
|
|
.position(CGPoint(x: context.availableSize.width / 2.0, y: textOffset))
|
|
)
|
|
|
|
let buttonFrame = CGRect(origin: CGPoint(x: sideInset, y: textOffset + ceil(text.size.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(_, link) = component.subject {
|
|
if link != nil {
|
|
height += 66.0
|
|
} else {
|
|
height -= 53.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: () -> Void
|
|
|
|
init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, cancel: @escaping () -> Void, action: @escaping () -> Void) {
|
|
self.context = context
|
|
self.subject = subject
|
|
self.count = count
|
|
self.cancel = cancel
|
|
self.action = action
|
|
}
|
|
|
|
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)
|
|
}
|
|
})
|
|
}
|
|
)),
|
|
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(level: Int32, link: String?)
|
|
}
|
|
|
|
public init(context: AccountContext, subject: PremiumLimitScreen.Subject, count: Int32, forceDark: Bool = false, cancel: @escaping () -> Void = {}, action: @escaping () -> Void) {
|
|
var actionImpl: (() -> Void)?
|
|
super.init(context: context, component: LimitSheetComponent(context: context, subject: subject, count: count, cancel: {}, action: {
|
|
actionImpl?()
|
|
}), navigationBarAppearance: .none, theme: forceDark ? .dark : .default)
|
|
|
|
self.navigationPresentation = .flatModal
|
|
|
|
self.wasDismissed = cancel
|
|
|
|
actionImpl = { [weak self] in
|
|
self?.wasDismissed = nil
|
|
action()
|
|
}
|
|
}
|
|
|
|
required public init(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
public override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
self.view.disablesInteractiveModalDismiss = true
|
|
}
|
|
}
|