aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/SequelSpy/Prequels.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Tools/SequelSpy/Prequels.svelte')
-rw-r--r--src/lib/Tools/SequelSpy/Prequels.svelte56
1 files changed, 28 insertions, 28 deletions
diff --git a/src/lib/Tools/SequelSpy/Prequels.svelte b/src/lib/Tools/SequelSpy/Prequels.svelte
index ab1c4ac5..b22db3af 100644
--- a/src/lib/Tools/SequelSpy/Prequels.svelte
+++ b/src/lib/Tools/SequelSpy/Prequels.svelte
@@ -1,35 +1,35 @@
<script lang="ts">
- import type { MediaPrequel } from '$lib/Data/AniList/prequels';
- import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte';
- import { airingTime } from '$lib/Media/Anime/Airing/time';
- import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
- import settings from '$stores/settings';
- import type { Media } from '$lib/Data/AniList/media';
+ import type { MediaPrequel } from '$lib/Data/AniList/prequels';
+ import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte';
+ import { airingTime } from '$lib/Media/Anime/Airing/time';
+ import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
+ import settings from '$stores/settings';
+ import type { Media } from '$lib/Data/AniList/media';
- export let currentPrequels: MediaPrequel[];
+ export let currentPrequels: MediaPrequel[];
- const prequelAiringTime = (prequel: MediaPrequel) =>
- airingTime(prequel as unknown as Media, null, false, true);
+ const prequelAiringTime = (prequel: MediaPrequel) =>
+ airingTime(prequel as unknown as Media, null, false, true);
</script>
<ul>
- {#each currentPrequels.sort((a, b) => new Date(a.startDate.year, a.startDate.month - 1, a.startDate.day).getTime() - new Date(b.startDate.year, b.startDate.month - 1, b.startDate.day).getTime()) as prequel}
- <li id={`${prequel.id}`}>
- <LinkedTooltip
- content={`<img src="${
- $settings.displayDataSaver ? prequel.coverImage.medium : prequel.coverImage.extraLarge
- }" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
- pin={`${prequel.id}`}
- pinPosition="top"
- disable={!$settings.displayHoverCover}
- >
- <a href={`https://anilist.co/anime/${prequel.id}`} target="_blank">
- <MediaTitleDisplay title={prequel.title} />
- </a>
- <span class="opaque">|</span>
- {prequel.seen}<span class="opaque">/{prequel.episodes}</span>
- {@html prequelAiringTime(prequel)}
- </LinkedTooltip>
- </li>
- {/each}
+ {#each currentPrequels.sort((a, b) => new Date(a.startDate.year, a.startDate.month - 1, a.startDate.day).getTime() - new Date(b.startDate.year, b.startDate.month - 1, b.startDate.day).getTime()) as prequel}
+ <li id={`${prequel.id}`}>
+ <LinkedTooltip
+ content={`<img src="${
+ $settings.displayDataSaver ? prequel.coverImage.medium : prequel.coverImage.extraLarge
+ }" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
+ pin={`${prequel.id}`}
+ pinPosition="top"
+ disable={!$settings.displayHoverCover}
+ >
+ <a href={`https://anilist.co/anime/${prequel.id}`} target="_blank">
+ <MediaTitleDisplay title={prequel.title} />
+ </a>
+ <span class="opaque">|</span>
+ {prequel.seen}<span class="opaque">/{prequel.episodes}</span>
+ {@html prequelAiringTime(prequel)}
+ </LinkedTooltip>
+ </li>
+ {/each}
</ul>