aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/CompletedAnimeList.svelte
blob: 50a124a27af7dca9344dbe9f3ddb5d5962cae783 (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
<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 '../Template/AnimeListTemplate.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 === 'FINISHED' &&
				(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);
		});

		if (!endTime) {
			endTime = performance.now() - startTime;
		}

		return finalMedia;
	};
</script>

<AnimeList {endTime} {cleanMedia} bind:animeLists {user} {identity} title="Anime" completed />