diff options
| author | Fuwn <[email protected]> | 2023-11-03 21:21:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-11-03 21:21:20 -0700 |
| commit | 4d6f784cfb84ca98c66aa9bb1fa21f52badd25ed (patch) | |
| tree | c1b1cd2f69976d6f76c35a928fc15db8371c55bb | |
| parent | feat(anime): higher opacity for closest items (diff) | |
| download | due.moe-4d6f784cfb84ca98c66aa9bb1fa21f52badd25ed.tar.xz due.moe-4d6f784cfb84ca98c66aa9bb1fa21f52badd25ed.zip | |
feat(list): native titles option
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 16 | ||||
| -rw-r--r-- | src/lib/List/CleanMangaList.svelte | 16 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 1 | ||||
| -rw-r--r-- | src/stores/settings.ts | 4 |
4 files changed, 24 insertions, 13 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 30443e83..9c4c3c1f 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -44,13 +44,17 @@ : `https://anilist.co/anime/${anime.id}`} target="_blank" > - {#if lastUpdatedMedia === anime.id && anime.episodes !== progress} - <span style="color: lightcoral"> + <span + style={lastUpdatedMedia === anime.id && anime.episodes !== progress + ? 'color: lightcoral' + : ''} + > + {#if $settings.displayNativeTitles} + {anime.title.native} + {:else} {anime.title.english || anime.title.romaji || anime.title.native} - </span> - {:else} - {anime.title.english || anime.title.romaji || anime.title.native} - {/if} + {/if} + </span> </a> {#if $settings.displaySocialButton} [<a href={`https://anilist.co/anime/${anime.id}/social`} target="_blank">S</a>] diff --git a/src/lib/List/CleanMangaList.svelte b/src/lib/List/CleanMangaList.svelte index 180c12f2..df558a51 100644 --- a/src/lib/List/CleanMangaList.svelte +++ b/src/lib/List/CleanMangaList.svelte @@ -33,13 +33,17 @@ <li> <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> - {#if lastUpdatedMedia === manga.id && manga.chapters !== progress} - <span style="color: lightcoral"> + <span + style={lastUpdatedMedia === manga.id && manga.chapters !== progress + ? 'color: lightcoral' + : ''} + > + {#if $settings.displayNativeTitles} + {manga.title.native} + {:else} {manga.title.english || manga.title.romaji || manga.title.native} - </span> - {:else} - {manga.title.english || manga.title.romaji || manga.title.native} - {/if} + {/if} + </span> </a> {#if $settings.displaySocialButton} [<a href={`https://anilist.co/manga/${manga.id}/social`} target="_blank">S</a>] diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index c08e0af6..372baa10 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -50,6 +50,7 @@ <SettingCheckboxToggle setting="limitListHeight" text="Limit list area to screen" /> <SettingCheckboxToggle setting="displaySocialButton" text="Show social button" /> <SettingCheckboxToggle setting="displayUnresolved" text="Display unresolved media" /> + <SettingCheckboxToggle setting="displayNativeTitles" text="Display titles in native language" /> <SettingCheckboxToggle setting="hoverNavigation" text="Display navigation as hover bar"> <SettingHint lineBreak> diff --git a/src/stores/settings.ts b/src/stores/settings.ts index 85d137d5..12ac5d49 100644 --- a/src/stores/settings.ts +++ b/src/stores/settings.ts @@ -17,6 +17,7 @@ export interface Settings { displaySocialButton: boolean; disableGuessing: boolean; hoverNavigation: boolean; + displayNativeTitles: boolean; } const defaultSettings: Settings = { @@ -34,7 +35,8 @@ const defaultSettings: Settings = { limitListHeight: false, displaySocialButton: false, disableGuessing: false, - hoverNavigation: false + hoverNavigation: false, + displayNativeTitles: false }; const createStore = () => { |