import 'package:fluent_ui/fluent_ui.dart'; import 'package:hooks_riverpod/hooks_riverpod.dart'; import 'package:starcitizen_doctor/widgets/widgets.dart'; import 'package:file_sizes/file_sizes.dart'; import 'home_downloader_ui_model.dart'; class HomeDownloaderUI extends HookConsumerWidget { const HomeDownloaderUI({super.key}); @override Widget build(BuildContext context, WidgetRef ref) { final state = ref.watch(homeDownloaderUIModelProvider); final model = ref.read(homeDownloaderUIModelProvider.notifier); return makeDefaultPage(context, content: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const SizedBox(height: 12), Row( children: [ const Spacer(), const SizedBox(width: 24), const SizedBox(width: 12), for (final item in , String>{ const MapEntry("settings", FluentIcons.settings): S.current.downloader_speed_limit_settings, if (state.tasks.isNotEmpty) const MapEntry("pause_all", FluentIcons.pause): S.current.downloader_action_pause_all, if (state.waitingTasks.isNotEmpty) const MapEntry("resume_all", FluentIcons.download): S.current.downloader_action_resume_all, if (state.tasks.isNotEmpty || state.waitingTasks.isNotEmpty) const MapEntry("cancel_all", FluentIcons.cancel): S.current.downloader_action_cancel_all, }.entries) Padding( padding: const EdgeInsets.only(left: 6, right: 6), child: Button( child: Padding( padding: const EdgeInsets.all(4), child: Row( children: [ Icon(item.key.value), const SizedBox(width: 6), Text(item.value), ], ), ), onPressed: () => model.onTapButton(context, item.key.key)), ), const SizedBox(width: 12), ], ), if (model.getTasksLen() == 0) Expanded( child: Center( child: Text(S.current.downloader_info_no_download_tasks), )) else Expanded( child: ListView.builder( itemBuilder: (BuildContext context, int index) { final (task, type, isFirstType) = model.getTaskAndType(index); final nt = HomeDownloaderUIModel.getTaskTypeAndName(task); return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ if (isFirstType) Column( children: [ Container( padding: EdgeInsets.only( left: 24, right: 24, top: index == 0 ? 0 : 12, bottom: 12), margin: const EdgeInsets.only(top: 6, bottom: 6), child: Row( children: [ Expanded( child: Row( children: [ Text( "${model.listHeaderStatusMap[type]}", style: const TextStyle( fontSize: 24, fontWeight: FontWeight.bold), ), ], )), ], ), ), ], ), Container( padding: const EdgeInsets.only( left: 12, right: 12, top: 12, bottom: 12), margin: const EdgeInsets.only( left: 12, right: 12, top: 6, bottom: 6), decoration: BoxDecoration( color: FluentTheme.of(context) .cardColor .withOpacity(.06), borderRadius: BorderRadius.circular(7), ), child: Row( children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( nt.value, style: const TextStyle( fontSize: 18, fontWeight: FontWeight.bold), ), const SizedBox(height: 6), Row( children: [ Text( S.current.downloader_info_total_size( FileSize.getSize( task.totalLength ?? 0)), style: const TextStyle(fontSize: 14), ), const SizedBox(width: 12), if (nt.key == "torrent" && task.verifiedLength != null && task.verifiedLength != 0) Text( S.current.downloader_info_verifying( FileSize.getSize( task.verifiedLength)), style: const TextStyle(fontSize: 14), ) else if (task.status == "active") Text(S.current .downloader_info_downloading( ((task.completedLength ?? 0) * 100 / (task.totalLength ?? 1)) .toStringAsFixed(4))) else Text(S.current.downloader_info_status( model.statusMap[task.status] ?? "Unknown")), const SizedBox(width: 24), if (task.status == "active" && task.verifiedLength == null) Text( "ETA: ${model.formatter.format(DateTime.now().add(Duration(seconds: model.getETA(task))))}"), ], ), ], ), const Spacer(), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text(S.current.downloader_info_uploaded( FileSize.getSize(task.uploadLength))), Text(S.current.downloader_info_downloaded( FileSize.getSize(task.completedLength))), ], ), const SizedBox(width: 18), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "↑：${FileSize.getSize(task.uploadSpeed)}/s"), Text( "↓：${FileSize.getSize(task.downloadSpeed)}/s"), ], ), const SizedBox(width: 32), if (type != "stopped") DropDownButton( closeAfterClick: false, title: Padding( padding: const EdgeInsets.all(3), child: Text(S.current.downloader_action_options), ), items: [ if (task.status == "paused") MenuFlyoutItem( leading: const Icon(FluentIcons.download), text: Text(S.current .downloader_action_continue_download), onPressed: () => model.resumeTask(task.gid)) else if (task.status == "active") MenuFlyoutItem( leading: const Icon(FluentIcons.pause), text: Text(S.current .downloader_action_pause_download), onPressed: () => model.pauseTask(task.gid)), const MenuFlyoutSeparator(), MenuFlyoutItem( leading: const Icon( FluentIcons.chrome_close, size: 14, ), text: Text(S.current .downloader_action_cancel_download), onPressed: () => model.cancelTask(context, task.gid)), MenuFlyoutItem( leading: const Icon( FluentIcons.folder_open, size: 14, ), text: Text(S.current.action_open_folder), onPressed: () => model.openFolder(task)), ], ), const SizedBox(width: 12), ], ), ), ], ); }, itemCount: model.getTasksLen(), )), Container( color: FluentTheme.of(context).cardColor.withOpacity(.06), child: Padding( padding: const EdgeInsets.only(left: 12, bottom: 3, top: 3), child: Row( children: [ Container( width: 8, height: 8, decoration: BoxDecoration( color: state.isAvailable ? Colors.green : Colors.white, borderRadius: BorderRadius.circular(1000), ), ), const SizedBox(width: 12), Text(S.current.downloader_info_download_upload_speed( FileSize.getSize(state.globalStat?.downloadSpeed ?? 0), FileSize.getSize(state.globalStat?.uploadSpeed ?? 0))) ], ), ), ), ], ), useBodyContainer: true); } }