aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/SequelSpy/Tool.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/SequelSpy/Tool.svelte
parentfeat(graphql): add badgeCount field (diff)
downloaddue.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz
due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Tools/SequelSpy/Tool.svelte')
-rw-r--r--src/lib/Tools/SequelSpy/Tool.svelte112
1 files changed, 56 insertions, 56 deletions
diff --git a/src/lib/Tools/SequelSpy/Tool.svelte b/src/lib/Tools/SequelSpy/Tool.svelte
index 8956e00a..caec4a46 100644
--- a/src/lib/Tools/SequelSpy/Tool.svelte
+++ b/src/lib/Tools/SequelSpy/Tool.svelte
@@ -1,62 +1,62 @@
<script lang="ts">
- import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
- import { prequels, type MediaPrequel } from '$lib/Data/AniList/prequels';
- import { onMount } from 'svelte';
- import { clearAllParameters, parseOrDefault } from '../../Utility/parameters';
- import { page } from '$app/stores';
- import { browser } from '$app/environment';
- import { season as getSeason } from '$lib/Media/Anime/season';
- import Skeleton from '$lib/Loading/Skeleton.svelte';
- import identity from '$stores/identity';
- import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
- import Prequels from './Prequels.svelte';
-
- export let user: AniListAuthorisation;
-
- let currentPrequels: Promise<MediaPrequel[]> = Promise.resolve([]) as Promise<MediaPrequel[]>;
- const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
- let year = parseOrDefault(urlParameters, 'year', new Date().getFullYear());
- let season = parseOrDefault(urlParameters, 'season', getSeason());
-
- $: {
- if (year.toString().length === 4 && $identity.id !== -2 && user)
- currentPrequels = prequels(user, year, season);
- }
- $: {
- if (browser) {
- $page.url.searchParams.set('year', year.toString());
- $page.url.searchParams.set('season', season.toString());
- clearAllParameters(['year', 'season']);
- history.replaceState(null, '', `?${$page.url.searchParams.toString()}`);
- }
- }
-
- onMount(() => clearAllParameters(['year', 'season']));
+ import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
+ import { prequels, type MediaPrequel } from '$lib/Data/AniList/prequels';
+ import { onMount } from 'svelte';
+ import { clearAllParameters, parseOrDefault } from '../../Utility/parameters';
+ import { page } from '$app/stores';
+ import { browser } from '$app/environment';
+ import { season as getSeason } from '$lib/Media/Anime/season';
+ import Skeleton from '$lib/Loading/Skeleton.svelte';
+ import identity from '$stores/identity';
+ import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
+ import Prequels from './Prequels.svelte';
+
+ export let user: AniListAuthorisation;
+
+ let currentPrequels: Promise<MediaPrequel[]> = Promise.resolve([]) as Promise<MediaPrequel[]>;
+ const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
+ let year = parseOrDefault(urlParameters, 'year', new Date().getFullYear());
+ let season = parseOrDefault(urlParameters, 'season', getSeason());
+
+ $: {
+ if (year.toString().length === 4 && $identity.id !== -2 && user)
+ currentPrequels = prequels(user, year, season);
+ }
+ $: {
+ if (browser) {
+ $page.url.searchParams.set('year', year.toString());
+ $page.url.searchParams.set('season', season.toString());
+ clearAllParameters(['year', 'season']);
+ history.replaceState(null, '', `?${$page.url.searchParams.toString()}`);
+ }
+ }
+
+ onMount(() => clearAllParameters(['year', 'season']));
</script>
{#if user === undefined || $identity.id === -2}
- <LogInRestricted />
+ <LogInRestricted />
{:else}
- <div class="card">
- <p>
- <select bind:value={season}>
- <option value="WINTER">Winter</option>
- <option value="SPRING">Spring</option>
- <option value="SUMMER">Summer</option>
- <option value="FALL">Fall</option>
- </select>
- <input type="number" bind:value={year} />
- </p>
-
- {#await currentPrequels}
- <Skeleton card={false} count={5} height="0.9rem" list />
- {:then currentPrequels}
- <Prequels {currentPrequels} />
- {/await}
-
- <p />
-
- The count ratio is the number of episodes you've seen of any direct prequels, and the total
- number of episodes of all direct prequels.
- </div>
+ <div class="card">
+ <p>
+ <select bind:value={season}>
+ <option value="WINTER">Winter</option>
+ <option value="SPRING">Spring</option>
+ <option value="SUMMER">Summer</option>
+ <option value="FALL">Fall</option>
+ </select>
+ <input type="number" bind:value={year} />
+ </p>
+
+ {#await currentPrequels}
+ <Skeleton card={false} count={5} height="0.9rem" list />
+ {:then currentPrequels}
+ <Prequels {currentPrequels} />
+ {/await}
+
+ <p />
+
+ The count ratio is the number of episodes you've seen of any direct prequels, and the total
+ number of episodes of all direct prequels.
+ </div>
{/if}