diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/InputTemplate.svelte | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.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.svelte | 114 |
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> |