From b5061e5e0ea831672697cd194f35c0c1a5fe308c Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 17 Jun 2024 17:50:21 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1=20=E0=B9=81?=
 =?UTF-8?q?=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82=20=E0=B8=A5=E0=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FormDialog.vue | 46 +++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/src/components/FormDialog.vue b/src/components/FormDialog.vue
index 5c8ee2c5..ef08b139 100644
--- a/src/components/FormDialog.vue
+++ b/src/components/FormDialog.vue
@@ -19,8 +19,15 @@ defineProps<{
   employee?: boolean;
   noAddress?: boolean;
   disabledRule?: boolean;
+  edit?: boolean;
+
+  isEdit?: boolean;
+
+  editData?: (...args: unknown[]) => void;
+  deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
   close?: (...args: unknown[]) => void;
+  undo?: (...args: unknown[]) => void;
 }>();
 
 const modal = defineModel('modal', { default: false });
@@ -44,6 +51,45 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
         <!-- header -->
         <div class="form-header q-py-sm q-px-lg">
           <div class="row items-center">
+            <div v-if="isEdit && edit" class="row">
+              <q-btn
+                round
+                flat
+                id="closeDialog"
+                icon="mdi-arrow-left"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="undo"
+              />
+              <div style="width: 31.98px"></div>
+            </div>
+            <div v-if="!isEdit && edit">
+              <q-btn
+                round
+                flat
+                id="editDialog"
+                icon="mdi-pencil-outline"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="editData"
+              />
+              <q-btn
+                v-if="edit"
+                round
+                flat
+                id="deleteDialog"
+                icon="mdi-trash-can-outline"
+                padding="xs"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: hsl(var(--negative-bg))"
+                @click="deleteData"
+              />
+            </div>
+
             <div style="width: 31.98px"></div>
             <div class="col text-subtitle1 text-weight-bold text-center">
               {{ title }}