Merge pull request #2043 from laws-africa/best-match

highligh best search result if it's score is better than the 2nd result
laws-africa · Sep 17, 2024 · b0f218e · b0f218e
2 parents 0ee205c + 570ab3a
commit b0f218e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git 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
@@ -183,4 +183,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
@@ -589,6 +589,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 () {