From ddc225eb39754ad65d10e02b9162aab0a58a43b8 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 19 Apr 2024 09:42:09 +0700
Subject: [PATCH] feat: search branch (local)

All data already get from back-end so search can be done locally
---
 src/pages/01_branch-management/MainPage.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 448842fe..46e83bf9 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -649,6 +649,7 @@ watch(locale, () => {
                   dense
                   label="ค้นหา"
                   v-model="inputSearch"
+                  debounce="500"
                 ></q-input>
               </div>
 
@@ -685,18 +686,20 @@ watch(locale, () => {
                     ) {
                       return false;
                     }
-                    if (!!currentHq.id && currentHq.id === v.headOfficeId) {
-                      return true;
+
+                    const terms = `${v.code} ${$i18n.locale === 'en-US' ? v.nameEN : v.name} ${v.telephoneNo}`;
+                    if (inputSearch && !terms.includes(inputSearch)) {
+                      return false;
                     }
-                    if (fieldSelectedBranch.value === 'all') {
+
+                    if (!!currentHq.id && currentHq.id === v.headOfficeId)
                       return true;
-                    }
-                    if (fieldSelectedBranch.value === 'branchHQLabel') {
+                    if (fieldSelectedBranch.value === 'all') return true;
+                    if (fieldSelectedBranch.value === 'branchHQLabel')
                       return v.isHeadOffice;
-                    }
-                    if (fieldSelectedBranch.value === 'branchLabel') {
+                    if (fieldSelectedBranch.value === 'branchLabel')
                       return !v.isHeadOffice;
-                    }
+
                     return false;
                   })
                   .map((v) => ({
@@ -722,6 +725,7 @@ watch(locale, () => {
                   () => {
                     if (item.hq) {
                       fieldSelectedBranch.value = '';
+                      inputSearch = '';
                       currentHq = { id: item.id, code: item.branchLabelCode };
                       beforeBranch = {
                         id: '',