Bug 14829: Fix shortcuts in the cataloging and patron modules
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / includes / patron-search-box.inc
index e014be2..a7e9061 100644 (file)
@@ -1,73 +1,50 @@
-<!-- TMPL_IF NAME="CAN_user_circulate" --><!-- TMPL_IF NAME="CircAutocompl" --><script type="text/javascript">
+[% 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><!-- /TMPL_IF -->
-       <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">
-    <!-- TMPL_IF NAME="CircAutocompl" -->
+</script>[% END %]
+    <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="<!-- TMPL_VAR name="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" />
-            <!-- TMPL_IF NAME="stickyduedate" -->
-                <input type="hidden" name="duedatespec" value="<!-- TMPL_VAR NAME="duedatespec" -->" />
-                <input type="hidden" name="stickyduedate" value="<!-- TMPL_VAR NAME="stickyduedate" -->" />
-            <!-- /TMPL_IF -->
-            </div>
+            [% IF ( stickyduedate ) %]
+                <input type="hidden" name="duedatespec" value="[% duedatespec %]" />
+                <input type="hidden" name="stickyduedate" value="[% stickyduedate %]" />
+            [% END %]
         </div>
-       <!-- TMPL_ELSE -->
-            <input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
-            <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
+       [% ELSE %]
+            <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" />
-            <!-- TMPL_IF NAME="stickyduedate" -->
-            <input type="hidden" name="duedatespec" value="<!-- TMPL_VAR NAME="duedatespec" -->" />
-            <input type="hidden" name="stickyduedate" value="<!-- TMPL_VAR NAME="stickyduedate" -->" />
-            <!-- /TMPL_IF -->
+            [% IF ( stickyduedate ) %]
+            <input type="hidden" name="duedatespec" value="[% duedatespec %]" />
+            <input type="hidden" name="stickyduedate" value="[% stickyduedate %]" />
+            [% END %]
             <input value="Submit" class="submit" type="submit" />
-       <!-- /TMPL_IF -->
+       [% END %]
     </form>
        </div>
-       <!-- /TMPL_IF -->
+       [% END %]