[iOS] Create public space #143

- Initial space creation flow
2026-04-25 11:02:48 +02:00 · 2021-11-23 09:35:32 +01:00
parent ccfe3afb7d
commit fda0568d88
145 changed files with 7280 additions and 11 deletions
@@ -0,0 +1,150 @@
+// File created from TemplateAdvancedRoomsExample
+// $ createSwiftUITwoScreen.sh Spaces/SpaceCreation SpaceCreation SpaceCreationMenu SpaceCreationSettings
+// 
+// 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 SwiftUI
+
+@available(iOS 14.0, *)
+struct SpaceCreationMenu: View {
+    
+    // MARK: - Properties
+    
+    @ObservedObject var viewModel: SpaceCreationMenuViewModelType.Context
+    
+    // MARK: Private
+    
+    @Environment(\.theme) private var theme: ThemeSwiftUI
+    
+    // MARK: Public
+    
+    var body: some View {
+        mainScreen
+            .navigationTitle(viewModel.viewState.navTitle)
+            .configureNavigationBar{
+                $0.navigationBar.shadowImage = UIImage()
+                $0.navigationBar.barTintColor = UIColor(theme.colors.background)
+                $0.navigationBar.tintColor = UIColor(theme.colors.secondaryContent)
+            }
+            .toolbar {
+                ToolbarItem(placement: .navigationBarTrailing) {
+                    Button(action: {
+                        viewModel.send(viewAction: .cancel)
+                    }) {
+                        Image(uiImage: Asset.Images.spacesModalClose.image).renderingMode(.template)
+                    }
+                }
+            }
+    }
+    
+    // MARK: - Private
+    
+    @ViewBuilder
+    private var mainScreen: some View {
+        GeometryReader { reader in
+            ScrollView {
+                VStack {
+                    headerView
+                    Spacer()
+                    optionsView
+                }
+                .frame(minHeight: reader.size.height - 2)
+            }
+        }
+        .padding(EdgeInsets(top: 24, leading: 16, bottom: 24, trailing: 16))
+        .background(theme.colors.background)
+    }
+    
+    @ViewBuilder
+    private var headerView: some View {
+        VStack {
+            Text(viewModel.viewState.title)
+                .multilineTextAlignment(.center)
+                .font(theme.fonts.title3SB)
+                .foregroundColor(theme.colors.primaryContent)
+                .accessibility(identifier: "titleText")
+                .padding(.bottom, 20)
+            Text(viewModel.viewState.detail)
+                .multilineTextAlignment(.center)
+                .font(theme.fonts.body)
+                .foregroundColor(theme.colors.secondaryContent)
+                .accessibility(identifier: "detailText")
+        }
+    }
+    
+    @ViewBuilder
+    private var optionsView: some View {
+        VStack(spacing: 16) {
+            ForEach(viewModel.viewState.options) { option in
+                OptionButton(icon: option.icon, title: option.title, detailMessage: option.detail) {
+                    viewModel.send(viewAction: .didSelectOption(option.id))
+                }
+                .accessibility(identifier: "optionButton")
+            }
+            Text(VectorL10n.spacesCreationFooter)
+                .multilineTextAlignment(.center)
+                .font(theme.fonts.caption1)
+                .foregroundColor(theme.colors.secondaryContent)
+        }
+    }
+}
+
+// MARK: - Previews
+
+@available(iOS 14.0, *)
+struct SpaceCreationMenu_Previews: PreviewProvider {
+    
+    static let stateRenderer = MockSpaceCreationMenuScreenState.stateRenderer
+    
+    static var previews: some View {
+        Group {
+            stateRenderer.screenGroup(addNavigation: true)
+                .theme(.light).preferredColorScheme(.light)
+            stateRenderer.screenGroup(addNavigation: true)
+                .theme(.dark).preferredColorScheme(.dark)
+        }
+    }
+}
+
+/// Using an enum for the screen allows you define the different state cases with
+/// the relevant associated data for each case.
+@available(iOS 14.0, *)
+enum MockSpaceCreationMenuScreenState: MockScreenState, CaseIterable {
+    // A case for each state you want to represent
+    // with specific, minimal associated data that will allow you
+    // mock that screen.
+    case options
+    
+    /// The associated screen
+    var screenType: Any.Type {
+        SpaceCreationMenu.self
+    }
+    
+    /// Generate the view struct for the screen state.
+    var screenView: ([Any], AnyView) {
+        let viewModel = SpaceCreationMenuViewModel(navTitle: VectorL10n.spacesCreateSpaceTitle, creationParams: SpaceCreationParameters(), title: "Some title", detail: "Some detail text", options: [
+            SpaceCreationMenuRoomOption(id: .publicSpace, icon: Asset.Images.spaceTypeIcon.image, title: "Title of option 1", detail: "Detail of option 1"),
+            SpaceCreationMenuRoomOption(id: .publicSpace, icon: Asset.Images.spaceTypeIcon.image, title: "Title of option 2", detail: "Detail of option 2")
+        ])
+        
+        // can simulate service and viewModel actions here if needs be.
+        
+        return (
+            [viewModel],
+            AnyView(SpaceCreationMenu(viewModel: viewModel.context))
+        )
+    }
+}