mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-06-16 05:55:20 +00:00
537 lines
26 KiB
Swift
537 lines
26 KiB
Swift
import Foundation
|
||
import UIKit
|
||
import Display
|
||
import AsyncDisplayKit
|
||
import ComponentFlow
|
||
import SwiftSignalKit
|
||
import ViewControllerComponent
|
||
import ComponentDisplayAdapters
|
||
import TelegramPresentationData
|
||
import AccountContext
|
||
import TelegramCore
|
||
import MultilineTextComponent
|
||
import ListActionItemComponent
|
||
import TelegramStringFormatting
|
||
import AvatarNode
|
||
import BundleIconComponent
|
||
import PhotoResources
|
||
import StarsAvatarComponent
|
||
|
||
private extension StarsContext.State.Transaction {
|
||
var extendedId: String {
|
||
if self.count > 0 {
|
||
return "\(id)_in"
|
||
} else {
|
||
return "\(id)_out"
|
||
}
|
||
}
|
||
}
|
||
|
||
final class StarsTransactionsListPanelComponent: Component {
|
||
typealias EnvironmentType = StarsTransactionsPanelEnvironment
|
||
|
||
let context: AccountContext
|
||
let transactionsContext: StarsTransactionsContext
|
||
let isAccount: Bool
|
||
let action: (StarsContext.State.Transaction) -> Void
|
||
|
||
init(
|
||
context: AccountContext,
|
||
transactionsContext: StarsTransactionsContext,
|
||
isAccount: Bool,
|
||
action: @escaping (StarsContext.State.Transaction) -> Void
|
||
) {
|
||
self.context = context
|
||
self.transactionsContext = transactionsContext
|
||
self.isAccount = isAccount
|
||
self.action = action
|
||
}
|
||
|
||
static func ==(lhs: StarsTransactionsListPanelComponent, rhs: StarsTransactionsListPanelComponent) -> Bool {
|
||
if lhs.context !== rhs.context {
|
||
return false
|
||
}
|
||
if lhs.isAccount != rhs.isAccount {
|
||
return false
|
||
}
|
||
return true
|
||
}
|
||
|
||
private struct ItemLayout: Equatable {
|
||
let containerInsets: UIEdgeInsets
|
||
let containerWidth: CGFloat
|
||
let itemHeight: CGFloat
|
||
let itemCount: Int
|
||
|
||
let contentHeight: CGFloat
|
||
|
||
init(
|
||
containerInsets: UIEdgeInsets,
|
||
containerWidth: CGFloat,
|
||
itemHeight: CGFloat,
|
||
itemCount: Int
|
||
) {
|
||
self.containerInsets = containerInsets
|
||
self.containerWidth = containerWidth
|
||
self.itemHeight = itemHeight
|
||
self.itemCount = itemCount
|
||
|
||
self.contentHeight = containerInsets.top + containerInsets.bottom + CGFloat(itemCount) * itemHeight
|
||
}
|
||
|
||
func visibleItems(for rect: CGRect) -> Range<Int>? {
|
||
let offsetRect = rect.offsetBy(dx: -self.containerInsets.left, dy: -self.containerInsets.top)
|
||
var minVisibleRow = Int(floor((offsetRect.minY) / (self.itemHeight)))
|
||
minVisibleRow = max(0, minVisibleRow)
|
||
let maxVisibleRow = Int(ceil((offsetRect.maxY) / (self.itemHeight)))
|
||
|
||
let minVisibleIndex = minVisibleRow
|
||
let maxVisibleIndex = maxVisibleRow
|
||
|
||
if maxVisibleIndex >= minVisibleIndex {
|
||
return minVisibleIndex ..< (maxVisibleIndex + 1)
|
||
} else {
|
||
return nil
|
||
}
|
||
}
|
||
|
||
func itemFrame(for index: Int) -> CGRect {
|
||
return CGRect(origin: CGPoint(x: 0.0, y: self.containerInsets.top + CGFloat(index) * self.itemHeight), size: CGSize(width: self.containerWidth, height: self.itemHeight))
|
||
}
|
||
}
|
||
|
||
private final class ScrollViewImpl: UIScrollView {
|
||
override func touchesShouldCancel(in view: UIView) -> Bool {
|
||
return true
|
||
}
|
||
}
|
||
|
||
class View: UIView, UIScrollViewDelegate {
|
||
private let scrollView: ScrollViewImpl
|
||
|
||
private let measureItem = ComponentView<Empty>()
|
||
private var visibleItems: [String: ComponentView<Empty>] = [:]
|
||
private var separatorViews: [String: UIView] = [:]
|
||
|
||
private var ignoreScrolling: Bool = false
|
||
|
||
private var component: StarsTransactionsListPanelComponent?
|
||
private var environment: StarsTransactionsPanelEnvironment?
|
||
private var itemLayout: ItemLayout?
|
||
|
||
private var items: [StarsContext.State.Transaction] = []
|
||
private var itemsDisposable: Disposable?
|
||
private var currentLoadMoreId: String?
|
||
|
||
override init(frame: CGRect) {
|
||
self.scrollView = ScrollViewImpl()
|
||
|
||
super.init(frame: frame)
|
||
|
||
self.scrollView.delaysContentTouches = true
|
||
self.scrollView.canCancelContentTouches = true
|
||
self.scrollView.clipsToBounds = false
|
||
if #available(iOSApplicationExtension 11.0, iOS 11.0, *) {
|
||
self.scrollView.contentInsetAdjustmentBehavior = .never
|
||
}
|
||
if #available(iOS 13.0, *) {
|
||
self.scrollView.automaticallyAdjustsScrollIndicatorInsets = false
|
||
}
|
||
self.scrollView.showsVerticalScrollIndicator = false
|
||
self.scrollView.showsHorizontalScrollIndicator = false
|
||
self.scrollView.alwaysBounceHorizontal = false
|
||
self.scrollView.scrollsToTop = false
|
||
self.scrollView.delegate = self
|
||
self.scrollView.clipsToBounds = true
|
||
self.addSubview(self.scrollView)
|
||
}
|
||
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
deinit {
|
||
self.itemsDisposable?.dispose()
|
||
}
|
||
|
||
func scrollViewDidScroll(_ scrollView: UIScrollView) {
|
||
if !self.ignoreScrolling {
|
||
self.updateScrolling(transition: .immediate)
|
||
}
|
||
}
|
||
|
||
func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
|
||
cancelContextGestures(view: scrollView)
|
||
}
|
||
|
||
private func updateScrolling(transition: ComponentTransition) {
|
||
guard let component = self.component, let environment = self.environment, let itemLayout = self.itemLayout else {
|
||
return
|
||
}
|
||
|
||
var visibleBounds = environment.externalScrollBounds ?? self.scrollView.bounds
|
||
visibleBounds = visibleBounds.insetBy(dx: 0.0, dy: -100.0)
|
||
|
||
var validIds = Set<String>()
|
||
if let visibleItems = itemLayout.visibleItems(for: visibleBounds) {
|
||
for index in visibleItems.lowerBound ..< visibleItems.upperBound {
|
||
if index >= self.items.count {
|
||
continue
|
||
}
|
||
let item = self.items[index]
|
||
let id = item.extendedId
|
||
validIds.insert(id)
|
||
|
||
var itemTransition = transition
|
||
let itemView: ComponentView<Empty>
|
||
let separatorView: UIView
|
||
if let current = self.visibleItems[id], let currentSeparator = self.separatorViews[id] {
|
||
itemView = current
|
||
separatorView = currentSeparator
|
||
} else {
|
||
itemTransition = .immediate
|
||
itemView = ComponentView()
|
||
self.visibleItems[id] = itemView
|
||
|
||
separatorView = UIView()
|
||
self.separatorViews[id] = separatorView
|
||
self.scrollView.addSubview(separatorView)
|
||
}
|
||
|
||
separatorView.backgroundColor = environment.theme.list.itemBlocksSeparatorColor
|
||
separatorView.isHidden = index == self.items.count - 1
|
||
|
||
let fontBaseDisplaySize = 17.0
|
||
|
||
var itemTitle: String
|
||
let itemSubtitle: String?
|
||
var itemDate: String
|
||
var itemPeer = item.peer
|
||
switch item.peer {
|
||
case let .peer(peer):
|
||
if let _ = item.giveawayMessageId {
|
||
itemTitle = peer.displayTitle(strings: environment.strings, displayOrder: .firstLast)
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_GiveawayPrize
|
||
} else if !item.media.isEmpty {
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_MediaPurchase
|
||
itemSubtitle = peer.displayTitle(strings: environment.strings, displayOrder: .firstLast)
|
||
} else if let title = item.title {
|
||
itemTitle = title
|
||
itemSubtitle = peer.displayTitle(strings: environment.strings, displayOrder: .firstLast)
|
||
} else {
|
||
itemTitle = peer.displayTitle(strings: environment.strings, displayOrder: .firstLast)
|
||
if item.flags.contains(.isReaction) {
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_Reaction_Title
|
||
} else if item.flags.contains(.isGift) {
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_Gift_Title
|
||
} else if let _ = item.subscriptionPeriod {
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_SubscriptionFee_Title
|
||
} else {
|
||
itemSubtitle = nil
|
||
}
|
||
}
|
||
case .appStore:
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_AppleTopUp_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_AppleTopUp_Subtitle
|
||
case .playMarket:
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_GoogleTopUp_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_GoogleTopUp_Subtitle
|
||
case .fragment:
|
||
if component.isAccount {
|
||
if item.flags.contains(.isGift) {
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_Gift_UnknownUser
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_Gift_Title
|
||
itemPeer = .fragment
|
||
} else {
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_FragmentTopUp_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_FragmentTopUp_Subtitle
|
||
}
|
||
} else {
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_FragmentWithdrawal_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_FragmentWithdrawal_Subtitle
|
||
}
|
||
case .premiumBot:
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_PremiumBotTopUp_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_PremiumBotTopUp_Subtitle
|
||
case .ads:
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_TelegramAds_Title
|
||
itemSubtitle = environment.strings.Stars_Intro_Transaction_TelegramAds_Subtitle
|
||
case .unsupported:
|
||
itemTitle = environment.strings.Stars_Intro_Transaction_Unsupported_Title
|
||
itemSubtitle = nil
|
||
}
|
||
|
||
let itemLabel: NSAttributedString
|
||
let labelString: String
|
||
|
||
let formattedLabel = presentationStringsFormattedNumber(abs(Int32(item.count)), environment.dateTimeFormat.groupingSeparator)
|
||
if item.count < 0 {
|
||
labelString = "- \(formattedLabel)"
|
||
} else {
|
||
labelString = "+ \(formattedLabel)"
|
||
}
|
||
itemLabel = NSAttributedString(string: labelString, font: Font.medium(fontBaseDisplaySize), textColor: labelString.hasPrefix("-") ? environment.theme.list.itemDestructiveColor : environment.theme.list.itemDisclosureActions.constructive.fillColor)
|
||
|
||
var itemDateColor = environment.theme.list.itemSecondaryTextColor
|
||
itemDate = stringForMediumCompactDate(timestamp: item.date, strings: environment.strings, dateTimeFormat: environment.dateTimeFormat)
|
||
if item.flags.contains(.isRefund) {
|
||
itemDate += " – \(environment.strings.Stars_Intro_Transaction_Refund)"
|
||
} else if item.flags.contains(.isPending) {
|
||
itemDate += " – \(environment.strings.Monetization_Transaction_Pending)"
|
||
} else if item.flags.contains(.isFailed) {
|
||
itemDate += " – \(environment.strings.Monetization_Transaction_Failed)"
|
||
itemDateColor = environment.theme.list.itemDestructiveColor
|
||
}
|
||
|
||
var titleComponents: [AnyComponentWithIdentity<Empty>] = []
|
||
titleComponents.append(
|
||
AnyComponentWithIdentity(id: AnyHashable(0), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: itemTitle,
|
||
font: Font.semibold(fontBaseDisplaySize),
|
||
textColor: environment.theme.list.itemPrimaryTextColor
|
||
)),
|
||
maximumNumberOfLines: 1
|
||
)))
|
||
)
|
||
if let itemSubtitle {
|
||
titleComponents.append(
|
||
AnyComponentWithIdentity(id: AnyHashable(1), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: itemSubtitle,
|
||
font: Font.regular(fontBaseDisplaySize * 16.0 / 17.0),
|
||
textColor: environment.theme.list.itemPrimaryTextColor
|
||
)),
|
||
maximumNumberOfLines: 1
|
||
)))
|
||
)
|
||
}
|
||
titleComponents.append(
|
||
AnyComponentWithIdentity(id: AnyHashable(2), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: itemDate,
|
||
font: Font.regular(floor(fontBaseDisplaySize * 14.0 / 17.0)),
|
||
textColor: itemDateColor
|
||
)),
|
||
maximumNumberOfLines: 1
|
||
)))
|
||
)
|
||
let _ = itemView.update(
|
||
transition: itemTransition,
|
||
component: AnyComponent(ListActionItemComponent(
|
||
theme: environment.theme,
|
||
title: AnyComponent(VStack(titleComponents, alignment: .left, spacing: 2.0)),
|
||
contentInsets: UIEdgeInsets(top: 9.0, left: environment.containerInsets.left, bottom: 8.0, right: environment.containerInsets.right),
|
||
leftIcon: .custom(AnyComponentWithIdentity(id: "avatar", component: AnyComponent(StarsAvatarComponent(context: component.context, theme: environment.theme, peer: itemPeer, photo: item.photo, media: item.media, backgroundColor: environment.theme.list.plainBackgroundColor))), false),
|
||
icon: nil,
|
||
accessory: .custom(ListActionItemComponent.CustomAccessory(component: AnyComponentWithIdentity(id: "label", component: AnyComponent(StarsLabelComponent(text: itemLabel))), insets: UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 16.0))),
|
||
action: { [weak self] _ in
|
||
guard let self, let component = self.component else {
|
||
return
|
||
}
|
||
if !item.flags.contains(.isLocal) {
|
||
component.action(item)
|
||
}
|
||
}
|
||
)),
|
||
environment: {},
|
||
containerSize: CGSize(width: itemLayout.containerWidth, height: itemLayout.itemHeight)
|
||
)
|
||
let itemFrame = itemLayout.itemFrame(for: index)
|
||
if let itemComponentView = itemView.view {
|
||
if itemComponentView.superview == nil {
|
||
if !transition.animation.isImmediate {
|
||
transition.animateAlpha(view: itemComponentView, from: 0.0, to: 1.0)
|
||
}
|
||
self.scrollView.addSubview(itemComponentView)
|
||
}
|
||
itemTransition.setFrame(view: itemComponentView, frame: itemFrame)
|
||
}
|
||
let sideInset: CGFloat = 60.0 + environment.containerInsets.left
|
||
itemTransition.setFrame(view: separatorView, frame: CGRect(x: sideInset, y: itemFrame.maxY, width: itemFrame.width - sideInset, height: UIScreenPixel))
|
||
}
|
||
}
|
||
|
||
var removeIds: [String] = []
|
||
for (id, itemView) in self.visibleItems {
|
||
if !validIds.contains(id) {
|
||
removeIds.append(id)
|
||
if let itemComponentView = itemView.view {
|
||
transition.setAlpha(view: itemComponentView, alpha: 0.0, completion: { [weak itemComponentView] _ in
|
||
itemComponentView?.removeFromSuperview()
|
||
})
|
||
}
|
||
}
|
||
}
|
||
for (id, separatorView) in self.separatorViews {
|
||
if !validIds.contains(id) {
|
||
transition.setAlpha(view: separatorView, alpha: 0.0, completion: { [weak separatorView] _ in
|
||
separatorView?.removeFromSuperview()
|
||
})
|
||
}
|
||
}
|
||
for id in removeIds {
|
||
self.visibleItems.removeValue(forKey: id)
|
||
}
|
||
|
||
let bottomOffset = self.environment?.externalBottomOffset ?? max(0.0, self.scrollView.contentSize.height - self.scrollView.contentOffset.y - self.scrollView.frame.height)
|
||
let loadMore = bottomOffset < 100.0
|
||
if environment.isCurrent, loadMore {
|
||
let lastId = self.items.last?.extendedId
|
||
if lastId != self.currentLoadMoreId || lastId == nil {
|
||
self.currentLoadMoreId = lastId
|
||
component.transactionsContext.loadMore()
|
||
}
|
||
}
|
||
}
|
||
|
||
private var isUpdating = false
|
||
func update(component: StarsTransactionsListPanelComponent, availableSize: CGSize, state: EmptyComponentState, environment: Environment<StarsTransactionsPanelEnvironment>, transition: ComponentTransition) -> CGSize {
|
||
self.isUpdating = true
|
||
defer {
|
||
self.isUpdating = false
|
||
}
|
||
|
||
self.component = component
|
||
|
||
if self.itemsDisposable == nil {
|
||
self.itemsDisposable = (component.transactionsContext.state
|
||
|> deliverOnMainQueue).start(next: { [weak self, weak state] status in
|
||
guard let self else {
|
||
return
|
||
}
|
||
let wasEmpty = self.items.isEmpty
|
||
let hadLocalTransactions = self.items.contains(where: { $0.flags.contains(.isLocal) })
|
||
|
||
var existingIds = Set<String>()
|
||
var filteredItems: [StarsContext.State.Transaction] = []
|
||
for transaction in status.transactions {
|
||
let id = transaction.extendedId
|
||
if !existingIds.contains(id) {
|
||
existingIds.insert(id)
|
||
filteredItems.append(transaction)
|
||
}
|
||
}
|
||
|
||
self.items = filteredItems
|
||
if !status.isLoading {
|
||
self.currentLoadMoreId = nil
|
||
}
|
||
if !self.isUpdating {
|
||
state?.updated(transition: wasEmpty || hadLocalTransactions ? .immediate : .easeInOut(duration: 0.2))
|
||
}
|
||
})
|
||
}
|
||
|
||
let environment = environment[StarsTransactionsPanelEnvironment.self].value
|
||
self.environment = environment
|
||
|
||
let fontBaseDisplaySize = 17.0
|
||
let measureItemSize = self.measureItem.update(
|
||
transition: .immediate,
|
||
component: AnyComponent(ListActionItemComponent(
|
||
theme: environment.theme,
|
||
title: AnyComponent(VStack([
|
||
AnyComponentWithIdentity(id: AnyHashable(0), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: "ABC",
|
||
font: Font.regular(fontBaseDisplaySize),
|
||
textColor: environment.theme.list.itemPrimaryTextColor
|
||
)),
|
||
maximumNumberOfLines: 0
|
||
))),
|
||
AnyComponentWithIdentity(id: AnyHashable(1), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: "abc",
|
||
font: Font.regular(fontBaseDisplaySize * 16.0 / 17.0),
|
||
textColor: environment.theme.list.itemPrimaryTextColor
|
||
)),
|
||
maximumNumberOfLines: 1
|
||
))),
|
||
AnyComponentWithIdentity(id: AnyHashable(2), component: AnyComponent(MultilineTextComponent(
|
||
text: .plain(NSAttributedString(
|
||
string: "abc",
|
||
font: Font.regular(floor(fontBaseDisplaySize * 14.0 / 17.0)),
|
||
textColor: environment.theme.list.itemSecondaryTextColor
|
||
)),
|
||
maximumNumberOfLines: 0,
|
||
lineSpacing: 0.18
|
||
)))
|
||
], alignment: .left, spacing: 2.0)),
|
||
contentInsets: UIEdgeInsets(top: 9.0, left: 0.0, bottom: 8.0, right: 0.0),
|
||
leftIcon: nil,
|
||
icon: nil,
|
||
accessory: nil,
|
||
action: { _ in }
|
||
)),
|
||
environment: {},
|
||
containerSize: CGSize(width: availableSize.width, height: 1000.0)
|
||
)
|
||
|
||
let itemLayout = ItemLayout(
|
||
containerInsets: environment.containerInsets,
|
||
containerWidth: availableSize.width,
|
||
itemHeight: measureItemSize.height,
|
||
itemCount: self.items.count
|
||
)
|
||
self.itemLayout = itemLayout
|
||
|
||
self.ignoreScrolling = true
|
||
let contentOffset = self.scrollView.bounds.minY
|
||
|
||
var scrollBounds = self.scrollView.bounds
|
||
if let _ = environment.externalScrollBounds {
|
||
scrollBounds.origin = CGPoint()
|
||
scrollBounds.size = CGSize(width: availableSize.width, height: itemLayout.contentHeight)
|
||
transition.setPosition(view: self.scrollView, position: scrollBounds.center)
|
||
} else {
|
||
transition.setPosition(view: self.scrollView, position: CGRect(origin: CGPoint(), size: availableSize).center)
|
||
scrollBounds.size = availableSize
|
||
if !environment.isScrollable {
|
||
scrollBounds.origin = CGPoint()
|
||
}
|
||
}
|
||
transition.setBounds(view: self.scrollView, bounds: scrollBounds)
|
||
self.scrollView.isScrollEnabled = environment.isScrollable
|
||
let contentSize = CGSize(width: availableSize.width, height: itemLayout.contentHeight)
|
||
if self.scrollView.contentSize != contentSize {
|
||
self.scrollView.contentSize = contentSize
|
||
}
|
||
self.scrollView.scrollIndicatorInsets = environment.containerInsets
|
||
if !transition.animation.isImmediate && self.scrollView.bounds.minY != contentOffset {
|
||
let deltaOffset = self.scrollView.bounds.minY - contentOffset
|
||
transition.animateBoundsOrigin(view: self.scrollView, from: CGPoint(x: 0.0, y: -deltaOffset), to: CGPoint(), additive: true)
|
||
}
|
||
self.ignoreScrolling = false
|
||
self.updateScrolling(transition: transition)
|
||
|
||
if let _ = environment.externalScrollBounds {
|
||
return CGSize(width: availableSize.width, height: contentSize.height)
|
||
} else {
|
||
return availableSize
|
||
}
|
||
}
|
||
}
|
||
|
||
func makeView() -> View {
|
||
return View(frame: CGRect())
|
||
}
|
||
|
||
func update(view: View, availableSize: CGSize, state: EmptyComponentState, environment: Environment<StarsTransactionsPanelEnvironment>, transition: ComponentTransition) -> CGSize {
|
||
return view.update(component: self, availableSize: availableSize, state: state, environment: environment, transition: transition)
|
||
}
|
||
}
|
||
|
||
func cancelContextGestures(view: UIView) {
|
||
if let gestureRecognizers = view.gestureRecognizers {
|
||
for gesture in gestureRecognizers {
|
||
if let gesture = gesture as? ContextGesture {
|
||
gesture.cancel()
|
||
}
|
||
}
|
||
}
|
||
for subview in view.subviews {
|
||
cancelContextGestures(view: subview)
|
||
}
|
||
}
|