diff --git a/src/App.svelte b/src/App.svelte index ef20fbe..510c343 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -9,12 +9,13 @@ activeDownloads, addToast, } from "./store"; import type { DownloadStatus, DownloadQueueItem } from "./lib/types"; - import Layout from "./components/layout/Layout.svelte"; - import Reader from "./components/reader/Reader.svelte"; - import Settings from "./components/settings/Settings.svelte"; - import TitleBar from "./components/layout/TitleBar.svelte"; - import Toaster from "./components/layout/Toaster.svelte"; + import Layout from "./components/layout/Layout.svelte"; + import Reader from "./components/reader/Reader.svelte"; + import Settings from "./components/settings/Settings.svelte"; + import TitleBar from "./components/layout/TitleBar.svelte"; + import Toaster from "./components/layout/Toaster.svelte"; import SplashScreen from "./components/layout/SplashScreen.svelte"; + import MangaPreview from "./components/shared/MangaPreview.svelte"; const MAX_ATTEMPTS = 30; @@ -145,6 +146,7 @@ {#if $activeChapter}{:else}{/if} {#if $settingsOpen}{/if} + {/if} diff --git a/src/components/downloads/Downloads.svelte b/src/components/downloads/Downloads.svelte index be726a7..51f29c1 100644 --- a/src/components/downloads/Downloads.svelte +++ b/src/components/downloads/Downloads.svelte @@ -1 +1,180 @@ -
Downloads.svelte
+ + +
+
+

Downloads

+
+ + +
+
+ +
+
+ + {togglingPlay ? (isRunning ? "Pausing…" : "Starting…") : isRunning ? "Downloading" : "Paused"} + + {queue.length} queued +
+ + {#if loading} +
+ {:else if queue.length === 0} +
Queue is empty.
+ {:else} +
+ {#each queue as item, i (item.chapter.id)} + {@const isActive = i === 0 && isRunning} + {@const pages = item.chapter.pageCount ?? 0} + {@const done = Math.round(item.progress * pages)} + {@const manga = item.chapter.manga} + {@const isRemoving = dequeueing.has(item.chapter.id)} +
+ {#if manga?.thumbnailUrl} +
+ {manga?.title} +
+ {/if} +
+ {#if manga?.title}{manga.title}{/if} + {item.chapter.name} + {#if pages > 0} + {isActive ? `${done} / ${pages} pages` : `${pages} pages`} + {/if} + {#if isActive} +
+
+
+ {/if} +
+
+ {item.state} + {#if !isActive} + + {/if} +
+
+ {/each} +
+ {/if} +
+ + diff --git a/src/components/pages/Library.svelte b/src/components/pages/Library.svelte index af4192b..9b00096 100644 --- a/src/components/pages/Library.svelte +++ b/src/components/pages/Library.svelte @@ -170,6 +170,7 @@