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/Schedule/CoverBypass.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/Schedule/CoverBypass.svelte')
| -rw-r--r-- | src/lib/Schedule/CoverBypass.svelte | 90 |
1 files changed, 45 insertions, 45 deletions
diff --git a/src/lib/Schedule/CoverBypass.svelte b/src/lib/Schedule/CoverBypass.svelte index 1b7cce17..e94ddd40 100644 --- a/src/lib/Schedule/CoverBypass.svelte +++ b/src/lib/Schedule/CoverBypass.svelte @@ -1,55 +1,55 @@ <script lang="ts" ts> - import type { Media } from '$lib/Data/AniList/media'; - import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte'; - import type { SubsPleaseEpisode } from '$lib/Media/Anime/Airing/Subtitled/subsPlease'; + import type { Media } from '$lib/Data/AniList/media'; + import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte'; + import type { SubsPleaseEpisode } from '$lib/Media/Anime/Airing/Subtitled/subsPlease'; - import { outboundLink } from '$lib/Media/links'; - import tooltip from '$lib/Tooltip/tooltip'; - import { abbreviate } from '$lib/Utility/string'; - import settings from '$stores/settings'; + import { outboundLink } from '$lib/Media/links'; + import tooltip from '$lib/Tooltip/tooltip'; + import { abbreviate } from '$lib/Utility/string'; + import settings from '$stores/settings'; - export let media: Media | null; - export let entry: SubsPleaseEpisode; - export let cover = true; - export let showTooltip = true; + export let media: Media | null; + export let entry: SubsPleaseEpisode; + export let cover = true; + export let showTooltip = true; - const abbreviateTo = 40; + const abbreviateTo = 40; - const titleSelect = (media: Media | null) => - media ? media.title.english || media.title.romaji || media.title.native : null; + const titleSelect = (media: Media | null) => + media ? media.title.english || media.title.romaji || media.title.native : null; </script> <a - href={media - ? outboundLink(media, 'anime', $settings.displayOutboundLinksTo) - : outboundLink( - null, - 'anime', - $settings.displayOutboundLinksTo, - true, - titleSelect(media) || entry.title - )} - target="_blank" - title={`<img src="${ - $settings.displayDataSaver ? media?.coverImage.medium : media?.coverImage.extraLarge - }" style="width: 250px; object-fit: cover; border-radius: 8px;" />`} - use:tooltip - data-tooltip-disable={media && cover ? false : true} + href={media + ? outboundLink(media, 'anime', $settings.displayOutboundLinksTo) + : outboundLink( + null, + 'anime', + $settings.displayOutboundLinksTo, + true, + titleSelect(media) || entry.title + )} + target="_blank" + title={`<img src="${ + $settings.displayDataSaver ? media?.coverImage.medium : media?.coverImage.extraLarge + }" style="width: 250px; object-fit: cover; border-radius: 8px;" />`} + use:tooltip + data-tooltip-disable={media && cover ? false : true} > - {#if media} - <MediaTitleDisplay - title={media.title} - abbreviate - {abbreviateTo} - tooltip={showTooltip - ? media.title.english?.length > abbreviateTo || - media.title.romaji?.length > abbreviateTo || - media.title.native?.length > abbreviateTo - : false} - /> - {:else} - <span title={entry.title} use:tooltip> - {abbreviate(entry.title, abbreviateTo)} - </span> - {/if} + {#if media} + <MediaTitleDisplay + title={media.title} + abbreviate + {abbreviateTo} + tooltip={showTooltip + ? media.title.english?.length > abbreviateTo || + media.title.romaji?.length > abbreviateTo || + media.title.native?.length > abbreviateTo + : false} + /> + {:else} + <span title={entry.title} use:tooltip> + {abbreviate(entry.title, abbreviateTo)} + </span> + {/if} </a> |