From c72f44d50a4b4735c9d18260406e89ded1908046 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 13 Jun 2024 10:06:03 +0000
Subject: [PATCH] feat: disable same address (readonly)

---
 .../02_personnel-management/FormAddress.vue      | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index ac9a7f56..9ccde753 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -86,15 +86,23 @@ watch(districtId, fetchSubDistrict);
       >
         <span
           class="q-px-sm q-mr-lg rounded cursor-pointer"
-          :class="{ dark: $q.dark.isActive, 'active-addr': sameWithEmployer }"
-          @click="sameWithEmployer = true"
+          :class="{
+            dark: $q.dark.isActive,
+            'active-addr': sameWithEmployer,
+            'cursor-not-allowed': readonly,
+          }"
+          @click="readonly ? '' : (sameWithEmployer = true)"
         >
           {{ $t('formDialogToggleSameAddress') }}
         </span>
         <span
           class="q-px-sm rounded cursor-pointer"
-          :class="{ dark: $q.dark.isActive, 'active-addr': !sameWithEmployer }"
-          @click="sameWithEmployer = false"
+          :class="{
+            dark: $q.dark.isActive,
+            'active-addr': !sameWithEmployer,
+            'cursor-not-allowed': readonly,
+          }"
+          @click="readonly ? '' : (sameWithEmployer = false)"
         >
           {{ $t('formDialogToggleCustomAddress') }}
         </span>