aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/InputTemplate.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/InputTemplate.svelte
parentfeat(graphql): add badgeCount field (diff)
downloaddue.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz
due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Tools/InputTemplate.svelte')
-rw-r--r--src/lib/Tools/InputTemplate.svelte114
1 files changed, 57 insertions, 57 deletions
diff --git a/src/lib/Tools/InputTemplate.svelte b/src/lib/Tools/InputTemplate.svelte
index c81c12d5..72e2f807 100644
--- a/src/lib/Tools/InputTemplate.svelte
+++ b/src/lib/Tools/InputTemplate.svelte
@@ -1,71 +1,71 @@
<script lang="ts">
- import { clearAllParameters } from '$lib/Utility/parameters';
- import { onMount } from 'svelte';
- import SettingHint from '$lib/Settings/SettingHint.svelte';
+ import { clearAllParameters } from '$lib/Utility/parameters';
+ import { onMount } from 'svelte';
+ import SettingHint from '$lib/Settings/SettingHint.svelte';
- export let field: string;
- export let submission: string;
- export let event: string | undefined = undefined;
- export let submitText: string;
- export let saveParameters: string[] = [];
- export let onSubmit = () => {
- return;
- };
- export let preserveCase = false;
- export let prompt = `Enter a ${
- preserveCase ? field : field.toLowerCase()
- } to search for to continue.`;
- export let hint: string | undefined = undefined;
+ export let field: string;
+ export let submission: string;
+ export let event: string | undefined = undefined;
+ export let submitText: string;
+ export let saveParameters: string[] = [];
+ export let onSubmit = () => {
+ return;
+ };
+ export let preserveCase = false;
+ export let prompt = `Enter a ${
+ preserveCase ? field : field.toLowerCase()
+ } to search for to continue.`;
+ export let hint: string | undefined = undefined;
- let input = '';
+ let input = '';
- onMount(() => clearAllParameters(saveParameters));
+ onMount(() => clearAllParameters(saveParameters));
</script>
<div class="card">
- <p>
- <!-- svelte-ignore missing-declaration -->
- <input
- type="text"
- placeholder={field}
- bind:value={input}
- on:keypress={(e) => {
- if (e.key === 'Enter') {
- submission = input;
+ <p>
+ <!-- svelte-ignore missing-declaration -->
+ <input
+ type="text"
+ placeholder={field}
+ bind:value={input}
+ on:keypress={(e) => {
+ if (e.key === 'Enter') {
+ submission = input;
- onSubmit();
+ onSubmit();
- // eslint-disable-next-line no-undef
- if (event) umami.track(event);
- }
- }}
- />
- <button
- class="button-lined"
- on:click={() => {
- submission = input;
+ // eslint-disable-next-line no-undef
+ if (event) umami.track(event);
+ }
+ }}
+ />
+ <button
+ class="button-lined"
+ on:click={() => {
+ submission = input;
- onSubmit();
- }}
- title="Or click your Enter key"
- data-umami-event={event}
- >
- {submitText}
- </button>
+ onSubmit();
+ }}
+ title="Or click your Enter key"
+ data-umami-event={event}
+ >
+ {submitText}
+ </button>
- {#if hint !== undefined}
- <br />
- <div style="margin-top: .25rem;">
- <SettingHint>{hint}</SettingHint>
- </div>
- {/if}
- </p>
+ {#if hint !== undefined}
+ <br />
+ <div style="margin-top: .25rem;">
+ <SettingHint>{hint}</SettingHint>
+ </div>
+ {/if}
+ </p>
- {#if submission !== ''}
- <slot />
- {:else}
- <p />
+ {#if submission !== ''}
+ <slot />
+ {:else}
+ <p />
- {prompt}
- {/if}
+ {prompt}
+ {/if}
</div>