feat(settings): rename display settings

8 files changed, 34 insertions, 34 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index bc895a50..3da3556e 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -60,7 +60,7 @@
 		{#if title.includes('Upcoming Episodes') || progress !== (anime.nextAiringEpisode?.episode || 9999) - 1}
 			<li class="entry">
 				<span class="content">
-					<a href={outboundLink(anime, 'anime', $settings.outboundLinksTo)} target="_blank">
+					<a href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)} target="_blank">
 						<span
 							style={lastUpdatedMedia === anime.id && anime.episodes !== progress
 								? 'color: lightcoral'
diff --git a/src/lib/List/Anime/DueAnimeList.svelte b/src/lib/List/Anime/DueAnimeList.svelte
index 6bb3ea4f..ac370892 100644
--- a/src/lib/List/Anime/DueAnimeList.svelte
+++ b/src/lib/List/Anime/DueAnimeList.svelte
@@ -71,7 +71,7 @@
 			dueAnime = dueAnime.filter((media: Media) => media.nextAiringEpisode?.episode !== -1);
 
 		dueAnime.sort((a: Media, b: Media) => {
-			if ($settings.sortByDifference === true) {
+			if ($settings.displaySortedByDifference === true) {
 				const difference = (anime: Media) =>
 					(anime.nextAiringEpisode?.episode === -1
 						? 99999
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index de355908..0100db72 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -41,7 +41,7 @@
 
 		{#if progress !== manga.episodes}
 			<li>
-				<a href={outboundLink(manga, 'manga', $settings.outboundLinksTo)} target="_blank">
+				<a href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)} target="_blank">
 					<span
 						style={lastUpdatedMedia === manga.id && manga.chapters !== progress
 							? 'color: lightcoral'
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eae53f7a..47253acc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,7 +27,7 @@
 </script>
 
 <div id="container">
-	{#if $settings.hoverNavigation}
+	{#if $settings.displayHoverNavigation}
 		<div id="hover-header">
 			「 <a href="/">Home</a> • <a href="/completed">Completed</a> •
 			<a href="/updates">Manga & WN Updates</a> •
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 66d93d73..d8ba06f0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -15,7 +15,7 @@
 	let lastActivityWasToday = true;
 
 	onMount(async () => {
-		if ($settings.limitListHeight) {
+		if ($settings.displayLimitListHeight) {
 			document.querySelectorAll('.list').forEach((list) => {
 				(list as HTMLElement).style.maxHeight = `calc(100vh - ${
 					document.querySelector('#list-container')?.getBoundingClientRect().bottom
@@ -34,7 +34,7 @@
 				(await lastActivityDate(currentUserIdentity)).toDateString() >= new Date().toDateString();
 
 			if (!lastActivityWasToday) {
-				if ($settings.limitListHeight) {
+				if ($settings.displayLimitListHeight) {
 					document.querySelectorAll('.list').forEach((list) => {
 						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
 							document.querySelector('#list-container')?.getBoundingClientRect().top
@@ -81,7 +81,7 @@
 		Please log in to view due media.
 	{:else}
 		{#if !$settings.disableUpcomingAnime}
-			<details open={!$settings.closeUpcomingAnimeByDefault} class="list">
+			<details open={!$settings.displayUpcomingAnimeCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<UpcomingAnimeList user={data.user} identity={currentUserIdentity} />
 				{:else}
@@ -93,7 +93,7 @@
 		{/if}
 
 		{#if !$settings.disableAnime}
-			<details open={!$settings.closeAnimeByDefault} class="list">
+			<details open={!$settings.displayAnimeCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<AnimeList user={data.user} identity={currentUserIdentity} />
 				{:else}
@@ -105,7 +105,7 @@
 		{/if}
 
 		{#if !$settings.disableManga}
-			<details open={!$settings.closeMangaByDefault} class="list">
+			<details open={!$settings.displayMangaCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<MangaListTemplate
 						user={data.user}
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index badeda67..0606deb9 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -14,7 +14,7 @@
 	let lastActivityWasToday = true;
 
 	onMount(async () => {
-		if ($settings.limitListHeight) {
+		if ($settings.displayLimitListHeight) {
 			document.querySelectorAll('.list').forEach((list) => {
 				(list as HTMLElement).style.maxHeight = `calc(100vh - ${
 					document.querySelector('#list-container')?.getBoundingClientRect().bottom
@@ -33,7 +33,7 @@
 				(await lastActivityDate(currentUserIdentity)).toDateString() >= new Date().toDateString();
 
 			if (!lastActivityWasToday) {
-				if ($settings.limitListHeight) {
+				if ($settings.displayLimitListHeight) {
 					document.querySelectorAll('.list').forEach((list) => {
 						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
 							document.querySelector('#list-container')?.getBoundingClientRect().top
@@ -79,7 +79,7 @@
 	{#if data.user === undefined}
 		Please log in to view due media.
 	{:else}
-		<details open={!$settings.closeAnimeByDefault} class="list">
+		<details open={!$settings.displayAnimeCollapsed} class="list">
 			{#if currentUserIdentity.id != -1}
 				<WatchingAnimeList user={data.user} identity={currentUserIdentity} />
 			{:else}
@@ -89,7 +89,7 @@
 			{/if}
 		</details>
 
-		<details open={!$settings.closeMangaByDefault} class="list">
+		<details open={!$settings.displayMangaCollapsed} class="list">
 			{#if currentUserIdentity.id != -1}
 				<MangaListTemplate
 					user={data.user}
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 75d586c6..b85fcc9e 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -103,17 +103,17 @@
 		<SettingCheckboxToggle setting="disableAnime" text="Disable anime" lineBreak={false} />
 		<SettingCheckboxToggle setting="disableManga" text="Disable manga" />
 		<SettingCheckboxToggle
-			setting="closeUpcomingAnimeByDefault"
+			setting="displayUpcomingAnimeCollapsed"
 			text="Collapse upcoming anime panels by default"
 			lineBreak={false}
 		/>
 		<SettingCheckboxToggle
-			setting="closeAnimeByDefault"
+			setting="displayAnimeCollapsed"
 			text="Collapse anime panels by default"
 			lineBreak={false}
 		/>
-		<SettingCheckboxToggle setting="closeMangaByDefault" text="Collapse manga panel by default" />
-		<SettingCheckboxToggle setting="limitListHeight" text="Limit list area to screen" />
+		<SettingCheckboxToggle setting="displayMangaCollapsed" text="Collapse manga panel by default" />
+		<SettingCheckboxToggle setting="displayLimitListHeight" text="Limit list area to screen" />
 		<SettingCheckboxToggle setting="displaySocialButton" text="Display social button for anime" />
 		<SettingCheckboxToggle
 			setting="displayCountdownRightAligned"
@@ -133,7 +133,7 @@
 			<SettingCheckboxToggle setting="displayFurigana" text="Display furigana for titles" />
 		{/if}
 
-		<SettingCheckboxToggle setting="hoverNavigation" text="Display navigation as hover bar">
+		<SettingCheckboxToggle setting="displayHoverNavigation" text="Display navigation as hover bar">
 			<SettingHint lineBreak>
 				Minimises and moves navigation to the top-left corner of the screen, visible only on hover.
 				Intended for use on desktop devices.
@@ -153,7 +153,7 @@
 		<br />
 
 		<SettingCheckboxToggle
-			setting="sortByDifference"
+			setting="displaySortedByDifference"
 			text="Sort anime by difference between last watched and next episode"
 		>
 			<SettingHint lineBreak>
@@ -174,7 +174,7 @@
 
 		<p />
 
-		<select bind:value={$settings.outboundLinksTo}>
+		<select bind:value={$settings.displayOutboundLinksTo}>
 			<option value="anilist">AniList</option>
 			<option value="livechartme">LiveChart.me</option>
 			<option value="animeschedule">AnimeSchedule</option>
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 7f59508a..ead37422 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -4,19 +4,19 @@ import { writable } from 'svelte/store';
 export interface Settings {
 	cacheMangaMinutes: number;
 	cacheMinutes: number;
-	closeUpcomingAnimeByDefault: boolean;
-	closeAnimeByDefault: boolean;
-	closeMangaByDefault: boolean;
+	displayUpcomingAnimeCollapsed: boolean;
+	displayAnimeCollapsed: boolean;
+	displayMangaCollapsed: boolean;
 	displayNotStarted: boolean;
 	displayUnresolved: boolean;
 	roundDownChapters: boolean;
-	sortByDifference: boolean;
-	outboundLinksTo: 'anilist' | 'livechartme' | 'animeschedule' | 'myanimelist';
+	displaySortedByDifference: boolean;
+	displayOutboundLinksTo: 'anilist' | 'livechartme' | 'animeschedule' | 'myanimelist';
 	displayPausedMedia: boolean;
-	limitListHeight: boolean;
+	displayLimitListHeight: boolean;
 	displaySocialButton: boolean;
 	disableGuessing: boolean;
-	hoverNavigation: boolean;
+	displayHoverNavigation: boolean;
 	displayNativeTitles: boolean;
 	guessMethod: 'median' | 'iqr_median' | 'iqr_mode' | 'mode';
 	disableOutOfDateVolumeWarning: boolean;
@@ -33,20 +33,20 @@ export interface Settings {
 
 const defaultSettings: Settings = {
 	// Display
-	outboundLinksTo: 'anilist',
+	displayOutboundLinksTo: 'anilist',
 	displayPausedMedia: true,
 	displayPlannedAnime: true,
-	limitListHeight: false,
+	displayLimitListHeight: false,
 	displaySocialButton: false,
 	displayUnresolved: false,
 	displayNativeTitles: false,
 	displayFurigana: false,
-	hoverNavigation: false,
+	displayHoverNavigation: false,
 	displayNotStarted: false,
-	closeUpcomingAnimeByDefault: false,
-	closeAnimeByDefault: false,
-	closeMangaByDefault: false,
-	sortByDifference: false,
+	displayUpcomingAnimeCollapsed: false,
+	displayAnimeCollapsed: false,
+	displayMangaCollapsed: false,
+	displaySortedByDifference: false,
 	displayAoButa: 'mai',
 	disableManga: false,
 	disableAnime: false,