diff options
| author | Fuwn <[email protected]> | 2024-01-31 18:16:24 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-31 18:16:24 -0800 |
| commit | 6fd24b656cdb038e7a7f93e254fc6d8c147b568f (patch) | |
| tree | b157b7fb61e6638255cbcb7efdc4dfa6506003c2 /src/routes | |
| parent | refactor(layout): dropdown component (diff) | |
| download | due.moe-6fd24b656cdb038e7a7f93e254fc6d8c147b568f.tar.xz due.moe-6fd24b656cdb038e7a7f93e254fc6d8c147b568f.zip | |
feat(badges): use custom dropdown
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 50 |
1 files changed, 31 insertions, 19 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index b2efceef..36a23f73 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -14,6 +14,7 @@ import Skeleton from '$lib/Loading/Skeleton.svelte'; import RateLimited from '$lib/Error/RateLimited.svelte'; import Message from '$lib/Loading/Message.svelte'; + import Dropdown from '$lib/Dropdown.svelte'; // import { io } from 'socket.io-client'; export let data; @@ -419,26 +420,37 @@ size="15" value={selectedBadge ? selectedBadge.description : ''} /> - <input - type="text" - placeholder={$locale().user.badges.editMode.category} - name="category" - minlength="1" - maxlength="1000" - size="15" - value={selectedBadge - ? selectedBadge.category === 'Uncategorised' - ? '' - : selectedBadge.category - : ''} - list="categories" - /> {#if groups.length > 0} - <datalist id="categories"> - {#each groups as group} - <option value={group} /> - {/each} - </datalist> + <Dropdown + items={groups.map((group) => ({ + name: group, + url: '#', + onClick: () => { + const category = document.querySelector('input[name="category"]'); + + if (category instanceof HTMLInputElement) category.value = group; + } + }))} + header={false} + center={false} + > + <span slot="title"> + <input + type="text" + placeholder={$locale().user.badges.editMode.category} + name="category" + minlength="1" + maxlength="1000" + size="15" + value={selectedBadge + ? selectedBadge.category === 'Uncategorised' + ? '' + : selectedBadge.category + : ''} + list="categories" + /> + </span> + </Dropdown> {/if} <button class="button-lined" on:click={submitBadge} >{selectedBadge |