selfprivacy.org.app/lib/ui/pages/providers/providers.dart

185 lines
6.4 KiB
Dart
Raw Normal View History

import 'package:easy_localization/easy_localization.dart';
2020-12-03 16:52:53 +00:00
import 'package:flutter/material.dart';
import 'package:selfprivacy/config/brand_theme.dart';
2021-12-06 18:31:19 +00:00
import 'package:selfprivacy/logic/cubit/backups/backups_cubit.dart';
2022-02-16 07:09:53 +00:00
import 'package:selfprivacy/logic/cubit/dns_records/dns_records_cubit.dart';
2020-12-10 20:33:19 +00:00
import 'package:selfprivacy/logic/cubit/providers/providers_cubit.dart';
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
2022-08-24 23:45:02 +00:00
import 'package:selfprivacy/logic/cubit/server_volumes/server_volume_cubit.dart';
2020-12-03 16:52:53 +00:00
import 'package:selfprivacy/ui/components/brand_header/brand_header.dart';
2022-09-15 21:08:14 +00:00
import 'package:selfprivacy/ui/components/brand_icons/brand_icons.dart';
2020-12-03 16:52:53 +00:00
import 'package:selfprivacy/ui/components/icon_status_mask/icon_status_mask.dart';
2021-01-06 17:35:57 +00:00
import 'package:selfprivacy/ui/components/not_ready_card/not_ready_card.dart';
2021-12-06 18:31:19 +00:00
import 'package:selfprivacy/ui/pages/backup_details/backup_details.dart';
2022-02-16 07:09:53 +00:00
import 'package:selfprivacy/ui/pages/dns_details/dns_details.dart';
import 'package:selfprivacy/ui/pages/server_details/server_details_screen.dart';
import 'package:selfprivacy/utils/route_transitions/basic.dart';
2021-03-26 13:38:39 +00:00
2022-06-05 19:36:32 +00:00
GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
2020-12-03 16:52:53 +00:00
class ProvidersPage extends StatefulWidget {
const ProvidersPage({final super.key});
2020-12-03 16:52:53 +00:00
@override
State<ProvidersPage> createState() => _ProvidersPageState();
2020-12-03 16:52:53 +00:00
}
class _ProvidersPageState extends State<ProvidersPage> {
@override
2022-06-05 19:36:32 +00:00
Widget build(final BuildContext context) {
final bool isReady = context.watch<ServerInstallationCubit>().state
is ServerInstallationFinished;
final bool isBackupInitialized =
context.watch<BackupsCubit>().state.isInitialized;
final DnsRecordsStatus dnsStatus =
context.watch<DnsRecordsCubit>().state.dnsState;
2022-02-16 07:09:53 +00:00
final diskStatus = context.watch<ApiServerVolumeCubit>().state.diskStatus;
2022-09-15 21:08:14 +00:00
final ServerInstallationState appConfig =
context.watch<ServerInstallationCubit>().state;
StateType getServerStatus() {
if (!isReady) {
return StateType.uninitialized;
}
if (!diskStatus.isDiskOkay) {
return StateType.warning;
}
return StateType.stable;
}
2022-02-16 07:09:53 +00:00
StateType getDnsStatus() {
if (dnsStatus == DnsRecordsStatus.uninitialized ||
dnsStatus == DnsRecordsStatus.refreshing) {
return StateType.uninitialized;
}
if (dnsStatus == DnsRecordsStatus.error) {
return StateType.warning;
}
return StateType.stable;
}
2021-01-06 17:35:57 +00:00
2020-12-03 16:52:53 +00:00
return Scaffold(
appBar: PreferredSize(
2022-05-24 18:55:39 +00:00
preferredSize: const Size.fromHeight(52),
2021-05-25 21:53:54 +00:00
child: BrandHeader(
title: 'providers.page_title'.tr(),
),
2020-12-03 16:52:53 +00:00
),
body: ListView(
2021-05-25 21:53:54 +00:00
padding: paddingH15V0,
2021-01-06 17:35:57 +00:00
children: [
if (!isReady) ...[
2022-05-24 18:55:39 +00:00
const NotReadyCard(),
const SizedBox(height: 24),
2021-01-06 17:35:57 +00:00
],
2022-09-15 21:08:14 +00:00
_Card(
state: getServerStatus(),
icon: BrandIcons.server,
title: 'providers.server.card_title'.tr(),
subtitle: diskStatus.isDiskOkay
? 'providers.storage.status_ok'.tr()
: 'providers.storage.status_error'.tr(),
onTap: () => Navigator.of(context)
.push(materialRoute(const ServerDetailsScreen())),
),
const SizedBox(height: 16),
_Card(
state: getDnsStatus(),
icon: BrandIcons.globe,
title: 'providers.domain.screen_title'.tr(),
subtitle: appConfig.isDomainSelected
? appConfig.serverDomain!.domainName
: '',
onTap: () => Navigator.of(context).push(
materialRoute(
const DnsDetailsPage(),
),
),
),
const SizedBox(height: 16),
// TODO: When backups are fixed, show this card
if (isBackupInitialized)
_Card(
state: isBackupInitialized
? StateType.stable
: StateType.uninitialized,
icon: BrandIcons.save,
title: 'providers.backup.card_title'.tr(),
subtitle: isBackupInitialized
? 'providers.backup.card_subtitle'.tr()
: '',
onTap: () => Navigator.of(context)
.push(materialRoute(const BackupDetails())),
),
2021-01-06 17:35:57 +00:00
],
2020-12-03 16:52:53 +00:00
),
);
}
}
class _Card extends StatelessWidget {
2022-09-15 21:08:14 +00:00
const _Card({
required final this.state,
required final this.icon,
required final this.title,
required final this.subtitle,
final this.onTap,
});
2021-01-27 18:33:00 +00:00
2022-09-15 21:08:14 +00:00
final Function()? onTap;
final StateType state;
final IconData icon;
final String title;
final String subtitle;
2021-03-26 13:38:39 +00:00
2022-09-15 21:08:14 +00:00
@override
Widget build(final BuildContext context) => Card(
2022-09-15 22:01:41 +00:00
clipBehavior: Clip.antiAlias,
2022-09-15 21:08:14 +00:00
child: InkResponse(
highlightShape: BoxShape.rectangle,
onTap: onTap,
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconStatusMask(
status: state,
child: Icon(icon, size: 30, color: Colors.white),
),
if (state != StateType.uninitialized)
IconStatusMask(
status: state,
child: Icon(
state == StateType.stable
? Icons.check_circle_outline
: state == StateType.warning
? Icons.warning_amber_outlined
: Icons.error_outline,
color: Colors.white,
),
),
],
),
const SizedBox(height: 8),
Text(
title,
style: Theme.of(context).textTheme.titleLarge,
),
if (state != StateType.uninitialized)
Text(
subtitle,
style: Theme.of(context).textTheme.bodyLarge,
),
],
),
2022-09-15 21:08:14 +00:00
),
2020-12-06 07:28:31 +00:00
),
2022-09-15 21:08:14 +00:00
);
2020-12-06 07:28:31 +00:00
}