selfprivacy.org.app/lib/ui/pages/users/user_details.dart

part of 'users.dart';

@RoutePage()
class UserDetailsPage extends StatelessWidget {
  const UserDetailsPage({
    required this.login,
    super.key,
  });

  final String login;
  @override
  Widget build(final BuildContext context) {
    final ServerInstallationState config =
        context.watch<ServerInstallationCubit>().state;

    final String domainName = UiHelpers.getDomainName(config);

    final User user = context.watch<UsersBloc>().state.users.firstWhere(
          (final User user) => user.login == login,
          orElse: () => const User(
            type: UserType.normal,
            login: 'error',
          ),
        );

    if (user.type == UserType.root) {
      return BrandHeroScreen(
        hasBackButton: true,
        hasFlashButton: true,
        heroTitle: 'ssh.root_title'.tr(),
        heroSubtitle: 'ssh.root_subtitle'.tr(),
        children: [
          _SshKeysCard(user: user),
        ],
      );
    }

    return BrandHeroScreen(
      hasBackButton: true,
      hasFlashButton: true,
      heroTitle: user.login,
      children: [
        _UserLogins(user: user, domainName: domainName),
        const SizedBox(height: 8),
        _SshKeysCard(user: user),
        const SizedBox(height: 8),
        ListTile(
          iconColor: Theme.of(context).colorScheme.onBackground,
          onTap: () => showModalBottomSheet(
            context: context,
            isScrollControlled: true,
            useRootNavigator: true,
            builder: (final BuildContext context) => Padding(
              padding: MediaQuery.of(context).viewInsets,
              child: ResetPassword(user: user),
            ),
          ),
          leading: const Icon(Icons.lock_reset_outlined),
          title: Text(
            'users.reset_password'.tr(),
          ),
        ),
        if (user.type == UserType.normal) _DeleteUserTile(user: user),
        const Divider(height: 8),
        Padding(
          padding: const EdgeInsets.all(16.0),
          child: InfoBox(
            text: 'users.no_ssh_notice'.tr(),
            isWarning: true,
          ),
        ),
      ],
    );
  }
}

class _DeleteUserTile extends StatelessWidget {
  const _DeleteUserTile({
    required this.user,
  });

  final User user;

  @override
  Widget build(final BuildContext context) => ListTile(
        iconColor: Theme.of(context).colorScheme.error,
        textColor: Theme.of(context).colorScheme.error,
        onTap: () => showDialog(
          context: context,
          // useRootNavigator: false,
          builder: (final BuildContext context) => AlertDialog(
            title: Text('basis.confirmation'.tr()),
            content: SingleChildScrollView(
              child: ListBody(
                children: <Widget>[
                  Text(
                    'users.delete_confirm_question'.tr(),
                  ),
                ],
              ),
            ),
            actions: <Widget>[
              TextButton(
                child: Text('basis.cancel'.tr()),
                onPressed: () {
                  context.router.pop();
                },
              ),
              TextButton(
                child: Text(
                  'basis.delete'.tr(),
                  style: TextStyle(
                    color: Theme.of(context).colorScheme.error,
                  ),
                ),
                onPressed: () {
                  context.read<JobsCubit>().addJob(DeleteUserJob(user: user));
                  context.router.childControllers.first.pop();
                  context.router.pop();
                },
              ),
            ],
          ),
        ),
        leading: const Icon(Icons.person_remove_outlined),
        title: Text(
          'users.delete_user'.tr(),
        ),
      );
}

class _UserLogins extends StatelessWidget {
  const _UserLogins({
    required this.user,
    required this.domainName,
  });

  final User user;
  final String domainName;

  @override
  Widget build(final BuildContext context) {
    final email = '${user.login}@$domainName';
    return FilledCard(
      child: Column(
        children: [
          ListTileOnSurfaceVariant(
            onTap: () {
              PlatformAdapter.setClipboard(email);
              getIt<NavigationService>().showSnackBar(
                'basis.copied_to_clipboard'.tr(),
              );
            },
            title: email,
            subtitle: 'users.email_login'.tr(),
            leadingIcon: Icons.alternate_email_outlined,
          ),
        ],
      ),
    );
  }
}

class _SshKeysCard extends StatelessWidget {
  const _SshKeysCard({
    required this.user,
  });

  final User user;

  @override
  Widget build(final BuildContext context) {
    final serverDetailsState = context.watch<ServerDetailsCubit>().state;
    final bool sshDisabled =
        serverDetailsState is Loaded && !serverDetailsState.sshSettings.enable;

    return FilledCard(
      child: Column(
        children: [
          ListTileOnSurfaceVariant(
            title: 'ssh.title'.tr(),
          ),
          const Divider(height: 0),
          ListTileOnSurfaceVariant(
            title: 'ssh.create'.tr(),
            leadingIcon: Icons.add_circle_outline,
            onTap: () {
              showModalBottomSheet<void>(
                context: context,
                isScrollControlled: true,
                useRootNavigator: true,
                builder: (final BuildContext context) => Padding(
                  padding: MediaQuery.of(context).viewInsets,
                  child: NewSshKey(user),
                ),
              );
            },
          ),
          Column(
            children: user.sshKeys.map((final String key) {
              final publicKey =
                  key.split(' ').length > 1 ? key.split(' ')[1] : key;
              final keyType = key.split(' ')[0];
              final keyName = key.split(' ').length > 2
                  ? key.split(' ')[2]
                  : 'ssh.no_key_name'.tr();
              return ListTileOnSurfaceVariant(
                title: '$keyName ($keyType)',
                disableSubtitleOverflow: true,
                // do not overflow text
                subtitle: publicKey,
                onTap: () {
                  showDialog(
                    context: context,
                    builder: (final BuildContext context) => AlertDialog(
                      title: Text('ssh.delete'.tr()),
                      content: SingleChildScrollView(
                        child: ListBody(
                          children: <Widget>[
                            Text('ssh.delete_confirm_question'.tr()),
                            Text('$keyName ($keyType)'),
                            Text(publicKey),
                          ],
                        ),
                      ),
                      actions: <Widget>[
                        TextButton(
                          child: Text('basis.cancel'.tr()),
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                        ),
                        TextButton(
                          child: Text(
                            'basis.delete'.tr(),
                            style: TextStyle(
                              color: Theme.of(context).colorScheme.error,
                            ),
                          ),
                          onPressed: () {
                            context.read<JobsCubit>().addJob(
                                  DeleteSSHKeyJob(
                                    user: user,
                                    publicKey: key,
                                  ),
                                );
                            context.popRoute();
                          },
                        ),
                      ],
                    ),
                  );
                },
              );
            }).toList(),
          ),
          if (sshDisabled)
            Column(
              children: [
                const Divider(height: 0),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Expanded(
                    child: InfoBox(
                      text: 'ssh.ssh_disabled_warning'.tr(),
                      isWarning: true,
                    ),
                  ),
                ),
              ],
            ),
        ],
      ),
    );
  }
}

class NewSshKey extends StatelessWidget {
  const NewSshKey(this.user, {super.key});
  final User user;

  @override
  Widget build(final BuildContext context) => BlocProvider(
        create: (final context) {
          final jobCubit = context.read<JobsCubit>();
          final jobState = jobCubit.state;
          if (jobState is JobsStateWithJobs) {
            final jobs = jobState.clientJobList;
            for (final job in jobs) {
              if (job is CreateSSHKeyJob && job.user.login == user.login) {
                user.sshKeys.add(job.publicKey);
              }
            }
          }
          return SshFormCubit(
            jobsCubit: jobCubit,
            user: user,
          );
        },
        child: Builder(
          builder: (final context) {
            final formCubitState = context.watch<SshFormCubit>().state;

            return BlocListener<SshFormCubit, FormCubitState>(
              listener: (final context, final state) {
                if (state.isSubmitted) {
                  Navigator.pop(context);
                }
              },
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisSize: MainAxisSize.min,
                children: [
                  BrandHeader(
                    title: user.login,
                  ),
                  const SizedBox(width: 14),
                  Padding(
                    padding: paddingH15V0,
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        IntrinsicHeight(
                          child: CubitFormTextField(
                            autofocus: true,
                            formFieldCubit: context.read<SshFormCubit>().key,
                            decoration: InputDecoration(
                              labelText: 'ssh.input_label'.tr(),
                            ),
                          ),
                        ),
                        const SizedBox(height: 30),
                        BrandButton.rised(
                          onPressed: formCubitState.isSubmitting
                              ? null
                              : () => context.read<SshFormCubit>().trySubmit(),
                          text: 'ssh.create'.tr(),
                        ),
                        const SizedBox(height: 30),
                      ],
                    ),
                  ),
                ],
              ),
            );
          },
        ),
      );
}