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/lib/Tools/Wrapped/Media.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/lib/Tools/Wrapped/Media.svelte')
| -rw-r--r-- | src/lib/Tools/Wrapped/Media.svelte | 184 |
1 files changed, 92 insertions, 92 deletions
diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte index f5184bc4..ea8a989b 100644 --- a/src/lib/Tools/Wrapped/Media.svelte +++ b/src/lib/Tools/Wrapped/Media.svelte @@ -1,98 +1,98 @@ <script lang="ts"> - import type { Media } from '$lib/Data/AniList/media'; - import type { Wrapped } from '$lib/Data/AniList/wrapped'; - import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte'; - import proxy from '$lib/Utility/proxy'; + import type { Media } from '$lib/Data/AniList/media'; + import type { Wrapped } from '$lib/Data/AniList/wrapped'; + import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte'; + import proxy from '$lib/Utility/proxy'; - export let animeList: Media[] | undefined; - export let mangaList: Media[] | undefined; - export let wrapped: Wrapped; - export let updateWidth: () => void; - export let highestRatedMediaPercentage: boolean; - export let highestRatedCount: number; - export let animeMostTitle: string; - export let mangaMostTitle: string; + export let animeList: Media[] | undefined; + export let mangaList: Media[] | undefined; + export let wrapped: Wrapped; + export let updateWidth: () => void; + export let highestRatedMediaPercentage: boolean; + export let highestRatedCount: number; + export let animeMostTitle: string; + export let mangaMostTitle: string; </script> {#if animeList !== undefined || mangaList !== undefined} - <div class="categories-grid"> - <div class="category-grid pure-category category middle-category"> - <div class="grid-item image-grid"> - <a - href={animeList && animeList[0] ? `https://anilist.co/anime/${animeList[0].id}` : '#'} - target="_blank" - > - <img - src={proxy( - animeList && animeList[0] ? animeList[0].coverImage.extraLarge : wrapped.avatar.large - )} - alt="Highest Rated Anime Cover" - class="cover-image" - on:load={updateWidth} - /> - </a> - <div> - <b>{animeMostTitle} Anime</b> - <ol> - {#if animeList !== undefined && animeList.length !== 0} - {#each animeList?.slice(0, highestRatedCount) as anime} - <li> - <a href={`https://anilist.co/anime/${anime.id}`} target="_blank"> - <MediaTitleDisplay title={anime.title} /> - </a>{highestRatedMediaPercentage && - anime.mediaListEntry && - anime.mediaListEntry?.score > 0 - ? `: ${anime.mediaListEntry?.score}%` - : ''} - </li> - {/each} - {:else} - <li> - <p class="opaque">(⌣_⌣”)</p> - </li> - {/if} - </ol> - </div> - </div> - </div> - <div class="category-grid pure-category category middle-category"> - <div class="grid-item image-grid"> - <a - href={mangaList && mangaList[0] ? `https://anilist.co/manga/${mangaList[0].id}` : '#'} - target="_blank" - > - <img - src={proxy( - mangaList && mangaList[0] ? mangaList[0].coverImage.extraLarge : wrapped.avatar.large - )} - alt="Highest Rated Manga Cover" - class="cover-image" - on:load={updateWidth} - /> - </a> - <div> - <b>{mangaMostTitle} Manga</b> - <ol> - {#if mangaList !== undefined && mangaList.length !== 0} - {#each mangaList?.slice(0, highestRatedCount) as manga} - <li> - <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> - <MediaTitleDisplay title={manga.title} /> - </a>{highestRatedMediaPercentage && - manga.mediaListEntry && - manga.mediaListEntry?.score > 0 - ? `: ${manga.mediaListEntry?.score}%` - : ''} - </li> - {/each} - {:else} - <li> - <p class="opaque">(⌣_⌣”)</p> - </li> - {/if} - </ol> - </div> - </div> - </div> - </div> + <div class="categories-grid"> + <div class="category-grid pure-category category middle-category"> + <div class="grid-item image-grid"> + <a + href={animeList && animeList[0] ? `https://anilist.co/anime/${animeList[0].id}` : '#'} + target="_blank" + > + <img + src={proxy( + animeList && animeList[0] ? animeList[0].coverImage.extraLarge : wrapped.avatar.large + )} + alt="Highest Rated Anime Cover" + class="cover-image" + on:load={updateWidth} + /> + </a> + <div> + <b>{animeMostTitle} Anime</b> + <ol> + {#if animeList !== undefined && animeList.length !== 0} + {#each animeList?.slice(0, highestRatedCount) as anime} + <li> + <a href={`https://anilist.co/anime/${anime.id}`} target="_blank"> + <MediaTitleDisplay title={anime.title} /> + </a>{highestRatedMediaPercentage && + anime.mediaListEntry && + anime.mediaListEntry?.score > 0 + ? `: ${anime.mediaListEntry?.score}%` + : ''} + </li> + {/each} + {:else} + <li> + <p class="opaque">(⌣_⌣”)</p> + </li> + {/if} + </ol> + </div> + </div> + </div> + <div class="category-grid pure-category category middle-category"> + <div class="grid-item image-grid"> + <a + href={mangaList && mangaList[0] ? `https://anilist.co/manga/${mangaList[0].id}` : '#'} + target="_blank" + > + <img + src={proxy( + mangaList && mangaList[0] ? mangaList[0].coverImage.extraLarge : wrapped.avatar.large + )} + alt="Highest Rated Manga Cover" + class="cover-image" + on:load={updateWidth} + /> + </a> + <div> + <b>{mangaMostTitle} Manga</b> + <ol> + {#if mangaList !== undefined && mangaList.length !== 0} + {#each mangaList?.slice(0, highestRatedCount) as manga} + <li> + <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> + <MediaTitleDisplay title={manga.title} /> + </a>{highestRatedMediaPercentage && + manga.mediaListEntry && + manga.mediaListEntry?.score > 0 + ? `: ${manga.mediaListEntry?.score}%` + : ''} + </li> + {/each} + {:else} + <li> + <p class="opaque">(⌣_⌣”)</p> + </li> + {/if} + </ol> + </div> + </div> + </div> + </div> {/if} |