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

244 lines
8.5 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';
import 'package:flutter_svg/flutter_svg.dart';
2020-12-01 19:08:19 +00:00
import 'package:selfprivacy/config/brand_theme.dart';
2021-08-18 10:44:46 +00:00
import 'package:selfprivacy/logic/common_enum/common_enum.dart';
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
2022-08-30 03:09:09 +00:00
import 'package:selfprivacy/logic/cubit/client_jobs/client_jobs_cubit.dart';
2021-08-29 15:02:51 +00:00
import 'package:selfprivacy/logic/cubit/services/services_cubit.dart';
import 'package:selfprivacy/logic/models/job.dart';
import 'package:selfprivacy/logic/models/service.dart';
2021-03-18 00:55:38 +00:00
import 'package:selfprivacy/logic/models/state_types.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';
import 'package:selfprivacy/ui/pages/services/service_page.dart';
import 'package:selfprivacy/utils/route_transitions/basic.dart';
2021-03-26 13:38:39 +00:00
import 'package:selfprivacy/utils/ui_helpers.dart';
import 'package:url_launcher/url_launcher.dart';
2020-12-01 19:08:19 +00:00
2021-09-02 19:32:07 +00:00
const switchableServices = [
'bitwarden',
'nextcloud',
'pleroma',
'gitea',
'ocserv',
2021-09-02 19:32:07 +00:00
];
2020-12-01 19:08:19 +00:00
class ServicesPage extends StatefulWidget {
const ServicesPage({final super.key});
2020-12-01 19:08:19 +00:00
@override
State<ServicesPage> createState() => _ServicesPageState();
2020-12-01 19:08:19 +00:00
}
void _launchURL(final url) async {
try {
final Uri uri = Uri.parse(url);
await launchUrl(
uri,
mode: LaunchMode.externalApplication,
);
} catch (e) {
print(e);
2021-12-23 13:52:12 +00:00
}
}
2020-12-01 19:08:19 +00:00
class _ServicesPageState extends State<ServicesPage> {
@override
Widget build(final BuildContext context) {
final isReady = context.watch<ServerInstallationCubit>().state
is ServerInstallationFinished;
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(
2022-05-24 18:55:39 +00:00
preferredSize: const Size.fromHeight(52),
2021-05-25 21:53:54 +00:00
child: BrandHeader(
title: 'basis.services'.tr(),
),
2020-12-03 16:52:53 +00:00
),
body: RefreshIndicator(
onRefresh: () async {
context.read<ServicesCubit>().reload();
},
child: ListView(
padding: paddingH15V0,
children: [
BrandText.body1('basis.services_title'.tr()),
const SizedBox(height: 24),
if (!isReady) ...[const NotReadyCard(), const SizedBox(height: 24)],
...context
.read<ServicesCubit>()
.state
.services
.map(
(final service) => Padding(
padding: const EdgeInsets.only(
bottom: 30,
),
child: _Card(service: service),
),
)
.toList()
],
),
2020-12-01 19:08:19 +00:00
),
);
}
}
class _Card extends StatelessWidget {
const _Card({required this.service});
2020-12-01 19:08:19 +00:00
final Service service;
2020-12-01 19:08:19 +00:00
@override
Widget build(final BuildContext context) {
final isReady = context.watch<ServerInstallationCubit>().state
is ServerInstallationFinished;
2021-08-29 15:02:51 +00:00
final serviceState = context.watch<ServicesCubit>().state;
final jobsCubit = context.watch<JobsCubit>();
final jobState = jobsCubit.state;
2021-09-02 19:32:07 +00:00
final switchableService = switchableServices.contains(service.id);
final hasSwitchJob = switchableService &&
2021-09-02 19:32:07 +00:00
jobState is JobsStateWithJobs &&
jobState.clientJobList.any(
(final el) => el is ServiceToggleJob && el.id == service.id,
);
2021-09-02 19:32:07 +00:00
final isSwitchOn = isReady &&
(!switchableServices.contains(service.id) ||
serviceState.isEnableByType(service));
2021-08-29 15:02:51 +00:00
final config = context.watch<ServerInstallationCubit>().state;
final domainName = UiHelpers.getDomainName(config);
2021-12-23 13:52:12 +00:00
2021-03-18 00:55:38 +00:00
return GestureDetector(
2022-09-16 14:14:29 +00:00
onTap: isReady
? () => Navigator.of(context)
.push(materialRoute(ServicePage(serviceId: service.id)))
2022-09-16 14:14:29 +00:00
: 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,
icon: SvgPicture.string(
service.svgIcon,
width: 30.0,
height: 30.0,
color: Theme.of(context).colorScheme.onBackground,
),
2021-08-29 15:02:51 +00:00
),
2022-02-16 07:28:29 +00:00
if (isReady && switchableService) ...[
2022-05-24 18:55:39 +00:00
const Spacer(),
2021-08-29 15:02:51 +00:00
Builder(
builder: (final context) {
2021-08-29 15:02:51 +00:00
late bool isActive;
2021-09-02 19:32:07 +00:00
if (hasSwitchJob) {
isActive = (jobState.clientJobList.firstWhere(
(final el) =>
el is ServiceToggleJob && el.id == service.id,
) as ServiceToggleJob)
2021-08-29 15:02:51 +00:00
.needToTurnOn;
} else {
isActive = serviceState.isEnableByType(service);
2021-08-29 15:02:51 +00:00
}
return BrandSwitch(
value: isActive,
onChanged: (final value) => jobsCubit.addJob(
2021-08-29 15:02:51 +00:00
ServiceToggleJob(
service: service,
2021-08-29 15:02:51 +00:00
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: [
2022-05-24 18:55:39 +00:00
const SizedBox(height: 10),
BrandText.h2(service.displayName),
2022-05-24 18:55:39 +00:00
const SizedBox(height: 10),
if (service.url != '' && service.url != null)
2021-12-23 13:52:12 +00:00
Column(
children: [
GestureDetector(
onTap: () => _launchURL(
'https://${service.url}',
),
2021-12-23 13:52:12 +00:00
child: Text(
'${service.url}',
style: TextStyle(
color:
Theme.of(context).colorScheme.secondary,
decoration: TextDecoration.underline,
),
2021-12-23 13:52:12 +00:00
),
),
2022-05-24 18:55:39 +00:00
const SizedBox(height: 10),
2021-12-23 13:52:12 +00:00
],
),
if (service.id == 'mailserver')
Column(
children: [
Text(
domainName,
style: TextStyle(
color: Theme.of(context).colorScheme.primary,
decoration: TextDecoration.underline,
),
),
const SizedBox(height: 10),
],
),
BrandText.body2(service.loginInfo),
2022-05-24 18:55:39 +00:00
const SizedBox(height: 10),
BrandText.body2(service.description),
2022-05-24 18:55:39 +00:00
const SizedBox(height: 10),
2021-09-02 19:32:07 +00:00
],
),
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.run_jobs'.tr(),
2021-09-02 19:32:07 +00:00
textAlign: TextAlign.center,
),
),
)
],
),
)
2020-12-01 19:08:19 +00:00
],
2021-03-18 00:55:38 +00:00
),
),
);
}
}