From ed3b6b6bb42129008c8ec26a02acf8e39308c6e9 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Sun, 23 Mar 2025 01:10:12 +0100
Subject: [PATCH] added 'exact search' to filtering

---
 frontend/src/components/Packages.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Packages.vue b/frontend/src/components/Packages.vue
index 82773f6..c44fb49 100644
--- a/frontend/src/components/Packages.vue
+++ b/frontend/src/components/Packages.vue
@@ -36,11 +36,15 @@
           variant="outlined"></v-select>
       </v-col>
 
+      <v-col class="v-col-12 v-col-sm-4 v-col-lg-2 mt-n6 mt-sm-0">
+        <v-switch v-model="enableExact" label="Exact search" color="primary"></v-switch>
+      </v-col>
+
       <v-col :class="mobile ? 'mt-n6' : ''" :cols="mobile ? 12 : 'auto'" class="ms-auto">
         <v-pagination
           v-model="page"
           :length="pagesMax"
-          :total-visible="mobile ? undefined : 7"
+          :total-visible="mobile ? undefined : 6"
           active-color="primary"
           density="comfortable"
           start="1"
@@ -189,6 +193,7 @@ const selectStatusItems = [
   { title: 'Signing', value: 'signing' },
   { title: 'Unknown', value: 'unknown' }
 ]
+const enableExact = ref(false)
 
 const page = ref(1)
 const pagesMax = ref(1)
@@ -207,6 +212,12 @@ const searchPackages = (offset: number) => {
   if (selectRepo.value.value !== 'any') params.append('repo', selectRepo.value.value)
   if (selectStatus.value.value !== 'any') params.append('status', selectStatus.value.value)
 
+  if (enableExact.value) {
+    params.append('exact', '')
+  } else {
+    params.delete('exact')
+  }
+
   fetch('https://api.alhp.dev/packages?' + params, {
     method: 'GET'
   })
@@ -364,6 +375,7 @@ window.addEventListener('load', () => {
           .toLowerCase()
       : 'Status (any)'
   }
+  enableExact.value = url.searchParams.has('exact')
 
   searchPackages(0)
 })
@@ -375,6 +387,16 @@ watch(
   }
 )
 
+watch(() => enableExact.value, () => {
+  if (enableExact.value) {
+    url.searchParams.set('exact', '')
+  } else {
+    url.searchParams.delete('exact', '')
+  }
+  window.history.pushState(null, '', url.toString())
+  searchPackages(0)
+})
+
 // @ts-ignore
 let delayTimer = null
 watch(