From 6cba927ebc65cc851e2ff4799813cc7f72df4906 Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Thu, 23 Jan 2025 12:18:31 +0100
Subject: [PATCH 1/7] feat: refs #8410 added new feature to module searchbar

---
 src/components/LeftMenu.vue | 45 ++++++++++++++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 5 deletions(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 7a882e56c..2e491e97d 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -10,12 +10,13 @@ import routes from 'src/router/modules';
 import LeftMenuItem from './LeftMenuItem.vue';
 import LeftMenuItemGroup from './LeftMenuItemGroup.vue';
 import VnInput from './common/VnInput.vue';
+import { useRouter } from 'vue-router';
 
 const { t } = useI18n();
 const route = useRoute();
 const quasar = useQuasar();
 const navigation = useNavigationStore();
-
+const router = useRouter();
 const props = defineProps({
     source: {
         type: String,
@@ -174,6 +175,35 @@ function normalize(text) {
         .replace(/[\u0300-\u036f]/g, '')
         .toLowerCase();
 }
+const searchModule = () => {
+    const moduleArrays = ref([]);
+    items.value.forEach((item) => {
+        moduleArrays.value.push({
+            title: getLocale(item.title).normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase(),
+            name: item.name
+        });
+    })
+    const searching = ref(false)
+    moduleArrays.value.find((module) => {
+    console.log(module.title);
+        if (module.title.includes(search.value.toLowerCase()) && !searching.value) {
+            searching.value = true;
+            router.push({ name: module.name });
+        }
+    })
+}
+
+const getLocale = (label) => {
+    const globalLocale = t(label);
+    return globalLocale;
+};
+const searchingValue = ref(false);
+function searchingFunction(evt) {
+    searchingValue.value = true;
+    if(evt === null) {
+        searchingValue.value = false;
+    }
+}
 </script>
 
 <template>
@@ -188,10 +218,12 @@ function normalize(text) {
                         filled
                         dense
                         autofocus
+                        @keyup.enter.stop="searchModule(search)"
+                        @update:model-value="searchingFunction($event)"
                     />
                 </QItem>
                 <QSeparator />
-                <template v-if="filteredPinnedModules.size">
+                <template v-if="filteredPinnedModules.size && !searchingValue">
                     <LeftMenuItem
                         v-for="[key, pinnedModule] of filteredPinnedModules"
                         :key="key"
@@ -215,11 +247,11 @@ function normalize(text) {
                     </LeftMenuItem>
                     <QSeparator />
                 </template>
-                <template v-for="item in filteredItems" :key="item.name">
+                <template v-for="(item, index) in filteredItems" :key="item.name">
                     <template
-                        v-if="item.children && !filteredPinnedModules.has(item.name)"
+                        v-if="searchingValue ||item.children && !filteredPinnedModules.has(item.name)"
                     >
-                        <LeftMenuItem :item="item" group="modules">
+                        <LeftMenuItem :item="item" group="modules" :class="searchingValue && index === 0 ? 'searched' : ''">
                             <template #side>
                                 <QBtn
                                     v-if="item.isPinned === true"
@@ -336,6 +368,9 @@ function normalize(text) {
 .header {
     color: var(--vn-label-color);
 }
+.searched{
+    background-color: var(--vn-section-hover-color);
+}
 </style>
 <i18n>
     es:

From 3e8b35e2e10f29ee80afaf0f019038be787eb081 Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Thu, 30 Jan 2025 13:06:28 +0100
Subject: [PATCH 2/7] refactor: refs #8410 restructured code

---
 src/components/LeftMenu.vue | 39 ++++++++++++-------------------------
 1 file changed, 12 insertions(+), 27 deletions(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 2e491e97d..baa0e05ec 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -25,6 +25,7 @@ const props = defineProps({
 });
 const initialized = ref(false);
 const items = ref([]);
+const searchingValue = ref(false);
 const expansionItemElements = reactive({});
 const pinnedModules = computed(() => {
     const map = new Map();
@@ -176,33 +177,16 @@ function normalize(text) {
         .toLowerCase();
 }
 const searchModule = () => {
-    const moduleArrays = ref([]);
-    items.value.forEach((item) => {
-        moduleArrays.value.push({
-            title: getLocale(item.title).normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase(),
-            name: item.name
-        });
-    })
-    const searching = ref(false)
-    moduleArrays.value.find((module) => {
-    console.log(module.title);
-        if (module.title.includes(search.value.toLowerCase()) && !searching.value) {
+    const searching = ref(false);
+    items.value.some((item) => {
+        const title = normalize(t(item.title));
+        if (title.includes(search.value.toLowerCase()) && !searching.value) {
             searching.value = true;
-            router.push({ name: module.name });
+            router.push({ name: item.name });
+            return true;
         }
-    })
-}
-
-const getLocale = (label) => {
-    const globalLocale = t(label);
-    return globalLocale;
-};
-const searchingValue = ref(false);
-function searchingFunction(evt) {
-    searchingValue.value = true;
-    if(evt === null) {
-        searchingValue.value = false;
-    }
+        return false;
+    });
 }
 </script>
 
@@ -212,14 +196,15 @@ function searchingFunction(evt) {
             <template v-if="$route?.matched[1]?.name === 'Dashboard'">
                 <QItem class="q-pb-md">
                     <VnInput
+                        ref="searchInput"
                         v-model="search"
                         :label="t('Search modules')"
                         class="full-width"
                         filled
                         dense
                         autofocus
-                        @keyup.enter.stop="searchModule(search)"
-                        @update:model-value="searchingFunction($event)"
+                        @keyup.enter.stop="searchingValue ? searchModule(search) : ''"
+                        @update:model-value="searchingValue = !!$event"
                     />
                 </QItem>
                 <QSeparator />

From 42e46a88fbd2a25f99f9b9420dfadf8259839e60 Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Thu, 30 Jan 2025 13:28:54 +0100
Subject: [PATCH 3/7] fix: refs #8410 removed ref from searching boolean

---
 src/components/LeftMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index baa0e05ec..0385ec4d7 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -25,7 +25,7 @@ const props = defineProps({
 });
 const initialized = ref(false);
 const items = ref([]);
-const searchingValue = ref(false);
+const searchingValue = false;
 const expansionItemElements = reactive({});
 const pinnedModules = computed(() => {
     const map = new Map();

From 860f92cb42ef164056c37b0aee067bc4e1bd3ebe Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Thu, 30 Jan 2025 13:51:12 +0100
Subject: [PATCH 4/7] fix: refs #8410 simplified searchModule function

---
 src/components/LeftMenu.vue | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 0385ec4d7..41f9be74f 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -25,7 +25,6 @@ const props = defineProps({
 });
 const initialized = ref(false);
 const items = ref([]);
-const searchingValue = false;
 const expansionItemElements = reactive({});
 const pinnedModules = computed(() => {
     const map = new Map();
@@ -177,17 +176,9 @@ function normalize(text) {
         .toLowerCase();
 }
 const searchModule = () => {
-    const searching = ref(false);
-    items.value.some((item) => {
-        const title = normalize(t(item.title));
-        if (title.includes(search.value.toLowerCase()) && !searching.value) {
-            searching.value = true;
-            router.push({ name: item.name });
-            return true;
-        }
-        return false;
-    });
-}
+    const [item] = filteredItems.value;
+    if (item) router.push({ name: item.name });
+};
 </script>
 
 <template>
@@ -203,12 +194,11 @@ const searchModule = () => {
                         filled
                         dense
                         autofocus
-                        @keyup.enter.stop="searchingValue ? searchModule(search) : ''"
-                        @update:model-value="searchingValue = !!$event"
+                        @keyup.enter.stop="search ? searchModule(search) : ''"
                     />
                 </QItem>
                 <QSeparator />
-                <template v-if="filteredPinnedModules.size && !searchingValue">
+                <template v-if="filteredPinnedModules.size && !search">
                     <LeftMenuItem
                         v-for="[key, pinnedModule] of filteredPinnedModules"
                         :key="key"
@@ -234,9 +224,9 @@ const searchModule = () => {
                 </template>
                 <template v-for="(item, index) in filteredItems" :key="item.name">
                     <template
-                        v-if="searchingValue ||item.children && !filteredPinnedModules.has(item.name)"
+                        v-if="search ||item.children && !filteredPinnedModules.has(item.name)"
                     >
-                        <LeftMenuItem :item="item" group="modules" :class="searchingValue && index === 0 ? 'searched' : ''">
+                        <LeftMenuItem :item="item" group="modules" :class="search && index === 0 ? 'searched' : ''">
                             <template #side>
                                 <QBtn
                                     v-if="item.isPinned === true"

From 374118133aa6c02f8ad54c0de9e74bba669d62f9 Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Thu, 30 Jan 2025 14:00:16 +0100
Subject: [PATCH 5/7] fix: refs #8410 removed unused condition

---
 src/components/LeftMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 41f9be74f..42a0a1f6f 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -194,7 +194,7 @@ const searchModule = () => {
                         filled
                         dense
                         autofocus
-                        @keyup.enter.stop="search ? searchModule(search) : ''"
+                        @keyup.enter.stop="searchModule(search)"
                     />
                 </QItem>
                 <QSeparator />

From 0de8af81d3913905147c258f26c8ce6afebc6c49 Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Fri, 31 Jan 2025 06:01:17 +0100
Subject: [PATCH 6/7] fix: refs #8410 removed unused code

---
 src/components/LeftMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 42a0a1f6f..ba257bc5f 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -194,7 +194,7 @@ const searchModule = () => {
                         filled
                         dense
                         autofocus
-                        @keyup.enter.stop="searchModule(search)"
+                        @keyup.enter.stop="searchModule()"
                     />
                 </QItem>
                 <QSeparator />

From f69ed548f0b6db91fd2ffb441adab4279697943d Mon Sep 17 00:00:00 2001
From: provira <provira@verdnatura.es>
Date: Fri, 31 Jan 2025 10:09:48 +0100
Subject: [PATCH 7/7] fix: refs #8410 removed unused ref

---
 src/components/LeftMenu.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index ba257bc5f..644f831d4 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -187,7 +187,6 @@ const searchModule = () => {
             <template v-if="$route?.matched[1]?.name === 'Dashboard'">
                 <QItem class="q-pb-md">
                     <VnInput
-                        ref="searchInput"
                         v-model="search"
                         :label="t('Search modules')"
                         class="full-width"