aboutsummaryrefslogtreecommitdiff
path: root/src/routes/schedule/+page.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/routes/schedule/+page.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/routes/schedule/+page.svelte')
-rw-r--r--src/routes/schedule/+page.svelte96
1 files changed, 48 insertions, 48 deletions
diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte
index c1447e5f..78744347 100644
--- a/src/routes/schedule/+page.svelte
+++ b/src/routes/schedule/+page.svelte
@@ -1,27 +1,27 @@
<script lang="ts">
- import Error from '$lib/Error/RateLimited.svelte';
- import { onMount } from 'svelte';
- import { parseOrDefault } from '$lib/Utility/parameters';
- import { browser } from '$app/environment';
- import type { Media } from '$lib/Data/AniList/media';
- import { scheduleMediaListCollection } from '$lib/Data/AniList/schedule';
- import { season } from '$lib/Media/Anime/season';
- import HeadTitle from '$lib/Home/HeadTitle.svelte';
- // import Crunchyroll from '$lib/Schedule/Crunchyroll.svelte';
- import '$lib/Schedule/container.css';
- import Days from '$lib/Schedule/Days.svelte';
- import Skeleton from '$lib/Loading/Skeleton.svelte';
- import Message from '$lib/Loading/Message.svelte';
- import subsPlease from '$stores/subsPlease';
+ import Error from '$lib/Error/RateLimited.svelte';
+ import { onMount } from 'svelte';
+ import { parseOrDefault } from '$lib/Utility/parameters';
+ import { browser } from '$app/environment';
+ import type { Media } from '$lib/Data/AniList/media';
+ import { scheduleMediaListCollection } from '$lib/Data/AniList/schedule';
+ import { season } from '$lib/Media/Anime/season';
+ import HeadTitle from '$lib/Home/HeadTitle.svelte';
+ // import Crunchyroll from '$lib/Schedule/Crunchyroll.svelte';
+ import '$lib/Schedule/container.css';
+ import Days from '$lib/Schedule/Days.svelte';
+ import Skeleton from '$lib/Loading/Skeleton.svelte';
+ import Message from '$lib/Loading/Message.svelte';
+ import subsPlease from '$stores/subsPlease';
- let scheduledMediaPromise: Promise<Partial<Media[]>>;
- const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
- // let crunchyrollExpanded = false;
- let forceListMode = parseOrDefault(urlParameters, 'list', false);
+ let scheduledMediaPromise: Promise<Partial<Media[]>>;
+ const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
+ // let crunchyrollExpanded = false;
+ let forceListMode = parseOrDefault(urlParameters, 'list', false);
- onMount(async () => {
- scheduledMediaPromise = scheduleMediaListCollection(new Date().getFullYear(), season(), true);
- });
+ onMount(async () => {
+ scheduledMediaPromise = scheduleMediaListCollection(new Date().getFullYear(), season(), true);
+ });
</script>
<HeadTitle route="Schedule" path="/schedule" />
@@ -53,39 +53,39 @@
<p /> -->
{#if !$subsPlease}
- <Message message="Loading subtitle schedule ..." />
+ <Message message="Loading subtitle schedule ..." />
- <Skeleton grid={true} count={7} height="15em" width="49.5%" />
+ <Skeleton grid={true} count={7} height="15em" width="49.5%" />
{:else}
- {#await scheduledMediaPromise}
- <Message message="Loading schedule ..." />
+ {#await scheduledMediaPromise}
+ <Message message="Loading schedule ..." />
- <Skeleton grid={true} count={7} height="15em" width="49.5%" />
- {:then scheduledMedia}
- {#if scheduledMedia}
- <div class="schedule-container" id="schedule">
- <Days subsPlease={$subsPlease} {scheduledMedia} {forceListMode} />
- </div>
- {:else}
- <Message message="Loading schedule ..." />
+ <Skeleton grid={true} count={7} height="15em" width="49.5%" />
+ {:then scheduledMedia}
+ {#if scheduledMedia}
+ <div class="schedule-container" id="schedule">
+ <Days subsPlease={$subsPlease} {scheduledMedia} {forceListMode} />
+ </div>
+ {:else}
+ <Message message="Loading schedule ..." />
- <Skeleton grid={true} count={7} height="15em" width="49.5%" />
- {/if}
- {:catch}
- <Error type="Media" loginSessionError={false} card list={false} />
- {/await}
+ <Skeleton grid={true} count={7} height="15em" width="49.5%" />
+ {/if}
+ {:catch}
+ <Error type="Media" loginSessionError={false} card list={false} />
+ {/await}
{/if}
<style>
- .schedule-container {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
- gap: 0.5em;
- }
+ .schedule-container {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
+ gap: 0.5em;
+ }
- @media (max-width: 800px) {
- .schedule-container {
- grid-template-columns: 1fr !important;
- }
- }
+ @media (max-width: 800px) {
+ .schedule-container {
+ grid-template-columns: 1fr !important;
+ }
+ }
</style>