- <form action="[% actionname %]" method="get">
- <fieldset class="brief">
- <h4>Refine results</h4>
- <input type="hidden" name="surname" value="[% surname %]" />
- <ol>
- <li><label for="member">Name:</label> <input type="text" id="member" name="member" value="[% member %]" />[% IF ( subscriptionid ) %]<input type="hidden" name="subscriptionid" value="[% subscriptionid %]">[% END %]</li>
- <li><label for="branchcode"> Library: </label><select name="branchcode" id="branchcode">
- <option value="">Any</option>[% FOREACH branchloo IN branchloop %]
- [% IF ( branchloo.selected ) %]
- <option value="[% branchloo.value %]" selected="selected">[% branchloo.branchname %]</option>[% ELSE %]
- <option value="[% branchloo.value %]">[% branchloo.branchname %]</option>[% END %]
- [% END %]</select></li>
- <li><label for="categorycode">Category: </label><select name="categorycode" id="categorycode">
- <option value="">Any</option>[% FOREACH categorie IN categories %]
- [% IF ( categorie.selected ) %]
- <option value="[% categorie.categorycode %]" selected="selected">[% categorie.description %]</option>[% ELSE %]
- <option value="[% categorie.categorycode %]">[% categorie.description %]</option>[% END %]
- [% END %]</select> </li>
- <fieldset class="action"><input type="submit" value="Search" /></fieldset>
+[% USE raw %]
+[% USE To %]
+[% USE Asset %]
+[% USE Koha %]
+[% USE Branches %]
+[% USE Categories %]
+[% SET footerjs = 1 %]
+[% INCLUDE 'doc-head-open.inc' %]
+[% SET libraries = Branches.all %]
+[% SET categories = Categories.all.unblessed %]
+<title>Patron search › Koha</title>
+[% INCLUDE 'doc-head-close.inc' %]
+<style> .modal-body .close { display: none; } </style>
+</head>
+
+<body id="common_patron_search" class="common">
+<div id="patron_search" class="yui-t7">
+ <div class="container-fluid">
+
+ <form id="searchform">
+ <fieldset class="brief">
+ <h3>Search for patron</h3>
+ <ol>
+ <li>
+ <label for="searchmember_filter">Search:</label>
+ <input type="text" id="searchmember_filter" value="[% searchmember | html %]" class="focus" />
+ </li>
+
+ [% FOR column IN columns %]
+ [% SWITCH column %]
+ [% CASE 'branch' %]
+ <li>
+ <label for="branchcode_filter">Library:</label>
+ <select id="branchcode_filter">
+ [% SET libraries = Branches.all( only_from_group => 1 ) %]
+ [% IF libraries.size != 1 %]
+ <option value="">Any</option>
+ [% END %]
+ [% FOREACH l IN libraries %]
+ <option value="[% l.branchcode | html %]">[% l.branchname | html %]</option>
+ [% END %]
+ </select>
+ </li>
+ [% CASE 'category' %]
+ <li>
+ <label for="categorycode_filter">Category:</label>
+ <select id="categorycode_filter">
+ <option value="">Any</option>
+ [% FOREACH category IN categories %]
+ <option value="[% category.categorycode | html %]">[% category.description | html %]</option>
+ [% END %]
+ </select>
+ </li>
+ [% END %]
+ [% END %]
+ </ol>
+ <fieldset class="action">
+ <input type="submit" value="Search" />
</fieldset>
- </form>
+ </fieldset>
+ </form>
+
+ [% 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 %]
+
+ [% IF patrons_with_suggestion_perm_only %]
+ <div class="hint">Only staff with superlibrarian or suggestions_manage permissions are returned in the search results</div>
+ [% END %]
+
+ <div class="browse">
+ Browse by last name:
+ [% FOREACH letter IN alphabet.split(' ') %]
+ <a href="#" class="filterByLetter">[% letter | html %]</a>
+ [% END %]
+ </div>
+
+ <div id="info" class="dialog message"></div>
+ <div id="error" class="dialog alert"></div>
+
+ <input type="hidden" id="firstletter_filter" value="" />
+ <div id="searchresults">
+ <table id="memberresultst">
+ <thead>
+ <tr>
+ [% FOR column IN columns %]
+ [% SWITCH column %]
+ [% CASE 'cardnumber' %]<th>Card</th>
+ [% CASE 'dateofbirth' %]<th>Date of birth</th>
+ [% CASE 'address' %]<th>Address</th>
+ [% CASE 'name' %]<th>Name</th>
+ [% CASE 'branch' %]<th data-filter="libraries">Library</th>
+ [% CASE 'category' %]<th data-filter="categories">Category</th>
+ [% CASE 'dateexpiry' %]<th>Expires on</td>
+ [% CASE 'borrowernotes' %]<th>Notes</th>
+ [% CASE 'action' %]<th> </th>
+ [% END %]
+ [% END %]
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+
+<div id="closewindow"><a href="#" class="btn btn-default btn-default close">Close</a></div>
+
+<!-- Patron preview modal -->
+<div class="modal" id="patronPreview" tabindex="-1" role="dialog" aria-labelledby="patronPreviewLabel">
+ <div class="modal-dialog" role="document">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+ <h4 class="modal-title" id="patronPreviewLabel"></h4>
+ </div>
+ <div class="modal-body">
+ <div id="loading">
+ <img src="[% interface | html %]/[% theme | html %]/img/spinner-small.gif" alt="" /> Loading
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+ </div>
+ </div>
+ </div>
+</div>
+
+</div>
+</div>
+
+[% MACRO jsinclude BLOCK %]
+ <script>
+ let categories = [% To.json(categories) | $raw %];
+ let categories_map = categories.reduce((map, c) => {
+ map[c.categorycode] = c;
+ return map;
+ }, {});
+ let libraries = [% To.json(libraries) | $raw %];
+ let libraries_map = libraries.reduce((map, l) => {
+ map[l.branchcode] = l;
+ return map;
+ }, {});
+ </script>
+ [% INCLUDE 'datatables.inc' %]
+ [% INCLUDE 'js-date-format.inc' %]
+ [% INCLUDE 'js-patron-get-age.inc' %]
+ [% INCLUDE 'js-patron-format.inc' %]
+ [% INCLUDE 'js-patron-format-address.inc' %]
+
+ <script>
+ var search = 0;
+ let patrons_table;
+ $(document).ready(function(){
+ $("#info").hide();
+ $("#error").hide();
+
+ $("#searchresults").hide();
+
+ let additional_filters = {
+ surname: function(){
+ let start_with = $("#firstletter_filter").val()
+ if (!start_with) return "";
+ return { "like": start_with + "%" }
+ }
+ };
+ patrons_table = $("#memberresultst").kohaTable({
+ "ajax": {
+ [% SWITCH filter %]
+ [% CASE 'suggestions_managers' %]
+ "url": '/api/v1/suggestions/managers'
+ [% CASE %]
+ "url": '/api/v1/patrons'
+ [% END %]
+ },
+ "order": [[ 1, "asc" ]],
+ "iDeferLoading": 0,
+ "columns": [
+ [% FOR column IN columns %]
+ [% SWITCH column %]
+ [% CASE 'cardnumber' %]
+ {
+ "data": "cardnumber",
+ "searchable": true,
+ "orderable": true
+ }
+ [% CASE 'dateofbirth' %]
+ {
+ "data": "date_of_birth",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return data ? escape_str($date(data) + " (" + _("%s years").format($get_age(data)) + ")") : "";
+ }
+ }
+ [% CASE 'address' %]
+ {
+ "data": "me.street_number:me.address:me.address2:me.city:me.state:me.postal_code:me.country",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return escape_str($format_address(row) + " ") + escape_str(libraries_map[row.library_id].branchname);
+ }
+ }
+ [% CASE 'name' %]
+ {
+ "data": "me.firstname:me.surname",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return $patron_to_html(row, { invert_name: 1 });
+ }
+ }
+ [% CASE 'branch' %]
+ {
+ "data": "library_id",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return escape_str(libraries_map[data].branchname);
+ }
+ }
+ [% CASE 'category' %]
+ {
+ "data": "category_id",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return escape_str(categories_map[data].description);
+ }
+ }
+ [% CASE 'dateexpiry' %]
+ {
+ "data": "expiry_date",
+ "searchable": true,
+ "orderable": true,
+ "render": function( data, type, row, meta ) {
+ return data ? escape_str($date(data)) : "";
+ }
+ }
+ [% CASE 'borrowernotes' %]
+ {
+ "data": "staff_notes",
+ "searchable": true,
+ "orderable": true,
+ [%# We don't escape here, we allow html tag in staff notes %]
+ }
+ [% CASE 'action' %]
+ {
+ "data": function( row, type, val, meta ) {
+
+ let patron_id = encodeURIComponent(row.patron_id);
+ [% IF selection_type == 'select' %]
+ 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)+'\' />';
+ [% ELSE %]
+ 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 + '" />';
+ [% END %]
+ },
+ "searchable": false,
+ "orderable": false
+ }
+ [% END %]
+ [% UNLESS loop.last %],[% END %]
+ [% END %]
+ ],
+ 'bAutoWidth': false,
+ 'sPaginationType': 'full_numbers',
+ "iDisplayLength": [% Koha.Preference('PatronsPerPage') | html %],
+ }, null, 1, additional_filters);
+
+ $("#searchform").on('submit', filter);
+ $(".filterByLetter").on("click",function(e){
+ e.preventDefault();
+ filterByFirstLetterSurname($(this).text());
+ });
+ $("body").on("click",".add_user",function(e){
+ e.preventDefault();
+ var borrowernumber = $(this).data("borrowernumber");
+ var firstname = $(this).data("firstname");
+ var surname = $(this).data("surname");
+ add_user( borrowernumber, firstname + " " + surname );
+ });
+
+ $("body").on("click",".select_user",function(e){
+ e.preventDefault();
+ var borrowernumber = $(this).data("borrowernumber");
+ var borrower_data = $("#borrower_data"+borrowernumber).val();
+ select_user( borrowernumber, JSON.parse(borrower_data) );
+ });
+
+ $("body").on("click",".patron_preview", function( e ){
+ e.preventDefault();
+ var borrowernumber = $(this).data("borrowernumber");
+ var page = "/cgi-bin/koha/members/moremember.pl?print=brief&borrowernumber=" + borrowernumber;
+ $("#patronPreview .modal-body").load( page + " div.container-fluid" );
+ $('#patronPreview').modal({show:true});
+ });
+
+ $("#patronPreview").on('hidden.bs.modal', function (e) {
+ $("#patronPreview .modal-body").html("<img src=\"[% interface | html %]/[% theme | html %]/img/spinner-small.gif\" alt=\"\" /> Loading");
+ });
+
+ });
+
+ function filter() {
+ search = 1;
+ $("#firstletter_filter").val('');
+ $("#searchresults").show();
+
+ let table_dt = patrons_table.DataTable();
+ [% FOR c IN columns %]
+ [% SWITCH c %]
+ [% CASE 'branch' %]
+ let library_id = $("#branchcode_filter").val();
+ patrons_table.find('thead tr:eq(1) th[data-filter="libraries"] select').val(library_id);
+ table_dt.column([% loop.count - 1 %]).search(library_id);
+ [% CASE 'category' %]
+ let category_id = $("#categorycode_filter").val();
+ patrons_table.find('thead tr:eq(1) th[data-filter="categories"] select').val(category_id);
+ table_dt.column([% loop.count - 1 %]).search(category_id);
+ [% END %]
+ [% END %]
+ table_dt.search($("#searchmember_filter").val());
+ table_dt.draw();
+ return false;
+ }
+
+ // User has clicked on a letter
+ function filterByFirstLetterSurname(letter) {
+ $("#firstletter_filter").val(letter);
+ search = 1;
+ $("#searchresults").show();
+ patrons_table.fnDraw();
+ }
+
+ // modify parent window owner element
+ [% IF selection_type == 'add' %]
+ function add_user(borrowernumber, borrowername) {
+ var p = window.opener;
+ // In one place (serials/routing.tt), the page is reload on every add
+ // We have to wait for the page to be there
+ function wait_for_opener () {
+ if ( ! $(opener.document).find('body').size() ) {
+ setTimeout(wait_for_opener, 500);
+ } else {
+ [%# Note that add_user could sent data instead of borrowername too %]
+ $("#info").hide();
+ $("#error").hide();
+ if ( p.add_user(borrowernumber, borrowername) < 0 ) {
+ $("#error").html(_("Patron '%s' is already in the list.").format(borrowername));
+ $("#error").show();
+ } else {
+ $("#info").html(_("Patron '%s' added.").format(borrowername));
+ $("#info").show();
+ }
+ }
+ }
+ wait_for_opener();
+ }
+ [% ELSIF selection_type == 'select' %]
+ function select_user(borrowernumber, data) {
+ var p = window.opener;
+ [% IF callback %]
+ p.[% callback | html %](borrowernumber, data);
+ [% ELSE %]
+ p.select_user(borrowernumber, data);
+ [% END %]
+ window.close();
+ }
+ [% END %]
+ </script>
+[% END %]
+
+[% SET popup_window = 1 %]
+[% INCLUDE 'intranet-bottom.inc' %]