From 7d8cd9fa28c815014f826f3e48b14949e3606fcc Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Fri, 20 Sep 2024 14:21:30 +0700
Subject: [PATCH] refactor: add hideInputEn and hideIcon

---
 src/components/form/AddressForm.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/form/AddressForm.vue b/src/components/form/AddressForm.vue
index b3a60e37..e209cc14 100644
--- a/src/components/form/AddressForm.vue
+++ b/src/components/form/AddressForm.vue
@@ -22,6 +22,8 @@ defineProps<{
   indexId?: number;
   prefixId: string;
   hideTitle?: boolean;
+  hideInputEn?: boolean;
+  hideIcon?: boolean;
 
   useEmployment?: boolean;
   useWorkPlace?: boolean;
@@ -323,10 +325,13 @@ watch(districtId, fetchSubDistrict);
           :for="`${prefixId}-${indexId !== undefined ? `input-address-${indexId}` : 'input-address'}`"
         />
       </div>
-      <div class="col-12 app-text-muted-2">
-        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
-        {{ addressTitle || $t('form.address') }}
-      </div>
+
+      <template v-if="!hideIcon">
+        <div class="col-12 app-text-muted-2">
+          <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
+          {{ addressTitle || $t('form.address') }}
+        </div>
+      </template>
       <div class="col-12 row q-col-gutter-sm">
         <div class="row col-12" v-if="useWorkPlace">
           <q-input
@@ -555,12 +560,13 @@ watch(districtId, fetchSubDistrict);
           :for="`${prefixId}-${indexId !== undefined ? `input-full-address-${indexId}` : 'input-full-address'}`"
         />
       </div>
-
-      <div class="col-12 app-text-muted-2">
-        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
-        {{ addressTitleEN || $t('form.address', { suffix: '(EN)' }) }}
-      </div>
-      <div class="col-12 row q-col-gutter-sm">
+      <template v-if="!hideIcon">
+        <div class="col-12 app-text-muted-2" v-if="!hideInputEn">
+          <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
+          {{ addressTitleEN || $t('form.address', { suffix: '(EN)' }) }}
+        </div>
+      </template>
+      <div class="col-12 row q-col-gutter-sm" v-if="!hideInputEn">
         <div class="row col-12" v-if="useWorkPlace">
           <q-input
             outlined