aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Picker.svelte
blob: 8b2d183f90d7b086755842c1aa76f57524b26bb1 (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
<script lang="ts">
	import { browser } from '$app/environment';
	import { goto } from '$app/navigation';
	import root from '$lib/Utility/root';
	import { tools } from './tools';

	export let tool: string;
</script>

<blockquote>
	<select
		bind:value={tool}
		on:change={() => {
			if (browser) goto(root(`/tools/${tool}`));
		}}
	>
		<option value="default" selected disabled hidden>Select a tool to continue</option>

		{#each Object.keys(tools).filter((t) => t !== 'default') as t}
			<option value={t}>{tools[t].short || tools[t].name()}</option>
		{/each}
	</select>
</blockquote>