diff options
| author | Tim Keller <tjk@tjkeller.xyz> | 2025-12-22 21:53:33 -0600 |
|---|---|---|
| committer | Tim Keller <tjk@tjkeller.xyz> | 2025-12-22 21:53:33 -0600 |
| commit | f84408bbd4a4c53dc49589b7735aba905efcc848 (patch) | |
| tree | fcf5921d91d03a985a09e31c913e0b67b69140d6 /src/client | |
| parent | 0822f9c93729d97cb355028f7c4d79ee4e542961 (diff) | |
| download | immich-frame-f84408bbd4a4c53dc49589b7735aba905efcc848.tar.xz immich-frame-f84408bbd4a4c53dc49589b7735aba905efcc848.zip | |
add sorting options with oldest-first as defaultv0.4.1
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> |