blob: f85cc47b214b8e60cd0430caddb61373cc1c0705 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
<script lang="ts">
import type { Media } from '$lib/AniList/media';
import settings from '../../stores/settings';
import ListTitle from './ListTitle.svelte';
export let media: Media[];
export let cleanCache: () => Promise<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 refresh" on:click={cleanCache}>Force</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 || '?'}]
{/if}
</li>
{/each}
</ul>
|