8 [% INCLUDE 'doc-head-open.inc' %]
9 [% SET libraries = Branches.all %]
10 [% SET categories = Categories.all.unblessed %]
11 <title>Patron search › Koha</title>
12 [% INCLUDE 'doc-head-close.inc' %]
13 <style> .modal-body .close { display: none; } </style>
16 <body id="common_patron_search" class="common">
17 <div id="patron_search" class="yui-t7">
18 <div class="container-fluid">
20 <form id="searchform">
21 <fieldset class="brief">
22 <h3>Search for patron</h3>
25 <label for="searchmember_filter">Search:</label>
26 <input type="text" id="searchmember_filter" value="[% searchmember | html %]" class="focus" />
29 [% FOR column IN columns %]
33 <label for="branchcode_filter">Library:</label>
34 <select id="branchcode_filter">
35 [% SET libraries = Branches.all( only_from_group => 1 ) %]
36 [% IF libraries.size != 1 %]
37 <option value="">Any</option>
39 [% FOREACH l IN libraries %]
40 <option value="[% l.branchcode | html %]">[% l.branchname | html %]</option>
46 <label for="categorycode_filter">Category:</label>
47 <select id="categorycode_filter">
48 <option value="">Any</option>
49 [% FOREACH category IN categories %]
50 <option value="[% category.categorycode | html %]">[% category.description | html %]</option>
57 <fieldset class="action">
58 <input type="submit" value="Search" />
63 [% IF filter == 'suggestions_managers' %]
64 <div class="hint">Only staff with superlibrarian or suggestions_manage permissions are returned in the search results</div>
65 [% ELSIF filter == 'orders_managers' %]
66 <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>
67 [% ELSIF filter == 'funds_owners' OR filter == 'funds_users' %]
68 <div class="hint">Only staff with superlibrarian or acquisitions permissions (or budget_modify permission if granular permissions are enabled) are returned in the search results</div>
73 [% FOREACH letter IN alphabet.split(' ') %]
74 <a href="#" class="filterByLetter">[% letter | html %]</a>
78 <div id="info" class="dialog message" style="display: none;"></div>
79 <div id="error" class="dialog alert" style="dispay: none;"></div>
81 <input type="hidden" id="firstletter_filter" value="" />
82 <div id="searchresults" style="display:none;">
83 <table id="memberresultst">
86 [% FOR column IN columns %]
88 [% CASE 'cardnumber' %]<th>Card</th>
89 [% CASE 'dateofbirth' %]<th>Date of birth</th>
90 [% CASE 'address' %]<th>Address</th>
91 [% CASE 'name' %]<th>Name</th>
92 [% CASE 'branch' %]<th data-filter="libraries">Library</th>
93 [% CASE 'category' %]<th data-filter="categories">Category</th>
94 [% CASE 'dateexpiry' %]<th>Expires on</td>
95 [% CASE 'borrowernotes' %]<th>Notes</th>
96 [% CASE 'action' %]<th> </th>
105 <div id="closewindow"><a href="#" class="btn btn-default btn-default close">Close</a></div>
107 <!-- Patron preview modal -->
108 <div class="modal" id="patronPreview" tabindex="-1" role="dialog" aria-labelledby="patronPreviewLabel">
109 <div class="modal-dialog" role="document">
110 <div class="modal-content">
111 <div class="modal-header">
112 <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
113 <h4 class="modal-title" id="patronPreviewLabel"></h4>
115 <div class="modal-body">
117 <img src="[% interface | html %]/[% theme | html %]/img/spinner-small.gif" alt="" /> Loading
120 <div class="modal-footer">
121 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
130 [% MACRO jsinclude BLOCK %]
132 let categories = [% To.json(categories) | $raw %];
133 let categories_map = categories.reduce((map, c) => {
134 map[c.categorycode] = c;
137 let libraries = [% To.json(libraries) | $raw %];
138 let libraries_map = libraries.reduce((map, l) => {
139 map[l.branchcode] = l;
143 [% INCLUDE 'datatables.inc' %]
144 [% INCLUDE 'js-date-format.inc' %]
145 [% INCLUDE 'js-patron-get-age.inc' %]
146 [% INCLUDE 'js-patron-format.inc' %]
147 [% INCLUDE 'js-patron-format-address.inc' %]
152 $(document).ready(function(){
156 $("#searchresults").hide();
158 let additional_filters = {
160 let start_with = $("#firstletter_filter").val()
161 if (!start_with) return "";
162 return { "like": start_with + "%" }
165 patrons_table = $("#memberresultst").kohaTable({
168 [% CASE 'suggestions_managers' %]
169 "url": '/api/v1/suggestions/managers'
170 [% CASE 'baskets_managers' %]
171 "url": '/api/v1/acquisitions/baskets/managers'
172 [% CASE 'funds_owners' %]
173 "url": '/api/v1/acquisitions/funds/owners'
174 [% CASE 'funds_users' %]
175 "url": '/api/v1/acquisitions/funds/users'
177 "url": '/api/v1/patrons'
180 "order": [[ 1, "asc" ]],
183 [% FOR column IN columns %]
185 [% CASE 'cardnumber' %]
187 "data": "cardnumber",
191 [% CASE 'dateofbirth' %]
193 "data": "date_of_birth",
196 "render": function( data, type, row, meta ) {
197 return data ? escape_str($date(data) + " (" + _("%s years").format($get_age(data)) + ")") : "";
202 "data": "me.street_number:me.address:me.address2:me.city:me.state:me.postal_code:me.country",
205 "render": function( data, type, row, meta ) {
206 return escape_str($format_address(row) + " ") + escape_str(libraries_map[row.library_id].branchname);
211 "data": "me.firstname:me.surname",
214 "render": function( data, type, row, meta ) {
215 let patron_id = encodeURIComponent(row.patron_id);
216 return "<a href=\"/cgi-bin/koha/members/moremember.pl?borrowernumber=" + patron_id + "\" class=\"patron_preview\" data-borrowernumber=\"" + patron_id + "\" style=\"white-space:nowrap\">" + $patron_to_html(row, { invert_name: 1 }) + "</a>";
221 "data": "library_id",
224 "render": function( data, type, row, meta ) {
225 return escape_str(libraries_map[data].branchname);
228 [% CASE 'category' %]
230 "data": "category_id",
233 "render": function( data, type, row, meta ) {
234 return escape_str(categories_map[data].description);
237 [% CASE 'dateexpiry' %]
239 "data": "expiry_date",
242 "render": function( data, type, row, meta ) {
243 return data ? escape_str($date(data)) : "";
246 [% CASE 'borrowernotes' %]
248 "data": "staff_notes",
251 [%# We don't escape here, we allow html tag in staff notes %]
255 "data": function( row, type, val, meta ) {
257 let patron_id = encodeURIComponent(row.patron_id);
258 [% IF selection_type == 'select' %]
259 return '<a href="#" class="btn btn-default btn-xs select_user" data-borrowernumber="' + patron_id + '">Select</a><input type="hidden" id="borrower_data' + patron_id + '" name="borrower_data'+ patron_id + '" value=\''+JSON.stringify(row)+'\' />';
261 return '<a href="#" class="btn btn-default btn-xs add_user" data-borrowernumber="' + patron_id + '" data-firstname="' + encodeURIComponent(row.firstname) + '" data-surname="' + encodeURIComponent(row.surname) + '">Add</a><input type="hidden" id="borrower_data' + patron_id + '" name="borrower_data'+ patron_id + '" />';
268 [% UNLESS loop.last %],[% END %]
272 'sPaginationType': 'full_numbers',
273 "iDisplayLength": [% Koha.Preference('PatronsPerPage') | html %],
274 }, null, 1, additional_filters);
276 $("#searchform").on('submit', filter);
277 $(".filterByLetter").on("click",function(e){
279 filterByFirstLetterSurname($(this).text());
281 $("body").on("click",".add_user",function(e){
283 var borrowernumber = $(this).data("borrowernumber");
284 var firstname = $(this).data("firstname");
285 var surname = $(this).data("surname");
286 add_user( borrowernumber, firstname + " " + surname );
289 $("body").on("click",".select_user",function(e){
291 var borrowernumber = $(this).data("borrowernumber");
292 var borrower_data = $("#borrower_data"+borrowernumber).val();
293 select_user( borrowernumber, JSON.parse(borrower_data) );
296 $("body").on("click",".patron_preview", function( e ){
298 var borrowernumber = $(this).data("borrowernumber");
299 var page = "/cgi-bin/koha/members/moremember.pl?print=brief&borrowernumber=" + borrowernumber;
300 $("#patronPreview .modal-body").load( page + " div.container-fluid" );
301 $('#patronPreview').modal({show:true});
304 $("#patronPreview").on('hidden.bs.modal', function (e) {
305 $("#patronPreview .modal-body").html("<img src=\"[% interface | html %]/[% theme | html %]/img/spinner-small.gif\" alt=\"\" /> Loading");
312 $("#firstletter_filter").val('');
313 $("#searchresults").show();
315 let table_dt = patrons_table.DataTable();
316 [% FOR c IN columns %]
319 let library_id = $("#branchcode_filter").val();
320 patrons_table.find('thead tr:eq(1) th[data-filter="libraries"] select').val(library_id);
321 table_dt.column([% loop.count - 1 %]).search(library_id);
322 [% CASE 'category' %]
323 let category_id = $("#categorycode_filter").val();
324 patrons_table.find('thead tr:eq(1) th[data-filter="categories"] select').val(category_id);
325 table_dt.column([% loop.count - 1 %]).search(category_id);
328 table_dt.search($("#searchmember_filter").val());
333 // User has clicked on a letter
334 function filterByFirstLetterSurname(letter) {
335 $("#firstletter_filter").val(letter);
337 $("#searchresults").show();
338 patrons_table.fnDraw();
341 // modify parent window owner element
342 [% IF selection_type == 'add' %]
343 function add_user(borrowernumber, borrowername) {
344 var p = window.opener;
345 // In one place (serials/routing.tt), the page is reload on every add
346 // We have to wait for the page to be there
347 function wait_for_opener () {
348 if ( ! $(opener.document).find('body').size() ) {
349 setTimeout(wait_for_opener, 500);
351 [%# Note that add_user could sent data instead of borrowername too %]
354 if ( p.add_user(borrowernumber, borrowername) < 0 ) {
355 $("#error").html(_("Patron '%s' is already in the list.").format(borrowername));
358 $("#info").html(_("Patron '%s' added.").format(borrowername));
365 [% ELSIF selection_type == 'select' %]
366 function select_user(borrowernumber, data) {
367 var p = window.opener;
369 p.[% callback | html %](borrowernumber, data);
371 p.select_user(borrowernumber, data);
379 [% SET popup_window = 1 %]
380 [% INCLUDE 'intranet-bottom.inc' %]