aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/CleanMangaList.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2023-11-06 18:23:53 -0800
committerFuwn <[email protected]>2023-11-06 18:23:53 -0800
commitcfc1a9221e4ddabcd0f7090358f19ad374346e3a (patch)
tree4a68a03af410c29031be93ddaa83f623637d00c9 /src/lib/List/CleanMangaList.svelte
parentfix(manga): wait for prune on clean (diff)
downloaddue.moe-cfc1a9221e4ddabcd0f7090358f19ad374346e3a.tar.xz
due.moe-cfc1a9221e4ddabcd0f7090358f19ad374346e3a.zip
refactor(list): move modules to sub-modules
Diffstat (limited to 'src/lib/List/CleanMangaList.svelte')
-rw-r--r--src/lib/List/CleanMangaList.svelte81
1 files changed, 0 insertions, 81 deletions
diff --git a/src/lib/List/CleanMangaList.svelte b/src/lib/List/CleanMangaList.svelte
deleted file mode 100644
index dd98fdd5..00000000
--- a/src/lib/List/CleanMangaList.svelte
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts">
- import type { Media } from '$lib/AniList/media';
- import { volumeCount } from '$lib/Media/manga';
- import settings from '../../stores/settings';
- import ListTitle from './ListTitle.svelte';
-
- export let media: Media[];
- export let cleanCache: () => void;
- export let endTime: number;
- export let lastUpdatedMedia: number;
- export let updateMedia: (
- id: number,
- progress: number | undefined,
- media: Media[]
- ) => Promise<void>;
- export let disableIncrement = false;
- export let pendingUpdate: number | null;
- export let due: boolean;
-</script>
-
-<ListTitle count={media.length} time={endTime / 1000}>
- <a href={'#'} title="Force a full refresh" on:click={cleanCache}>Refresh</a>
-</ListTitle>
-
-{#if media.length === 0}
- <ul>
- <li>No manga to display. <a href={'#'} on:click={cleanCache}>Force refresh</a></li>
- </ul>
-{/if}
-
-<ul>
- {#each media as manga}
- {@const progress = (manga.mediaListEntry || { progress: 0 }).progress}
-
- <li>
- <a href={`https://anilist.co/manga/${manga.id}`} target="_blank">
- <span
- style={lastUpdatedMedia === manga.id && manga.chapters !== progress
- ? 'color: lightcoral'
- : ''}
- >
- {#if $settings.displayNativeTitles}
- <span title={manga.title.english || manga.title.romaji || manga.title.native}>
- {manga.title.native}
- </span>
- {:else}
- <span title={manga.title.native}>
- {manga.title.english || manga.title.romaji || manga.title.native}
- </span>
- {/if}
- </span>
- </a>
- {#if $settings.displaySocialButton}
- [<a href={`https://anilist.co/manga/${manga.id}/social`} target="_blank">S</a>]
- {/if}
- <span style="opacity: 50%;">|</span>
- {pendingUpdate === manga.id ? progress + 1 : progress}{#if !due}
- <span style="opacity: 50%;">/{manga.chapters || '?'}</span>
- {/if}
- <a
- href={'#'}
- style={disableIncrement ? 'pointer-events: none; opacity: 50%;' : ''}
- on:click={() =>
- disableIncrement ? null : updateMedia(manga.id, manga.mediaListEntry?.progress, media)}
- >
- +
- </a>
- {#if due || manga.episodes !== manga.chapters}
- [{manga.episodes || '?'}]
- {#await volumeCount(manga) then volumes}
- {@const volumeProgress = manga.mediaListEntry?.progressVolumes}
- {#if volumes !== null && (volumeProgress || 0) < volumes}
- <span style="color: lightcoral;">
- Vol. {volumeProgress} &#8594; {volumes}
- </span>
- {/if}
- {/await}
- {/if}
- </li>
- {/each}
-</ul>