From 218a2f39d479a2970f941bfd5c6f0782d3095a21 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 28 Aug 2024 13:42:28 +0700
Subject: [PATCH] refactor: return mode from slot

---
 src/components/upload-file/UploadFile.vue             | 11 +++++++----
 .../components/employer/EmployerFormBranch.vue        |  3 ++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index cf27dda6..de2d6338 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -17,6 +17,7 @@ const file = defineModel<
 
 const currentFile = computed(() => file.value.at(currentIndex.value));
 const statusOcr = defineModel<boolean>('statusOcr', { default: false });
+const currentMode = ref<string>('citizenId');
 const currentIndex = ref(0);
 
 const scale = ref(1);
@@ -86,6 +87,7 @@ watch(currentFileSelected, () => {
   file.value.findIndex((v, i) => {
     if (v.url?.includes(currentFileSelected.value)) {
       currentIndex.value = i;
+      currentMode.value = currentFileSelected.value.split('-').at(0) || '';
     }
   });
 });
@@ -227,8 +229,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         class="bordered row items-center justify-between q-pa-sm"
         style="height: 50px"
       >
-        ข้อมูลหนังสือเดินทาง
-
+        {{ $t(`customer.typeFile.${currentMode}`) }}
         <div class="row" v-if="!hideAction">
           <UndoButton icon-only type="button" />
           <SaveButton
@@ -245,8 +246,10 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         </div>
       </div>
 
-      <div class="bordered-r bordered-b full-height">
-        <slot name="form" />
+      <div class="q-pa-sm bordered-r bordered-b full-height">
+        <slot name="form" :mode="currentMode" />
+
+        {{ currentFileSelected }}
       </div>
     </div>
   </div>
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
index b95bac0d..fbeda26c 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
@@ -208,8 +208,9 @@ defineProps<{
             "
             @save="(group: any, file: any) => {}"
           >
-            <template #form>
+            <template #form="{ mode }">
               <FormCitizen
+                v-if="mode === 'citizenId'"
                 orc
                 v-model:citizen-id="item.citizenId"
                 v-model:birth-date="customer.birthDate"