selfprivacy.org.app/lib/ui/pages/setup/initializing.dart

549 lines
19 KiB
Dart
Raw Normal View History

2020-12-30 14:13:25 +00:00
import 'package:cubit_form/cubit_form.dart';
2022-02-08 06:59:19 +00:00
import 'package:easy_localization/easy_localization.dart';
2020-12-10 20:33:19 +00:00
import 'package:flutter/material.dart';
import 'package:selfprivacy/config/brand_theme.dart';
2022-02-08 06:59:19 +00:00
import 'package:selfprivacy/logic/cubit/app_config/app_config_cubit.dart';
import 'package:selfprivacy/logic/cubit/forms/factories/field_cubit_factory.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/backblaze_form_cubit.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/cloudflare_form_cubit.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/domain_cloudflare.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/hetzner_form_cubit.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/root_user_form_cubit.dart';
2021-06-20 21:08:52 +00:00
import 'package:selfprivacy/ui/components/brand_bottom_sheet/brand_bottom_sheet.dart';
2020-12-10 20:33:19 +00:00
import 'package:selfprivacy/ui/components/brand_button/brand_button.dart';
2021-05-25 21:53:54 +00:00
import 'package:selfprivacy/ui/components/brand_cards/brand_cards.dart';
2021-03-18 07:26:54 +00:00
import 'package:selfprivacy/ui/components/brand_md/brand_md.dart';
2020-12-10 20:33:19 +00:00
import 'package:selfprivacy/ui/components/brand_text/brand_text.dart';
2021-02-16 18:48:15 +00:00
import 'package:selfprivacy/ui/components/brand_timer/brand_timer.dart';
2020-12-30 14:13:25 +00:00
import 'package:selfprivacy/ui/components/progress_bar/progress_bar.dart';
import 'package:selfprivacy/ui/pages/rootRoute.dart';
import 'package:selfprivacy/ui/pages/setup/recovering/recovery_domain.dart';
2020-12-30 14:13:25 +00:00
import 'package:selfprivacy/utils/route_transitions/basic.dart';
2020-12-10 20:33:19 +00:00
2021-01-06 17:35:57 +00:00
class InitializingPage extends StatelessWidget {
2020-12-10 20:33:19 +00:00
@override
Widget build(BuildContext context) {
2021-01-06 17:35:57 +00:00
var cubit = context.watch<AppConfigCubit>();
var actualInitializingPage = [
2021-02-16 18:48:15 +00:00
() => _stepHetzner(cubit),
() => _stepCloudflare(cubit),
() => _stepBackblaze(cubit),
() => _stepDomain(cubit),
() => _stepUser(cubit),
() => _stepServer(cubit),
() => _stepCheck(cubit),
() => _stepCheck(cubit),
() => _stepCheck(cubit),
2021-06-20 21:08:52 +00:00
() => Container(child: Center(child: Text('initializing.finish'.tr())))
][cubit.state.progress.index]();
2021-01-06 17:35:57 +00:00
return BlocListener<AppConfigCubit, AppConfigState>(
listener: (context, state) {
if (cubit.state is AppConfigFinished) {
2021-01-06 17:35:57 +00:00
Navigator.of(context).pushReplacement(materialRoute(RootPage()));
}
},
child: SafeArea(
child: Scaffold(
2021-04-22 18:04:24 +00:00
body: SingleChildScrollView(
child: Column(
2021-10-13 21:49:24 +00:00
mainAxisAlignment: MainAxisAlignment.center,
2021-04-22 18:04:24 +00:00
children: [
Padding(
2021-05-25 21:53:54 +00:00
padding: paddingH15V0.copyWith(top: 10, bottom: 10),
2021-10-13 21:49:24 +00:00
child: cubit.state.isFullyInitilized
? SizedBox(
height: 80,
)
: ProgressBar(
steps: [
'Hetzner',
'CloudFlare',
'Backblaze',
'Domain',
'User',
'Server',
'✅ Check',
],
activeIndex: cubit.state.porgressBar,
),
2021-01-06 17:35:57 +00:00
),
2021-04-22 18:04:24 +00:00
_addCard(
AnimatedSwitcher(
duration: Duration(milliseconds: 300),
child: actualInitializingPage,
2021-04-22 18:04:24 +00:00
),
2021-01-06 17:35:57 +00:00
),
2021-04-22 18:04:24 +00:00
ConstrainedBox(
constraints: BoxConstraints(
minHeight: MediaQuery.of(context).size.height -
MediaQuery.of(context).padding.top -
MediaQuery.of(context).padding.bottom -
566,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
alignment: Alignment.center,
child: BrandButton.text(
title: cubit.state is AppConfigFinished
? 'basis.close'.tr()
: 'basis.later'.tr(),
onPressed: () {
Navigator.of(context).pushAndRemoveUntil(
materialRoute(RootPage()),
(predicate) => false,
);
},
),
),
(cubit.state is AppConfigFinished)
? Container()
: Container(
alignment: Alignment.center,
child: BrandButton.text(
title: 'basis.connect_to_existing'.tr(),
onPressed: () {
Navigator.of(context)
.push(materialRoute(RecoveryDomain()));
},
),
)
],
2021-04-22 18:04:24 +00:00
)),
],
),
2021-01-06 17:35:57 +00:00
),
2020-12-30 14:13:25 +00:00
),
2020-12-10 20:33:19 +00:00
),
);
}
2021-01-06 17:35:57 +00:00
Widget _stepHetzner(AppConfigCubit initializingCubit) {
2020-12-30 14:13:25 +00:00
return BlocProvider(
create: (context) => HetznerFormCubit(initializingCubit),
child: Builder(builder: (context) {
2021-03-15 15:39:44 +00:00
var formCubitState = context.watch<HetznerFormCubit>().state;
2020-12-30 14:13:25 +00:00
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-02-15 18:58:29 +00:00
Image.asset(
'assets/images/logos/hetzner.png',
width: 150,
),
2020-12-30 14:13:25 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.h2('initializing.1'.tr()),
2020-12-30 14:13:25 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.body2('initializing.2'.tr()),
2020-12-30 14:13:25 +00:00
Spacer(),
CubitFormTextField(
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<HetznerFormCubit>().apiKey,
2020-12-30 14:13:25 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
hintText: 'Hetzner API Token',
),
),
2021-01-06 17:35:57 +00:00
Spacer(),
2020-12-30 14:13:25 +00:00
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: formCubitState.isSubmitting
? null
: () => context.read<HetznerFormCubit>().trySubmit(),
2021-05-25 21:53:54 +00:00
text: 'basis.connect'.tr(),
2020-12-30 14:13:25 +00:00
),
SizedBox(height: 10),
BrandButton.text(
2021-12-23 13:52:12 +00:00
onPressed: () =>
_showModal(context, _HowTo(fileName: 'how_hetzner')),
2021-03-18 00:55:38 +00:00
title: 'initializing.how'.tr(),
2020-12-30 14:13:25 +00:00
),
],
);
}),
);
}
2020-12-10 20:33:19 +00:00
void _showModal(BuildContext context, Widget widget) {
showModalBottomSheet<void>(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (BuildContext context) {
return widget;
},
);
}
2021-01-06 17:35:57 +00:00
Widget _stepCloudflare(AppConfigCubit initializingCubit) {
return BlocProvider(
create: (context) => CloudFlareFormCubit(initializingCubit),
child: Builder(builder: (context) {
2021-03-15 15:39:44 +00:00
var formCubitState = context.watch<CloudFlareFormCubit>().state;
2021-01-06 17:35:57 +00:00
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-02-15 18:58:29 +00:00
Image.asset(
'assets/images/logos/cloudflare.png',
width: 150,
),
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.h2('initializing.3'.tr()),
2021-01-06 17:35:57 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.body2('initializing.4'.tr()),
2021-01-06 17:35:57 +00:00
Spacer(),
CubitFormTextField(
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<CloudFlareFormCubit>().apiKey,
2021-01-06 17:35:57 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
2021-03-18 00:55:38 +00:00
hintText: 'initializing.5'.tr(),
2021-01-06 17:35:57 +00:00
),
),
Spacer(),
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: formCubitState.isSubmitting
? null
: () => context.read<CloudFlareFormCubit>().trySubmit(),
2021-05-25 21:53:54 +00:00
text: 'basis.connect'.tr(),
2021-01-06 17:35:57 +00:00
),
SizedBox(height: 10),
BrandButton.text(
2021-12-23 13:52:12 +00:00
onPressed: () => _showModal(
context,
_HowTo(
fileName: 'how_cloudflare',
)),
2021-03-18 00:55:38 +00:00
title: 'initializing.how'.tr(),
2021-01-06 17:35:57 +00:00
),
],
);
}),
2020-12-30 14:13:25 +00:00
);
}
2021-02-03 19:51:07 +00:00
Widget _stepBackblaze(AppConfigCubit initializingCubit) {
return BlocProvider(
create: (context) => BackblazeFormCubit(initializingCubit),
child: Builder(builder: (context) {
2021-03-15 15:39:44 +00:00
var formCubitState = context.watch<BackblazeFormCubit>().state;
2021-02-03 19:51:07 +00:00
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-02-15 18:58:29 +00:00
Image.asset(
'assets/images/logos/backblaze.png',
height: 50,
),
2021-02-03 19:51:07 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.h2('initializing.6'.tr()),
2021-02-03 19:51:07 +00:00
SizedBox(height: 10),
Spacer(),
CubitFormTextField(
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<BackblazeFormCubit>().keyId,
2021-02-03 19:51:07 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
hintText: 'KeyID',
),
),
Spacer(),
CubitFormTextField(
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<BackblazeFormCubit>().applicationKey,
2021-02-03 19:51:07 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
hintText: 'Master Application Key',
),
),
Spacer(),
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: formCubitState.isSubmitting
? null
: () => context.read<BackblazeFormCubit>().trySubmit(),
2021-05-25 21:53:54 +00:00
text: 'basis.connect'.tr(),
2021-02-03 19:51:07 +00:00
),
SizedBox(height: 10),
BrandButton.text(
2021-12-23 13:52:12 +00:00
onPressed: () => _showModal(
context,
_HowTo(
fileName: 'how_backblaze',
)),
2021-03-18 00:55:38 +00:00
title: 'initializing.how'.tr(),
2021-02-03 19:51:07 +00:00
),
],
);
}),
);
}
2021-01-06 17:35:57 +00:00
Widget _stepDomain(AppConfigCubit initializingCubit) {
return BlocProvider(
2021-02-15 18:58:29 +00:00
create: (context) => DomainSetupCubit(initializingCubit)..load(),
2021-01-06 17:35:57 +00:00
child: Builder(builder: (context) {
2021-03-15 15:39:44 +00:00
DomainSetupState state = context.watch<DomainSetupCubit>().state;
2021-01-06 17:35:57 +00:00
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-02-15 18:58:29 +00:00
Image.asset(
'assets/images/logos/cloudflare.png',
width: 150,
),
SizedBox(height: 30),
2021-03-18 00:55:38 +00:00
BrandText.h2('basis.domain'.tr()),
2021-01-06 17:35:57 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
if (state is Empty) BrandText.body2('initializing.7'.tr()),
2021-02-15 18:58:29 +00:00
if (state is Loading)
BrandText.body2(
state.type == LoadingTypes.loadingDomain
2021-03-18 00:55:38 +00:00
? 'initializing.8'.tr()
: 'basis.saving'.tr(),
2021-01-06 17:35:57 +00:00
),
2021-02-15 18:58:29 +00:00
if (state is MoreThenOne)
BrandText.body2(
2021-03-18 00:55:38 +00:00
'initializing.9'.tr(),
2021-02-15 18:58:29 +00:00
),
if (state is Loaded) ...[
SizedBox(height: 10),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Expanded(
child: BrandText.h3(
'${state.domain}',
textAlign: TextAlign.center,
),
),
Container(
width: 50,
child: BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: () => context.read<DomainSetupCubit>().load(),
2021-02-15 18:58:29 +00:00
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.refresh,
color: Colors.white,
),
],
),
),
),
],
)
],
if (state is Empty) ...[
SizedBox(height: 30),
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: () => context.read<DomainSetupCubit>().load(),
2021-02-15 18:58:29 +00:00
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.refresh,
color: Colors.white,
),
SizedBox(width: 10),
BrandText.buttonTitleText('Обновить cписок'),
],
),
),
],
if (state is Loaded) ...[
SizedBox(height: 30),
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: () => context.read<DomainSetupCubit>().saveDomain(),
2021-05-25 21:53:54 +00:00
text: 'initializing.10'.tr(),
2021-02-15 18:58:29 +00:00
),
],
SizedBox(
height: 10,
width: double.infinity,
),
2021-01-06 17:35:57 +00:00
],
);
}),
2020-12-30 14:13:25 +00:00
);
}
2021-01-06 17:35:57 +00:00
Widget _stepUser(AppConfigCubit initializingCubit) {
return BlocProvider(
create: (context) =>
RootUserFormCubit(initializingCubit, FieldCubitFactory(context)),
2021-01-06 17:35:57 +00:00
child: Builder(builder: (context) {
2021-03-15 15:39:44 +00:00
var formCubitState = context.watch<RootUserFormCubit>().state;
2021-01-06 17:35:57 +00:00
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-04-22 18:04:24 +00:00
BrandText.h2('initializing.22'.tr()),
2021-01-06 17:35:57 +00:00
SizedBox(height: 10),
2021-04-22 18:04:24 +00:00
BrandText.body2('initializing.23'.tr()),
Spacer(),
2021-01-06 17:35:57 +00:00
CubitFormTextField(
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<RootUserFormCubit>().userName,
2021-01-06 17:35:57 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
2021-03-18 00:55:38 +00:00
hintText: 'basis.nickname'.tr(),
2020-12-10 20:33:19 +00:00
),
2021-01-06 17:35:57 +00:00
),
SizedBox(height: 10),
2021-02-15 18:58:29 +00:00
BlocBuilder<FieldCubit<bool>, FieldCubitState<bool>>(
2021-03-15 15:39:44 +00:00
bloc: context.read<RootUserFormCubit>().isVisible,
2021-02-15 18:58:29 +00:00
builder: (context, state) {
var isVisible = state.value;
return CubitFormTextField(
obscureText: !isVisible,
2021-03-15 15:39:44 +00:00
formFieldCubit: context.read<RootUserFormCubit>().password,
2021-02-15 18:58:29 +00:00
textAlign: TextAlign.center,
scrollPadding: EdgeInsets.only(bottom: 70),
decoration: InputDecoration(
2021-03-18 00:55:38 +00:00
hintText: 'basis.password'.tr(),
2021-02-15 18:58:29 +00:00
suffixIcon: IconButton(
icon: Icon(
isVisible ? Icons.visibility : Icons.visibility_off,
),
2021-03-15 15:39:44 +00:00
onPressed: () => context
.read<RootUserFormCubit>()
.isVisible
.setValue(!isVisible),
2021-02-15 18:58:29 +00:00
),
suffixIconConstraints: BoxConstraints(minWidth: 60),
prefixIconConstraints: BoxConstraints(maxWidth: 85),
prefixIcon: Container(),
),
);
},
2021-01-06 17:35:57 +00:00
),
Spacer(),
BrandButton.rised(
2021-03-15 15:39:44 +00:00
onPressed: formCubitState.isSubmitting
? null
: () => context.read<RootUserFormCubit>().trySubmit(),
2021-05-25 21:53:54 +00:00
text: 'basis.connect'.tr(),
2021-01-06 17:35:57 +00:00
),
],
);
}),
2020-12-30 14:13:25 +00:00
);
}
2020-12-10 20:33:19 +00:00
2021-01-06 17:35:57 +00:00
Widget _stepServer(AppConfigCubit appConfigCubit) {
var isLoading = (appConfigCubit.state as AppConfigNotFinished).isLoading;
2021-01-06 17:35:57 +00:00
return Builder(builder: (context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-01-08 12:37:28 +00:00
Spacer(flex: 2),
2021-03-24 13:12:09 +00:00
BrandText.h2('initializing.final'.tr()),
2021-01-06 17:35:57 +00:00
SizedBox(height: 10),
2021-03-18 00:55:38 +00:00
BrandText.body2('initializing.11'.tr()),
2021-01-06 17:35:57 +00:00
Spacer(),
BrandButton.rised(
2021-04-22 18:04:24 +00:00
onPressed: isLoading
2021-03-30 17:38:40 +00:00
? null
: () => appConfigCubit.createServerAndSetDnsRecords(),
2021-05-25 21:53:54 +00:00
text: isLoading ? 'basis.loading'.tr() : 'initializing.11'.tr(),
2021-01-06 17:35:57 +00:00
),
],
);
});
}
2021-01-06 19:25:53 +00:00
Widget _stepCheck(AppConfigCubit appConfigCubit) {
2022-02-16 07:28:29 +00:00
assert(appConfigCubit.state is AppConfigNotFinished, 'wrong state');
2021-02-16 18:48:15 +00:00
var state = appConfigCubit.state as TimerState;
2021-06-20 21:08:52 +00:00
late int doneCount;
2021-03-23 19:50:11 +00:00
late String? text;
2021-03-31 11:37:39 +00:00
if (state.isServerResetedSecondTime) {
2021-03-18 00:55:38 +00:00
text = 'initializing.13'.tr();
2021-06-20 21:08:52 +00:00
doneCount = 3;
2021-03-31 11:37:39 +00:00
} else if (state.isServerResetedFirstTime) {
text = 'initializing.21'.tr();
2021-06-20 21:08:52 +00:00
doneCount = 2;
2021-03-23 19:50:11 +00:00
} else if (state.isServerStarted) {
2021-03-18 00:55:38 +00:00
text = 'initializing.14'.tr();
2021-06-20 21:08:52 +00:00
doneCount = 1;
2021-02-16 18:48:15 +00:00
} else if (state.isServerCreated) {
2021-03-18 00:55:38 +00:00
text = 'initializing.15'.tr();
2021-06-20 21:08:52 +00:00
doneCount = 0;
2021-02-16 18:48:15 +00:00
}
return Builder(builder: (context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-06-20 21:08:52 +00:00
SizedBox(height: 15),
BrandText.h4(
'initializing.checks'.tr(args: [doneCount.toString(), "4"]),
),
2021-02-16 18:48:15 +00:00
Spacer(flex: 2),
SizedBox(height: 10),
BrandText.body2(text),
SizedBox(height: 10),
2022-02-08 06:59:19 +00:00
if (doneCount == 0 && state.dnsMatches != null)
Column(
children: state.dnsMatches!.entries.map((entry) {
var domain = entry.key;
var isCorrect = entry.value;
return Row(
children: [
if (isCorrect) Icon(Icons.check, color: Colors.green),
if (!isCorrect) Icon(Icons.schedule, color: Colors.amber),
SizedBox(width: 10),
Text(domain),
],
);
}).toList(),
),
SizedBox(height: 10),
2021-04-22 18:04:24 +00:00
if (!state.isLoading)
2021-02-16 18:48:15 +00:00
Row(
children: [
2021-03-18 00:55:38 +00:00
BrandText.body2('initializing.16'.tr()),
2021-02-16 18:48:15 +00:00
BrandTimer(
2021-03-23 19:50:11 +00:00
startDateTime: state.timerStart!,
duration: state.duration!,
2021-02-16 18:48:15 +00:00
)
],
),
2021-04-22 18:04:24 +00:00
if (state.isLoading) BrandText.body2('initializing.17'.tr()),
2021-02-16 18:48:15 +00:00
],
);
});
2021-01-06 19:25:53 +00:00
}
2020-12-30 14:13:25 +00:00
Widget _addCard(Widget child) {
2021-01-06 17:35:57 +00:00
return Container(
2021-03-25 08:46:07 +00:00
height: 450,
2021-05-25 21:53:54 +00:00
padding: paddingH15V0,
child: BrandCards.big(child: child),
2020-12-30 14:13:25 +00:00
);
2020-12-10 20:33:19 +00:00
}
}
2021-12-23 13:52:12 +00:00
class _HowTo extends StatelessWidget {
const _HowTo({
2021-03-15 15:39:44 +00:00
Key? key,
2021-12-23 13:52:12 +00:00
required this.fileName,
2020-12-10 20:33:19 +00:00
}) : super(key: key);
2021-12-23 13:52:12 +00:00
final String fileName;
2020-12-10 20:33:19 +00:00
@override
Widget build(BuildContext context) {
2021-06-20 21:08:52 +00:00
return BrandBottomSheet(
isExpended: true,
2020-12-10 20:33:19 +00:00
child: Padding(
2021-06-20 21:08:52 +00:00
padding: paddingH15V0,
child: BrandMarkdown(
2021-12-23 13:52:12 +00:00
fileName: fileName,
2021-06-20 21:08:52 +00:00
),
),
2020-12-10 20:33:19 +00:00
);
}
}