blob: 2d317aebd7d47be9af474a8ad79796b3d10b9da2 (
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
|
<script lang="ts">
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 AnimeList from './AnimeListTemplate.svelte';
import { getNotificationsContext } from 'svelte-notifications';
import locale from '$stores/locale';
export let user: AniListAuthorisation;
export let identity: UserIdentity;
const { addNotification } = getNotificationsContext();
let animeLists: Promise<Media[]>;
let startTime: number;
let endTime: number;
onMount(async () => {
startTime = performance.now();
animeLists = mediaListCollection(user, identity, Type.Anime, $anime, $lastPruneTimes.anime, {
addNotification
});
});
const cleanMedia = (anime: Media[]) => {
if (anime === undefined) return [];
const outdatedCompletedAnime = anime.filter(
(media: Media) =>
media.status === 'FINISHED' &&
(media.mediaListEntry || { status: 'DROPPED' }).status != 'DROPPED' &&
(media.mediaListEntry || { status: 'DROPPED' }).status !=
($settings.displayPausedMedia ? '' : 'PAUSED') &&
(media.mediaListEntry || { progress: 0 }).progress >= ($settings.displayNotStarted ? 0 : 1)
);
outdatedCompletedAnime.sort((a: Media, b: Media) => {
const difference = (anime: Media) =>
anime.episodes - (anime.mediaListEntry || { progress: 0 }).progress;
return difference(a) - difference(b);
});
if (!endTime) endTime = performance.now() - startTime;
return outdatedCompletedAnime;
};
</script>
<AnimeList
{endTime}
{cleanMedia}
bind:animeLists
{user}
{identity}
title={$locale().lists.completed.anime}
completed
/>
|