mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-08-23 21:41:51 +00:00
235 lines
9.3 KiB
Dart
235 lines
9.3 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
|
|
import 'package:selfprivacy/logic/cubit/backups/backups_cubit.dart';
|
|
import 'package:selfprivacy/logic/models/json/backup.dart';
|
|
import 'package:selfprivacy/logic/models/state_types.dart';
|
|
import 'package:selfprivacy/ui/components/brand_button/brand_button.dart';
|
|
import 'package:selfprivacy/ui/components/brand_cards/outlined_card.dart';
|
|
import 'package:selfprivacy/ui/components/brand_hero_screen/brand_hero_screen.dart';
|
|
import 'package:selfprivacy/ui/components/brand_icons/brand_icons.dart';
|
|
import 'package:selfprivacy/ui/components/brand_text/brand_text.dart';
|
|
import 'package:selfprivacy/ui/helpers/modals.dart';
|
|
|
|
GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
|
|
|
|
class BackupDetails extends StatefulWidget {
|
|
const BackupDetails({super.key});
|
|
|
|
@override
|
|
State<BackupDetails> createState() => _BackupDetailsState();
|
|
}
|
|
|
|
class _BackupDetailsState extends State<BackupDetails>
|
|
with SingleTickerProviderStateMixin {
|
|
@override
|
|
Widget build(final BuildContext context) {
|
|
final bool isReady = context.watch<ServerInstallationCubit>().state
|
|
is ServerInstallationFinished;
|
|
final bool isBackupInitialized =
|
|
context.watch<BackupsCubit>().state.isInitialized;
|
|
final BackupStatusEnum backupStatus =
|
|
context.watch<BackupsCubit>().state.status;
|
|
final StateType providerState = isReady && isBackupInitialized
|
|
? (backupStatus == BackupStatusEnum.error
|
|
? StateType.warning
|
|
: StateType.stable)
|
|
: StateType.uninitialized;
|
|
final bool preventActions =
|
|
context.watch<BackupsCubit>().state.preventActions;
|
|
final double backupProgress = context.watch<BackupsCubit>().state.progress;
|
|
final String backupError = context.watch<BackupsCubit>().state.error;
|
|
final List<Backup> backups = context.watch<BackupsCubit>().state.backups;
|
|
final bool refreshing = context.watch<BackupsCubit>().state.refreshing;
|
|
|
|
return BrandHeroScreen(
|
|
heroIcon: BrandIcons.save,
|
|
heroTitle: 'backup.card_title'.tr(),
|
|
heroSubtitle: 'backup.description'.tr(),
|
|
children: [
|
|
if (isReady && !isBackupInitialized)
|
|
BrandButton.rised(
|
|
onPressed: preventActions
|
|
? null
|
|
: () async {
|
|
await context.read<BackupsCubit>().createBucket();
|
|
},
|
|
text: 'backup.initialize'.tr(),
|
|
),
|
|
if (backupStatus == BackupStatusEnum.initializing)
|
|
BrandText.body1('backup.waiting_for_rebuild'.tr()),
|
|
if (backupStatus != BackupStatusEnum.initializing &&
|
|
backupStatus != BackupStatusEnum.noKey)
|
|
OutlinedCard(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (backupStatus == BackupStatusEnum.initialized)
|
|
ListTile(
|
|
onTap: preventActions
|
|
? null
|
|
: () async {
|
|
await context.read<BackupsCubit>().createBackup();
|
|
},
|
|
leading: const Icon(
|
|
Icons.add_circle_outline_rounded,
|
|
),
|
|
title: Text(
|
|
'backup.create_new'.tr(),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
),
|
|
if (backupStatus == BackupStatusEnum.backingUp)
|
|
ListTile(
|
|
title: Text(
|
|
'backup.creating'.tr(
|
|
args: [(backupProgress * 100).round().toString()],
|
|
),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
subtitle: LinearProgressIndicator(
|
|
value: backupProgress,
|
|
backgroundColor: Colors.grey.withOpacity(0.2),
|
|
),
|
|
),
|
|
if (backupStatus == BackupStatusEnum.restoring)
|
|
ListTile(
|
|
title: Text(
|
|
'backup.restoring'.tr(
|
|
args: [(backupProgress * 100).round().toString()],
|
|
),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
subtitle: LinearProgressIndicator(
|
|
backgroundColor: Colors.grey.withOpacity(0.2),
|
|
),
|
|
),
|
|
if (backupStatus == BackupStatusEnum.error)
|
|
ListTile(
|
|
leading: Icon(
|
|
Icons.error_outline,
|
|
color: Theme.of(context).colorScheme.error,
|
|
),
|
|
title: Text(
|
|
'backup.error_pending'.tr(),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
// Card with a list of existing backups
|
|
// Each list item has a date
|
|
// When clicked, starts the restore action
|
|
if (backupStatus != BackupStatusEnum.initializing &&
|
|
backupStatus != BackupStatusEnum.noKey)
|
|
OutlinedCard(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(
|
|
Icons.refresh,
|
|
),
|
|
title: Text(
|
|
'backup.restore'.tr(),
|
|
style: Theme.of(context).textTheme.headline6,
|
|
),
|
|
),
|
|
const Divider(
|
|
height: 1.0,
|
|
),
|
|
if (backups.isEmpty)
|
|
ListTile(
|
|
leading: const Icon(
|
|
Icons.error_outline,
|
|
),
|
|
title: Text('backup.no_backups'.tr()),
|
|
),
|
|
if (backups.isNotEmpty)
|
|
Column(
|
|
children: backups
|
|
.map(
|
|
(final Backup backup) => ListTile(
|
|
onTap: preventActions
|
|
? null
|
|
: () {
|
|
showPopUpAlert(
|
|
alertTitle: 'backup.restoring'.tr(),
|
|
description: 'backup.restore_alert'.tr(
|
|
args: [backup.time.toString()],
|
|
),
|
|
actionButtonTitle: 'modals.yes'.tr(),
|
|
actionButtonOnPressed: () => {
|
|
context
|
|
.read<BackupsCubit>()
|
|
.restoreBackup(backup.id)
|
|
},
|
|
);
|
|
},
|
|
title: Text(
|
|
'${MaterialLocalizations.of(context).formatShortDate(backup.time)} ${TimeOfDay.fromDateTime(backup.time).format(context)}',
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
OutlinedCard(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ListTile(
|
|
title: Text(
|
|
'backup.refresh'.tr(),
|
|
),
|
|
onTap: refreshing
|
|
? null
|
|
: () => {context.read<BackupsCubit>().updateBackups()},
|
|
enabled: !refreshing,
|
|
),
|
|
if (providerState != StateType.uninitialized)
|
|
Column(
|
|
children: [
|
|
const Divider(
|
|
height: 1.0,
|
|
),
|
|
ListTile(
|
|
title: Text(
|
|
'backup.refetch_backups'.tr(),
|
|
),
|
|
onTap: preventActions
|
|
? null
|
|
: () => {
|
|
context
|
|
.read<BackupsCubit>()
|
|
.forceUpdateBackups()
|
|
},
|
|
),
|
|
const Divider(
|
|
height: 1.0,
|
|
),
|
|
ListTile(
|
|
title: Text(
|
|
'backup.reupload_key'.tr(),
|
|
),
|
|
onTap: preventActions
|
|
? null
|
|
: () => {context.read<BackupsCubit>().reuploadKey()},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (backupStatus == BackupStatusEnum.error)
|
|
BrandText.body1(backupError.toString()),
|
|
],
|
|
);
|
|
}
|
|
}
|