mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2024-11-22 00:25:43 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: make selectables clearable (#572)

Browse source
This commit is contained in:
Hayden 2023-10-06 16:32:49 -05:00 committed by GitHub
parent 1952b9f1cb
commit db16d3fb23
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/components/Form/Autocomplete2.vue
View file

@ -10,6 +10,14 @@
class="w-full input input-bordered" class="w-full input input-bordered"
@change="search = $event.target.value" @change="search = $event.target.value"
/> />
<button
v-if="!!value"
type="button"
class="absolute inset-y-0 right-6 flex items-center rounded-r-md px-2 focus:outline-none"
@click="clear"
>
<Icon name="mdi-close" class="w-5 h-5" />
</button>
<ComboboxButton class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"> <ComboboxButton class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none">
<Icon name="mdi-chevron-down" class="w-5 h-5" /> <Icon name="mdi-chevron-down" class="w-5 h-5" />
</ComboboxButton> </ComboboxButton>
@ -86,6 +94,10 @@
multiple: false, multiple: false,
}); });
function clear() {
emit("update:modelValue", null);
}
const search = ref(""); const search = ref("");
const value = useVModel(props, "modelValue", emit); const value = useVModel(props, "modelValue", emit);