@@ -2,7 +2,7 @@ import { openFile } from "@/util/oshelper";
|
|||||||
import { getTemporaryFilePath, getVencoderFolder } from "@/util/path";
|
import { getTemporaryFilePath, getVencoderFolder } from "@/util/path";
|
||||||
import { generateRandomString } from "@/util/string";
|
import { generateRandomString } from "@/util/string";
|
||||||
import { events, os, storage, type SpawnedProcess } from "@neutralinojs/lib";
|
import { events, os, storage, type SpawnedProcess } from "@neutralinojs/lib";
|
||||||
import { createSignal, onMount, onCleanup, Show, Index } from "solid-js";
|
import { createSignal, onMount, onCleanup, Show } from "solid-js";
|
||||||
|
|
||||||
interface TargetFile {
|
interface TargetFile {
|
||||||
com: string;
|
com: string;
|
||||||
@@ -217,15 +217,15 @@ function ProgressPage() {
|
|||||||
<Show when={finished()}>
|
<Show when={finished()}>
|
||||||
Processes finished. You can close this window.
|
Processes finished. You can close this window.
|
||||||
</Show>
|
</Show>
|
||||||
<Index each={progressList()}>
|
{progressList().map((item) => {
|
||||||
{(item, _) => (
|
return (
|
||||||
<div
|
<div
|
||||||
class="row flex-col"
|
class="row flex-col"
|
||||||
style={{
|
style={{
|
||||||
"padding-bottom": "var(--k-grid-unit)",
|
"padding-bottom": "var(--k-grid-unit)",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<label>{item().filename}</label>
|
<label>{item.filename}</label>
|
||||||
<div
|
<div
|
||||||
class="grid"
|
class="grid"
|
||||||
style={{
|
style={{
|
||||||
@@ -235,21 +235,21 @@ function ProgressPage() {
|
|||||||
<div class="row justify-content-center align-items-center">
|
<div class="row justify-content-center align-items-center">
|
||||||
<progress
|
<progress
|
||||||
class="col"
|
class="col"
|
||||||
value={item().percentage}
|
value={item.percentage}
|
||||||
max="100"
|
max="100"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="row justify-content-center align-items-center">
|
<div class="row justify-content-center align-items-center">
|
||||||
{Math.min(
|
{Math.min(
|
||||||
Math.round(item().percentage),
|
Math.round(item.percentage),
|
||||||
100,
|
100,
|
||||||
)}
|
)}
|
||||||
%
|
%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
);
|
||||||
</Index>
|
})}
|
||||||
<div>{queueLength()} file(s) queued.</div>
|
<div>{queueLength()} file(s) queued.</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="p-medium row" style={{ "align-items": "end" }}>
|
<footer class="p-medium row" style={{ "align-items": "end" }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user