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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
<script lang="ts">
/* eslint svelte/no-at-html-tags: "off" */
import { mediaListCollection, Type, type Media } from '$lib/AniList/media';
import type { UserIdentity, AniListAuthorisation } from '$lib/AniList/identity';
import { onMount } from 'svelte';
import anime from '../../stores/anime';
import lastPruneTimes from '../../stores/lastPruneTimes';
import settings from '../../stores/settings';
import { cleanCache, totalEpisodes, updateMedia } from '$lib/Media/anime';
import ListTitle from './ListTitle.svelte';
import Error from '$lib/Error.svelte';
export let user: AniListAuthorisation;
export let identity: UserIdentity;
let animeLists: Promise<Media[]>;
let startTime: number;
let endTime: number;
onMount(async () => {
startTime = performance.now();
animeLists = mediaListCollection(user, identity, Type.Anime, $anime, $lastPruneTimes.anime);
});
const cleanMedia = (media: Media[]) => {
if (media === undefined) {
return [];
}
const releasingMedia = media.filter(
(media: Media) =>
media.status !== 'RELEASING' &&
media.status !== 'NOT_YET_RELEASED' &&
(media.mediaListEntry || { status: 'DROPPED' }).status != 'DROPPED' &&
(media.mediaListEntry || { status: 'DROPPED' }).status !=
($settings.displayPausedMedia ? '' : 'PAUSED') &&
(media.mediaListEntry || { progress: 0 }).progress >= ($settings.displayNotStarted ? 0 : 1)
);
let finalMedia = releasingMedia;
finalMedia.sort((a: Media, b: Media) => {
const difference = (anime: Media) => {
return anime.episodes - (anime.mediaListEntry || { progress: 0 }).progress;
};
return difference(a) - difference(b);
});
finalMedia = finalMedia.filter((item, index, array) => {
return (
array.findIndex((i) => {
return i.id === item.id;
}) === index
);
});
if (!endTime) {
endTime = performance.now() - startTime;
}
return finalMedia;
};
</script>
{#await animeLists}
<ListTitle custom="Completed Anime" />
<ul><li>Loading ...</li></ul>
{:then media}
{@const cleanedMedia = cleanMedia(media)}
<ListTitle count={cleanedMedia.length} time={endTime / 1000} custom="Completed Anime" />
{#if cleanedMedia.length === 0}
<ul>
<li>
No anime to display. <a
href={'#'}
on:click={() => (animeLists = cleanCache(user, identity))}>Force refresh</a
>
</li>
</ul>
{/if}
<ul>
{#each cleanedMedia as anime}
<li>
<a
href={$settings.linkToAniList
? `https://anilist.co/anime/${anime.id}`
: `https://www.livechart.me/search?q=${
anime.title.native || anime.title.english || anime.title.romaji
}`}
target="_blank"
>
{anime.title.english || anime.title.romaji || anime.title.native}
</a>
<span style="opacity: 50%;">|</span>
{anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)}
<a
href={'#'}
on:click={() =>
updateMedia(
anime.id,
anime.mediaListEntry?.progress,
() => (animeLists = cleanCache(user, identity))
)}>+</a
>
</li>
{/each}
</ul>
{:catch}
<ListTitle count="?" time="0" custom="Completed Anime" />
<Error />
{/await}
|