From 4319f04d15fea1ec610cde51648709ae3d77248b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 2 Feb 2024 04:12:16 -0800
Subject: feat(schedule): shorten long titles

---
 src/lib/List/MediaTitleDisplay.svelte | 39 +++++++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 9 deletions(-)

(limited to 'src/lib/List')

diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte
index 118d9b2c..5463d009 100644
--- a/src/lib/List/MediaTitleDisplay.svelte
+++ b/src/lib/List/MediaTitleDisplay.svelte
@@ -1,32 +1,53 @@
 <script lang="ts">
 	import type { MediaTitle } from '$lib/AniList/media';
+	import * as tooltipper from '$lib/Tooltip/tooltip';
+	import { abbreviate as abbreviated } from '$lib/Utility/string';
 	import settings from '$stores/settings';
 	import * as wanakana from 'wanakana';
 
 	export let title: MediaTitle;
+	export let abbreviate = false;
+	export let abbreviateTo = 20;
+	export let tooltip = false;
 </script>
 
 {#if $settings.displayTitleFormat === 'native'}
 	{#if $settings.displayFurigana}
-		<span title={title.english || title.romaji || title.native}>
+		<span
+			title={title.english || title.romaji || title.native}
+			use:tooltipper.default
+			data-tooltip-disable={tooltip}
+		>
 			<ruby>
-				{title.native}
+				{abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
 				<rt>
-					{wanakana.toKana(title.romaji)}
+					{abbreviate
+						? abbreviated(wanakana.toKana(title.native), abbreviateTo)
+						: wanakana.toKana(title.native)}
 				</rt>
 			</ruby>
 		</span>
 	{:else}
-		<span title={title.english || title.romaji || title.native}>
-			{title.native}
+		<span
+			title={title.english || title.romaji || title.native}
+			use:tooltipper.default
+			data-tooltip-disable={tooltip}
+		>
+			{abbreviate ? abbreviated(title.native, abbreviateTo) : title.native}
 		</span>
 	{/if}
 {:else if $settings.displayTitleFormat === 'romaji'}
-	<span title={title.english || title.romaji || title.native}>
-		{title.romaji}
+	<span
+		title={title.english || title.romaji || title.native}
+		use:tooltipper.default
+		data-tooltip-disable={tooltip}
+	>
+		{abbreviate ? abbreviated(title.romaji, abbreviateTo) : title.romaji}
 	</span>
 {:else}
-	<span title={title.romaji || title.native}>
-		{title.english || title.romaji || title.native}
+	<span title={title.romaji || title.native} use:tooltipper.default data-tooltip-disable={tooltip}>
+		{abbreviate
+			? abbreviated(title.english || title.romaji || title.native, abbreviateTo)
+			: title.english || title.romaji || title.native}
 	</span>
 {/if}
-- 
cgit v1.2.3