Renaming screens returns (#829)

* Rename: StartChat -> StartChatScreen * Rename: Login -> LoginScreen * Rename: ServerSelection -> ServerSelectionScreen * Rename: SoftLogout -> SoftLogoutScreen
2026-11-03 06:55:59 +00:00 · 2023-04-25 12:13:03 +03:00
parent 24572c6582
commit b726cd149a
31 changed files with 286 additions and 286 deletions
@@ -0,0 +1,194 @@
+//
+// Copyright 2022 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
+
+struct SoftLogoutScreen: View {
+    @State private var showingClearDataConfirmation = false
+
+    /// The focus state of the password text field.
+    @FocusState private var isPasswordFocused: Bool
+
+    @ObservedObject var context: SoftLogoutScreenViewModel.Context
+    
+    var body: some View {
+        ScrollView {
+            VStack(spacing: 0) {
+                header
+                    .padding(.top, UIConstants.titleTopPaddingToNavigationBar)
+                    .padding(.bottom, 36)
+
+                switch context.viewState.loginMode {
+                case .password:
+                    loginForm
+                case .oidc:
+                    oidcButton
+                default:
+                    loginUnavailableText
+                }
+
+                clearDataForm
+                    .padding(.top, 16)
+            }
+            .readableFrame()
+            .padding(.horizontal, 16)
+            .padding(.bottom, 16)
+        }
+        .background(Color.element.background.ignoresSafeArea())
+        .alert(item: $context.alertInfo) { $0.alert }
+    }
+
+    /// The title, message and icon at the top of the screen.
+    var header: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(UntranslatedL10n.softLogoutSigninTitle)
+                .font(.element.title2Bold)
+                .multilineTextAlignment(.leading)
+                .foregroundColor(.element.primaryContent)
+                .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.title)
+
+            Text(UntranslatedL10n.softLogoutSigninNotice(context.viewState.credentials.homeserverName, context.viewState.credentials.userDisplayName, context.viewState.credentials.userId))
+                .font(.element.body)
+                .multilineTextAlignment(.leading)
+                .foregroundColor(.element.primaryContent)
+                .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.message)
+
+            if context.viewState.showRecoverEncryptionKeysMessage {
+                Text(UntranslatedL10n.softLogoutSigninE2eWarningNotice)
+                    .font(.element.body)
+                    .multilineTextAlignment(.leading)
+                    .foregroundColor(.element.primaryContent)
+            }
+        }
+    }
+
+    /// The form with text fields for username and password, along with a submit button.
+    var loginForm: some View {
+        VStack(spacing: 14) {
+            SecureField(L10n.commonPassword, text: $context.password)
+                .focused($isPasswordFocused)
+                .textFieldStyle(.elementInput())
+                .textContentType(.password)
+                .submitLabel(.done)
+                .onSubmit(submit)
+                .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.password)
+
+            Button { context.send(viewAction: .forgotPassword) } label: {
+                Text(UntranslatedL10n.softLogoutForgotPassword)
+                    .font(.element.body)
+            }
+            .frame(maxWidth: .infinity, alignment: .trailing)
+            .padding(.bottom, 8)
+            .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.forgotPassword)
+
+            Button(action: submit) {
+                Text(L10n.actionNext)
+            }
+            .buttonStyle(.elementAction(.xLarge))
+            .disabled(!context.viewState.canSubmit)
+            .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.next)
+        }
+    }
+
+    /// The OIDC button that can be used for login.
+    var oidcButton: some View {
+        Button { context.send(viewAction: .continueWithOIDC) } label: {
+            Text(L10n.actionContinue)
+        }
+        .buttonStyle(.elementAction(.xLarge))
+    }
+
+    /// Text shown if neither password or OIDC login is supported.
+    var loginUnavailableText: some View {
+        Text(L10n.screenLoginErrorUnsupportedAuthentication)
+            .font(.body)
+            .multilineTextAlignment(.center)
+            .foregroundColor(.element.primaryContent)
+            .frame(maxWidth: .infinity)
+    }
+
+    /// The text field and submit button where the user enters an email address.
+    var clearDataForm: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text(UntranslatedL10n.softLogoutClearDataTitle)
+                .font(.element.title2Bold)
+                .multilineTextAlignment(.leading)
+                .foregroundColor(.element.primaryContent)
+                .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.clearDataTitle)
+
+            Text(UntranslatedL10n.softLogoutClearDataNotice)
+                .font(.element.body)
+                .multilineTextAlignment(.leading)
+                .foregroundColor(.element.primaryContent)
+                .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.clearDataMessage)
+                .padding(.bottom, 12)
+
+            Button(action: clearData) {
+                Text(UntranslatedL10n.softLogoutClearDataSubmit)
+            }
+            .buttonStyle(.elementAction(.xLarge, color: .element.alert))
+            .accessibilityIdentifier(A11yIdentifiers.softLogoutScreen.clearData)
+            .alert(UntranslatedL10n.softLogoutClearDataDialogTitle,
+                   isPresented: $showingClearDataConfirmation) {
+                Button(L10n.screenSignoutConfirmationDialogSubmit,
+                       role: .destructive,
+                       action: clearData)
+            } message: {
+                Text(UntranslatedL10n.softLogoutClearDataDialogContent)
+            }
+        }
+    }
+
+    /// Sends the `login` view action so long as a valid email address has been input.
+    func submit() {
+        guard context.viewState.canSubmit else { return }
+        context.send(viewAction: .login)
+    }
+
+    /// Sends the `forgotPassword` view action.
+    func forgotPassword() {
+        context.send(viewAction: .forgotPassword)
+    }
+
+    /// Sends the `clearAllData` view action.
+    func clearData() {
+        context.send(viewAction: .clearAllData)
+    }
+}
+
+// MARK: - Previews
+
+struct SoftLogoutScreen_Previews: PreviewProvider {
+    static var previews: some View {
+        ForEach(MockSoftLogoutScreenState.allCases) { state in
+            screen(for: state.viewModel)
+        }
+    }
+
+    static func screen(for viewModel: SoftLogoutScreenViewModel) -> some View {
+        NavigationStack {
+            SoftLogoutScreen(context: viewModel.context)
+                .navigationBarTitleDisplayMode(.inline)
+                .toolbar {
+                    ToolbarItem(placement: .cancellationAction) {
+                        Button { } label: {
+                            Text("\(Image(systemName: "chevron.backward")) Back")
+                        }
+                    }
+                }
+        }
+    }
+}