diff --git a/components/admin/Cohorts.vue b/components/admin/Cohorts.vue index c48eb482..fdafd0d7 100644 --- a/components/admin/Cohorts.vue +++ b/components/admin/Cohorts.vue @@ -14,7 +14,7 @@ v-container v-card(color='secondary') v-card-title {{$t('admin.edit_cohort')}} v-card-text - v-form(v-model='valid' ref='form' lazy-validation) + v-form(v-model='valid' ref='form') v-text-field( v-if='!cohort.id' :rules="[$validators.required('common.name')]" @@ -29,45 +29,53 @@ v-container v-row v-col(cols=5) v-autocomplete(v-model='filterTags' + cache-items :prepend-icon="mdiTagMultiple" + chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint - no-filter :disabled="!cohort.id" placeholder='Tutte' - :search-input.sync="tagName" + @input.native='searchTags' :delimiters="[',', ';']" - :items="filteredTags" + :items="tags" :label="$t('common.tags')") v-col(cols=5) v-autocomplete(v-model='filterPlaces' + cache-items :prepend-icon="mdiMapMarker" chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint - no-filter - item-text='name' + auto-select-first + clearable return-object + item-text='name' :disabled="!cohort.id" - :search-input.sync="placeName" + @input.native="searchPlaces" :delimiters="[',', ';']" - :items="filteredPlaces" + :items="places" :label="$t('common.places')") + //- template(v-slot:item="{ item, attrs, on }") + //- v-list-item(v-bind='attrs' v-on='on') + //- v-list-item-content(two-line) + //- v-list-item-title(v-text='item.name') + //- v-list-item-subtitle(v-text='item.address') v-col(cols=2) v-btn(color='primary' text @click='addFilter' :disabled='!cohort.id || !filterPlaces.length && !filterTags.length') add v-data-table( - :headers='filterHeaders' - :items='filters' - :hide-default-footer='filters.length<5' - :footer-props='{ prevIcon: mdiChevronLeft, nextIcon: mdiChevronRight }') - template(v-slot:item.actions='{item}') - v-btn(@click='removeFilter(item)' color='error' icon) - v-icon(v-text='mdiDeleteForever') - template(v-slot:item.tags='{item}') - v-chip.ma-1(small v-for='tag in item.tags' v-text='tag' :key='tag') - template(v-slot:item.places='{item}') - v-chip.ma-1(small v-for='place in item.places' v-text='place.name' :key='place.id' ) + :headers='filterHeaders' + :items='filters' + :hide-default-footer='filters.length<5' + :footer-props='{ prevIcon: mdiChevronLeft, nextIcon: mdiChevronRight }') + template(v-slot:item.actions='{item}') + v-btn(@click='removeFilter(item)' color='error' icon) + v-icon(v-text='mdiDeleteForever') + template(v-slot:item.tags='{item}') + v-chip.ma-1(small v-for='tag in item.tags' v-text='tag' :key='tag') + template(v-slot:item.places='{item}') + v-chip.ma-1(small v-for='place in item.places' v-text='place.name' :key='place.id' ) @@ -95,7 +103,7 @@ v-container