From 278342f3f0640fc07448f6e3c36cee60c6d9f256 Mon Sep 17 00:00:00 2001
From: Mikhail Epifanov <mikhail.epifanov@gmail.com>
Date: Thu, 10 Apr 2025 22:38:24 +0200
Subject: [PATCH] add small chip indicating if you are selecting existing item
 or creating a new one

---
 vue3/src/components/inputs/ModelSelect.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/vue3/src/components/inputs/ModelSelect.vue b/vue3/src/components/inputs/ModelSelect.vue
index c5dc245c4..ec5fc5f6d 100644
--- a/vue3/src/components/inputs/ModelSelect.vue
+++ b/vue3/src/components/inputs/ModelSelect.vue
@@ -7,7 +7,6 @@
 
         <!-- TODO resolve-on-load false for now, race condition with model class, make prop once better solution is found -->
         <Multiselect
-
             :ref="`ref_${props.id}`"
             class="material-multiselect "
             :class="{'model-select--density-compact': props.density == 'compact', 'model-select--density-comfortable': props.density == 'comfortable', 'model-select--density-default': props.density == ''}"
@@ -37,7 +36,16 @@
                 dropdown: 'multiselect-dropdown z-3000',
                 containerActive: '',
             }"
-        />
+        >
+          <template #option="{ option }">
+            <div class="d-flex align-center justify-space-between w-100">
+              <span>{{ option[itemLabel] }}</span>
+              <v-chip size="x-small" :color="option.__CREATE__ ? 'success' : 'primary'" class="ml-2">
+                {{ option.__CREATE__ ? $t("New") : $t("Existing") }}
+              </v-chip>
+            </div>
+          </template>
+        </Multiselect>
 
         <template #append v-if="$slots.append">
             <slot name="append">