+[% USE Branches %]
[% IF ( CAN_user_circulate ) %][% IF ( CircAutocompl ) %]<script type="text/javascript">
//<![CDATA[
-YAHOO.util.Event.onContentReady("header_search", function() {
- new function() {
- // Define a custom formatter function
- this.fnCustomFormatter = function(oResultItem, sQuery) {
- var name = oResultItem[0];
- var cardnumber = oResultItem[1];
- var address = oResultItem[2];
- var city = oResultItem[3];
- var zip = oResultItem[4];
- var aMarkup = [
- "<div class=\"sample-result\">",
- name,
- " (",
- cardnumber,
- ")<small> -- ",
- address,
- ", ",
- city,
- "<\/small>",
- "<\/div>"];
- return (aMarkup.join(""));
- };
+$(document).ready(function(){
+ $( "#findborrower" ).autocomplete({
+ source: "/cgi-bin/koha/circ/ysearch.pl",
+ minLength: 3,
+ select: function( event, ui ) {
+ $( "#findborrower" ).val( ui.item.cardnumber );
+ $("#patronsearch").submit();
+ return false;
+ }
+ })
+ .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
+ return $( "<li></li>" )
+ .data( "ui-autocomplete-item", item )
+ .append( "<a>" + item.surname + ", " + item.firstname + " (" + item.cardnumber + ") <small>" + item.address + " " + item.city + " " + item.zipcode + " " + item.country + "</small></a>" )
+ .appendTo( ul );
+ };
- // Instantiate one XHR DataSource and define schema as an array:
- // ["Record Delimiter",
- // "Field Delimiter"]
- this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
- this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
- this.oACDS.maxCacheEntries = 60;
- this.oACDS.queryMatchSubset = true;
-
- // Instantiate first AutoComplete
- var myInput = document.getElementById('findborrower');
- var myContainer = document.getElementById('yborrowercontainer');
- this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
- //this.oAutoComp.delimChar = ";";
- //this.oAutoComp.queryDelay = 1;
- this.oAutoComp.formatResult = this.fnCustomFormatter;
-}
-});
+});
//]]>
</script>[% END %]
- <div id="circ_search" class="residentsearch" style="display:none;">
- <p class="tip">Enter patron card number or partial name:</p>
- <form action="/cgi-bin/koha/circ/circulation.pl" method="post">
+ <div id="circ_search" class="residentsearch">
+ <p class="tip">Enter patron card number or partial name:</p>
+ <form action="/cgi-bin/koha/circ/circulation.pl" id="patronsearch" method="post">
[% IF ( CircAutocompl ) %]
<div class="autocomplete">
- <div id="borrowerautocomplete" class="autocomplete">
- <input autocomplete="off" id="findborrower" name="findborrower" size="40" class="focus" type="text" /> <input id="ysearchsubmit" type="submit" class="submit" value="Submit" />
- <div id="yborrowercontainer"></div>
- <input name="branch" value="[% branch %]" type="hidden" />
+ <input autocomplete="off" id="findborrower" name="findborrower" size="40" class="head-searchbox focus" type="text" />
+ <input id="autocsubmit" type="submit" class="submit" value="Submit" />
+ <input name="branch" value="[% Branches.GetLoggedInBranchcode() %]" type="hidden" />
<input name="printer" value="" type="hidden" />
[% IF ( stickyduedate ) %]
<input type="hidden" name="duedatespec" value="[% duedatespec %]" />
<input type="hidden" name="stickyduedate" value="[% stickyduedate %]" />
[% END %]
- </div>
</div>
[% ELSE %]
- <input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
+ <input id="findborrower" name="findborrower" size="40" class="head-searchbox focus" type="text" />
<input name="branch" value="[% branch %]" type="hidden" />
<input name="printer" value="" type="hidden" />
[% IF ( stickyduedate ) %]