[iOS] Create public space #143

- Initial space creation flow
2026-04-25 19:10:49 +02:00 · 2021-11-23 09:35:32 +01:00
parent 57f2f059ef
commit 272d778779
145 changed files with 7280 additions and 11 deletions
@@ -0,0 +1,136 @@
+// File created from SimpleUserProfileExample
+// $ createScreen.sh Spaces/SpaceCreation/SpaceCreationMatrixItemChooser SpaceCreationMatrixItemChooser
+// 
+// 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 SpaceCreationMatrixItemChooser: View {
+    
+    // MARK: - Properties
+    
+    @ObservedObject var viewModel: SpaceCreationMatrixItemChooserViewModel.Context
+    @State var searchText: String = ""
+    
+    // MARK: Private
+    
+    @Environment(\.theme) private var theme: ThemeSwiftUI
+    
+    // MARK: Public
+    
+    @ViewBuilder
+    var body: some View {
+        VStack {
+            headerView
+            listContent
+            footerView
+        }
+        .background(theme.colors.background)
+        .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)
+                }
+            }
+        }
+    }
+    
+    @ViewBuilder
+    var headerView: some View {
+        VStack {
+            Text(viewModel.viewState.title)
+                .font(theme.fonts.bodySB)
+                .foregroundColor(theme.colors.primaryContent)
+                .padding(.horizontal)
+                .padding(.vertical, 8)
+                .accessibility(identifier: "titleText")
+            Text(viewModel.viewState.message)
+                .font(theme.fonts.callout)
+                .foregroundColor(theme.colors.secondaryContent)
+                .multilineTextAlignment(.center)
+                .padding(.horizontal)
+                .accessibility(identifier: "messageText")
+            Spacer().frame(height: 24)
+            SearchBar(placeholder: VectorL10n.searchableDirectorySearchPlaceholder, text: $searchText)
+                .onChange(of: searchText, perform: { value in
+                    viewModel.send(viewAction: .searchTextChanged(searchText))
+                })
+        }
+    }
+
+    @ViewBuilder
+    var listContent: some View {
+        ScrollView{
+            if viewModel.viewState.items.isEmpty {
+                Text(viewModel.viewState.emptyListMessage)
+                    .font(theme.fonts.body)
+                    .foregroundColor(theme.colors.secondaryContent)
+                    .accessibility(identifier: "emptyListMessage")
+                Spacer()
+            } else {
+                LazyVStack(spacing: 0) {
+                    ForEach(viewModel.viewState.items) { item in
+                        Button {
+                            viewModel.send(viewAction: .itemTapped(item.id))
+                        } label: {
+                            SpaceCreationMatrixItemChooserListRow(
+                                avatar: item.avatar,
+                                displayName: item.displayName,
+                                detailText: item.detailText,
+                                isSelected: viewModel.viewState.selectedItemIds.contains(item.id)
+                            )
+                        }
+                    }
+                }
+                .accessibility(identifier: "itemsList")
+                .frame(maxHeight: .infinity, alignment: .top)
+            }
+        }
+    }
+    
+    @ViewBuilder
+    var footerView: some View {
+        ThemableButton(icon: nil, title: viewModel.viewState.selectedItemIds.isEmpty ? VectorL10n.skip : VectorL10n.next) {
+            viewModel.send(viewAction: .done)
+        }
+        .accessibility(identifier: "doneButton")
+        .padding(.horizontal, 24)
+        .padding(.bottom, 8)
+    }
+}
+
+// MARK: - Previews
+
+@available(iOS 14.0, *)
+struct SpaceCreationMatrixItemChooser_Previews: PreviewProvider {
+    
+    static let stateRenderer = MockSpaceCreationMatrixItemChooserScreenState.stateRenderer
+    static var previews: some View {
+        stateRenderer.screenGroup(addNavigation: true)
+            .theme(.light).preferredColorScheme(.light)
+        stateRenderer.screenGroup(addNavigation: true)
+            .theme(.dark).preferredColorScheme(.dark)
+    }
+}
@@ -0,0 +1,73 @@
+// 
+// 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 SpaceCreationMatrixItemChooserListRow: View {
+
+    // MARK: - Properties
+    
+    // MARK: Private
+    
+    @Environment(\.theme) private var theme: ThemeSwiftUI
+    
+    // MARK: Public
+    
+    let avatar: AvatarInputProtocol
+    let displayName: String?
+    let detailText: String?
+    let isSelected: Bool
+    
+    @ViewBuilder
+    var body: some View {
+        HStack{
+            AvatarImage(avatarData: avatar, size: .small)
+            VStack(alignment: .leading) {
+                Text(displayName ?? "")
+                    .foregroundColor(theme.colors.primaryContent)
+                    .font(theme.fonts.callout)
+                    .accessibility(identifier: "itemNameText")
+                if let detailText = self.detailText {
+                    Text(detailText)
+                        .foregroundColor(theme.colors.secondaryContent)
+                        .font(theme.fonts.footnote)
+                        .accessibility(identifier: "itemDetailText")
+                }
+            }
+            Spacer()
+            if isSelected {
+                Image(systemName: "checkmark.circle.fill").renderingMode(.template).foregroundColor(theme.colors.accent)
+            } else {
+                Image(systemName: "circle").renderingMode(.template).foregroundColor(theme.colors.tertiaryContent)
+            }
+        }
+        //add to a style
+        .padding(.horizontal)
+        .padding(.vertical, 12)
+        .frame(maxWidth: .infinity)
+    }
+}
+
+// MARK: - Previews
+
+@available(iOS 14.0, *)
+struct SpaceCreationMatrixItemChooserListRow_Previews: PreviewProvider {
+    static var previews: some View {
+        TemplateRoomListRow(avatar: MockAvatarInput.example, displayName: "Alice")
+            .addDependency(MockAvatarService.example)
+    }
+}