mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-24 04:35:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Update:Search input clearable #509

Browse source
This commit is contained in:
advplyr 2023-01-16 17:44:32 -06:00
parent eb552170e3
commit 56fe350104
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/ui/TextInput.vue
View file

@ -4,6 +4,9 @@
<div v-if="prependIcon" class="absolute top-0 left-0 h-full px-2 flex items-center justify-center">
<span class="material-icons text-lg">{{ prependIcon }}</span>
</div>
<div v-if="clearable && input" class="absolute top-0 right-0 h-full px-2 flex items-center justify-center" @click.stop="clear">
<span class="material-icons text-lg">close</span>
</div>
</div>
</template>
@ -26,7 +29,8 @@ export default {
prependIcon: {
type: String,
default: null
}
},
clearable: Boolean
},
data() {
return {}
@ -53,6 +57,9 @@ export default {
}
},
methods: {
clear() {
this.input = ''
},
focus() {
if (this.$refs.input) {
this.$refs.input.focus()