mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-06-16 05:55:20 +00:00
339 lines
20 KiB
Swift
339 lines
20 KiB
Swift
import Foundation
|
|
import UIKit
|
|
import AsyncDisplayKit
|
|
import Display
|
|
import TelegramPresentationData
|
|
import TextFormat
|
|
import Markdown
|
|
import AuthorizationUI
|
|
import SolidRoundedButtonNode
|
|
|
|
private func roundCorners(diameter: CGFloat) -> UIImage {
|
|
UIGraphicsBeginImageContextWithOptions(CGSize(width: diameter, height: diameter), false, 0.0)
|
|
let context = UIGraphicsGetCurrentContext()!
|
|
context.setBlendMode(.copy)
|
|
context.setFillColor(UIColor.black.cgColor)
|
|
context.fill(CGRect(origin: CGPoint(), size: CGSize(width: diameter, height: diameter)))
|
|
context.setFillColor(UIColor.clear.cgColor)
|
|
context.fillEllipse(in: CGRect(origin: CGPoint(), size: CGSize(width: diameter, height: diameter)))
|
|
let image = UIGraphicsGetImageFromCurrentImageContext()!.stretchableImage(withLeftCapWidth: Int(diameter / 2.0), topCapHeight: Int(diameter / 2.0))
|
|
UIGraphicsEndImageContext()
|
|
return image
|
|
}
|
|
|
|
final class AuthorizationSequenceSignUpControllerNode: ASDisplayNode, UITextFieldDelegate {
|
|
private let theme: PresentationTheme
|
|
private let strings: PresentationStrings
|
|
private let addPhoto: () -> Void
|
|
|
|
private let titleNode: ASTextNode
|
|
private let currentOptionNode: ASTextNode
|
|
private let termsNode: ImmediateTextNode
|
|
|
|
private let firstNameField: TextFieldNode
|
|
private let lastNameField: TextFieldNode
|
|
private let firstSeparatorNode: ASDisplayNode
|
|
private let lastSeparatorNode: ASDisplayNode
|
|
private let currentPhotoNode: ASImageNode
|
|
private let addPhotoButton: HighlightableButtonNode
|
|
private let proceedNode: SolidRoundedButtonNode
|
|
|
|
private var layoutArguments: (ContainerViewLayout, CGFloat)?
|
|
|
|
var currentName: (String, String) {
|
|
return (self.firstNameField.textField.text ?? "", self.lastNameField.textField.text ?? "")
|
|
}
|
|
|
|
var currentPhoto: UIImage? = nil {
|
|
didSet {
|
|
if let currentPhoto = self.currentPhoto {
|
|
self.currentPhotoNode.image = generateImage(CGSize(width: 110.0, height: 110.0), contextGenerator: { size, context in
|
|
context.clear(CGRect(origin: CGPoint(), size: size))
|
|
context.setBlendMode(.copy)
|
|
context.draw(currentPhoto.cgImage!, in: CGRect(origin: CGPoint(), size: size))
|
|
context.setBlendMode(.destinationOut)
|
|
context.draw(roundCorners(diameter: size.width).cgImage!, in: CGRect(origin: CGPoint(), size: size))
|
|
})
|
|
} else {
|
|
self.currentPhotoNode.image = nil
|
|
}
|
|
}
|
|
}
|
|
|
|
var signUpWithName: ((String, String) -> Void)?
|
|
var openTermsOfService: (() -> Void)?
|
|
|
|
var inProgress: Bool = false {
|
|
didSet {
|
|
self.firstNameField.alpha = self.inProgress ? 0.6 : 1.0
|
|
self.lastNameField.alpha = self.inProgress ? 0.6 : 1.0
|
|
}
|
|
}
|
|
|
|
init(theme: PresentationTheme, strings: PresentationStrings, addPhoto: @escaping () -> Void) {
|
|
self.theme = theme
|
|
self.strings = strings
|
|
self.addPhoto = addPhoto
|
|
|
|
self.titleNode = ASTextNode()
|
|
self.titleNode.isUserInteractionEnabled = false
|
|
self.titleNode.displaysAsynchronously = false
|
|
self.titleNode.attributedText = NSAttributedString(string: self.strings.Login_InfoTitle, font: Font.semibold(28.0), textColor: theme.list.itemPrimaryTextColor)
|
|
|
|
self.currentOptionNode = ASTextNode()
|
|
self.currentOptionNode.isUserInteractionEnabled = false
|
|
self.currentOptionNode.displaysAsynchronously = false
|
|
self.currentOptionNode.attributedText = NSAttributedString(string: self.strings.Login_InfoHelp, font: Font.regular(16.0), textColor: theme.list.itemPrimaryTextColor, paragraphAlignment: .center)
|
|
|
|
self.termsNode = ImmediateTextNode()
|
|
self.termsNode.textAlignment = .center
|
|
self.termsNode.maximumNumberOfLines = 0
|
|
self.termsNode.displaysAsynchronously = false
|
|
let body = MarkdownAttributeSet(font: Font.regular(13.0), textColor: theme.list.itemSecondaryTextColor)
|
|
let link = MarkdownAttributeSet(font: Font.regular(13.0), textColor: theme.list.itemAccentColor, additionalAttributes: [TelegramTextAttributes.URL: ""])
|
|
self.termsNode.attributedText = parseMarkdownIntoAttributedString(strings.Login_TermsOfServiceLabel.replacingOccurrences(of: "\n", with: " ").replacingOccurrences(of: "]", with: "]()"), attributes: MarkdownAttributes(body: body, bold: body, link: link, linkAttribute: { _ in nil }), textAlignment: .center)
|
|
|
|
self.firstSeparatorNode = ASDisplayNode()
|
|
self.firstSeparatorNode.isLayerBacked = true
|
|
self.firstSeparatorNode.backgroundColor = self.theme.list.itemPlainSeparatorColor
|
|
|
|
self.lastSeparatorNode = ASDisplayNode()
|
|
self.lastSeparatorNode.isLayerBacked = true
|
|
self.lastSeparatorNode.backgroundColor = self.theme.list.itemPlainSeparatorColor
|
|
|
|
self.firstNameField = TextFieldNode()
|
|
self.firstNameField.textField.font = Font.regular(20.0)
|
|
self.firstNameField.textField.textColor = self.theme.list.itemPrimaryTextColor
|
|
self.firstNameField.textField.textAlignment = .natural
|
|
self.firstNameField.textField.returnKeyType = .next
|
|
self.firstNameField.textField.attributedPlaceholder = NSAttributedString(string: self.strings.UserInfo_FirstNamePlaceholder, font: self.firstNameField.textField.font, textColor: self.theme.list.itemPlaceholderTextColor)
|
|
self.firstNameField.textField.autocapitalizationType = .words
|
|
self.firstNameField.textField.autocorrectionType = .no
|
|
if #available(iOSApplicationExtension 10.0, iOS 10.0, *) {
|
|
self.firstNameField.textField.textContentType = .givenName
|
|
}
|
|
self.firstNameField.textField.keyboardAppearance = theme.rootController.keyboardColor.keyboardAppearance
|
|
self.firstNameField.textField.tintColor = theme.list.itemAccentColor
|
|
|
|
self.lastNameField = TextFieldNode()
|
|
self.lastNameField.textField.font = Font.regular(20.0)
|
|
self.lastNameField.textField.textColor = self.theme.list.itemPrimaryTextColor
|
|
self.lastNameField.textField.textAlignment = .natural
|
|
self.lastNameField.textField.returnKeyType = .done
|
|
self.lastNameField.textField.attributedPlaceholder = NSAttributedString(string: strings.UserInfo_LastNamePlaceholder, font: self.lastNameField.textField.font, textColor: self.theme.list.itemPlaceholderTextColor)
|
|
self.lastNameField.textField.autocapitalizationType = .words
|
|
self.lastNameField.textField.autocorrectionType = .no
|
|
if #available(iOSApplicationExtension 10.0, iOS 10.0, *) {
|
|
self.lastNameField.textField.textContentType = .familyName
|
|
}
|
|
self.lastNameField.textField.keyboardAppearance = theme.rootController.keyboardColor.keyboardAppearance
|
|
self.lastNameField.textField.tintColor = theme.list.itemAccentColor
|
|
|
|
self.currentPhotoNode = ASImageNode()
|
|
self.currentPhotoNode.isUserInteractionEnabled = false
|
|
self.currentPhotoNode.displaysAsynchronously = false
|
|
self.currentPhotoNode.displayWithoutProcessing = true
|
|
|
|
self.addPhotoButton = HighlightableButtonNode()
|
|
self.addPhotoButton.setImage(generateTintedImage(image: UIImage(bundleImageName: "Avatar/EditAvatarIconLarge"), color: self.theme.list.itemAccentColor), for: .normal)
|
|
self.addPhotoButton.setBackgroundImage(generateFilledCircleImage(diameter: 110.0, color: self.theme.list.itemAccentColor.withAlphaComponent(0.1), strokeColor: nil, strokeWidth: nil, backgroundColor: nil), for: .normal)
|
|
|
|
self.addPhotoButton.addSubnode(self.currentPhotoNode)
|
|
self.addPhotoButton.allowsGroupOpacity = true
|
|
|
|
self.proceedNode = SolidRoundedButtonNode(title: self.strings.Login_Continue, theme: SolidRoundedButtonTheme(theme: self.theme), height: 50.0, cornerRadius: 11.0, gloss: false)
|
|
|
|
super.init()
|
|
|
|
self.setViewBlock({
|
|
return UITracingLayerView()
|
|
})
|
|
|
|
self.backgroundColor = self.theme.list.plainBackgroundColor
|
|
|
|
self.firstNameField.textField.delegate = self
|
|
self.lastNameField.textField.delegate = self
|
|
|
|
self.addSubnode(self.firstSeparatorNode)
|
|
self.addSubnode(self.lastSeparatorNode)
|
|
self.addSubnode(self.firstNameField)
|
|
self.addSubnode(self.lastNameField)
|
|
self.addSubnode(self.titleNode)
|
|
self.addSubnode(self.currentOptionNode)
|
|
self.addSubnode(self.termsNode)
|
|
self.termsNode.isHidden = true
|
|
self.addSubnode(self.addPhotoButton)
|
|
self.addSubnode(self.proceedNode)
|
|
|
|
self.addPhotoButton.addTarget(self, action: #selector(self.addPhotoPressed), forControlEvents: .touchUpInside)
|
|
|
|
self.termsNode.linkHighlightColor = self.theme.list.itemAccentColor.withAlphaComponent(0.5)
|
|
self.termsNode.highlightAttributeAction = { attributes in
|
|
if let _ = attributes[NSAttributedString.Key(rawValue: TelegramTextAttributes.URL)] {
|
|
return NSAttributedString.Key(rawValue: TelegramTextAttributes.URL)
|
|
} else {
|
|
return nil
|
|
}
|
|
}
|
|
self.termsNode.tapAttributeAction = { [weak self] attributes, _ in
|
|
if let _ = attributes[NSAttributedString.Key(rawValue: TelegramTextAttributes.URL)] {
|
|
self?.openTermsOfService?()
|
|
}
|
|
}
|
|
|
|
self.proceedNode.pressed = { [weak self] in
|
|
if let strongSelf = self {
|
|
let name = strongSelf.currentName
|
|
strongSelf.signUpWithName?(name.0, name.1)
|
|
}
|
|
}
|
|
}
|
|
|
|
func updateData(firstName: String, lastName: String, hasTermsOfService: Bool) {
|
|
self.termsNode.isHidden = !hasTermsOfService
|
|
self.firstNameField.textField.attributedText = NSAttributedString(string: firstName, font: Font.regular(20.0), textColor: self.theme.list.itemPlaceholderTextColor)
|
|
self.lastNameField.textField.attributedText = NSAttributedString(string: lastName, font: Font.regular(20.0), textColor: self.theme.list.itemPlaceholderTextColor)
|
|
|
|
if let (layout, navigationHeight) = self.layoutArguments {
|
|
self.containerLayoutUpdated(layout, navigationBarHeight: navigationHeight, transition: .immediate)
|
|
}
|
|
}
|
|
|
|
func containerLayoutUpdated(_ layout: ContainerViewLayout, navigationBarHeight: CGFloat, transition: ContainedViewLayoutTransition) {
|
|
self.layoutArguments = (layout, navigationBarHeight)
|
|
|
|
var insets = layout.insets(options: [.statusBar])
|
|
if let inputHeight = layout.inputHeight {
|
|
insets.bottom += max(inputHeight, layout.standardInputHeight)
|
|
}
|
|
|
|
self.titleNode.attributedText = NSAttributedString(string: self.strings.Login_InfoTitle, font: Font.semibold(28.0), textColor: self.theme.list.itemPrimaryTextColor)
|
|
let titleSize = self.titleNode.measure(CGSize(width: layout.size.width, height: CGFloat.greatestFiniteMagnitude))
|
|
|
|
// let additionalTitleSpacing: CGFloat
|
|
// if titleSize.width > layout.size.width - 160.0 {
|
|
// additionalTitleSpacing = 44.0
|
|
// } else {
|
|
// additionalTitleSpacing = 0.0
|
|
// }
|
|
|
|
let fieldHeight: CGFloat = 54.0
|
|
|
|
let sideInset: CGFloat = 24.0
|
|
let innerInset: CGFloat = 16.0
|
|
|
|
// let minimalNoticeSpacing: CGFloat = 11.0
|
|
// let maxNoticeSpacing: CGFloat = 35.0
|
|
let noticeSize = self.currentOptionNode.measure(CGSize(width: layout.size.width - 28.0, height: CGFloat.greatestFiniteMagnitude))
|
|
let termsSize = self.termsNode.updateLayout(CGSize(width: layout.size.width - 28.0, height: CGFloat.greatestFiniteMagnitude))
|
|
//
|
|
// let noticeHeight: CGFloat = noticeSize.height + (self.termsNode.isHidden ? 0.0 : (termsSize.height + 4.0))
|
|
//
|
|
// let minimalTermsOfServiceSpacing: CGFloat = 6.0
|
|
// let maxTermsOfServiceSpacing: CGFloat = 20.0
|
|
// let minTrailingSpacing: CGFloat = 10.0
|
|
//
|
|
// let inputHeight = inputFieldsHeight
|
|
// let essentialHeight = additionalTitleSpacing + titleSize.height + minimalTitleSpacing + inputHeight + minimalNoticeSpacing + noticeHeight
|
|
// let additionalHeight = minimalTermsOfServiceSpacing + minTrailingSpacing
|
|
//
|
|
// let navigationHeight: CGFloat
|
|
// if essentialHeight + additionalHeight > availableHeight || availableHeight * 0.66 - inputHeight < additionalHeight {
|
|
// navigationHeight = min(floor(availableHeight * 0.3), availableHeight - inputFieldsHeight)
|
|
// } else {
|
|
// navigationHeight = floor(availableHeight * 0.3)
|
|
// }
|
|
//
|
|
// let titleOffset: CGFloat
|
|
// if navigationHeight * 0.5 < titleSize.height + minimalTitleSpacing {
|
|
// titleOffset = max(navigationBarHeight, floor((navigationHeight - titleSize.height) / 2.0))
|
|
// } else {
|
|
// titleOffset = max(navigationBarHeight, max(navigationHeight * 0.5, navigationHeight - maxTitleSpacing - titleSize.height))
|
|
// }
|
|
// transition.updateFrame(node: self.titleNode, frame: CGRect(origin: CGPoint(x: floorToScreenPixels((layout.size.width - titleSize.width) / 2.0), y: titleOffset), size: titleSize))
|
|
//
|
|
// let avatarSize: CGSize = CGSize(width: 110.0, height: 110.0)
|
|
// let addPhotoButtonFrame = CGRect(origin: CGPoint(x: floorToScreenPixels((layout.size.width - avatarSize.width) / 2.0), y: navigationHeight + 10.0), size: avatarSize)
|
|
// transition.updateFrame(node: self.addPhotoButton, frame: addPhotoButtonFrame)
|
|
// self.currentPhotoNode.frame = CGRect(origin: CGPoint(), size: addPhotoButtonFrame.size)
|
|
//
|
|
//
|
|
//
|
|
// let firstFieldFrame = CGRect(origin: CGPoint(x: sideInset + innerInset, y: navigationHeight + 3.0), size: CGSize(width: layout.size.width - (sideInset + innerInset) * 2.0, height: fieldHeight))
|
|
// transition.updateFrame(node: self.firstNameField, frame: firstFieldFrame)
|
|
//
|
|
// let lastFieldFrame = CGRect(origin: CGPoint(x: firstFieldFrame.minX, y: firstFieldFrame.maxY), size: CGSize(width: firstFieldFrame.size.width, height: fieldHeight))
|
|
// transition.updateFrame(node: self.lastNameField, frame: lastFieldFrame)
|
|
//
|
|
// transition.updateFrame(node: self.firstSeparatorNode, frame: CGRect(origin: CGPoint(x: sideInset, y: firstFieldFrame.maxY), size: CGSize(width: layout.size.width - sideInset * 2.0, height: UIScreenPixel)))
|
|
// transition.updateFrame(node: self.lastSeparatorNode, frame: CGRect(origin: CGPoint(x: sideInset, y: lastFieldFrame.maxY), size: CGSize(width: layout.size.width - sideInset * 2.0, height: UIScreenPixel)))
|
|
//
|
|
// let additionalAvailableHeight = max(1.0, availableHeight - lastFieldFrame.maxY)
|
|
// let additionalAvailableSpacing = max(1.0, additionalAvailableHeight - noticeHeight)
|
|
// let noticeSpacingFactor = maxNoticeSpacing / (maxNoticeSpacing + maxTermsOfServiceSpacing + minTrailingSpacing)
|
|
// let termsOfServiceSpacingFactor = maxTermsOfServiceSpacing / (maxNoticeSpacing + maxTermsOfServiceSpacing + minTrailingSpacing)
|
|
//
|
|
// let noticeSpacing: CGFloat
|
|
// let termsOfServiceSpacing: CGFloat
|
|
// if additionalAvailableHeight <= maxNoticeSpacing + noticeHeight + maxTermsOfServiceSpacing + minTrailingSpacing {
|
|
// termsOfServiceSpacing = min(floor(termsOfServiceSpacingFactor * additionalAvailableSpacing), maxTermsOfServiceSpacing)
|
|
// noticeSpacing = floor((additionalAvailableHeight - termsOfServiceSpacing - noticeHeight) / 2.0)
|
|
// } else {
|
|
// noticeSpacing = min(floor(noticeSpacingFactor * additionalAvailableSpacing), maxNoticeSpacing)
|
|
// termsOfServiceSpacing = min(floor(termsOfServiceSpacingFactor * additionalAvailableSpacing), maxTermsOfServiceSpacing)
|
|
// }
|
|
//
|
|
// let currentOptionFrame = CGRect(origin: CGPoint(x: floor((layout.size.width - noticeSize.width) / 2.0), y: lastFieldFrame.maxY + max(0.0, noticeSpacing)), size: noticeSize)
|
|
// transition.updateFrame(node: self.currentOptionNode, frame: currentOptionFrame)
|
|
// let termsFrame = CGRect(origin: CGPoint(x: floor((layout.size.width - termsSize.width) / 2.0), y: layout.size.height - insets.bottom - termsSize.height - 4.0), size: termsSize)
|
|
// transition.updateFrame(node: self.termsNode, frame: termsFrame)
|
|
//
|
|
|
|
let avatarSize: CGSize = CGSize(width: 110.0, height: 110.0)
|
|
var items: [AuthorizationLayoutItem] = []
|
|
items.append(AuthorizationLayoutItem(node: self.addPhotoButton, size: avatarSize, spacingBefore: AuthorizationLayoutItemSpacing(weight: 16.0, maxValue: 16.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
self.currentPhotoNode.frame = CGRect(origin: CGPoint(), size: avatarSize)
|
|
|
|
items.append(AuthorizationLayoutItem(node: self.titleNode, size: titleSize, spacingBefore: AuthorizationLayoutItemSpacing(weight: 18.0, maxValue: 18.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
items.append(AuthorizationLayoutItem(node: self.currentOptionNode, size: noticeSize, spacingBefore: AuthorizationLayoutItemSpacing(weight: 20.0, maxValue: 20.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
|
|
items.append(AuthorizationLayoutItem(node: self.firstNameField, size: CGSize(width: layout.size.width - (sideInset + innerInset) * 2.0, height: fieldHeight), spacingBefore: AuthorizationLayoutItemSpacing(weight: 32.0, maxValue: 60.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
items.append(AuthorizationLayoutItem(node: self.firstSeparatorNode, size: CGSize(width: layout.size.width - sideInset * 2.0, height: UIScreenPixel), spacingBefore: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
|
|
items.append(AuthorizationLayoutItem(node: self.lastNameField, size: CGSize(width: layout.size.width - (sideInset + innerInset) * 2.0, height: fieldHeight), spacingBefore: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
items.append(AuthorizationLayoutItem(node: self.lastSeparatorNode, size: CGSize(width: layout.size.width - sideInset * 2.0, height: UIScreenPixel), spacingBefore: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
|
|
items.append(AuthorizationLayoutItem(node: self.termsNode, size: termsSize, spacingBefore: AuthorizationLayoutItemSpacing(weight: 48.0, maxValue: 100.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
|
|
let proceedHeight = self.proceedNode.updateLayout(width: layout.size.width - 48.0, transition: transition)
|
|
let proceedSize = CGSize(width: layout.size.width - 48.0, height: proceedHeight)
|
|
items.append(AuthorizationLayoutItem(node: self.proceedNode, size: proceedSize, spacingBefore: AuthorizationLayoutItemSpacing(weight: 20.0, maxValue: 20.0), spacingAfter: AuthorizationLayoutItemSpacing(weight: 0.0, maxValue: 0.0)))
|
|
|
|
let _ = layoutAuthorizationItems(bounds: CGRect(origin: CGPoint(x: 0.0, y: insets.top), size: CGSize(width: layout.size.width, height: layout.size.height - insets.top - insets.bottom - 20.0)), items: items, transition: transition, failIfDoesNotFit: false)
|
|
}
|
|
|
|
func activateInput() {
|
|
self.firstNameField.textField.becomeFirstResponder()
|
|
}
|
|
|
|
func animateError() {
|
|
if self.firstNameField.textField.text == nil || self.firstNameField.textField.text!.isEmpty {
|
|
self.firstNameField.layer.addShakeAnimation()
|
|
}
|
|
}
|
|
|
|
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
|
|
if textField === self.firstNameField.textField {
|
|
self.lastNameField.textField.becomeFirstResponder()
|
|
} else {
|
|
let name = self.currentName
|
|
self.signUpWithName?(name.0, name.1)
|
|
}
|
|
return false
|
|
}
|
|
|
|
@objc private func addPhotoPressed() {
|
|
self.addPhoto()
|
|
}
|
|
}
|