From a777b6376d0b49962229aa7b7b0f9ca4341afb91 Mon Sep 17 00:00:00 2001
From: Matthias Meusburger <matthias.meusburger@biblibre.com>
Date: Wed, 2 Oct 2019 14:21:00 +0200
Subject: [PATCH] Bug 23697: Add autocompletion search in patron module
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

 Test plan:

  - Apply the patch
  - Go to "Patrons" (members/members-home.pl)
  - Check that autocomplete is enabled for patron search

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Séverine QUEUNE <severine.queune@bulac.fr>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
---
 .../prog/en/includes/patron-search.inc        | 12 ++++++----
 .../intranet-tmpl/prog/js/members-menu.js     | 24 +++++++++++++++++++
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search.inc
index bde60b4dd6..74908496c1 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search.inc
@@ -8,12 +8,14 @@
     <div id="patron_search" class="residentsearch">
     <p class="tip">Enter patron card number or partial name:</p>
     <form action="/cgi-bin/koha/members/member.pl" method="post">
-    <input id="searchmember" data-toggle="tooltip" size="25" class="head-searchbox focus" name="searchmember" type="text" value="[% searchmember | html %]" autocomplete="off" />
-    <input type="hidden" name="quicksearch" value="1" />
-    <span class="filteraction" id="filteraction_off"> <a href="#">[-]</a></span>
-    <span class="filteraction" id="filteraction_on"> <a href="#">[+]</a></span>
+    <div class="autocomplete">
+        <input id="searchmember" data-toggle="tooltip" size="25" class="head-searchbox focus" name="searchmember" type="text" value="[% searchmember | html %]" autocomplete="off" />
+        <input type="hidden" name="quicksearch" value="1" />
+        <span class="filteraction" id="filteraction_off"> <a href="#">[-]</a></span>
+        <span class="filteraction" id="filteraction_on"> <a href="#">[+]</a></span>
+        <input value="Search" class="submit" type="submit" />
+    </div>
 
-    <input value="Search" class="submit" type="submit" />
 
     <div id="filters">
         <p><label for="searchfieldstype">Search fields:</label>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/members-menu.js b/koha-tmpl/intranet-tmpl/prog/js/members-menu.js
index c6e751b0f1..b08af98b5e 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/members-menu.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/members-menu.js
@@ -95,8 +95,32 @@ $(document).ready(function(){
         $("#patronImageEdit .modal-title").text(modalTitle);
         $("#patronImageEdit").modal("show");
     });
+
+    var obj = $( "#searchmember" ).autocomplete({
+        source: "/cgi-bin/koha/circ/ysearch.pl",
+        minLength: 3,
+        select: function( event, ui ) {
+            window.location.href = ui.item.link;
+        }
+    }).data( "ui-autocomplete" );
+    if( obj ) {
+        obj._renderItem = function( ul, item ) {
+            item.link = "/cgi-bin/koha/circ/circulation.pl?borrowernumber=" + item.borrowernumber;
+            var cardnumber = "";
+            if( item.cardnumber != "" ){
+                // Display card number in parentheses if it exists
+                cardnumber = " (" + item.cardnumber + ") ";
+            }
+            return $( "<li></li>" )
+            .data( "ui-autocomplete-item", item )
+            .append( "<a href=\"" + item.link + "\">" + item.surname + ", " + item.firstname + cardnumber + " <small>" + item.dateofbirth + " " + item.address + " " + item.city + " " + item.zipcode + " " + item.country + "</small></a>" )
+            .appendTo( ul );
+        };
+    }
 });
 
+
+
 function searchfield_date_tooltip(filter) {
     var field = "#searchmember" + filter;
     var type = "#searchfieldstype" + filter;
-- 
2.39.5