selfprivacy.org.app/lib/ui/pages/services/service_page.dart
2023-07-02 18:24:07 +03:00

251 lines
7.8 KiB
Dart

import 'package:auto_route/auto_route.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.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/cards/filled_card.dart';
import 'package:selfprivacy/ui/layouts/brand_hero_screen.dart';
import 'package:selfprivacy/ui/router/router.dart';
import 'package:selfprivacy/utils/launch_url.dart';
@RoutePage()
class ServicePage extends StatefulWidget {
const ServicePage({required this.serviceId, 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,
hasFlashButton: true,
heroIconWidget: SvgPicture.string(
service.svgIcon,
width: 48.0,
height: 48.0,
colorFilter: ColorFilter.mode(
Theme.of(context).colorScheme.onBackground,
BlendMode.srcIn,
),
),
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: () => context.pushRoute(
ServicesMigrationRoute(
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,
),
if (service.canBeBackedUp)
ListTile(
iconColor: Theme.of(context).colorScheme.onBackground,
// Open page ServicesMigrationPage
onTap: () => context.pushRoute(
BackupsListRoute(service: service),
),
leading: const Icon(Icons.settings_backup_restore_outlined),
title: Text(
'service_page.snapshots'.tr(),
style: Theme.of(context).textTheme.titleMedium,
),
),
],
);
}
}
class ServiceStatusCard extends StatelessWidget {
const ServiceStatusCard({
required this.status,
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()),
),
);
}
}
}