From 2ebae3777374bfe0caa61688c1b2745cf1ca1f05 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 25 Apr 2024 09:49:51 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20id?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/01_branch-management/FormBranchContact.vue    | 5 +++++
 .../01_branch-management/FormBranchInformation.vue           | 5 +++++
 src/components/01_branch-management/FormImage.vue            | 1 +
 src/components/01_branch-management/FormLocation.vue         | 1 +
 src/components/01_branch-management/FormQr.vue               | 1 +
 5 files changed, 13 insertions(+)

diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index a2f21564..fbeafe2a 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -26,6 +26,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputEmailHq')"
       v-model="email"
+      id="input-email"
     />
 
     <q-input
@@ -37,6 +38,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneHq')"
       v-model="telephoneNo"
+      id="input-telephone-no"
     />
 
     <q-input
@@ -48,6 +50,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputContactName')"
       v-model="contactName"
+      id="input-contact-name"
     />
 
     <q-input
@@ -59,6 +62,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneContact')"
       v-model="contact"
+      id="input-contact"
     />
 
     <q-input
@@ -70,6 +74,7 @@ defineProps<{
       class="col-5"
       label="Line ID"
       v-model="lineId"
+      id="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 60d7157d..87712bd9 100644
--- a/src/components/01_branch-management/FormBranchInformation.vue
+++ b/src/components/01_branch-management/FormBranchInformation.vue
@@ -30,6 +30,7 @@ defineProps<{
       }"
       :label="$t('formDialogInputCode')"
       v-model="code"
+      id="input-code"
     />
 
     <q-input
@@ -45,6 +46,7 @@ defineProps<{
       }"
       :label="$t('branchLabelCode')"
       v-model="codeSubBranch"
+      id="input-code-sub-branch"
     />
 
     <q-input
@@ -63,6 +65,7 @@ defineProps<{
       :rules="[
         (val) => (val && val.length > 0) || $t('formDialogInputTaxNoValidate'),
       ]"
+      id="input-tax-no"
     />
 
     <q-input
@@ -85,6 +88,7 @@ defineProps<{
           ? $t('formDialogInputNameHqValidate')
           : $t('formDialogInputNameSubBranchValidate')
       "
+      id="input-name"
     />
 
     <q-input
@@ -106,6 +110,7 @@ defineProps<{
           ? $t('formDialogInputNameHqEnValidate')
           : $t('formDialogInputNameSubBranchEnValidate')
       "
+      id="input-name-en"
     />
   </div>
   <q-separator
diff --git a/src/components/01_branch-management/FormImage.vue b/src/components/01_branch-management/FormImage.vue
index e7e35df7..50263e39 100644
--- a/src/components/01_branch-management/FormImage.vue
+++ b/src/components/01_branch-management/FormImage.vue
@@ -31,6 +31,7 @@ defineEmits<{
         rounded
         :label="$t('formDialogBtnImg')"
         @click="$emit('upload')"
+        id="btn-image-upload"
       />
     </div>
   </div>
diff --git a/src/components/01_branch-management/FormLocation.vue b/src/components/01_branch-management/FormLocation.vue
index f5daa12f..7fc93664 100644
--- a/src/components/01_branch-management/FormLocation.vue
+++ b/src/components/01_branch-management/FormLocation.vue
@@ -55,6 +55,7 @@ defineProps<{
         rounded
         :label="$t('formDialogBtnLocation')"
         @click="getLocation()"
+        id="btn-get-location"
       />
     </div>
   </div>
diff --git a/src/components/01_branch-management/FormQr.vue b/src/components/01_branch-management/FormQr.vue
index c74aef32..6875f2f0 100644
--- a/src/components/01_branch-management/FormQr.vue
+++ b/src/components/01_branch-management/FormQr.vue
@@ -49,6 +49,7 @@ defineEmits<{
         rounded
         :label="$t('formDialogUploadQrCode')"
         @click="$emit('upload')"
+        id="btn-upload-qr-code"
       />
     </div>
   </div>