diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/List/MediaTitleDisplay.svelte | 8 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 14 | ||||
| -rw-r--r-- | src/stores/settings.ts | 4 |
3 files changed, 16 insertions, 10 deletions
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, |