From 4006ccfa0d1a8d076c3a6987399b36c0de8fe6a1 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 24 Mar 2023 21:22:28 +1100
Subject: [PATCH] Add result counter to quick search bar (#4524)

---
 InvenTree/templates/js/translated/search.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/InvenTree/templates/js/translated/search.js b/InvenTree/templates/js/translated/search.js
index b01273e9ef..27bf72711a 100644
--- a/InvenTree/templates/js/translated/search.js
+++ b/InvenTree/templates/js/translated/search.js
@@ -270,7 +270,7 @@ function updateSearch() {
                         let result = response[resultType.key];
 
                         if (result.count != null && result.count > 0 && result.results) {
-                            addSearchResults(result.results, resultType);
+                            addSearchResults(result.results, resultType, result.count);
 
                             any_results = true;
                         }
@@ -337,7 +337,7 @@ function addSearchQuery(key, title, query_params, render_params={}) {
 
 
 // Add a group of results to the list
-function addSearchResults(results, resultType) {
+function addSearchResults(results, resultType, resultCount) {
 
     if (results.length == 0) {
         // Do not display this group, as there are no results
@@ -354,12 +354,14 @@ function addSearchResults(results, resultType) {
     let renderer = resultType.renderer;
     let renderParams = resultType.renderParams;
 
+    let resultText = resultCount == 1 ? '{% trans "result" %}' : '{% trans "results" %}';
+
     // Add the result group to the panel
     panel.find('#search-results').append(`
     <div class='search-result-group-wrapper' id='search-results-wrapper-${key}'>
         <div class='search-result-group' id='search-results-${key}'>
             <div class='search-result-header' style='display: flex;'>
-                <h5>${title}</h5>
+                <h5>${title}</h5><span class='float-right'><em><small>&nbsp;-&nbsp;${resultCount} ${resultText}</small></em></span>
                 <span class='flex' style='flex-grow: 1;'></span>
                 <div class='search-result-group-buttons btn-group float-right' role='group'>
                     <button class='btn btn-outline-secondary' id='hide-results-${key}' title='{% trans "Minimize results" %}'>