[Spaces] M10.6 Space preview bottom sheet #4497

Riot/Modules/Spaces/SpaceDetail/SpaceDetailViewController.swift

@@ -0,0 +1,273 @@
+// 
+// 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!
+
+    // 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) {
+        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.declineButton)
+        apply(theme: theme, on: self.acceptButton)
+    }
+    
+    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)
+    }
+    
+    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 space, let joinRule, let inviterId, let inviter, let membersCount):
+            self.renderLoaded(space: space, joinRule: joinRule, inviterId: inviterId, inviter: inviter, membersCount: membersCount)
+        case .error(let error):
+            self.render(error: error)
+        }
+    }
+    
+    private func renderLoading() {
+        self.activityPresenter.presentActivityIndicator(on: self.view, animated: true)
+    }
+    
+    private func renderLoaded(space: MXSpace, joinRule: MXRoomJoinRule?, inviterId: String?, inviter: MXUser?, membersCount: UInt) {
+        self.activityPresenter.removeCurrentActivityIndicator(animated: true)
+        
+        guard let summary = space.summary else {
+            MXLog.error("[SpaceDetailViewController] setupViews: no summary found")
+            return
+        }
+        
+        if summary.membership != .invite {
+            self.inviterPanelHeight.constant = 0
+        } else {
+            self.joinButton.isHidden = true
+            self.inviteActionPanel.isHidden = false
+        }
+        
+        let avatarViewData = AvatarViewData(avatarUrl: summary.avatar, mediaManager: self.mediaManager, fallbackImage: .matrixItem(summary.roomId, summary.displayname))
+
+        self.titleLabel.text = summary.displayname
+        self.avatarView.fill(with: avatarViewData)
+        self.topicLabel.text = summary.topic
+        
+        var joinRuleString = ""
+        switch joinRule {
+        case .invite: joinRuleString = "invite"
+        case .knock: joinRuleString = "knock"
+        case .none: joinRuleString = "none"
+        case .private: joinRuleString = "private"
+        case .public: joinRuleString = "public"
+        }
+        
+        let membersCount = summary.membersCount.members
+        let membersString = membersCount == 1 ? VectorL10n.roomTitleOneMember : VectorL10n.roomTitleMembers("\(membersCount)")
+        self.spaceTypeLabel.text = "\(joinRuleString) · \(membersString)"
+        
+        self.inviterIdLabel.text = inviterId
+        if let inviterId = inviterId {
+            self.inviterTitleLabel.text = "\(inviter?.displayname ?? inviterId) invited you"
+            
+            if let inviter = inviter {
+                let avatarViewData = AvatarViewData(avatarUrl: inviter.avatarUrl, mediaManager: self.mediaManager, fallbackImage: .matrixItem(inviter.userId, inviter.displayname))
+                self.inviterAvatarView.fill(with: avatarViewData)
+            }
+        }
+    }
+    
+    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)
+    }
+}