From 30787ff47305a3fe5754ddf759590cc6552120ec Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 5 Aug 2024 07:13:46 +0000
Subject: [PATCH] fix: hide ImageUploadDialog footer

---
 src/pages/01_branch-management/MainPage.vue    |  2 ++
 src/pages/02_personnel-management/MainPage.vue | 16 +++++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 1a9c7433..aca0dfb5 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -359,6 +359,7 @@ function clearData() {
 }
 
 async function undo() {
+  isImageEdit.value = false;
   formType.value = 'view';
   imageUrl.value = prevImageUrl.value;
   formData.value = prevFormData.value;
@@ -390,6 +391,7 @@ function triggerCreate(
 }
 
 function drawerEdit() {
+  isImageEdit.value = true;
   formType.value = 'edit';
   prevFormData.value = {
     ...formData.value,
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 113c9b5a..489470b3 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -378,6 +378,7 @@ async function openDialog(
 
 function undo() {
   if (!infoPersonId.value) return;
+  isImageEdit.value = false;
   infoDrawerEdit.value = false;
   assignFormData(infoPersonId.value);
 }
@@ -396,6 +397,7 @@ function onClose() {
   infoDrawer.value = false;
   profileSubmit.value = false;
   statusToggle.value = true;
+  isImageEdit.value = false;
   Object.assign(formData.value, defaultFormData);
   mapUserType(selectorLabel.value);
   flowStore.rotate();
@@ -624,9 +626,7 @@ async function assignFormData(idEdit: string) {
   }
 }
 
-function openImageDialog(isEdit?: boolean) {
-  if (isEdit) isImageEdit.value = true;
-  else isImageEdit.value = false;
+function openImageDialog() {
   imageDialog.value = true;
 }
 
@@ -1532,7 +1532,11 @@ watch(
     :submit="() => onSubmit()"
     :close="() => onClose()"
     :undo="() => undo()"
-    :editData="() => (infoDrawerEdit = true)"
+    :editData="
+      () => {
+        (infoDrawerEdit = true), (isImageEdit = true);
+      }
+    "
   >
     <InfoForm
       :readonly="!infoDrawerEdit"
@@ -1846,8 +1850,10 @@ watch(
           }`"
         >
           <q-img
-            v-if="!modal"
+            v-if="infoDrawer"
+            fit="contain"
             :src="`/no-img-${formData.gender === 'male' ? 'man' : 'female'}.png`"
+            style="height: 100%"
           />
           <q-icon
             v-else