Changed scene year filter to range input.

components/scenes/scenes.vue

@@ -24,7 +24,7 @@ import { get } from '#/src/api.js';
 import entityPrefixes from '#/src/entities-prefixes.js';
 import navigate from '#/src/navigate.js';
 import { getActorIdentifier, parseActorIdentifier } from '#/src/query.js';
-import { formatRange, parseRange } from '#/utils/parse-range.js';
+import { formatRange, formatYears, parseRange, parseYears } from '#/utils/parse-range.js';
 
 const props = defineProps({
 	showFilters: {
@@ -86,7 +86,7 @@ const queryEntity = networks[urlParsed.search.e] || channels[urlParsed.search.e]
 
 const filters = ref({
 	search: urlParsed.search.q,
-	years: urlParsed.search.years?.split(',').filter(Boolean).map(Number) || [],
+	...parseYears(urlParsed.search.years),
 	tags: urlParsed.search.tags?.split(',').filter(Boolean) || [],
 	onlyActorTags: Object.hasOwn(urlParsed.search, 'at'),
 	entity: queryEntity,
@@ -153,7 +153,7 @@ async function search(options = {}) {
 
 	navigate(getPath(scope.value, false), {
 		...query,
-		years: filters.value.years.join(',') || undefined,
+		years: formatYears(filters.value),
 		actors: filters.value.actors.map((filterActor) => getActorIdentifier(filterActor)).join(',') || undefined, // don't include page actor ID in query, already a parameter
 		tags: filters.value.tags.join(',') || undefined,
 		at: (filters.value.tags.length > 0 && filters.value.onlyActorTags) || undefined,
@@ -163,7 +163,7 @@ async function search(options = {}) {
 
 	const res = await get('/scenes', {
 		...query,
-		years: filters.value.years.filter(Boolean).join(','), // if we're on an actor page, that actor ID needs to be included
+		years: formatYears(filters.value),
 		actors: [pageActor, ...filters.value.actors].filter(Boolean).map((filterActor) => getActorIdentifier(filterActor)).join(','), // if we're on an actor page, that actor ID needs to be included
 		tags: [pageTag?.slug, ...filters.value.tags].filter(Boolean).join(','),
 		at: !!filters.value.onlyActorTags,