From bea936a7a07c65d3e842e41b926c0138e97e90c6 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 19 Sep 2024 13:30:44 +0700
Subject: [PATCH] refactor: kebab link, upload

---
 src/components/shared/KebabAction.vue | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/src/components/shared/KebabAction.vue b/src/components/shared/KebabAction.vue
index c6b041fe..14f53502 100644
--- a/src/components/shared/KebabAction.vue
+++ b/src/components/shared/KebabAction.vue
@@ -9,6 +9,9 @@ const props = withDefaults(
     idName: string;
     status: string;
     hideToggle?: boolean;
+    useLink?: boolean;
+    useUpload?: boolean;
+
     disableDelete?: boolean;
   }>(),
   {
@@ -20,6 +23,8 @@ const props = withDefaults(
 defineEmits<{
   (e: 'view'): void;
   (e: 'edit'): void;
+  (e: 'link'): void;
+  (e: 'upload'): void;
   (e: 'delete'): void;
   (e: 'changeStatus'): void;
 }>();
@@ -87,6 +92,49 @@ watch(
             {{ $t('general.edit') }}
           </span>
         </q-item>
+
+        <q-item
+          v-if="status !== 'INACTIVE' && useLink"
+          v-close-popup
+          dense
+          clickable
+          class="row q-py-sm"
+          style="white-space: nowrap"
+          :id="`btn-kebab-edit-${idName}`"
+          @click.stop="() => $emit('link')"
+        >
+          <q-icon
+            size="xs"
+            class="col-3"
+            name="mdi-link-variant"
+            style="color: hsl(var(--yellow-6-hsl))"
+          />
+          <span class="col-9 q-px-md flex items-center">
+            {{ $t('general.add', { text: $t('quotation.receipt') }) }}
+          </span>
+        </q-item>
+
+        <q-item
+          v-if="status !== 'INACTIVE' && useUpload"
+          v-close-popup
+          dense
+          clickable
+          class="row q-py-sm"
+          style="white-space: nowrap"
+          :id="`btn-kebab-edit-${idName}`"
+          @click.stop="() => $emit('upload')"
+        >
+          <q-icon
+            size="xs"
+            class="col-3"
+            name="mdi-upload"
+            style="color: hsl(var(--blue-10-hsl))"
+          />
+          <span class="col-9 q-px-md flex items-center">
+            {{ $t('general.upload', { msg: $t('general.attachment') }) }}
+          </span>
+        </q-item>
+
         <q-item
           v-if="status !== 'INACTIVE'"
           v-close-popup