BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix up exact checkboxes before search migration.

Browse source
This commit is contained in:
Bradley Shellnut 2022-07-28 18:03:21 -07:00
parent d739be11af
commit 5d61643dc2
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/lib/components/search/advancedSearch/index.svelte
View file

@ -24,7 +24,6 @@
let minAge = 1; let minAge = 1;
let minPlayers = 1; let minPlayers = 1;
let maxPlayers = 1; let maxPlayers = 1;
let exactMinAge = false;
let exactMinPlayers = false; let exactMinPlayers = false;
let exactMaxPlayers = false; let exactMaxPlayers = false;
</script> </script>
@ -32,13 +31,14 @@
<form on:submit|preventDefault={handleSubmit} method="post"> <form on:submit|preventDefault={handleSubmit} method="post">
<fieldset aria-busy={submitting} disabled={submitting}> <fieldset aria-busy={submitting} disabled={submitting}>
<div> <div>
<label htmlfor="minAge"> <label for="minAge">
<input id="minAge" name="minAge" bind:value={minAge} type="number" min={1} max={120} />
Min Age Min Age
<input id="minAge" name="minAge" bind:value={minAge} type="number" min={1} max={120} />
</label> </label>
</div> </div>
<div> <div>
<label htmlfor="minPlayers"> <label for="minPlayers">
Min Players
<input <input
id="minPlayers" id="minPlayers"
name="minPlayers" name="minPlayers"
@ -47,20 +47,20 @@
min={0} min={0}
max={50} max={50}
/> />
Min Players
</label> </label>
<label htmlfor="exactMinPlayers"> <label for="exactMinPlayers" style="display: flex; gap: 1rem; place-items: center;">
<span>Exact?</span>
<input <input
id="exactMinPlayers" id="exactMinPlayers"
type="checkbox" type="checkbox"
name="exactMinPlayers" name="exactMinPlayers"
bind:checked={exactMinPlayers} bind:checked={exactMinPlayers}
/> />
<span>Exact?</span>
</label> </label>
</div> </div>
<div> <div>
<label htmlfor="maxPlayers"> <label for="maxPlayers">
Max Players
<input <input
id="maxPlayers" id="maxPlayers"
name="maxPlayers" name="maxPlayers"
@ -69,16 +69,15 @@
min={0} min={0}
max={50} max={50}
/> />
Max Players
</label> </label>
<label htmlfor="exactMaxPlayers"> <label for="exactMaxPlayers" style="display: flex; gap: 1rem; place-items: center;">
<span>Exact?</span>
<input <input
id="exactMaxPlayers" id="exactMaxPlayers"
type="checkbox" type="checkbox"
name="exactMaxPlayers" name="exactMaxPlayers"
bind:checked={exactMaxPlayers} bind:checked={exactMaxPlayers}
/> />
<span>Exact?</span>
</label> </label>
</div> </div>
</fieldset> </fieldset>