summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/Sort.ts
blob: 4c9a353527c6df64e154fb52db362a2a8dd1f922 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import { SortDirection } from '$gql/graphql';
import { getContext, setContext } from 'svelte';
import { writable, type Writable } from 'svelte/store';
import { navigate } from './Navigation';

export interface SortData<T> {
	on: T;
	direction: SortDirection;
	seed: number | undefined;
}

export class SortContext<T extends string> {
	on: T;
	direction: SortDirection;
	seed: number | undefined;
	labels: Record<T, string>;

	constructor({ on, direction, seed }: SortData<T>, labels: Record<T, string>) {
		this.on = on;
		this.direction = direction;
		this.seed = seed;
		this.labels = labels;
	}

	set update({ on, direction, seed }: SortData<T>) {
		this.on = on;
		this.direction = direction;
		this.seed = seed;
	}

	apply(params: URLSearchParams) {
		navigate({ sort: { on: this.on, direction: this.direction, seed: this.seed } }, params);
	}
}

export function initSortContext<T extends string>(sort: SortData<T>, labels: Record<T, string>) {
	return setContext<Writable<SortContext<T>>>('sort', writable(new SortContext(sort, labels)));
}

export function getSortContext<T extends string>() {
	return getContext<Writable<SortContext<T>>>('sort');
}