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

properly diferentiate between clearbale search and text hints

Browse Source
This commit is contained in:
Ulf Gebhardt 2023-04-25 04:07:26 +02:00
parent 6102ce2fff
commit efff3625a9
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -84,13 +84,16 @@ export default {
},
computed: {
emptyText() {
return this.isActive && !this.loading ? this.$t('search.failed') : this.$t('search.hint')
return !this.loading && this.isSearchable() ? this.$t('search.failed') : this.$t('search.hint')
},
isActive() {
return !isEmpty(this.value)
},
},
methods: {
isSearchable(){
return !isEmpty(this.value) && typeof this.value === 'string' && this.value.replace(/\s+/g, '').length >= 3
},
isFirstOfType(option) {
return (
this.options.findIndex((o) => o === option) ===
@ -103,8 +106,8 @@ export default {
onInput(event) {
clearTimeout(this.searchProcess)
this.value = event.target ? event.target.value.replace(/\s+/g, ' ').trim() : ''
if (isEmpty(this.value) || this.value.replace(/\s+/g, '').length < 3) {
this.clear()
if (!this.isSearchable()) {
this.$emit('clearSearch')
return
}
this.searchProcess = setTimeout(() => {
@ -120,7 +123,6 @@ export default {
},
clear() {
this.value = ''
this.valueBackup = ''
this.$emit('clearSearch')
clearTimeout(this.searchProcess)
},