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

486 lines
15 KiB
Dart
Raw Normal View History

2021-09-02 19:32:07 +00:00
import 'dart:ui';
2020-12-01 19:08:19 +00:00
import 'package:flutter/material.dart';
2021-03-18 00:55:38 +00:00
import 'package:selfprivacy/config/brand_colors.dart';
2020-12-01 19:08:19 +00:00
import 'package:selfprivacy/config/brand_theme.dart';
2021-03-18 00:55:38 +00:00
import 'package:selfprivacy/config/text_themes.dart';
2021-08-18 10:44:46 +00:00
import 'package:selfprivacy/logic/common_enum/common_enum.dart';
2021-01-06 17:35:57 +00:00
import 'package:selfprivacy/logic/cubit/app_config/app_config_cubit.dart';
2021-08-29 15:02:51 +00:00
import 'package:selfprivacy/logic/cubit/jobs/jobs_cubit.dart';
import 'package:selfprivacy/logic/cubit/services/services_cubit.dart';
import 'package:selfprivacy/logic/models/job.dart';
2021-03-18 00:55:38 +00:00
import 'package:selfprivacy/logic/models/state_types.dart';
2021-03-26 13:38:39 +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';
2020-12-03 16:52:53 +00:00
import 'package:selfprivacy/ui/components/brand_header/brand_header.dart';
2021-08-29 15:02:51 +00:00
import 'package:selfprivacy/ui/components/brand_switch/brand_switch.dart';
2020-12-08 19:26:51 +00:00
import 'package:selfprivacy/ui/components/brand_text/brand_text.dart';
2020-12-01 19:08:19 +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-03-18 00:55:38 +00:00
import 'package:easy_localization/easy_localization.dart';
2021-03-26 13:38:39 +00:00
import 'package:selfprivacy/utils/ui_helpers.dart';
2021-03-18 00:55:38 +00:00
import 'package:url_launcher/url_launcher.dart';
import '../rootRoute.dart';
2020-12-01 19:08:19 +00:00
2021-09-02 19:32:07 +00:00
const switchableServices = [
ServiceTypes.passwordManager,
ServiceTypes.cloud,
ServiceTypes.socialNetwork,
ServiceTypes.git,
ServiceTypes.vpn,
];
2020-12-01 19:08:19 +00:00
class ServicesPage extends StatefulWidget {
2021-03-15 15:39:44 +00:00
ServicesPage({Key? key}) : super(key: key);
2020-12-01 19:08:19 +00:00
@override
_ServicesPageState createState() => _ServicesPageState();
}
2021-12-23 13:52:12 +00:00
void _launchURL(url) async {
var _possible = await canLaunch(url);
if (_possible) {
try {
await launch(
url,
enableJavaScript: true,
);
} catch (e) {
print(e);
}
} else {
throw 'Could not launch $url';
}
}
2020-12-01 19:08:19 +00:00
class _ServicesPageState extends State<ServicesPage> {
@override
Widget build(BuildContext context) {
2021-09-29 18:28:47 +00:00
var isReady = context.watch<AppConfigCubit>().state is AppConfigFinished;
2021-01-06 17:35:57 +00:00
2020-12-01 19:08:19 +00:00
return Scaffold(
2020-12-03 16:52:53 +00:00
appBar: PreferredSize(
2021-05-25 21:53:54 +00:00
child: BrandHeader(
title: 'basis.services'.tr(),
hasFlashButton: true,
),
2020-12-03 16:52:53 +00:00
preferredSize: Size.fromHeight(52),
),
2020-12-01 19:08:19 +00:00
body: ListView(
2021-05-25 21:53:54 +00:00
padding: paddingH15V0,
2020-12-01 19:08:19 +00:00
children: [
2021-03-18 00:55:38 +00:00
BrandText.body1('services.title'.tr()),
2020-12-01 19:08:19 +00:00
SizedBox(height: 24),
2021-03-18 00:55:38 +00:00
if (!isReady) ...[NotReadyCard(), SizedBox(height: 24)],
2021-03-25 08:54:39 +00:00
...ServiceTypes.values
.map((t) => Padding(
padding: EdgeInsets.only(
bottom: 30,
),
child: _Card(serviceType: t),
))
.toList()
2020-12-01 19:08:19 +00:00
],
),
);
}
}
class _Card extends StatelessWidget {
2021-03-18 00:55:38 +00:00
const _Card({Key? key, required this.serviceType}) : super(key: key);
2020-12-01 19:08:19 +00:00
2021-03-18 00:55:38 +00:00
final ServiceTypes serviceType;
2020-12-01 19:08:19 +00:00
@override
Widget build(BuildContext context) {
2021-09-29 18:28:47 +00:00
var isReady = context.watch<AppConfigCubit>().state is AppConfigFinished;
2021-03-18 00:55:38 +00:00
var changeTab = context.read<ChangeTab>().onPress;
2021-08-29 15:02:51 +00:00
var serviceState = context.watch<ServicesCubit>().state;
var jobsCubit = context.watch<JobsCubit>();
2021-09-02 19:32:07 +00:00
var jobState = jobsCubit.state;
2022-02-16 07:28:29 +00:00
var switchableService = switchableServices.contains(serviceType);
var hasSwitchJob = switchableService &&
2021-09-02 19:32:07 +00:00
jobState is JobsStateWithJobs &&
jobState.jobList
.any((el) => el is ServiceToggleJob && el.type == serviceType);
2022-02-16 07:28:29 +00:00
var isSwitchOn = isReady &&
2021-09-02 19:32:07 +00:00
(!switchableServices.contains(serviceType) ||
serviceState.isEnableByType(serviceType));
2021-08-29 15:02:51 +00:00
2021-12-23 13:52:12 +00:00
var config = context.watch<AppConfigCubit>().state;
var domainName = UiHelpers.getDomainName(config);
2021-03-18 00:55:38 +00:00
return GestureDetector(
2022-02-16 07:28:29 +00:00
onTap: isSwitchOn
2021-06-08 18:52:44 +00:00
? () => showDialog<void>(
context: context,
// isScrollControlled: true,
// backgroundColor: Colors.transparent,
builder: (BuildContext context) {
return _ServiceDetails(
serviceType: serviceType,
status:
2022-02-16 07:28:29 +00:00
isSwitchOn ? StateType.stable : StateType.uninitialized,
2021-08-18 10:44:46 +00:00
title: serviceType.title,
icon: serviceType.icon,
2021-06-08 18:52:44 +00:00
changeTab: changeTab,
);
},
)
: null,
2021-05-25 21:53:54 +00:00
child: BrandCards.big(
2021-03-18 00:55:38 +00:00
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2021-08-29 15:02:51 +00:00
Row(
children: [
IconStatusMask(
2021-09-02 19:32:07 +00:00
status:
2022-02-16 07:28:29 +00:00
isSwitchOn ? StateType.stable : StateType.uninitialized,
2021-08-29 15:02:51 +00:00
child: Icon(serviceType.icon, size: 30, color: Colors.white),
),
2022-02-16 07:28:29 +00:00
if (isReady && switchableService) ...[
2021-08-29 15:02:51 +00:00
Spacer(),
Builder(
builder: (context) {
late bool isActive;
2021-09-02 19:32:07 +00:00
if (hasSwitchJob) {
isActive = ((jobState as JobsStateWithJobs)
.jobList
.firstWhere((el) =>
el is ServiceToggleJob &&
el.type == serviceType) as ServiceToggleJob)
2021-08-29 15:02:51 +00:00
.needToTurnOn;
} else {
isActive = serviceState.isEnableByType(serviceType);
}
return BrandSwitch(
value: isActive,
2021-09-02 19:32:07 +00:00
onChanged: (value) =>
jobsCubit.createOrRemoveServiceToggleJob(
2021-08-29 15:02:51 +00:00
ServiceToggleJob(
type: serviceType,
needToTurnOn: value,
),
),
);
},
),
]
],
2021-03-18 00:55:38 +00:00
),
2021-09-02 19:32:07 +00:00
ClipRect(
child: Stack(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 10),
BrandText.h2(serviceType.title),
SizedBox(height: 10),
2021-12-23 13:52:12 +00:00
if (serviceType.subdomain != '')
Column(
children: [
GestureDetector(
onTap: () => _launchURL(
'https://${serviceType.subdomain}.$domainName'),
child: Text(
'${serviceType.subdomain}.$domainName',
style: linkStyle,
),
),
SizedBox(height: 10),
],
),
if (serviceType == ServiceTypes.mail)
Column(children: [
Text(
domainName,
style: linkStyle,
),
SizedBox(height: 10),
]),
BrandText.body2(serviceType.loginInfo),
SizedBox(height: 10),
2021-09-02 19:32:07 +00:00
BrandText.body2(serviceType.subtitle),
SizedBox(height: 10),
],
),
if (hasSwitchJob)
Positioned(
2021-09-29 18:28:47 +00:00
bottom: 24,
2021-09-02 19:32:07 +00:00
left: 0,
right: 0,
child: BackdropFilter(
filter: ImageFilter.blur(
sigmaX: 3,
sigmaY: 2,
),
child: BrandText.h2(
'jobs.runJobs'.tr(),
textAlign: TextAlign.center,
),
),
)
],
),
)
2020-12-01 19:08:19 +00:00
],
2021-03-18 00:55:38 +00:00
),
),
);
}
}
class _ServiceDetails extends StatelessWidget {
const _ServiceDetails({
Key? key,
required this.serviceType,
required this.icon,
required this.status,
required this.title,
required this.changeTab,
}) : super(key: key);
final ServiceTypes serviceType;
final IconData icon;
final StateType status;
final String title;
final ValueChanged<int> changeTab;
@override
Widget build(BuildContext context) {
late Widget child;
var config = context.watch<AppConfigCubit>().state;
2021-03-26 13:38:39 +00:00
var domainName = UiHelpers.getDomainName(config);
2021-03-18 00:55:38 +00:00
var linksStyle = body1Style.copyWith(
fontSize: 15,
color: Theme.of(context).brightness == Brightness.dark
? Colors.white
: BrandColors.black,
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
);
var textStyle = body1Style.copyWith(
color: Theme.of(context).brightness == Brightness.dark
? Colors.white
: BrandColors.black,
);
switch (serviceType) {
case ServiceTypes.mail:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.mail.bottom_sheet.1'.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
child: Text(
'services.mail.bottom_sheet.2'.tr(),
style: linksStyle,
),
onTap: () {
Navigator.of(context).pop();
changeTab(2);
},
),
),
),
],
));
break;
case ServiceTypes.messenger:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.messenger.bottom_sheet.1'.tr(args: [domainName]),
style: textStyle,
)
],
));
break;
case ServiceTypes.passwordManager:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.password_manager.bottom_sheet.1'
.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
onTap: () => _launchURL('https://password.$domainName'),
child: Text(
'password.$domainName',
style: linksStyle,
),
),
),
),
],
));
break;
case ServiceTypes.video:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.video.bottom_sheet.1'.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
onTap: () => _launchURL('https://meet.$domainName'),
child: Text(
'meet.$domainName',
style: linksStyle,
),
),
),
),
],
));
break;
case ServiceTypes.cloud:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.cloud.bottom_sheet.1'.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
onTap: () => _launchURL('https://cloud.$domainName'),
child: Text(
'cloud.$domainName',
style: linksStyle,
),
),
),
),
],
));
break;
case ServiceTypes.socialNetwork:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.social_network.bottom_sheet.1'
.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
2021-03-24 13:12:09 +00:00
onTap: () => _launchURL('https://social.$domainName'),
2021-03-18 00:55:38 +00:00
child: Text(
'social.$domainName',
style: linksStyle,
),
),
),
),
],
));
break;
case ServiceTypes.git:
child = RichText(
text: TextSpan(
children: [
TextSpan(
text: 'services.git.bottom_sheet.1'.tr(args: [domainName]),
style: textStyle,
),
2021-03-26 13:38:39 +00:00
WidgetSpan(child: SizedBox(width: 5)),
2021-03-18 00:55:38 +00:00
WidgetSpan(
child: Padding(
2021-03-26 13:38:39 +00:00
padding: EdgeInsets.only(bottom: 0.8),
2021-03-18 00:55:38 +00:00
child: GestureDetector(
onTap: () => _launchURL('https://git.$domainName'),
child: Text(
'git.$domainName',
style: linksStyle,
),
),
),
),
],
));
break;
2021-08-29 13:54:28 +00:00
case ServiceTypes.vpn:
child = Text(
'services.vpn.bottom_sheet.1'.tr(),
);
2021-03-18 00:55:38 +00:00
}
2021-08-29 15:02:51 +00:00
2021-03-26 13:38:39 +00:00
return Dialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20),
),
child: SingleChildScrollView(
child: Container(
width: 350,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
2021-05-25 21:53:54 +00:00
padding: paddingH15V30,
2021-03-26 13:38:39 +00:00
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
IconStatusMask(
status: status,
child: Icon(icon, size: 40, color: Colors.white),
),
SizedBox(height: 10),
BrandText.h2(title),
SizedBox(height: 10),
child,
SizedBox(height: 40),
Center(
child: Container(
child: BrandButton.rised(
onPressed: () => Navigator.of(context).pop(),
2021-05-25 21:53:54 +00:00
text: 'basis.close'.tr(),
2021-03-26 13:38:39 +00:00
),
2021-03-18 00:55:38 +00:00
),
2021-03-26 13:38:39 +00:00
),
],
),
)
],
),
),
2020-12-01 19:08:19 +00:00
),
);
}
}