From 570ab3aaa3a4c06707c779fb3cdb47568cd413e7 Mon Sep 17 00:00:00 2001
From: Greg Kempe <greg@kempe.net>
Date: Mon, 16 Sep 2024 19:28:47 +0200
Subject: [PATCH] highligh best search result if it's score is better than the
 2nd result

---
 .../components/FindDocuments/SearchResult.vue | 19 +++++++++++++++++--
 .../js/components/FindDocuments/index.vue     |  6 ++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/peachjam/js/components/FindDocuments/SearchResult.vue b/peachjam/js/components/FindDocuments/SearchResult.vue
index 56f7f196d..e68e95219 100644
--- a/peachjam/js/components/FindDocuments/SearchResult.vue
+++ b/peachjam/js/components/FindDocuments/SearchResult.vue
@@ -1,6 +1,6 @@
 <template>
-  <li class="mb-4 hit">
-    <div class="card">
+  <li :class="`mb-4 hit ${item.best_match ? 'best-match' : ''}`">
+    <div class="card" :data-best-match="$t('Best match')">
       <div class="card-body">
         <h5 class="card-title">
           <a
@@ -175,4 +175,19 @@ export default {
   max-height: 50vh;
   overflow-y: auto;
 }
+
+.hit.best-match .card {
+  box-shadow: 0px 0px 5px 2px gold;
+}
+
+.hit.best-match .card::before {
+  content: attr(data-best-match);
+  position: absolute;
+  background: gold;
+  padding: 0.25rem 0.25rem;
+  right: -1px;
+  top: -1px;
+  font-size: smaller;
+  border-top-right-radius: 6px;
+}
 </style>
diff --git a/peachjam/js/components/FindDocuments/index.vue b/peachjam/js/components/FindDocuments/index.vue
index 0c2e269df..ea4b79af3 100644
--- a/peachjam/js/components/FindDocuments/index.vue
+++ b/peachjam/js/components/FindDocuments/index.vue
@@ -581,6 +581,12 @@ export default {
         // number items from 1 consistently across pages
         this.searchInfo.results[i].position = (this.page - 1) * this.pageSize + i + 1;
       }
+
+      // determine best match: is the first result's score significantly better than the next?
+      if (this.page === 1 && this.searchInfo.results.length > 1 &&
+          this.searchInfo.results[0]._score / this.searchInfo.results[1]._score >= 1.2) {
+        this.searchInfo.results[0].best_match = true;
+      }
     },
 
     generateSearchParams () {