diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/routes/schedule/+page.svelte | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.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.svelte | 96 |
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> |