platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 47 Pull Requests Packages Projects 4 Releases Wiki Activity

[UI] Fixed `Autocomplete` behaviour on empty filter.

This commit is contained in:
Fabio Manganiello 2023-10-16 01:12:56 +02:00
parent c88a9da3e6
commit 0055acad9d
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
platypush/backend/http/webapp/src/components/elements/Autocomplete.vue
View File

@ -25,8 +25,8 @@
v-for="(item, i) in visibleItems"
@click="onItemSelect(item)"
>
<span class="matching">{{ item.substr(0, value.length) }}</span>
<span class="normal">{{ item.substr(value.length) }}</span>
<span class="matching" v-if="value?.length">{{ item.substr(0, value.length) }}</span>
<span class="normal">{{ item.substr(value?.length || 0) }}</span>
</div>
</div>
</div>
@ -80,6 +80,9 @@ export default {
computed: {
visibleItems() {
if (!this.value?.length)
return this.items
const val = this.value.toUpperCase()
if (!val?.length)
return this.showResultsWhenBlank ? this.items : []
@ -125,6 +128,9 @@ export default {
},
valueIsInItems() {
if (!this.value)
return false
return this.items.indexOf(this.value) >= 0
},