<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>
$("#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;