koha-tmpl/intranet-tmpl/prog/en/includes/patron-search-box.inc

   1 [% IF ( CAN_user_circulate ) %][% IF ( CircAutocompl ) %]<script type="text/javascript">
   2 //<![CDATA[
   3 YAHOO.util.Event.onContentReady("header_search", function() {
   4     new function() {
   5         // Define a custom formatter function
   6         this.fnCustomFormatter = function(oResultItem, sQuery) {
   7             var name        = oResultItem[0];
   8             var cardnumber  = oResultItem[1];
   9             var address     = oResultItem[2];
  10             var city        = oResultItem[3];
  11             var zip         = oResultItem[4];
  12             var aMarkup = [
  13                 "<div class=\"sample-result\">",
  14                 name,
  15                 " (",
  16                 cardnumber,
  17                 ")<small> -- ",
  18                 address,
  19                 ", ",
  20                 city,
  21                 "<\/small>",
  22                 "<\/div>"];
  23             return (aMarkup.join(""));
  24         };
  25
  26         // Instantiate one XHR DataSource and define schema as an array:
  27         //     ["Record Delimiter",
  28         //     "Field Delimiter"]
  29         this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
  30         this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
  31         this.oACDS.maxCacheEntries = 60;
  32         this.oACDS.queryMatchSubset = true;
  33
  34         // Instantiate first AutoComplete
  35         var myInput = document.getElementById('findborrower');
  36         var myContainer = document.getElementById('yborrowercontainer');
  37         this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
  38         //this.oAutoComp.delimChar = ";";
  39         //this.oAutoComp.queryDelay = 1;
  40         this.oAutoComp.formatResult = this.fnCustomFormatter;
  41 }
  42 });
  43 //]]>
  44 </script>[% END %]
  45         <div id="circ_search" class="residentsearch" style="display:none;">
  46         <p class="tip">Enter patron card number or partial name:</p>
  47     <form action="/cgi-bin/koha/circ/circulation.pl" method="post">
  48     [% IF ( CircAutocompl ) %]
  49     <div class="autocomplete">
  50             <div id="borrowerautocomplete" class="autocomplete">
  51                 <input autocomplete="off" id="findborrower" name="findborrower" size="40" class="focus" type="text" /> <input id="ysearchsubmit" type="submit" class="submit" value="Submit" />
  52                 <div id="yborrowercontainer"></div>
  53                 <input name="branch" value="[% branch %]" type="hidden" />
  54                 <input name="printer" value="" type="hidden" />
  55             [% IF ( stickyduedate ) %]
  56                 <input type="hidden" name="duedatespec" value="[% duedatespec %]" />
  57                 <input type="hidden" name="stickyduedate" value="[% stickyduedate %]" />
  58             [% END %]
  59             </div>
  60         </div>
  61         [% ELSE %]
  62             <input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
  63             <input name="branch" value="[% branch %]" type="hidden" />
  64             <input name="printer" value="" type="hidden" />
  65             [% IF ( stickyduedate ) %]
  66             <input type="hidden" name="duedatespec" value="[% duedatespec %]" />
  67             <input type="hidden" name="stickyduedate" value="[% stickyduedate %]" />
  68             [% END %]
  69             <input value="Submit" class="submit" type="submit" />
  70         [% END %]
  71     </form>
  72         </div>
  73         [% END %]