mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-08-26 15:01:50 +00:00
301 lines
10 KiB
Dart
301 lines
10 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:selfprivacy/logic/cubit/app_config_dependent/authentication_dependend_cubit.dart';
|
|
import 'package:selfprivacy/logic/models/server_basic_info.dart';
|
|
import 'package:selfprivacy/ui/components/brand_button/filled_button.dart';
|
|
import 'package:selfprivacy/ui/components/brand_button/brand_button.dart';
|
|
import 'package:selfprivacy/ui/components/brand_cards/filled_card.dart';
|
|
import 'package:selfprivacy/ui/components/brand_hero_screen/brand_hero_screen.dart';
|
|
|
|
class RecoveryConfirmServer extends StatefulWidget {
|
|
const RecoveryConfirmServer({super.key});
|
|
|
|
@override
|
|
State<RecoveryConfirmServer> createState() => _RecoveryConfirmServerState();
|
|
}
|
|
|
|
class _RecoveryConfirmServerState extends State<RecoveryConfirmServer> {
|
|
bool _isExtended = false;
|
|
|
|
bool _isServerFound(final List<ServerBasicInfoWithValidators> servers) =>
|
|
servers
|
|
.where((final server) => server.isIpValid && server.isReverseDnsValid)
|
|
.length ==
|
|
1;
|
|
|
|
ServerBasicInfoWithValidators _firstValidServer(
|
|
final List<ServerBasicInfoWithValidators> servers,
|
|
) =>
|
|
servers
|
|
.where((final server) => server.isIpValid && server.isReverseDnsValid)
|
|
.first;
|
|
|
|
@override
|
|
Widget build(final BuildContext context) => BrandHeroScreen(
|
|
heroTitle: _isExtended
|
|
? 'recovering.choose_server'.tr()
|
|
: 'recovering.confirm_server'.tr(),
|
|
heroSubtitle: _isExtended
|
|
? 'recovering.choose_server_description'.tr()
|
|
: 'recovering.confirm_server_description'.tr(),
|
|
hasBackButton: true,
|
|
onBackButtonPressed: () {
|
|
Navigator.of(context).popUntil((final route) => route.isFirst);
|
|
},
|
|
hasFlashButton: false,
|
|
children: [
|
|
FutureBuilder<List<ServerBasicInfoWithValidators>>(
|
|
future:
|
|
context.read<ServerInstallationCubit>().getAvailableServers(),
|
|
builder: (final context, final snapshot) {
|
|
if (snapshot.hasData) {
|
|
final servers = snapshot.data;
|
|
return Column(
|
|
children: [
|
|
if (servers != null && servers.isNotEmpty)
|
|
Column(
|
|
children: [
|
|
if (servers.length == 1 ||
|
|
(!_isExtended && _isServerFound(servers)))
|
|
confirmServer(
|
|
context,
|
|
_firstValidServer(servers),
|
|
servers.length > 1,
|
|
),
|
|
if (servers.length > 1 &&
|
|
(_isExtended || !_isServerFound(servers)))
|
|
chooseServer(context, servers),
|
|
],
|
|
),
|
|
if (servers?.isEmpty ?? true)
|
|
Center(
|
|
child: Text(
|
|
'recovering.no_servers'.tr(),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
} else {
|
|
return const Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
},
|
|
)
|
|
],
|
|
);
|
|
|
|
Widget confirmServer(
|
|
final BuildContext context,
|
|
final ServerBasicInfoWithValidators server,
|
|
final bool showMoreServersButton,
|
|
) =>
|
|
Column(
|
|
children: [
|
|
serverCard(
|
|
context: context,
|
|
server: server,
|
|
),
|
|
const SizedBox(height: 16),
|
|
FilledButton(
|
|
title: 'recovering.confirm_server_accept'.tr(),
|
|
onPressed: () => _showConfirmationDialog(context, server),
|
|
),
|
|
const SizedBox(height: 16),
|
|
if (showMoreServersButton)
|
|
BrandButton.text(
|
|
title: 'recovering.confirm_server_decline'.tr(),
|
|
onPressed: () => setState(() => _isExtended = true),
|
|
),
|
|
],
|
|
);
|
|
|
|
Widget chooseServer(
|
|
final BuildContext context,
|
|
final List<ServerBasicInfoWithValidators> servers,
|
|
) =>
|
|
Column(
|
|
children: [
|
|
for (final server in servers)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: serverCard(
|
|
context: context,
|
|
server: server,
|
|
onTap: () => _showConfirmationDialog(context, server),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
|
|
Widget serverCard({
|
|
required final BuildContext context,
|
|
required final ServerBasicInfoWithValidators server,
|
|
final VoidCallback? onTap,
|
|
}) =>
|
|
FilledCard(
|
|
child: ListTile(
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
|
onTap: onTap,
|
|
title: Text(
|
|
server.name,
|
|
style: Theme.of(context).textTheme.titleMedium!.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
),
|
|
leading: Icon(
|
|
Icons.dns_outlined,
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
subtitle: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
server.isReverseDnsValid ? Icons.check : Icons.close,
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'rDNS: ${server.reverseDns}',
|
|
style: Theme.of(context).textTheme.bodyMedium!.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
server.isIpValid ? Icons.check : Icons.close,
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'IP: ${server.ip}',
|
|
style: Theme.of(context).textTheme.bodyMedium!.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
Future _showConfirmationDialog(
|
|
final BuildContext context,
|
|
final ServerBasicInfoWithValidators server,
|
|
) =>
|
|
showDialog(
|
|
context: context,
|
|
builder: (final context) => AlertDialog(
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.warning_amber_outlined),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
'recovering.modal_confirmation_title'.tr(),
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
'recovering.modal_confirmation_description'.tr(),
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
const SizedBox(height: 12),
|
|
const Divider(),
|
|
const SizedBox(height: 12),
|
|
Text(
|
|
server.name,
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
textAlign: TextAlign.start,
|
|
),
|
|
const SizedBox(height: 8),
|
|
IsValidStringDisplay(
|
|
isValid: server.isReverseDnsValid,
|
|
textIfValid: 'recovering.modal_confirmation_dns_valid'.tr(),
|
|
textIfInvalid: 'recovering.modal_confirmation_dns_invalid'.tr(),
|
|
),
|
|
const SizedBox(height: 8),
|
|
IsValidStringDisplay(
|
|
isValid: server.isIpValid,
|
|
textIfValid: 'recovering.modal_confirmation_ip_valid'.tr(),
|
|
textIfInvalid: 'recovering.modal_confirmation_ip_invalid'.tr(),
|
|
),
|
|
],
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
child: Text('modals.no'.tr()),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
TextButton(
|
|
child: Text('modals.yes'.tr()),
|
|
onPressed: () {
|
|
context.read<ServerInstallationCubit>().setServerId(server);
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
class IsValidStringDisplay extends StatelessWidget {
|
|
const IsValidStringDisplay({
|
|
required this.isValid,
|
|
required this.textIfValid,
|
|
required this.textIfInvalid,
|
|
super.key,
|
|
});
|
|
|
|
final bool isValid;
|
|
final String textIfValid;
|
|
final String textIfInvalid;
|
|
|
|
@override
|
|
Widget build(final BuildContext context) => Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
if (isValid)
|
|
Icon(Icons.check, color: Theme.of(context).colorScheme.onSurface)
|
|
else
|
|
Icon(Icons.close, color: Theme.of(context).colorScheme.error),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: isValid
|
|
? Text(
|
|
textIfValid,
|
|
style: Theme.of(context).textTheme.bodyMedium!.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
)
|
|
: Text(
|
|
textIfInvalid,
|
|
style: Theme.of(context).textTheme.bodyMedium!.copyWith(
|
|
color: Theme.of(context).colorScheme.error,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|