diff --git a/components/Search.vue b/components/Search.vue index a8b01bc4..2b3aec4a 100644 --- a/components/Search.vue +++ b/components/Search.vue @@ -11,16 +11,15 @@ :label="$t('event.show_past')" v-model='showPast') - p {{filter}} v-autocomplete.mt-0( :label='$t("common.filter")' :items='keywords' v-model='filter' :search-input.sync='search' item-text='label' + item-value='id' chips rounded outlined single-line - multiple - ) + multiple) template(v-slot:selection="data") v-chip(v-bind="data.attrs" :input-value="data.selected" @@ -28,21 +27,13 @@ @click="data.select" @click:close="remove(data.item)") v-avatar(left) - v-icon - //- - //- - span {{ data.item.name }} + v-icon {{data.item.type === 'place' ? 'mdi-map-marker' : 'mdi-tag' }} + span {{ data.item.label }} template(v-slot:item='{ item }') - v-list-item-content - v-list-item-title(v-text='item.label') - //- span.float-left {{ item.label }} - //- i.float-right.el-icon-place(v-if='item.type==="place"') - //- i.float-right.el-icon-collection-tag(v-if='item.type==="tag"') - //- #filters - //- v-vtn.mr-1.bg-dark(type='text' round plain v-for='t in filters.tags' size='mini' - //- :key='t' @click='removeTag(t)') {{t}} - //- v-btn.mr-1.bg-dark.text-warning(type='text' round plain v-for='p in selectedPlaces' size='mini' - //- :key='p.id' @click='removePlace(p.id)') {{p.name}} + v-list-item-avatar + v-icon {{item.type === 'place' ? 'mdi-map-marker' : 'mdi-tag' }} + v-list-item-content + v-list-item-title(v-text='item.label')