From f84408bbd4a4c53dc49589b7735aba905efcc848 Mon Sep 17 00:00:00 2001
From: Tim Keller <tjk@tjkeller.xyz>
Date: Mon, 22 Dec 2025 21:53:33 -0600
Subject: add sorting options with oldest-first as default

---
 src/client/src/routes/settings/+page.svelte | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src/client')

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>
@@ -84,6 +86,15 @@
 					<option value="preview">Large Thumbnail (~400 kB)</option>
 					<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>
-- 
cgit v1.2.3