From 0486aabe1e210768521fb94746abbcd901e896a7 Mon Sep 17 00:00:00 2001
From: Thilo Wischmeyer <thwischm@gmail.com>
Date: Mon, 15 Feb 2021 13:49:26 +0100
Subject: [PATCH] Display label color and description in label selector
---
.../feedback_labels/FeedbackLabelUpdater.vue | 10 +++++++++-
.../src/components/feedback_labels/LabelSelector.vue | 8 +++++++-
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue b/frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue
index e992dfe5..088e1d8c 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 11be7ca7..02c71161 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"
--
GitLab