aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/MediaTitleDisplay.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/List/MediaTitleDisplay.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/List/MediaTitleDisplay.svelte')
-rw-r--r--src/lib/List/MediaTitleDisplay.svelte138
1 files changed, 69 insertions, 69 deletions
diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte
index 51c6cd13..6a886704 100644
--- a/src/lib/List/MediaTitleDisplay.svelte
+++ b/src/lib/List/MediaTitleDisplay.svelte
@@ -1,77 +1,77 @@
<script lang="ts">
- import type { MediaTitle } from '$lib/Data/AniList/media';
- import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
- import { abbreviate as abbreviated } from '$lib/Utility/string';
- import settings from '$stores/settings';
- import LZString from 'lz-string';
- import * as wanakana from 'wanakana';
+ import type { MediaTitle } from '$lib/Data/AniList/media';
+ import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
+ import { abbreviate as abbreviated } from '$lib/Utility/string';
+ import settings from '$stores/settings';
+ import LZString from 'lz-string';
+ import * as wanakana from 'wanakana';
- export let title: MediaTitle;
- export let abbreviate = false;
- export let abbreviateTo = 20;
- export let tooltip = false;
+ export let title: MediaTitle;
+ export let abbreviate = false;
+ export let abbreviateTo = 20;
+ export let tooltip = false;
- const compressToBase64 = (string: string) => LZString.compressToBase64(string);
+ const compressToBase64 = (string: string) => LZString.compressToBase64(string);
</script>
<span id={`title-display-${compressToBase64(title.native)}`}>
- {#if $settings.displayTitleFormat === 'native'}
- {#if $settings.displayFurigana}
- {@const kana = abbreviate
- ? abbreviated(wanakana.toKana(title.native), abbreviateTo)
- : wanakana.toKana(title.native)}
- {@const native = abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
+ {#if $settings.displayTitleFormat === 'native'}
+ {#if $settings.displayFurigana}
+ {@const kana = abbreviate
+ ? abbreviated(wanakana.toKana(title.native), abbreviateTo)
+ : wanakana.toKana(title.native)}
+ {@const native = abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
- <LinkedTooltip
- content={title.english || title.romaji || title.native}
- disable={tooltip}
- pin={`title-display-${compressToBase64(title.native)}`}
- relative
- ignoreAnchorStyling
- >
- {#if kana === native}
- {native}
- {:else}
- <ruby>
- {native}
- <rt>
- {kana}
- </rt>
- </ruby>
- {/if}
- </LinkedTooltip>
- {:else}
- <LinkedTooltip
- content={title.english || title.romaji || title.native}
- disable={tooltip}
- pin={`title-display-${compressToBase64(title.native)}`}
- relative
- ignoreAnchorStyling
- >
- {abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
- </LinkedTooltip>
- {/if}
- {:else if $settings.displayTitleFormat === 'romaji'}
- <LinkedTooltip
- content={title.english || title.romaji || title.native}
- disable={tooltip}
- pin={`title-display-${compressToBase64(title.native)}`}
- relative
- ignoreAnchorStyling
- >
- {abbreviate ? abbreviated(title.romaji, abbreviateTo) : title.romaji}
- </LinkedTooltip>
- {:else}
- <LinkedTooltip
- content={title.romaji || title.native}
- disable={tooltip}
- pin={`title-display-${compressToBase64(title.native)}`}
- relative
- ignoreAnchorStyling
- >
- {abbreviate
- ? abbreviated(title.english || title.romaji || title.native, abbreviateTo)
- : title.english || title.romaji || title.native}
- </LinkedTooltip>
- {/if}
+ <LinkedTooltip
+ content={title.english || title.romaji || title.native}
+ disable={tooltip}
+ pin={`title-display-${compressToBase64(title.native)}`}
+ relative
+ ignoreAnchorStyling
+ >
+ {#if kana === native}
+ {native}
+ {:else}
+ <ruby>
+ {native}
+ <rt>
+ {kana}
+ </rt>
+ </ruby>
+ {/if}
+ </LinkedTooltip>
+ {:else}
+ <LinkedTooltip
+ content={title.english || title.romaji || title.native}
+ disable={tooltip}
+ pin={`title-display-${compressToBase64(title.native)}`}
+ relative
+ ignoreAnchorStyling
+ >
+ {abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
+ </LinkedTooltip>
+ {/if}
+ {:else if $settings.displayTitleFormat === 'romaji'}
+ <LinkedTooltip
+ content={title.english || title.romaji || title.native}
+ disable={tooltip}
+ pin={`title-display-${compressToBase64(title.native)}`}
+ relative
+ ignoreAnchorStyling
+ >
+ {abbreviate ? abbreviated(title.romaji, abbreviateTo) : title.romaji}
+ </LinkedTooltip>
+ {:else}
+ <LinkedTooltip
+ content={title.romaji || title.native}
+ disable={tooltip}
+ pin={`title-display-${compressToBase64(title.native)}`}
+ relative
+ ignoreAnchorStyling
+ >
+ {abbreviate
+ ? abbreviated(title.english || title.romaji || title.native, abbreviateTo)
+ : title.english || title.romaji || title.native}
+ </LinkedTooltip>
+ {/if}
</span>