From 0f2168dbcc3d048ff790dc296a9aea4328815057 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 28 Dec 2023 19:38:54 -0800
Subject: feat(media): all title formats

---
 src/lib/List/MediaTitleDisplay.svelte |  8 ++++++--
 src/routes/settings/+page.svelte      | 14 ++++++++------
 src/stores/settings.ts                |  4 ++--
 3 files changed, 16 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte
index c419da14..a3186e47 100644
--- a/src/lib/List/MediaTitleDisplay.svelte
+++ b/src/lib/List/MediaTitleDisplay.svelte
@@ -6,7 +6,7 @@
 	export let title: MediaTitle;
 </script>
 
-{#if $settings.displayNativeTitles}
+{#if $settings.displayTitleFormat === 'native'}
 	{#if $settings.displayFurigana}
 		<span title={title.english || title.romaji || title.native}>
 			<ruby>
@@ -21,8 +21,12 @@
 			{title.native}
 		</span>
 	{/if}
+{:else if $settings.displayTitleFormat === 'romaji'}
+	<span title={title.english || title.romaji || title.native}>
+		{title.romaji}
+	</span>
 {:else}
-	<span title={title.native}>
+	<span title={title.romaji || title.native}>
 		{title.english || title.romaji || title.native}
 	</span>
 {/if}
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 755543b0..c94c5349 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -127,12 +127,14 @@
 			setting="displayNativeCountdown"
 			text="Display countdown as native release"
 		/>
-		<SettingCheckboxToggle
-			setting="displayNativeTitles"
-			text="Display titles in native language"
-			lineBreak={!$settings.displayNativeTitles}
-		/>
-		{#if $settings.displayNativeTitles}
+		<select bind:value={$settings.displayTitleFormat}>
+			<option value="english">English</option>
+			<option value="romaji">Romaji</option>
+			<option value="native">Native</option>
+		</select>
+		Display titles in format
+		<br />
+		{#if $settings.displayTitleFormat}
 			<SettingCheckboxToggle setting="displayFurigana" text="Display furigana for titles" />
 		{/if}
 
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index c996e300..8461abf6 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -17,7 +17,7 @@ export interface Settings {
 	displaySocialButton: boolean;
 	calculateGuessingDisabled: boolean;
 	displayHoverNavigation: boolean;
-	displayNativeTitles: boolean;
+	displayTitleFormat: 'english' | 'romaji' | 'native';
 	calculateGuessMethod: 'median' | 'iqr_median' | 'iqr_mode' | 'mode';
 	calculateDisableOutOfDateVolumeWarning: boolean;
 	displayPlannedAnime: boolean;
@@ -39,7 +39,7 @@ const defaultSettings: Settings = {
 	displayLimitListHeight: false,
 	displaySocialButton: false,
 	displayUnresolved: false,
-	displayNativeTitles: false,
+	displayTitleFormat: 'english',
 	displayFurigana: false,
 	displayHoverNavigation: false,
 	displayNotStarted: false,
-- 
cgit v1.2.3