selfprivacy.org.app/lib/ui/pages/services/service_page.dart
NaiJi 7bad11967a refactor(job): Implement polymorphic predicate for job accessibility
Now every job type can impement canAddTo function to make JobsCubit know whether it can be applied or not
2022-10-07 17:50:18 +00:00

248 lines
7.6 KiB
Dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:selfprivacy/logic/common_enum/common_enum.dart';
import 'package:selfprivacy/logic/cubit/client_jobs/client_jobs_cubit.dart';
import 'package:selfprivacy/logic/cubit/server_volumes/server_volume_cubit.dart';
import 'package:selfprivacy/logic/cubit/services/services_cubit.dart';
import 'package:selfprivacy/logic/models/job.dart';
import 'package:selfprivacy/logic/models/service.dart';
import 'package:selfprivacy/ui/components/brand_cards/filled_card.dart';
import 'package:selfprivacy/ui/components/brand_hero_screen/brand_hero_screen.dart';
import 'package:selfprivacy/ui/pages/server_storage/binds_migration/services_migration.dart';
import 'package:selfprivacy/utils/route_transitions/basic.dart';
import 'package:url_launcher/url_launcher.dart';
class ServicePage extends StatefulWidget {
const ServicePage({required this.serviceId, final super.key});
final String serviceId;
@override
State<ServicePage> createState() => _ServicePageState();
}
class _ServicePageState extends State<ServicePage> {
@override
Widget build(final BuildContext context) {
final Service? service =
context.watch<ServicesCubit>().state.getServiceById(widget.serviceId);
if (service == null) {
return const BrandHeroScreen(
hasBackButton: true,
children: [
Center(
child: CircularProgressIndicator(),
),
],
);
}
final bool serviceDisabled = service.status == ServiceStatus.inactive ||
service.status == ServiceStatus.off;
final bool serviceLocked =
context.watch<ServicesCubit>().state.isServiceLocked(service.id);
return BrandHeroScreen(
hasBackButton: true,
heroIconWidget: SvgPicture.string(
service.svgIcon,
width: 48.0,
height: 48.0,
color: Theme.of(context).colorScheme.onBackground,
),
heroTitle: service.displayName,
children: [
ServiceStatusCard(status: service.status),
const SizedBox(height: 16),
if (service.url != null)
ListTile(
iconColor: Theme.of(context).colorScheme.onBackground,
onTap: () => _launchURL(service.url),
leading: const Icon(Icons.open_in_browser),
title: Text(
'service_page.open_in_browser'.tr(),
style: Theme.of(context).textTheme.titleMedium,
),
subtitle: Text(
service.url!.replaceAll('https://', ''),
style: Theme.of(context).textTheme.bodyMedium,
),
),
const SizedBox(height: 8),
const Divider(),
const SizedBox(height: 8),
ListTile(
iconColor: Theme.of(context).colorScheme.onBackground,
onTap: () => {
context.read<ServicesCubit>().restart(service.id),
},
leading: const Icon(Icons.restart_alt_outlined),
title: Text(
'service_page.restart'.tr(),
style: Theme.of(context).textTheme.titleMedium,
),
enabled: !serviceDisabled && !serviceLocked,
),
ListTile(
iconColor: Theme.of(context).colorScheme.onBackground,
onTap: () => {
context.read<JobsCubit>().addJob(
ServiceToggleJob(
service: service,
needToTurnOn: serviceDisabled,
),
),
},
leading: const Icon(Icons.power_settings_new),
title: Text(
serviceDisabled
? 'service_page.enable'.tr()
: 'service_page.disable'.tr(),
style: Theme.of(context).textTheme.titleMedium,
),
enabled: !serviceLocked,
),
if (service.isMovable)
ListTile(
iconColor: Theme.of(context).colorScheme.onBackground,
// Open page ServicesMigrationPage
onTap: () => Navigator.of(context).push(
materialRoute(
ServicesMigrationPage(
services: [service],
diskStatus:
context.read<ApiServerVolumeCubit>().state.diskStatus,
isMigration: false,
),
),
),
leading: const Icon(Icons.drive_file_move_outlined),
title: Text(
'service_page.move'.tr(),
style: Theme.of(context).textTheme.titleMedium,
),
subtitle: Text(
'service_page.uses'.tr(
namedArgs: {
'usage': service.storageUsage.used.toString(),
'volume': context
.read<ApiServerVolumeCubit>()
.state
.getVolume(service.storageUsage.volume ?? '')
.displayName
},
),
style: Theme.of(context).textTheme.bodyMedium,
),
enabled: !serviceDisabled && !serviceLocked,
),
],
);
}
}
class ServiceStatusCard extends StatelessWidget {
const ServiceStatusCard({
required this.status,
final super.key,
});
final ServiceStatus status;
@override
Widget build(final BuildContext context) {
switch (status) {
case ServiceStatus.active:
return FilledCard(
child: ListTile(
leading: const Icon(
Icons.check_circle_outline,
size: 24,
),
title: Text('service_page.status.active'.tr()),
),
);
case ServiceStatus.inactive:
return FilledCard(
tertiary: true,
child: ListTile(
leading: const Icon(
Icons.stop_circle_outlined,
size: 24,
),
title: Text('service_page.status.inactive'.tr()),
),
);
case ServiceStatus.failed:
return FilledCard(
error: true,
child: ListTile(
leading: const Icon(
Icons.error_outline,
size: 24,
),
title: Text('service_page.status.failed'.tr()),
),
);
case ServiceStatus.off:
return FilledCard(
tertiary: true,
child: ListTile(
leading: const Icon(
Icons.power_settings_new,
size: 24,
),
title: Text('service_page.status.off'.tr()),
),
);
case ServiceStatus.activating:
return FilledCard(
tertiary: true,
child: ListTile(
leading: const Icon(
Icons.restart_alt_outlined,
size: 24,
),
title: Text('service_page.status.activating'.tr()),
),
);
case ServiceStatus.deactivating:
return FilledCard(
tertiary: true,
child: ListTile(
leading: const Icon(
Icons.restart_alt_outlined,
size: 24,
),
title: Text('service_page.status.deactivating'.tr()),
),
);
case ServiceStatus.reloading:
return FilledCard(
tertiary: true,
child: ListTile(
leading: const Icon(
Icons.restart_alt_outlined,
size: 24,
),
title: Text('service_page.status.reloading'.tr()),
),
);
}
}
}
void _launchURL(final url) async {
try {
final Uri uri = Uri.parse(url);
await launchUrl(
uri,
mode: LaunchMode.externalApplication,
);
} catch (e) {
print(e);
}
}