Initial commit

lib/pages/bootstrap/widgets/restore_bootstrap_view.dart

@@ -0,0 +1,198 @@
+// SPDX-FileCopyrightText: 2019-Present Christian Kußowski
+// SPDX-FileCopyrightText: 2019-Present Contributors to FluffyChat
+//
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import 'package:tatchat/config/app_config.dart';
+import 'package:tatchat/l10n/l10n.dart';
+import 'package:tatchat/pages/bootstrap/view_model/bootstrap_view_model.dart';
+import 'package:tatchat/pages/key_verification/key_verification_dialog.dart';
+import 'package:tatchat/utils/date_time_extension.dart';
+import 'package:tatchat/utils/localized_exception_extension.dart';
+import 'package:tatchat/utils/matrix_sdk_extensions/device_extension.dart';
+import 'package:tatchat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
+import 'package:material_ui/material_ui.dart';
+import 'package:matrix/encryption/utils/key_verification.dart';
+import 'package:matrix/matrix.dart';
+
+class RestoreBootstrapView extends StatelessWidget {
+  final BootstrapViewModel viewModel;
+
+  const RestoreBootstrapView(this.viewModel, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final keyVerification = viewModel.value.keyVerification;
+    if (keyVerification != null) {
+      Logs().v('Key verification state:', keyVerification.state);
+      if (keyVerification.state == KeyVerificationState.askSas) {
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          KeyVerificationDialog(request: keyVerification).show(context);
+        });
+      }
+    }
+    final devices =
+        viewModel.value.connectedDevices
+            ?.map(
+              (device) => (
+                title: device.displayname,
+                lastActive: device.lastActive,
+                icon: device.icon,
+              ),
+            )
+            .toList() ??
+        [];
+    return ListView(
+      padding: const EdgeInsets.all(16.0),
+      children: [
+        if (keyVerification != null) ...[
+          ListTile(
+            leading:
+                (keyVerification.state == KeyVerificationState.error ||
+                    viewModel.value.noSecretsreceived)
+                ? IconButton(
+                    onPressed: viewModel.value.isLoading
+                        ? null
+                        : viewModel.retryKeyVerification,
+                    tooltip: L10n.of(context).tryAgain,
+                    icon: Icon(Icons.refresh_outlined),
+                  )
+                : Padding(
+                    padding: const EdgeInsets.all(10.0),
+                    child: CircularProgressIndicator.adaptive(),
+                  ),
+            minLeadingWidth: 40,
+            title: Text(
+              viewModel.value.waitingForSecrets
+                  ? L10n.of(context).waitingForKeys
+                  : viewModel.value.noSecretsreceived
+                  ? L10n.of(context).noKeysTransmitted
+                  : L10n.of(context).restoreBootstrapDevicesDescription,
+
+              style: TextStyle(fontSize: 14),
+            ),
+          ),
+          const SizedBox(height: 16),
+          Material(
+            color: theme.colorScheme.surfaceContainer,
+            clipBehavior: Clip.hardEdge,
+            borderRadius: BorderRadius.circular(AppConfig.borderRadius),
+            child: ConstrainedBox(
+              constraints: BoxConstraints(maxHeight: 128),
+              child: Scrollbar(
+                thumbVisibility: true,
+                trackVisibility: true,
+                controller: viewModel.devicesScrollController,
+                child: ListView.builder(
+                  controller: viewModel.devicesScrollController,
+                  shrinkWrap: true,
+                  itemCount: devices.length,
+                  itemBuilder: (context, i) => ListTile(
+                    leading: CircleAvatar(
+                      foregroundColor: theme.colorScheme.onPrimary,
+                      backgroundColor: theme.colorScheme.primary,
+                      child: Icon(devices[i].icon),
+                    ),
+                    title: Text(
+                      devices[i].title,
+                      maxLines: 1,
+                      overflow: .ellipsis,
+                      style: TextStyle(fontSize: 14),
+                    ),
+                    subtitle: Text(
+                      L10n.of(context).lastActiveAgo(
+                        devices[i].lastActive.localizedTime(context),
+                      ),
+                      style: TextStyle(fontSize: 11),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+          Row(
+            children: [
+              Expanded(child: Divider(height: 64)),
+              Padding(
+                padding: EdgeInsets.symmetric(horizontal: 16),
+                child: Text(L10n.of(context).or),
+              ),
+              Expanded(child: Divider(height: 64)),
+            ],
+          ),
+        ] else ...[
+          Text(
+            L10n.of(context).restoreBootstrapEmptyDevicesDescription,
+            textAlign: .center,
+          ),
+          const SizedBox(height: 32),
+        ],
+        TextField(
+          readOnly: viewModel.value.isLoading,
+          obscureText: viewModel.value.obscureText,
+          controller: viewModel.enterPassphraseOrRecovController,
+          minLines: 1,
+          maxLines: viewModel.value.obscureText ? 1 : 4,
+          onSubmitted: (_) => viewModel.unlock(context),
+          decoration: InputDecoration(
+            hintText: L10n.of(context).passphraseOrKey,
+            prefixIcon: IconButton(
+              icon: Icon(
+                viewModel.value.obscureText
+                    ? Icons.visibility_outlined
+                    : Icons.visibility_off_outlined,
+              ),
+              onPressed: viewModel.toggleObscureText,
+            ),
+            errorText: viewModel.value.unlockWithError?.toLocalizedString(
+              context,
+            ),
+            errorMaxLines: 4,
+            suffixIcon: viewModel.value.isLoading
+                ? SizedBox.square(
+                    dimension: 32,
+                    child: Center(
+                      child: CircularProgressIndicator.adaptive(strokeWidth: 2),
+                    ),
+                  )
+                : TextButton(
+                    style: TextButton.styleFrom(
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(
+                          AppConfig.borderRadius / 2,
+                        ),
+                      ),
+                    ),
+                    onPressed: viewModel.value.passphraseOrRecoveryKeyEntered
+                        ? () => viewModel.unlock(context)
+                        : () => viewModel.openRecoveryKeyFile(context),
+                    child: Text(
+                      viewModel.value.passphraseOrRecoveryKeyEntered
+                          ? L10n.of(context).unlock
+                          : L10n.of(context).openFile,
+                    ),
+                  ),
+          ),
+        ),
+        const SizedBox(height: 16),
+        TextButton(
+          onPressed: () async {
+            final consent = await showOkCancelAlertDialog(
+              context: context,
+              title: L10n.of(context).warning,
+              message: L10n.of(context).resetAccountWarning,
+              isDestructive: true,
+              okLabel: L10n.of(context).resetAccount,
+            );
+            if (consent != OkCancelResult.ok) return;
+            if (!context.mounted) return;
+            viewModel.startResetAccount();
+          },
+          style: TextButton.styleFrom(foregroundColor: theme.colorScheme.error),
+          child: Text(L10n.of(context).resetAccount),
+        ),
+      ],
+    );
+  }
+}