mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-29 15:52:40 +00:00
278 lines
11 KiB
Swift
278 lines
11 KiB
Swift
//
|
|
// Copyright 2021 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import Foundation
|
|
|
|
|
|
class SpaceDetailViewController: UIViewController {
|
|
|
|
// MARK: - Constants
|
|
|
|
private enum Constants {
|
|
static let popoverWidth: CGFloat = 320
|
|
static let topicMaxHeight: CGFloat = 105
|
|
}
|
|
|
|
// MARK: Private
|
|
|
|
private var theme: Theme!
|
|
private var mediaManager: MXMediaManager!
|
|
private var viewModel: SpaceDetailViewModelType!
|
|
private var errorPresenter: MXKErrorPresentation!
|
|
private var activityPresenter: ActivityIndicatorPresenter!
|
|
private var isJoined: Bool = false
|
|
|
|
// MARK: Outlets
|
|
|
|
@IBOutlet private weak var inviterPanelHeight: NSLayoutConstraint!
|
|
@IBOutlet private weak var inviterAvatarView: RoomAvatarView!
|
|
@IBOutlet private weak var inviterTitleLabel: UILabel!
|
|
@IBOutlet private weak var inviterIdLabel: UILabel!
|
|
@IBOutlet private weak var inviterSeparatorView: UIView!
|
|
|
|
@IBOutlet private weak var avatarView: SpaceAvatarView!
|
|
@IBOutlet private weak var titleLabel: UILabel!
|
|
@IBOutlet private weak var closeButton: UIButton!
|
|
@IBOutlet private weak var spaceTypeIconView: UIImageView!
|
|
@IBOutlet private weak var spaceTypeLabel: UILabel!
|
|
@IBOutlet private weak var topicLabel: UILabel!
|
|
@IBOutlet private weak var topicScrollView: UIScrollView!
|
|
|
|
@IBOutlet private weak var joinButtonTopMargin: NSLayoutConstraint!
|
|
@IBOutlet private weak var joinButtonBottomMargin: NSLayoutConstraint!
|
|
@IBOutlet private weak var joinButton: UIButton!
|
|
@IBOutlet private weak var declineButton: UIButton!
|
|
@IBOutlet private weak var acceptButton: UIButton!
|
|
@IBOutlet private weak var inviteActionPanel: UIView!
|
|
|
|
// MARK: - Setup
|
|
|
|
class func instantiate(mediaManager: MXMediaManager, viewModel: SpaceDetailViewModelType!) -> SpaceDetailViewController {
|
|
let viewController = StoryboardScene.SpaceDetailViewController.initialScene.instantiate()
|
|
viewController.mediaManager = mediaManager
|
|
viewController.viewModel = viewModel
|
|
viewController.theme = ThemeService.shared().theme
|
|
return viewController
|
|
}
|
|
|
|
// MARK: - Life cycle
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
// Do any additional setup after loading the view.
|
|
|
|
self.setupViews()
|
|
self.activityPresenter = ActivityIndicatorPresenter()
|
|
self.errorPresenter = MXKErrorAlertPresentation()
|
|
|
|
self.registerThemeServiceDidChangeThemeNotification()
|
|
self.update(theme: self.theme)
|
|
|
|
self.viewModel.viewDelegate = self
|
|
self.viewModel.process(viewAction: .loadData)
|
|
}
|
|
|
|
override var preferredStatusBarStyle: UIStatusBarStyle {
|
|
return self.theme.statusBarStyle
|
|
}
|
|
|
|
override var preferredContentSize: CGSize {
|
|
get {
|
|
return CGSize(width: Constants.popoverWidth, height: self.intrisicHeight(with: Constants.popoverWidth))
|
|
}
|
|
set {
|
|
super.preferredContentSize = newValue
|
|
}
|
|
}
|
|
|
|
override func viewWillDisappear(_ animated: Bool) {
|
|
super.viewWillDisappear(animated)
|
|
|
|
self.viewModel.process(viewAction: .dismissed)
|
|
}
|
|
|
|
// MARK: - IBActions
|
|
|
|
@IBAction private func closeAction(sender: UIButton) {
|
|
self.viewModel.process(viewAction: .dismiss)
|
|
}
|
|
|
|
@IBAction private func joinAction(sender: UIButton) {
|
|
if isJoined {
|
|
self.viewModel.process(viewAction: .open)
|
|
} else {
|
|
self.viewModel.process(viewAction: .join)
|
|
}
|
|
}
|
|
|
|
@IBAction private func leaveAction(sender: UIButton) {
|
|
self.viewModel.process(viewAction: .leave)
|
|
}
|
|
|
|
// MARK: - Private
|
|
|
|
private func update(theme: Theme) {
|
|
self.theme = theme
|
|
|
|
self.view.backgroundColor = theme.colors.background
|
|
|
|
self.inviterAvatarView.update(theme: theme)
|
|
self.inviterTitleLabel.textColor = theme.colors.secondaryContent
|
|
self.inviterTitleLabel.font = theme.fonts.calloutSB
|
|
self.inviterIdLabel.textColor = theme.colors.secondaryContent
|
|
self.inviterIdLabel.font = theme.fonts.footnote
|
|
self.inviterSeparatorView.backgroundColor = theme.colors.navigation
|
|
|
|
self.titleLabel.textColor = theme.colors.primaryContent
|
|
self.titleLabel.font = theme.fonts.title3SB
|
|
self.closeButton.backgroundColor = theme.roomInputTextBorder
|
|
self.closeButton.tintColor = theme.noticeSecondaryColor
|
|
self.avatarView.update(theme: theme)
|
|
|
|
self.spaceTypeIconView.tintColor = theme.colors.tertiaryContent
|
|
self.spaceTypeLabel.font = theme.fonts.callout
|
|
self.spaceTypeLabel.textColor = theme.colors.tertiaryContent
|
|
self.topicLabel.font = theme.fonts.caption1
|
|
self.topicLabel.textColor = theme.colors.tertiaryContent
|
|
|
|
apply(theme: theme, on: self.joinButton)
|
|
apply(theme: theme, on: self.acceptButton)
|
|
|
|
self.declineButton.layer.borderColor = theme.colors.alert.cgColor
|
|
self.declineButton.tintColor = theme.colors.alert
|
|
self.declineButton.setTitleColor(theme.colors.alert, for: .normal)
|
|
self.declineButton.titleLabel?.font = theme.fonts.body
|
|
}
|
|
|
|
private func apply(theme: Theme, on button: UIButton) {
|
|
button.backgroundColor = theme.colors.accent
|
|
button.tintColor = theme.colors.background
|
|
button.setTitleColor(theme.colors.background, for: .normal)
|
|
button.titleLabel?.font = theme.fonts.bodySB
|
|
}
|
|
|
|
private func registerThemeServiceDidChangeThemeNotification() {
|
|
NotificationCenter.default.addObserver(self, selector: #selector(themeDidChange), name: .themeServiceDidChangeTheme, object: nil)
|
|
}
|
|
|
|
@objc private func themeDidChange() {
|
|
self.update(theme: ThemeService.shared().theme)
|
|
}
|
|
|
|
private func setupViews() {
|
|
self.closeButton.layer.masksToBounds = true
|
|
self.closeButton.layer.cornerRadius = self.closeButton.bounds.height / 2
|
|
|
|
self.setup(button: self.joinButton, withTitle: VectorL10n.join)
|
|
self.setup(button: self.acceptButton, withTitle: VectorL10n.accept)
|
|
self.setup(button: self.declineButton, withTitle: VectorL10n.decline)
|
|
self.declineButton.layer.borderWidth = 1.0
|
|
}
|
|
|
|
private func setup(button: UIButton, withTitle title: String) {
|
|
button.layer.masksToBounds = true
|
|
button.layer.cornerRadius = 8.0
|
|
button.setTitle(title.uppercased(), for: .normal)
|
|
}
|
|
|
|
private func render(viewState: SpaceDetailViewState) {
|
|
switch viewState {
|
|
case .loading:
|
|
self.renderLoading()
|
|
case .loaded(let parameters):
|
|
self.renderLoaded(parameters: parameters)
|
|
case .error(let error):
|
|
self.render(error: error)
|
|
}
|
|
}
|
|
|
|
private func renderLoading() {
|
|
self.activityPresenter.presentActivityIndicator(on: self.view, animated: true)
|
|
}
|
|
|
|
private func renderLoaded(parameters: SpaceDetailLoadedParameters) {
|
|
self.activityPresenter.removeCurrentActivityIndicator(animated: true)
|
|
|
|
switch parameters.membership {
|
|
case .invite:
|
|
self.joinButton.isHidden = true
|
|
self.inviteActionPanel.isHidden = false
|
|
case .join:
|
|
self.inviterPanelHeight.constant = 0
|
|
self.joinButton.setTitle(VectorL10n.open, for: .normal)
|
|
self.isJoined = true
|
|
default:
|
|
self.inviterPanelHeight.constant = 0
|
|
}
|
|
|
|
let avatarViewData = AvatarViewData(matrixItemId: parameters.spaceId, displayName: parameters.displayName, avatarUrl: parameters.avatarUrl, mediaManager: self.mediaManager, fallbackImage: .matrixItem(parameters.spaceId, parameters.displayName))
|
|
|
|
self.titleLabel.text = parameters.displayName
|
|
self.avatarView.fill(with: avatarViewData)
|
|
self.topicLabel.text = parameters.topic
|
|
|
|
let joinRuleString = parameters.joinRule == .public ? VectorL10n.spacePublicJoinRule : VectorL10n.spacePrivateJoinRule
|
|
|
|
let membersCount = parameters.membersCount
|
|
let membersString = membersCount == 1 ? VectorL10n.roomTitleOneMember : VectorL10n.roomTitleMembers("\(membersCount)")
|
|
self.spaceTypeLabel.text = "\(joinRuleString) · \(membersString)"
|
|
|
|
self.inviterIdLabel.text = parameters.inviterId
|
|
if let inviterId = parameters.inviterId {
|
|
self.inviterTitleLabel.text = "\(parameters.inviter?.displayname ?? inviterId) invited you"
|
|
|
|
if let inviter = parameters.inviter {
|
|
let avatarViewData = AvatarViewData(matrixItemId: inviter.userId, displayName: inviter.displayname, avatarUrl: inviter.avatarUrl, mediaManager: self.mediaManager, fallbackImage: .matrixItem(inviter.userId, inviter.displayname))
|
|
self.inviterAvatarView.fill(with: avatarViewData)
|
|
}
|
|
}
|
|
|
|
view.layoutIfNeeded()
|
|
}
|
|
|
|
private func render(error: Error) {
|
|
self.activityPresenter.removeCurrentActivityIndicator(animated: true)
|
|
self.errorPresenter.presentError(from: self, forError: error, animated: true, handler: nil)
|
|
}
|
|
|
|
private func intrisicHeight(with width: CGFloat) -> CGFloat {
|
|
let topicHeight = min(self.topicLabel.sizeThatFits(CGSize(width: width - self.topicScrollView.frame.minX * 2, height: 0)).height, Constants.topicMaxHeight)
|
|
return self.topicScrollView.frame.minY + topicHeight + self.joinButton.frame.height + self.joinButtonTopMargin.constant + self.joinButtonBottomMargin.constant
|
|
}
|
|
}
|
|
|
|
// MARK: - SlidingModalPresentable
|
|
|
|
extension SpaceDetailViewController: SlidingModalPresentable {
|
|
|
|
func allowsDismissOnBackgroundTap() -> Bool {
|
|
return true
|
|
}
|
|
|
|
func layoutHeightFittingWidth(_ width: CGFloat) -> CGFloat {
|
|
return self.intrisicHeight(with: width) + self.joinButtonTopMargin.constant + self.joinButtonBottomMargin.constant
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - SpaceDetailViewModelViewDelegate
|
|
|
|
extension SpaceDetailViewController: SpaceDetailViewModelViewDelegate {
|
|
func spaceDetailViewModel(_ viewModel: SpaceDetailViewModelType, didUpdateViewState viewSate: SpaceDetailViewState) {
|
|
self.render(viewState: viewSate)
|
|
}
|
|
}
|