From d94dd2d81ca2103f3d8fe461f1284523eefb7024 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 25 Apr 2024 10:06:00 +0700
Subject: [PATCH] =?UTF-8?q?fix=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20id=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=20for?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_branch-management/FormBranchContact.vue         | 10 +++++-----
 .../01_branch-management/FormBranchInformation.vue     | 10 +++++-----
 .../01_branch-management/TableCardComponent.vue        |  1 +
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index fbeafe2a..6af4b069 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -26,7 +26,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputEmailHq')"
       v-model="email"
-      id="input-email"
+      for="input-email"
     />
 
     <q-input
@@ -38,7 +38,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneHq')"
       v-model="telephoneNo"
-      id="input-telephone-no"
+      for="input-telephone-no"
     />
 
     <q-input
@@ -50,7 +50,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputContactName')"
       v-model="contactName"
-      id="input-contact-name"
+      for="input-contact-name"
     />
 
     <q-input
@@ -62,7 +62,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneContact')"
       v-model="contact"
-      id="input-contact"
+      for="input-contact"
     />
 
     <q-input
@@ -74,7 +74,7 @@ defineProps<{
       class="col-5"
       label="Line ID"
       v-model="lineId"
-      id="input-line-id"
+      for="input-line-id"
     />
   </div>
   <q-separator
diff --git a/src/components/01_branch-management/FormBranchInformation.vue b/src/components/01_branch-management/FormBranchInformation.vue
index 87712bd9..3e8f433a 100644
--- a/src/components/01_branch-management/FormBranchInformation.vue
+++ b/src/components/01_branch-management/FormBranchInformation.vue
@@ -30,7 +30,7 @@ defineProps<{
       }"
       :label="$t('formDialogInputCode')"
       v-model="code"
-      id="input-code"
+      for="input-code"
     />
 
     <q-input
@@ -46,7 +46,7 @@ defineProps<{
       }"
       :label="$t('branchLabelCode')"
       v-model="codeSubBranch"
-      id="input-code-sub-branch"
+      for="input-code-sub-branch"
     />
 
     <q-input
@@ -65,7 +65,7 @@ defineProps<{
       :rules="[
         (val) => (val && val.length > 0) || $t('formDialogInputTaxNoValidate'),
       ]"
-      id="input-tax-no"
+      for="input-tax-no"
     />
 
     <q-input
@@ -88,7 +88,7 @@ defineProps<{
           ? $t('formDialogInputNameHqValidate')
           : $t('formDialogInputNameSubBranchValidate')
       "
-      id="input-name"
+      for="input-name"
     />
 
     <q-input
@@ -110,7 +110,7 @@ defineProps<{
           ? $t('formDialogInputNameHqEnValidate')
           : $t('formDialogInputNameSubBranchEnValidate')
       "
-      id="input-name-en"
+      for="input-name-en"
     />
   </div>
   <q-separator
diff --git a/src/components/01_branch-management/TableCardComponent.vue b/src/components/01_branch-management/TableCardComponent.vue
index 83f69538..8dc2e731 100644
--- a/src/components/01_branch-management/TableCardComponent.vue
+++ b/src/components/01_branch-management/TableCardComponent.vue
@@ -125,6 +125,7 @@ const filter = ref('');
                   dense
                   :label="$t('viewDetail')"
                   @click.stop="$emit('showInfo', prop.row)"
+                  :id="`view-detail-btn-${prop.row.id}`"
                 >
                   <Icon
                     icon="mdi:navigate-next"