<script type="text/javascript">
//<![CDATA[
+var search = 1;
$(document).ready(function(){
$("#info").hide();
$("#error").hide();
+
+ [% IF view != "show_results" %]
+ $("#searchresults").hide();
+ search = 0;
+ [% END %]
+
+ $("#searchmember_filter").on('keyup', function(){
+ filter();
+ });
// Apply DataTables on the results table
dtMemberResults = $("#memberresultst").dataTable($.extend(true, {}, dataTablesDefaults, {
'bServerSide': true,
'sAjaxSource': "/cgi-bin/koha/svc/members/search",
'fnServerData': function(sSource, aoData, fnCallback) {
+ if ( ! search ) {
+ return;
+ }
aoData.push({
+ 'name': 'searchmember',
+ 'value': $("#searchmember_filter").val()
+ },
+ {
'name': 'template_path',
'value': 'acqui/tables/members_results.tt',
}
[% ELSE %]
'sPaginationType': 'full_numbers',
"iDisplayLength": [% Koha.Preference('PatronsPerPage') %],
- "bProcessing": true,
[% END %]
+ 'bFilter': false,
'bProcessing': true,
}));
dtMemberResults.fnAddFilters("filter", 750);
});
+var delay = (function(){
+ var timer = 0;
+ return function(callback, ms){
+ clearTimeout (timer);
+ timer = setTimeout(callback, ms);
+ };
+})();
+
+function filter() {
+ search = 1;
+
+ $("#searchresults").show();
+
+ if ( $("#searchmember_filter").val().length > 0 ) {
+ delay(function(){
+ dtMemberResults.fnDraw();
+ }, 1000);
+ }
+
+ return false;
+}
+
// modify parent window owner element
function add_user(borrowernumber, borrowername) {
var p = window.opener;
<div class="yui-g">
<h3>Search for patron</h3>
+
+ <label for="searchmember_filter">Search:</label>
+ <input type="text" id="searchmember_filter" value="[% searchmember %]"/>
+
[% IF patrons_with_acq_perm_only %]
<div class="hint">Only staff with superlibrarian or acquisitions permissions (or order_manage permission if granular permissions are enabled) are returned in the search results</div>
[% END %]
<div id="info" class="dialog message"></div>
<div id="error" class="dialog alert"></div>
- <table id="memberresultst">
- <thead>
- <tr>
- <th>Card</th>
- <th>Name</th>
- <th>Library</th>
- <th>Category</th>
- <th> </th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div id="searchresults">
+ <table id="memberresultst">
+ <thead>
+ <tr>
+ <th>Card</th>
+ <th>Name</th>
+ <th>Library</th>
+ <th>Category</th>
+ <th> </th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
<div id="closewindow"><a href="#" class="close">Close</a></div>
</div>