Add detailed download progress

This commit is contained in:
2023-07-22 21:08:54 +08:00
parent 1c1ddbf1ce
commit 26a0d045e0
4 changed files with 203 additions and 16 deletions

View File

@@ -72,7 +72,7 @@ export default class Task extends Component<Props, State> {
if (task.base.type === TaskType.Download) {
const d = task
.progress as TaskProgressBasicType[TaskType.Download];
progress_div = (
const b_progress_div = (
<Progress max={d.total_page} animated={true}>
<Progress.Bar
class="bg-success"
@@ -81,6 +81,27 @@ export default class Task extends Component<Props, State> {
<Progress.Bar class="bg-danger" value={d.failed_page} />
</Progress>
);
progress_div = (
<div>
{b_progress_div}
{d.details.map((v) => {
return (
<div>
<div>{v.name}</div>
<Progress
max={v.total || v.downloaded}
animated={true}
>
<Progress.Bar
class="bg-success"
value={v.downloaded}
/>
</Progress>
</div>
);
})}
</div>
);
}
}
return (