ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix searchableInput field component to properly retrigger search on delete, clear properly etc

Browse Source
This commit is contained in:
Ulf Gebhardt 2023-04-25 02:19:50 +02:00
parent ca24cf4405
commit 6025706b4b
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/components/generic/SearchableInput/SearchableInput.vue
View File

@ -14,9 +14,8 @@
:auto-reset-search="!searchValue"
:placeholder="$t('search.placeholder')"
@focus.capture.native="onFocus"
@input.native="handleInput"
@input.native="onInput"
@keyup.enter.native="onEnter"
@keyup.delete.native="onDelete"
@keyup.esc.native="clear"
@blur.capture.native="onBlur"
@input.exact="onSelect"
@ -103,11 +102,14 @@ export default {
onFocus(event) {
clearTimeout(this.searchProcess)
},
handleInput(event) {
onInput(event) {
console.log('input', event)
clearTimeout(this.searchProcess)
this.value = event.target ? event.target.value.replace(/\s+/g, ' ').trim() : ''
console.log('input', this.value)
this.unprocessedSearchInput = this.value
if (isEmpty(this.value) || this.value.replace(/\s+/g, '').length < 3) {
this.clear()
return
}
this.searchProcess = setTimeout(() => {
@ -122,15 +124,6 @@ export default {
})
this.$emit('clearSearch')
},
onDelete(event) {
clearTimeout(this.searchProcess)
const value = event.target ? event.target.value.trim() : ''
if (isEmpty(value)) {
this.clear()
} else {
this.handleInput(event)
}
},
clear() {
this.unprocessedSearchInput = ''
this.previousSearchTerm = ''