From 99b0a31da64b4a4e9dd94058506c45be8d9fd4b8 Mon Sep 17 00:00:00 2001 From: WardPearce Date: Wed, 9 Oct 2024 09:44:49 +1300 Subject: [PATCH] Overhauled settings --- materialious/src/lib/Settings.svelte | 1075 +++++++++++---------- materialious/src/lib/i18n/locales/en.json | 1 + materialious/static/style.css | 2 +- 3 files changed, 559 insertions(+), 519 deletions(-) diff --git a/materialious/src/lib/Settings.svelte b/materialious/src/lib/Settings.svelte index b378830e..90ae9c37 100644 --- a/materialious/src/lib/Settings.svelte +++ b/materialious/src/lib/Settings.svelte @@ -7,7 +7,7 @@ import { iso31661 } from 'iso-3166'; import { _ } from 'svelte-i18n'; import { get } from 'svelte/store'; - import { ensureNoTrailingSlash, titleCase, titleCases, truncate } from './misc'; + import { ensureNoTrailingSlash, titleCase, titleCases } from './misc'; import { authStore, darkModeStore, @@ -95,598 +95,637 @@ darkModeStore.set(true); } } + + let activeTab: + | 'interface' + | 'player' + | 'data' + | 'ryd' + | 'api extended' + | 'sponsorblock' + | 'dearrow' = 'interface'; - - + +
+ + {#if Capacitor.isNativePlatform()} +
{ + instanceStore.set(ensureNoTrailingSlash(invidiousInstance)); + authStore.set(null); + goto('/', { replaceState: true }); + ui('#dialog-settings'); + }} + > + +
{/if} - - - - {#if Capacitor.isNativePlatform()} -
-
Invidious
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + arrow_drop_down +
+ +
+ + + arrow_drop_down +
+ + {#if !Capacitor.isNativePlatform()} +
+
{$_('layout.bookmarklet')}
+ +
+ {/if} +
+
+
+ +
+ +
+ +
+ +
+ +
+ + {#if Capacitor.getPlatform() === 'android'} +
+ +
+ {/if} + + {#if Capacitor.isNativePlatform()} +
+ +
+ {/if} + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + {#if Capacitor.isNativePlatform()} +
+ +
+ +
+ +
+ {/if} +
+ +
{ - instanceStore.set(ensureNoTrailingSlash(invidiousInstance)); - authStore.set(null); - goto('/', { replaceState: true }); - ui('#dialog-settings'); - }} + on:submit|preventDefault={() => + returnYTDislikesInstanceStore.set(ensureNoTrailingSlash(returnYTInstance))} >
-
- {/if} -
-
{$_('layout.interface')}
- -
- -
- -
- -
- -
- -
- -
- -
- - - arrow_drop_down -
- -
- - - arrow_drop_down -
-
+ + - + - -
-
{$_('layout.player.title')}
- -
- -
- -
- -
- -
- -
- - {#if Capacitor.getPlatform() === 'android'} -
-
- -
-
Return YT Dislikes
- -
- returnYTDislikesInstanceStore.set(ensureNoTrailingSlash(returnYTInstance))} - > - -
- - -
- -
-
API Extended
- -
- synciousInstanceStore.set(ensureNoTrailingSlash(synciousInstance))} - > - -
- - -
- -
-
Sponsorblock
- -
- sponsorBlockUrlStore.set(ensureNoTrailingSlash(sponsorBlockInstance))} - > - -
- - - - - - - -
- -

{$_('layout.sponsors.Catagories')}

- - {#each sponsorCategories as sponsor} -
- -
- {/each} -
- -
-
{$_('layout.deArrow.title')}
- -
deArrowInstanceStore.set(ensureNoTrailingSlash(deArrowUrl))} - > - -
- -
deArrowThumbnailInstanceStore.set(deArrowThumbnailUrl)}> - -
- - - - -
- - {#if !Capacitor.isNativePlatform()} -
-
{$_('layout.bookmarklet')}
- +
deArrowInstanceStore.set(ensureNoTrailingSlash(deArrowUrl))} > + +
+ +
deArrowThumbnailInstanceStore.set(deArrowThumbnailUrl)}> + +
+ + + +
- {/if} +
diff --git a/materialious/src/lib/i18n/locales/en.json b/materialious/src/lib/i18n/locales/en.json index 79285e02..a2ad1f6a 100644 --- a/materialious/src/lib/i18n/locales/en.json +++ b/materialious/src/lib/i18n/locales/en.json @@ -9,6 +9,7 @@ "title": "Title", "searchPlaceholder": "Search (ctrl + k)", "delete": "Delete", + "donate": "Donate", "deleteAllHistory": "Delete all history", "skipping": "Skipping", "replies": "replies", diff --git a/materialious/static/style.css b/materialious/static/style.css index 5bffc19d..b20b1599 100644 --- a/materialious/static/style.css +++ b/materialious/static/style.css @@ -77,4 +77,4 @@ main.root { main.root::-webkit-scrollbar { display: none !important; } -} \ No newline at end of file +}