blob: 2b990202901fe34b82556127b8ca4d30081014db (
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<script lang="ts">
import ActivityHistory from '$lib/Tools/ActivityHistory.svelte';
import Wrapped from '$lib/Tools/Wrapped.svelte';
import { browser } from '$app/environment';
import EpisodeDiscussionCollector from '$lib/Tools/EpisodeDiscussionCollector.svelte';
import { onMount } from 'svelte';
import CharacterBirthdays from '$lib/Tools/CharacterBirthdays.svelte';
import { page } from '$app/stores';
import { goto } from '$app/navigation';
import SequelSpy from '$lib/Tools/SequelSpy.svelte';
export let data;
const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
let tool = 'default';
onMount(() => {
switch (browser && urlParameters?.size !== 0 ? urlParameters?.get('tool') : 'default') {
case 'activity_history_hole_risks':
tool = 'activity_history_hole_risks';
break;
case 'wrapped':
tool = 'wrapped';
break;
case 'episode_discussion_collector':
tool = 'episode_discussion_collector';
break;
case 'todays_character_birthdays':
tool = 'todays_character_birthdays';
break;
default:
tool = 'default';
break;
}
});
const changeTool = (
e: Event & {
currentTarget: EventTarget & HTMLSelectElement;
}
) => {
$page.url.searchParams.set('tool', (e.target as HTMLSelectElement)?.value);
goto(`?${$page.url.searchParams.toString()}`);
};
</script>
<p>
<select bind:value={tool} on:change={changeTool}>
<option value="default" selected disabled hidden>Tool</option>
<option value="todays_character_birthdays">Today's Character Birthdays</option>
<option value="activity_history_hole_risks">Activity History Hole Risks</option>
<option value="wrapped">Wrapped (Beta)</option>
<option value="episode_discussion_collector">Episode Discussion Collector (Beta)</option>
<option value="sequel_spy">Sequel Spy</option>
</select>
</p>
{#if tool === 'default'}
Select a tool to continue.
{:else if tool === 'activity_history_hole_risks'}
<ActivityHistory user={data.user} />
{:else if tool === 'wrapped'}
<Wrapped user={data.user} />
{:else if tool === 'episode_discussion_collector'}
<EpisodeDiscussionCollector />
{:else if tool === 'todays_character_birthdays'}
<CharacterBirthdays />
{:else if tool === 'sequel_spy'}
<SequelSpy user={data.user} />
{/if}
|