konrad
507a73e74c
Co-authored-by: kolaente <k@knt.li> Reviewed-on: vikunja/frontend#997 Reviewed-by: dpschen <dpschen@noreply.kolaente.de> Co-authored-by: konrad <k@knt.li> Co-committed-by: konrad <k@knt.li>
41 lines
666 B
Vue
41 lines
666 B
Vue
<template>
|
|
<multiselect
|
|
:placeholder="$t('namespace.search')"
|
|
@search="findNamespaces"
|
|
:search-results="namespaces"
|
|
@select="select"
|
|
label="title"
|
|
:search-delay="10"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
import Multiselect from '@/components/input/multiselect.vue'
|
|
|
|
export default {
|
|
name: 'namespace-search',
|
|
emits: ['selected'],
|
|
data() {
|
|
return {
|
|
query: '',
|
|
}
|
|
},
|
|
components: {
|
|
Multiselect,
|
|
},
|
|
computed: {
|
|
namespaces() {
|
|
return this.$store.getters['namespaces/searchNamespace'](this.query)
|
|
},
|
|
},
|
|
methods: {
|
|
findNamespaces(query) {
|
|
this.query = query
|
|
},
|
|
select(namespace) {
|
|
this.$emit('selected', namespace)
|
|
},
|
|
},
|
|
}
|
|
</script>
|