mirror of
https://github.com/StarCitizenToolBox/app.git
synced 2026-01-16 13:10:28 +00:00
250 lines
13 KiB
Dart
250 lines
13 KiB
Dart
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 'package:starcitizen_doctor/common/rust/api/downloader_api.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 <MapEntry<String, IconData>, String>{
|
||
const MapEntry("settings", FluentIcons.settings): S.current.downloader_speed_limit_settings,
|
||
if (state.activeTasks.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.activeTasks.isNotEmpty || state.waitingTasks.isNotEmpty)
|
||
const MapEntry("cancel_all", FluentIcons.cancel): S.current.downloader_action_cancel_all,
|
||
if (state.completedTasks.isNotEmpty || state.errorTasks.isNotEmpty)
|
||
const MapEntry("clear_completed", FluentIcons.clear): S.current.downloader_action_clear_completed,
|
||
}.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);
|
||
final statusStr = model.getStatusString(task.status);
|
||
final isActive = task.status == DownloadTaskStatus.live;
|
||
final isPaused = task.status == DownloadTaskStatus.paused;
|
||
final isChecking = task.status == DownloadTaskStatus.checking;
|
||
|
||
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.withValues(alpha: .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.totalBytes.toInt())),
|
||
style: const TextStyle(fontSize: 14),
|
||
),
|
||
const SizedBox(width: 12),
|
||
if (isActive)
|
||
Text(
|
||
S.current.downloader_info_downloading((task.progress * 100).toStringAsFixed(2)),
|
||
)
|
||
else if (isChecking)
|
||
Text(model.getCheckingProgressString(task))
|
||
else
|
||
Text(S.current.downloader_info_status(model.statusMap[statusStr] ?? "Unknown")),
|
||
const SizedBox(width: 24),
|
||
if (isActive)
|
||
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.uploadedBytes.toInt()))),
|
||
// 校验状态下，downloadedBytes 显示为校验进度
|
||
if (isChecking)
|
||
Text(
|
||
S.current.downloader_info_checked(FileSize.getSize(task.downloadedBytes.toInt())),
|
||
)
|
||
else
|
||
Text(
|
||
S.current.downloader_info_downloaded(
|
||
FileSize.getSize(task.downloadedBytes.toInt()),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(width: 18),
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text("↑：${FileSize.getSize(task.uploadSpeed.toInt())}/s"),
|
||
Text("↓：${FileSize.getSize(task.downloadSpeed.toInt())}/s"),
|
||
],
|
||
),
|
||
const SizedBox(width: 32),
|
||
if (type != "completed" && type != "error")
|
||
DropDownButton(
|
||
closeAfterClick: true,
|
||
title: Padding(
|
||
padding: const EdgeInsets.all(3),
|
||
child: Text(S.current.downloader_action_options),
|
||
),
|
||
items: [
|
||
if (isPaused)
|
||
MenuFlyoutItem(
|
||
leading: const Icon(FluentIcons.download),
|
||
text: Text(S.current.downloader_action_continue_download),
|
||
onPressed: () => model.resumeTask(task.id.toInt()),
|
||
)
|
||
else if (isActive)
|
||
MenuFlyoutItem(
|
||
leading: const Icon(FluentIcons.pause),
|
||
text: Text(S.current.downloader_action_pause_download),
|
||
onPressed: () => model.pauseTask(task.id.toInt()),
|
||
),
|
||
const MenuFlyoutSeparator(),
|
||
MenuFlyoutItem(
|
||
leading: const Icon(FluentIcons.chrome_close, size: 14),
|
||
text: Text(S.current.downloader_action_cancel_download),
|
||
onPressed: () => model.cancelTask(context, task.id.toInt()),
|
||
),
|
||
MenuFlyoutItem(
|
||
leading: const Icon(FluentIcons.folder_open, size: 14),
|
||
text: Text(S.current.action_open_folder),
|
||
onPressed: () => model.openFolder(task),
|
||
),
|
||
],
|
||
)
|
||
else
|
||
DropDownButton(
|
||
closeAfterClick: true,
|
||
title: Padding(
|
||
padding: const EdgeInsets.all(3),
|
||
child: Text(S.current.downloader_action_options),
|
||
),
|
||
items: [
|
||
MenuFlyoutItem(
|
||
leading: const Icon(FluentIcons.chrome_close, size: 14),
|
||
text: Text(S.current.downloader_action_remove_record),
|
||
onPressed: () => model.removeTask(task.id.toInt()),
|
||
),
|
||
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.withValues(alpha: .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 ?? BigInt.zero).toInt()),
|
||
FileSize.getSize((state.globalStat?.uploadSpeed ?? BigInt.zero).toInt()),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
useBodyContainer: true,
|
||
);
|
||
}
|
||
}
|