Skip to content
Snippets Groups Projects
Commit f998c08c authored by Henrik Askjer's avatar Henrik Askjer
Browse files

Use combobox

parent 87b220f0
No related branches found
No related tags found
No related merge requests found
<template> <template>
<div class="autocomplete-container" :class="$vuetify.breakpoint.name"> <div class="autocomplete-container" :class="$vuetify.breakpoint.name">
<v-autocomplete <v-combobox
v-model="select" v-model="select"
:loading="loading" :loading="loading"
:items="items" :items="items"
...@@ -19,7 +19,6 @@ ...@@ -19,7 +19,6 @@
full-width full-width
flat flat
outlined outlined
auto-select-first
placeholder="Søk her" placeholder="Søk her"
ref="autocomplete" ref="autocomplete"
color="primary" color="primary"
...@@ -28,7 +27,7 @@ ...@@ -28,7 +27,7 @@
<template v-slot:item="data"> <template v-slot:item="data">
<span class="search-hit">{{data.item.label}} </span> ({{data.item.lang_set ? Array.from(data.item.lang_set).sort().join(', ') : 'fritekstsøk'}}) <span class="search-hit">{{data.item.label}} </span> ({{data.item.lang_set ? Array.from(data.item.lang_set).sort().join(', ') : 'fritekstsøk'}})
</template> </template>
</v-autocomplete> </v-combobox>
</div> </div>
</template> </template>
...@@ -69,7 +68,6 @@ ...@@ -69,7 +68,6 @@
}); });
hits.reverse() hits.reverse()
hits = hits.slice(0, 9) hits = hits.slice(0, 9)
hits.unshift({q: encodeURIComponent(q), label: q + ' '})
} }
hits.sort( (h1, h2) => { hits.sort( (h1, h2) => {
let val1 = h1.label.length * 10 + (h1.label[0].toLowerCase() === h1.label[0] ? 0 : 1) let val1 = h1.label.length * 10 + (h1.label[0].toLowerCase() === h1.label[0] ? 0 : 1)
...@@ -92,7 +90,11 @@ ...@@ -92,7 +90,11 @@
} }
}, },
select(item) { select(item) {
if (typeof item === 'string') {
item = {"q": encodeURIComponent(item)}
}
this.$emit('submit', item) this.$emit('submit', item)
this.$refs.autocomplete.blur()
let self = this let self = this
setTimeout(() => self.$refs.autocomplete.$refs.input.select(), 1) setTimeout(() => self.$refs.autocomplete.$refs.input.select(), 1)
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment