diff options
Diffstat (limited to 'src/routes/completed/+page.svelte')
| -rw-r--r-- | src/routes/completed/+page.svelte | 112 |
1 files changed, 56 insertions, 56 deletions
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte index 8a5724fd..d483d7fe 100644 --- a/src/routes/completed/+page.svelte +++ b/src/routes/completed/+page.svelte @@ -1,24 +1,24 @@ <script lang="ts"> - import { onDestroy, onMount } from 'svelte'; - import userIdentity from '$stores/identity.js'; - import settings from '$stores/settings'; - import WatchingAnimeList from '$lib/List/Anime/CompletedAnimeList.svelte'; - import ListTitle from '$lib/List/ListTitle.svelte'; - import MangaListTemplate from '$lib/List/Manga/MangaListTemplate.svelte'; - import HeadTitle from '$lib/Home/HeadTitle.svelte'; - import LastActivity from '$lib/Home/LastActivity.svelte'; - import { createHeightObserver } from '$lib/Utility/html.js'; - import Skeleton from '$lib/Loading/Skeleton.svelte'; - import locale from '$stores/locale.js'; - import Landing from '$lib/Landing.svelte'; + import { onDestroy, onMount } from 'svelte'; + import userIdentity from '$stores/identity.js'; + import settings from '$stores/settings'; + import WatchingAnimeList from '$lib/List/Anime/CompletedAnimeList.svelte'; + import ListTitle from '$lib/List/ListTitle.svelte'; + import MangaListTemplate from '$lib/List/Manga/MangaListTemplate.svelte'; + import HeadTitle from '$lib/Home/HeadTitle.svelte'; + import LastActivity from '$lib/Home/LastActivity.svelte'; + import { createHeightObserver } from '$lib/Utility/html.js'; + import Skeleton from '$lib/Loading/Skeleton.svelte'; + import locale from '$stores/locale.js'; + import Landing from '$lib/Landing.svelte'; - export let data; + export let data; - let heightObserver: NodeJS.Timeout; + let heightObserver: NodeJS.Timeout; - onMount(() => (heightObserver = setInterval(() => createHeightObserver(), 0))); + onMount(() => (heightObserver = setInterval(() => createHeightObserver(), 0))); - onDestroy(() => clearInterval(heightObserver)); + onDestroy(() => clearInterval(heightObserver)); </script> <HeadTitle route="Completed" path="/completed" /> @@ -26,54 +26,54 @@ <LastActivity user={data.user} /> {#if data.user === undefined} - <div class="card">Please log in to view completed media.</div> + <div class="card">Please log in to view completed media.</div> - <p /> + <p /> - <Landing /> + <Landing /> {:else} - <div class="list-container"> - {#if !$settings.displayFiltersIncludeCompleted || !$settings.disableAnime} - <details open={!$settings.displayAnimeCollapsed} class="list"> - {#if $userIdentity.id !== -2} - <WatchingAnimeList user={data.user} /> - {:else} - <ListTitle title={$locale().lists.completed.anime} /> + <div class="list-container"> + {#if !$settings.displayFiltersIncludeCompleted || !$settings.disableAnime} + <details open={!$settings.displayAnimeCollapsed} class="list"> + {#if $userIdentity.id !== -2} + <WatchingAnimeList user={data.user} /> + {:else} + <ListTitle title={$locale().lists.completed.anime} /> - <Skeleton card={false} count={5} height="0.9rem" list /> - {/if} - </details> - {/if} + <Skeleton card={false} count={5} height="0.9rem" list /> + {/if} + </details> + {/if} - {#if !$settings.displayFiltersIncludeCompleted || !$settings.disableManga} - <details open={!$settings.displayMangaCollapsed} class="list"> - {#if $userIdentity.id !== -2} - <MangaListTemplate - user={data.user} - displayUnresolved={$settings.displayUnresolved} - due={false} - /> - {:else} - <ListTitle title={$locale().lists.completed.mangaAndLightNovels} /> + {#if !$settings.displayFiltersIncludeCompleted || !$settings.disableManga} + <details open={!$settings.displayMangaCollapsed} class="list"> + {#if $userIdentity.id !== -2} + <MangaListTemplate + user={data.user} + displayUnresolved={$settings.displayUnresolved} + due={false} + /> + {:else} + <ListTitle title={$locale().lists.completed.mangaAndLightNovels} /> - <Skeleton card={false} count={5} height="0.9rem" list /> - {/if} - </details> - {/if} - </div> + <Skeleton card={false} count={5} height="0.9rem" list /> + {/if} + </details> + {/if} + </div> {/if} <style> - .list-container { - display: flex; - flex-wrap: wrap; - align-items: start; - gap: 1em; - } + .list-container { + display: flex; + flex-wrap: wrap; + align-items: start; + gap: 1em; + } - .list { - overflow-y: auto; - min-width: 300px; - flex: 1 1 300px; - } + .list { + overflow-y: auto; + min-width: 300px; + flex: 1 1 300px; + } </style> |