From 13149724c6c04322e9370938db06a262006ae2aa Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 12 Dec 2024 12:09:28 +0700
Subject: [PATCH] feat: disable create new if not select branch

---
 .../shared/select/SelectCustomer.vue          | 22 +++++++++++++++----
 src/components/shared/select/select.ts        |  2 ++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/shared/select/SelectCustomer.vue b/src/components/shared/select/SelectCustomer.vue
index b956612e..e55d8358 100644
--- a/src/components/shared/select/SelectCustomer.vue
+++ b/src/components/shared/select/SelectCustomer.vue
@@ -92,16 +92,30 @@ onMounted(async () => {
     </template>
 
     <template #before-options v-if="creatable">
-      <q-item clickable v-close-popup @click.stop="$emit('create')">
+      <q-item
+        :disable="creatableDisabled"
+        clickable
+        v-close-popup
+        @click.stop="$emit('create')"
+      >
         <q-item-section>
-          <b class="row items-center">
+          <span class="row items-center">
             <q-icon
               name="mdi-plus-circle-outline"
               class="q-mr-sm"
               style="color: hsl(var(--positive-bg))"
             />
-            {{ $t('general.add', { text: $t('quotation.newCustomer') }) }}
-          </b>
+            <b>
+              {{ $t('general.add', { text: $t('quotation.newCustomer') }) }}
+            </b>
+            <span
+              v-if="creatableDisabled && creatableDisabledText"
+              class="app-text-muted q-pl-xs"
+              style="font-size: 80%"
+            >
+              {{ creatableDisabledText }}
+            </span>
+          </span>
         </q-item-section>
       </q-item>
 
diff --git a/src/components/shared/select/select.ts b/src/components/shared/select/select.ts
index 4e33a06c..34bdbdea 100644
--- a/src/components/shared/select/select.ts
+++ b/src/components/shared/select/select.ts
@@ -4,6 +4,8 @@ import { Ref, watch } from 'vue';
 export type SelectProps<T extends (...args: any[]) => any> = {
   params?: Parameters<T>[0];
   creatable?: boolean;
+  creatableDisabled?: boolean;
+  creatableDisabledText?: string;
   label?: string;
   placeholder?: string;
   readonly?: boolean;