diff --git a/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue b/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue index e992dfe593403b61e9721b5f804ecadec8b370ae..088e1d8cb6c365bcb142b27d470c61c9e40d64d7 100644 --- a/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue +++ b/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue @@ -12,7 +12,13 @@ append-icon="search" placeholder="search for keywords" @input="setLabel" - /> + > + <template #item="{ item }"> + <div class="label-updater-item"> + <feedback-label-component v-bind="item" /> + </div> + </template> + </v-autocomplete> </v-col> <v-col v-if="label.pk !== -1" @@ -33,10 +39,12 @@ import Component from 'vue-class-component' import { FeedbackLabels } from '@/store/modules/feedback-labels' import FeedbackLabelForm from './FeedbackLabelForm.vue' import { FeedbackLabel } from '../../models' +import FeedbackLabelComponent from '@/components/feedback_labels/FeedbackLabel.vue' @Component({ components: { FeedbackLabelForm, + FeedbackLabelComponent, } }) export default class FeedbackLabelUpdater extends Vue { diff --git a/frontend/src/components/feedback_labels/LabelSelector.vue b/frontend/src/components/feedback_labels/LabelSelector.vue index 11be7ca7660d231f2bcc69c8dee706f1fe6b8853..02c71161da20069469f73f22d9549e0b8a97b3aa 100644 --- a/frontend/src/components/feedback_labels/LabelSelector.vue +++ b/frontend/src/components/feedback_labels/LabelSelector.vue @@ -16,7 +16,13 @@ placeholder="search for keywords" @keyup.enter.ctrl.exact="submitFeedback" @input="addLabel" - /> + > + <template #item="{ item }"> + <div class="label-adder-item"> + <feedback-label v-bind="item" /> + </div> + </template> + </v-autocomplete> </v-col> <v-row class="ml-2 mb-3"