feat(settings): option disable panels

3 files changed, 62 insertions, 34 deletions

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a2c11d4d..2374ff8e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -51,8 +51,9 @@
 			{#if data.user === undefined}
 				<a
 					href={`https://anilist.co/api/v2/oauth/authorize?client_id=${env.PUBLIC_ANILIST_CLIENT_ID}&redirect_uri=${env.PUBLIC_ANILIST_REDIRECT_URI}&response_type=code`}
-					>Log in with AniList</a
 				>
+					Log in with AniList
+				</a>
 			{:else}
 				<a href="/api/authentication-log-out">Log out from AniList ({currentUserIdentity.name})</a>
 			{/if}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b62d452b..9b39407c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -80,40 +80,60 @@
 	{#if data.user === undefined}
 		Please log in to view due media.
 	{:else}
-		<details open={!$settings.closeAnimeByDefault} class="list">
-			{#if currentUserIdentity.id != -1}
-				<UpcomingAnimeList user={data.user} identity={currentUserIdentity} />
-			{:else}
-				<ListTitle custom="Upcoming Episodes" />
-
-				<ul><li>Loading ...</li></ul>
-			{/if}
-		</details>
-
-		<details open={!$settings.closeAnimeByDefault} class="list">
-			{#if currentUserIdentity.id != -1}
-				<AnimeList user={data.user} identity={currentUserIdentity} />
-			{:else}
-				<ListTitle anime />
-
-				<ul><li>Loading ...</li></ul>
-			{/if}
-		</details>
-
-		<details open={!$settings.closeMangaByDefault} class="list">
-			{#if currentUserIdentity.id != -1}
-				<MangaListTemplate
-					user={data.user}
-					identity={currentUserIdentity}
-					displayUnresolved={$settings.displayUnresolved}
-					due={true}
+		{#if !$settings.disableUpcomingAnime}
+			<details open={!$settings.closeAnimeByDefault} class="list">
+				{#if currentUserIdentity.id != -1}
+					<UpcomingAnimeList user={data.user} identity={currentUserIdentity} />
+				{:else}
+					<ListTitle custom="Upcoming Episodes" />
+
+					<ul><li>Loading ...</li></ul>
+				{/if}
+			</details>
+		{/if}
+
+		{#if !$settings.disableAnime}
+			<details open={!$settings.closeAnimeByDefault} class="list">
+				{#if currentUserIdentity.id != -1}
+					<AnimeList user={data.user} identity={currentUserIdentity} />
+				{:else}
+					<ListTitle anime />
+
+					<ul><li>Loading ...</li></ul>
+				{/if}
+			</details>
+		{/if}
+
+		{#if !$settings.disableManga}
+			<details open={!$settings.closeMangaByDefault} class="list">
+				{#if currentUserIdentity.id != -1}
+					<MangaListTemplate
+						user={data.user}
+						identity={currentUserIdentity}
+						displayUnresolved={$settings.displayUnresolved}
+						due={true}
+					/>
+				{:else}
+					<ListTitle />
+
+					<ul><li>Loading 0% ...</li></ul>
+				{/if}
+			</details>
+		{/if}
+
+		{#if $settings.disableUpcomingAnime && $settings.disableAnime && $settings.disableManga}
+			<div style="width: 82.5vw; height: 92.5vh; float: none; clear: both; margin: auto auto;">
+				<embed
+					src="https://www.youtube.com/embed/rkmYIGFWNz8?autohide=1&autoplay=1"
+					wmode="transparent"
+					type="video/mp4"
+					width="100%"
+					height="100%"
+					allow="autoplay; encrypted-media; picture-in-picture"
+					allowfullscreen
 				/>
-			{:else}
-				<ListTitle />
-
-				<ul><li>Loading 0% ...</li></ul>
-			{/if}
-		</details>
+			</div>
+		{/if}
 	{/if}
 </div>
 
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index c8b9dafa..cfedfd73 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -88,6 +88,13 @@
 			lineBreak={false}
 		/>
 		<SettingCheckboxToggle setting="displayPlannedAnime" text="Show planned anime" />
+		<SettingCheckboxToggle
+			setting="disableUpcomingAnime"
+			text="Disable upcoming anime"
+			lineBreak={false}
+		/>
+		<SettingCheckboxToggle setting="disableAnime" text="Disable anime" lineBreak={false} />
+		<SettingCheckboxToggle setting="disableManga" text="Disable manga" />
 		<SettingCheckboxToggle setting="limitListHeight" text="Limit list area to screen" />
 		<SettingCheckboxToggle setting="displaySocialButton" text="Show social button" />
 		<SettingCheckboxToggle setting="displayUnresolved" text="Display unresolved media" />