diff options
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/src/routes/settings/+page.svelte | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/client/src/routes/settings/+page.svelte b/src/client/src/routes/settings/+page.svelte index a0483a0..d72f19b 100644 --- a/src/client/src/routes/settings/+page.svelte +++ b/src/client/src/routes/settings/+page.svelte @@ -8,6 +8,7 @@ let transition_duration: number = $state() let max_framerate: number = $state() let display_size: string = $state() + let order: string = $state() let max_cache_assets: number = $state() function onsubmit(e: SubmitEvent) { @@ -19,6 +20,7 @@ transition_duration, max_framerate, display_size, + order, max_cache_assets, } apiConnector.updateConfig(config) @@ -28,7 +30,7 @@ const currentConfig: Config = await apiConnector.fetchConfig() ;({ immich_url, immich_api_key, image_duration, transition_duration, - max_framerate, display_size, max_cache_assets, + max_framerate, display_size, order, max_cache_assets, } = currentConfig) }) </script> @@ -85,6 +87,15 @@ <option value="fullsize">Original Image</option> </select> <div> + <label for="order" class="settings-label">Sorting Order</label> + <p>Sorting order of images.</p> + </div> + <select class="my-auto rounded-input" id="order" bind:value={order}> + <option value="oldest-first">Oldest to Newest</option> + <option value="newest-first">Newest to Oldest</option> + <option value="random">Shuffle Random</option> + </select> + <div> <label for="max_cache_assets" class="settings-label">Max Cached Assets</label> <p>Number of assets that can exist at once in RAM.<br>Each asset will take ~10x the display size in memory.</p> </div> |