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/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/network_utils.dart'; import 'package:selfprivacy/utils/route_transitions/basic.dart'; class ServicePage extends StatefulWidget { const ServicePage({required this.serviceId, super.key}); final String serviceId; @override State createState() => _ServicePageState(); } class _ServicePageState extends State { @override Widget build(final BuildContext context) { final Service? service = context.watch().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().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().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().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().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() .state .getVolume(service.storageUsage.volume ?? '') .displayName }, ), style: Theme.of(context).textTheme.bodyMedium, ), enabled: !serviceDisabled && !serviceLocked, ), ], ); } } 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()), ), ); } } }