aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Schedule/CoverBypass.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Schedule/CoverBypass.svelte
parentfeat(graphql): add badgeCount field (diff)
downloaddue.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.svelte90
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>