From 78d29d344b64fc5d6fd40058a3f7ec0d2bfc72a4 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 13 Jun 2024 16:10:36 +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=20=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=9B=E0=B8=B8?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=E0=B8=84=E0=B9=89=E0=B8=99=E0=B8=AB=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/01_branch-management/MainPage.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index b3afbc11..4e200a0c 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -654,6 +654,8 @@ watch(locale, () => {
               >
                 <template v-if="!currentHq.id">
                   <q-select
+                    id="select-branch"
+                    for="select-branch"
                     v-model="fieldSelectedBranch"
                     style="min-width: 120px"
                     outlined
@@ -664,6 +666,7 @@ watch(locale, () => {
                     dense
                   />
                   <q-btn
+                    id="btn-filter"
                     icon="mdi-tune-vertical-variant"
                     size="sm"
                     class="bordered rounded"
@@ -673,6 +676,7 @@ watch(locale, () => {
                     <q-menu class="bordered">
                       <q-list v-close-popup dense>
                         <q-item
+                          id="btn-filter-all"
                           clickable
                           class="flex items-center"
                           :class="{ 'app-text-info': statusFilter === 'all' }"
@@ -681,6 +685,7 @@ watch(locale, () => {
                           {{ $t('all') }}
                         </q-item>
                         <q-item
+                          id="btn-filter-active"
                           clickable
                           class="flex items-center"
                           :class="{
@@ -691,6 +696,7 @@ watch(locale, () => {
                           {{ $t('statusACTIVE') }}
                         </q-item>
                         <q-item
+                          id="btn-filter-inactive"
                           clickable
                           class="flex items-center"
                           :class="{
@@ -714,6 +720,7 @@ watch(locale, () => {
                 style="flex-grow: 1; display: flex; justify-content: flex-end"
               >
                 <q-input
+                  for="input-Search"
                   style="width: 250px"
                   outlined
                   dense
@@ -725,6 +732,8 @@ watch(locale, () => {
 
               <div style="flex-grow: 1">
                 <q-select
+                  id="select-field"
+                  for="select-field"
                   :options="
                     fieldDisplay.map((v) => ({ label: $t(v), value: v }))
                   "