aboutsummaryrefslogtreecommitdiff
path: root/src/routes/completed/+page.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/routes/completed/+page.svelte')
-rw-r--r--src/routes/completed/+page.svelte112
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>