aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Picker.svelte
blob: ffece7b660eb90d152537c64850664c9e7892de8 (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}
    onchange={() => {
      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' && !tools[t].hidden) as t}
      <option value={t}>{tools[t].short || tools[t].name()}</option>
    {/each}
  </select>
</blockquote>