From 7bf30ab0a449c6578f10b3690331ad4e17e34e1c Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Thu, 5 Sep 2024 13:16:18 +0700
Subject: [PATCH] refactor: header can't edit status INACTIVE employee

---
 src/pages/03_customer-management/MainPage.vue | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index a938d0e8..1b06e0fe 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -3194,7 +3194,10 @@ const emptyCreateDialog = ref(false);
               <div
                 class="surface-1 rounded q-pt-sm row"
                 style="position: absolute; z-index: 999; right: 4%"
-                v-if="currentTab === 'employee'"
+                v-if="
+                  currentTab === 'employee' &&
+                  currentFromDataEmployee.status !== 'INACTIVE'
+                "
               >
                 <UndoButton
                   v-if="employeeFormState.isEmployeeEdit"
@@ -3501,7 +3504,10 @@ const emptyCreateDialog = ref(false);
                 prefix-id="drawer-employee"
                 dense
                 outlined
-                :hide-action="currentTab !== 'employee'"
+                :hide-action="
+                  currentTab !== 'employee' ||
+                  currentFromDataEmployee.status === 'INACTIVE'
+                "
                 v-model:current-index="employeeFormState.currentIndex"
                 v-model:employee-checkup="
                   currentFromDataEmployee.employeeCheckup
@@ -3562,7 +3568,10 @@ const emptyCreateDialog = ref(false);
                 id="drawer-work-history"
                 prefix-id="drawer-employee"
                 dense
-                :hide-action="currentTab !== 'employee'"
+                :hide-action="
+                  currentTab !== 'employee' ||
+                  currentFromDataEmployee.status === 'INACTIVE'
+                "
                 outlined
                 v-model:current-index="employeeFormState.currentIndex"
                 v-model:employee-work="currentFromDataEmployee.employeeWork"
@@ -3607,7 +3616,10 @@ const emptyCreateDialog = ref(false);
             </template>
             <template v-if="employeeFormState.currentTab === 'other'">
               <FormEmployeeOther
-                :hide-action="currentTab !== 'employee'"
+                :hide-action="
+                  currentTab !== 'employee' ||
+                  currentFromDataEmployee.status === 'INACTIVE'
+                "
                 v-if="employeeFormState.currentTab === 'other'"
                 id="drawer-other"
                 prefix-id="drawer-employee"