Bug 29051: Enable seen renewal in the staff client
[koha.git] / koha-tmpl / intranet-tmpl / prog / js / checkouts.js
1 /* global __ */
2
3 $(document).ready(function() {
4     $.ajaxSetup ({ cache: false });
5
6     var barcodefield = $("#barcode");
7
8     var onHoldDueDateSet = false;
9
10     var onHoldChecked = function() {
11         var isChecked = false;
12         $('input[data-on-reserve]').each(function() {
13             if ($(this).is(':checked')) {
14                 isChecked=true;
15             }
16         });
17         return isChecked;
18     };
19
20     var showHideOnHoldRenewal = function() {
21         // Display the date input
22         if (onHoldChecked()) {
23             $('#newonholdduedate').show()
24         } else {
25             $('#newonholdduedate').hide();
26         }
27     };
28
29     // Handle the select all/none links for checkouts table columns
30     $("#CheckAllRenewals").on("click",function(){
31         $("#UncheckAllCheckins").click();
32         $(".renew:visible").prop("checked", true);
33         showHideOnHoldRenewal();
34         return false;
35     });
36     $("#UncheckAllRenewals").on("click",function(){
37         $(".renew:visible").prop("checked", false);
38         showHideOnHoldRenewal();
39         return false;
40     });
41
42     $("#CheckAllCheckins").on("click",function(){
43         $("#UncheckAllRenewals").click();
44         $(".checkin:visible").prop("checked", true);
45         return false;
46     });
47     $("#UncheckAllCheckins").on("click",function(){
48         $(".checkin:visible").prop("checked", false);
49         return false;
50     });
51
52     $("#newduedate").on("change", function() {
53         if (!onHoldDueDateSet) {
54             $('#newonholdduedate input').val($('#newduedate').val());
55         }
56     });
57
58     $("#newonholdduedate").on("change", function() {
59         onHoldDueDateSet = true;
60     });
61
62     // Don't allow both return and renew checkboxes to be checked
63     $(document).on("change", '.renew', function(){
64         if ( $(this).is(":checked") ) {
65             $( "#checkin_" + $(this).val() ).prop("checked", false);
66         }
67     });
68     $(document).on("change", '.checkin', function(){
69         if ( $(this).is(":checked") ) {
70             $( "#renew_" + $(this).val() ).prop("checked", false);
71         }
72     });
73
74     // Display on hold due dates input when an on hold item is
75     // selected
76     $(document).on('change', '.renew', function(){
77         showHideOnHoldRenewal();
78     });
79
80     $("#output_format > option:first-child").attr("selected", "selected");
81     $("select[name='csv_profile_id']").hide();
82     $(document).on("change", '#issues-table-output-format', function(){
83         if ( $(this).val() == 'csv' ) {
84             $("select[name='csv_profile_id']").show();
85         } else {
86             $("select[name='csv_profile_id']").hide();
87         }
88     });
89
90     // Clicking the table cell checks the checkbox inside it
91     $(document).on("click", 'td', function(e){
92         if(e.target.tagName.toLowerCase() == 'td'){
93           $(this).find("input:checkbox:visible").each( function() {
94             $(this).click();
95           });
96         }
97     });
98
99     // Handle renewals and returns
100     $("#RenewCheckinChecked").on("click",function(){
101         $(".checkin:checked:visible").each(function() {
102             itemnumber = $(this).val();
103
104             $(this).replaceWith("<img id='checkin_" + itemnumber + "' src='" + interface + "/" + theme + "/img/spinner-small.gif' />");
105
106             params = {
107                 itemnumber:     itemnumber,
108                 borrowernumber: borrowernumber,
109                 branchcode:     branchcode,
110                 exempt_fine:    $("#exemptfine").is(':checked')
111             };
112
113             $.post({
114                 url: "/cgi-bin/koha/svc/checkin",
115                 data: params,
116                 success: function( data ) {
117                     id = "#checkin_" + data.itemnumber;
118
119                     content = "";
120                     if ( data.returned ) {
121                         content = __("Checked in");
122                         $(id).parent().parent().addClass('ok');
123                         $('#date_due_' + data.itemnumber).html( __("Checked in") );
124                         if ( data.patronnote != null ) {
125                             $('.patron_note_' + data.itemnumber).html( __("Patron note") + ": " + data.patronnote);
126                         }
127                     } else {
128                         content = __("Unable to check in");
129                         $(id).parent().parent().addClass('warn');
130                     }
131
132                     $(id).replaceWith( content );
133                 },
134                 dataType: "json",
135                 async: false,
136             });
137         });
138
139         $(".confirm:checked:visible").each(function() {
140             itemnumber = $(this).val();
141             id = "#checkin_" + itemnumber;
142             materials = $(this).data('materials');
143
144             $(this).replaceWith("<span class='confirm' id='checkin_" + itemnumber + "'>" + __("Confirm") + " (<span>" + materials + "</span>): <input type='checkbox' class='checkin' name='checkin' value='" + itemnumber +"'></input></span>");
145             $(id).parent().parent().addClass('warn');
146         });
147
148         $(".renew:checked:visible").each(function() {
149             var override_limit = $("#override_limit").is(':checked') ? 1 : 0;
150
151             var isOnReserve = $(this).data().hasOwnProperty('onReserve');
152
153             var itemnumber = $(this).val();
154
155             $(this).parent().parent().replaceWith("<img id='renew_" + itemnumber + "' src='" + interface + "/" + theme + "/img/spinner-small.gif' />");
156
157             var params = {
158                 itemnumber:      itemnumber,
159                 borrowernumber:  borrowernumber,
160                 branchcode:      branchcode,
161                 override_limit:  override_limit
162             };
163
164             if (UnseenRenewals) {
165                 var ren = $("#renew_as_unseen_checkbox");
166                 var renew_unseen = ren.length > 0 && ren.is(':checked') ? 1 : 0;
167                 params.seen = renew_unseen === 1 ? 0 : 1;
168             }
169
170             // Determine which due date we need to use
171             var dueDate = isOnReserve ?
172                 $("#newonholdduedate input").val() :
173                 $("#newduedate").val();
174
175             if (dueDate && dueDate.length > 0) {
176                 params.date_due = dueDate
177             }
178
179             $.post({
180                 url: "/cgi-bin/koha/svc/renew",
181                 data: params,
182                 success: function( data ) {
183                     var id = "#renew_" + data.itemnumber;
184
185                     var content = "";
186                     if ( data.renew_okay ) {
187                         content = __("Renewed, due:") + " " + data.date_due;
188                         $('#date_due_' + data.itemnumber).replaceWith( data.date_due );
189                     } else {
190                         content = __("Renew failed:") + " ";
191                         if ( data.error == "no_checkout" ) {
192                             content += __("not checked out");
193                         } else if ( data.error == "too_many" ) {
194                             content += __("too many renewals");
195                         } else if ( data.error == "too_unseen" ) {
196                             content += __("too many consecutive renewals without being seen by the library");
197                         } else if ( data.error == "on_reserve" ) {
198                             content += __("on hold");
199                         } else if ( data.error == "restriction" ) {
200                             content += __("Not allowed: patron restricted");
201                         } else if ( data.error == "overdue" ) {
202                             content += __("Not allowed: overdue");
203                         } else if ( data.error ) {
204                             content += data.error;
205                         } else {
206                             content += __("reason unknown");
207                         }
208                     }
209
210                     $(id).replaceWith( content );
211             },
212             dataType: "json",
213             async: false,
214             });
215         });
216
217         // Refocus on barcode field if it exists
218         if ( $("#barcode").length ) {
219             $("#barcode").focus();
220         }
221
222         // Prevent form submit
223         return false;
224     });
225
226     $("#RenewAll").on("click",function(){
227         $("#CheckAllRenewals").click();
228         $("#UncheckAllCheckins").click();
229         showHideOnHoldRenewal();
230         $("#RenewCheckinChecked").click();
231
232         // Prevent form submit
233         return false;
234     });
235
236     var ymd = flatpickr.formatDate(new Date(), "Y-m-d");
237
238     $('#issues-table').hide();
239     $('#issues-table-actions').hide();
240     $('#issues-table-load-immediately').change(function(){
241         if ( this.checked && typeof issuesTable === 'undefined') {
242             $('#issues-table-load-now-button').click();
243         }
244         barcodefield.focus();
245     });
246     $('#issues-table-load-now-button').click(function(){
247         LoadIssuesTable();
248         barcodefield.focus();
249         return false;
250     });
251
252     $('#RenewCheckinChecked').on('click', function(){
253         RefreshIssuesTable();
254     });
255
256     if ( Cookies.get("issues-table-load-immediately-" + script) == "true" ) {
257         LoadIssuesTable();
258         $('#issues-table-load-immediately').prop('checked', true);
259     }
260     $('#issues-table-load-immediately').on( "change", function(){
261         Cookies.set("issues-table-load-immediately-" + script, $(this).is(':checked'), { expires: 365, sameSite: 'Lax'  });
262     });
263
264     function RefreshIssuesTable() {
265         var table = $('#issues-table').DataTable();
266         table.ajax.reload();
267     }
268
269     function LoadIssuesTable() {
270         $('#issues-table-loading-message').hide();
271         $('#issues-table').show();
272         $('#issues-table-actions').show();
273
274         var msg_loading = __('Loading... you may continue scanning.');
275         issuesTable = KohaTable("issues-table", {
276             "oLanguage": {
277                 "sEmptyTable" : msg_loading,
278                 "sProcessing": msg_loading,
279             },
280             "bAutoWidth": false,
281             "dom": 'B<"clearfix">rt',
282             "aoColumns": [
283                 {
284                     "mDataProp": function( oObj ) {
285                         return oObj.sort_order;
286                     }
287                 },
288                 {
289                     "mDataProp": function( oObj ) {
290                         if ( oObj.issued_today ) {
291                             return "<strong>" + __("Today's checkouts") + "</strong>";
292                         } else {
293                             return "<strong>" + __("Previous checkouts") + "</strong>";
294                         }
295                     }
296                 },
297                 {
298                     "mDataProp": "date_due",
299                     "bVisible": false,
300                 },
301                 {
302                     "iDataSort": 2, // Sort on hidden unformatted date due column
303                     "mDataProp": function( oObj ) {
304                         var due = oObj.date_due_formatted;
305                         if ( oObj.date_due_overdue ) {
306                             due = "<span class='overdue'>" + due + "</span>";
307                         }
308
309                         due = "<span id='date_due_" + oObj.itemnumber + "' class='date_due'>" + due + "</span>";
310
311                         if ( oObj.lost && oObj.claims_returned ) {
312                             due += "<span class='lost claims_returned'>" + oObj.lost.escapeHtml() + "</span>";
313                         } else if ( oObj.lost ) {
314                             due += "<span class='lost'>" + oObj.lost.escapeHtml() + "</span>";
315                         }
316
317                         if ( oObj.damaged ) {
318                             due += "<span class='dmg'>" + oObj.damaged.escapeHtml() + "</span>";
319                         }
320
321                         var patron_note = " <span class='patron_note_" + oObj.itemnumber + "'></span>";
322                         due +="<br>" + patron_note;
323
324                         return due;
325                     }
326                 },
327                 {
328                     "mDataProp": function ( oObj ) {
329                         let title = "<span id='title_" + oObj.itemnumber + "' class='strong'><a href='/cgi-bin/koha/catalogue/detail.pl?biblionumber="
330                               + oObj.biblionumber
331                               + "'>"
332                               + (oObj.title ? oObj.title.escapeHtml() : '' );
333
334                         $.each(oObj.subtitle, function( index, value ) {
335                                   title += " " + value.escapeHtml();
336                         });
337
338                         title += " " + oObj.part_number + " " + oObj.part_name;
339
340                         if ( oObj.enumchron ) {
341                             title += " (" + oObj.enumchron.escapeHtml() + ")";
342                         }
343
344                         title += "</a></span>";
345
346                         if ( oObj.author ) {
347                             title += " " + __("by _AUTHOR_").replace( "_AUTHOR_",  " " + oObj.author.escapeHtml() );
348                         }
349
350                         if ( oObj.itemnotes ) {
351                             var span_class = "text-muted";
352                             if ( flatpickr.formatDate( new Date(oObj.issuedate), "Y-m-d" ) == ymd ){
353                                 span_class = "circ-hlt";
354                             }
355                             title += " - <span class='" + span_class + " item-note-public'>" + oObj.itemnotes.escapeHtml() + "</span>";
356                         }
357
358                         if ( oObj.itemnotes_nonpublic ) {
359                             var span_class = "text-danger";
360                             if ( flatpickr.formatDate( new Date(oObj.issuedate), "Y-m-d" ) == ymd ){
361                                 span_class = "circ-hlt";
362                             }
363                             title += " - <span class='" + span_class + " item-note-nonpublic'>" + oObj.itemnotes_nonpublic.escapeHtml() + "</span>";
364                         }
365
366                         var onsite_checkout = '';
367                         if ( oObj.onsite_checkout == 1 ) {
368                             onsite_checkout += " <span class='onsite_checkout'>(" + __("On-site checkout") + ")</span>";
369                         }
370
371                         if ( oObj.recalled == 1 ) {
372                              title += " - <span class='circ-hlt item-recalled'>This item has been recalled and the due date updated.</span>";
373                         }
374
375                         title += " "
376                               + "<a href='/cgi-bin/koha/catalogue/moredetail.pl?biblionumber="
377                               + oObj.biblionumber
378                               + "&itemnumber="
379                               + oObj.itemnumber
380                               + "#"
381                               + oObj.itemnumber
382                               + "'>"
383                               + (oObj.barcode ? oObj.barcode.escapeHtml() : "")
384                               + "</a>"
385                               + onsite_checkout
386
387                         return title;
388                     },
389                     "sType": "anti-the"
390                 },
391                 {
392                     "mDataProp": function ( oObj ) {
393                         return oObj.recordtype_description.escapeHtml();
394                     }
395                 },
396                 {
397                     "mDataProp": function ( oObj ) {
398                         return oObj.itemtype_description.escapeHtml();
399                     }
400                 },
401                 {
402                     "mDataProp": function ( oObj ) {
403                         return ( oObj.collection ? oObj.collection.escapeHtml() : '' );
404                     }
405                 },
406                 {
407                     "mDataProp": function ( oObj ) {
408                         return ( oObj.location ? oObj.location.escapeHtml() : '' );
409                     }
410                 },
411                 {
412                     "mDataProp": function ( oObj ) {
413                         return (oObj.homebranch ? oObj.homebranch.escapeHtml() : '' );
414                     }
415                 },
416                 {
417                     "mDataProp": "issuedate",
418                     "bVisible": false,
419                 },
420                 {
421                     "iDataSort": 10, // Sort on hidden unformatted issuedate column
422                     "mDataProp": "issuedate_formatted",
423                 },
424                 {
425                     "mDataProp": function ( oObj ) {
426                         return (oObj.branchname ? oObj.branchname.escapeHtml() : '' );
427                     }
428                 },
429                 {
430                     "mDataProp": function ( oObj ) {
431                         return ( oObj.itemcallnumber ? oObj.itemcallnumber.escapeHtml() : '' );
432                     }
433                 },
434                 {
435                     "mDataProp": function ( oObj ) {
436                         return ( oObj.copynumber ? oObj.copynumber.escapeHtml() : '' );
437                     }
438                 },
439                 {
440                     "mDataProp": function ( oObj ) {
441                         if ( ! oObj.charge ) oObj.charge = 0;
442                         return '<span style="text-align: right; display: block;">' + parseFloat(oObj.charge).toFixed(2) + '<span>';
443                     }
444                 },
445                 {
446                     "mDataProp": function ( oObj ) {
447                         if ( ! oObj.fine ) oObj.fine = 0;
448                         return '<span style="text-align: right; display: block;">' + parseFloat(oObj.fine).toFixed(2)  + '<span>';
449                     }
450                 },
451                 {
452                     "mDataProp": function ( oObj ) {
453                         if ( ! oObj.price ) oObj.price = 0;
454                         return '<span style="text-align: right; display: block;">' + parseFloat(oObj.price).toFixed(2) + '<span>';
455                     }
456                 },
457                 {
458                     "bSortable": false,
459                     "bVisible": AllowCirculate ? true : false,
460                     "mDataProp": function ( oObj ) {
461                         var content = "";
462                         var msg = "";
463                         var span_style = "";
464                         var span_class = "";
465
466                         if ( oObj.can_renew ) {
467                             // Do nothing
468                         } else if ( oObj.can_renew_error == "recalled" ) {
469                             msg += "<span>"
470                                     + "<a href='/cgi-bin/koha/recalls/request.pl?biblionumber=" + oObj.biblionumber + "'>" + __("Recalled") + "</a>"
471                                     + "</span>";
472
473                             span_style = "display: none";
474                             span_class = "renewals-allowed-recalled";
475                         } else if ( oObj.can_renew_error == "on_reserve" ) {
476                             msg += "<span>"
477                                     +"<a href='/cgi-bin/koha/reserve/request.pl?biblionumber=" + oObj.biblionumber + "'>" + __("On hold") + "</a>"
478                                     + "</span>";
479
480                             span_style = "display: none";
481                             span_class = "renewals-allowed-on_reserve";
482                         } else if ( oObj.can_renew_error == "too_many" ) {
483                             msg += "<span class='renewals-disabled'>"
484                                     + __("Not renewable")
485                                     + "</span>";
486
487                             span_style = "display: none";
488                             span_class = "renewals-allowed";
489                         } else if ( oObj.can_renew_error == "too_unseen" ) {
490                             msg += "<span>"
491                                     + __("Must be renewed at the library")
492                                     + "</span>";
493                             span_class = "renewals-allowed";
494                         } else if ( oObj.can_renew_error == "restriction" ) {
495                             msg += "<span class='renewals-disabled'>"
496                                     + __("Not allowed: patron restricted")
497                                     + "</span>";
498
499                             span_style = "display: none";
500                             span_class = "renewals-allowed";
501                         } else if ( oObj.can_renew_error == "overdue" ) {
502                             msg += "<span class='renewals-disabled'>"
503                                     + __("Not allowed: overdue")
504                                     + "</span>";
505
506                             span_style = "display: none";
507                             span_class = "renewals-allowed";
508                         } else if ( oObj.can_renew_error == "too_soon" ) {
509                             msg += "<span class='renewals-disabled'>"
510                                     + __("No renewal before %s").format(oObj.can_renew_date)
511                                     + "</span>";
512
513                             span_style = "display: none";
514                             span_class = "renewals-allowed";
515                         } else if ( oObj.can_renew_error == "auto_too_soon" ) {
516                             msg += "<span class='renewals-disabled'>"
517                                     + __("Scheduled for automatic renewal")
518                                     + "</span>";
519
520                             span_style = "display: none";
521                             span_class = "renewals-allowed";
522                         } else if ( oObj.can_renew_error == "auto_too_late" ) {
523                             msg += "<span class='renewals-disabled'>"
524                                     + __("Can no longer be auto-renewed - number of checkout days exceeded")
525                                     + "</span>";
526
527                             span_style = "display: none";
528                             span_class = "renewals-allowed";
529                         } else if ( oObj.can_renew_error == "auto_too_much_oweing" ) {
530                             msg += "<span class='renewals-disabled'>"
531                                     + __("Automatic renewal failed, patron has unpaid fines")
532                                     + "</span>";
533
534                             span_style = "display: none";
535                             span_class = "renewals-allowed";
536                         } else if ( oObj.can_renew_error == "auto_account_expired" ) {
537                             msg += "<span class='renewals-disabled'>"
538                                     + __("Automatic renewal failed, account expired")
539                                     + "</span>";
540
541                             span_style = "display: none";
542                             span_class = "renewals-allowed";
543                         } else if ( oObj.can_renew_error == "auto_renew" ) {
544                             msg += "<span class='renewals-disabled'>"
545                                     + __("Scheduled for automatic renewal")
546                                     + "</span>";
547
548                             span_style = "display: none";
549                             span_class = "renewals-allowed";
550                         } else if ( oObj.can_renew_error == "onsite_checkout" ) {
551                             // Don't display something if it's an onsite checkout
552                         } else if ( oObj.can_renew_error == "item_denied_renewal" ) {
553                             content += "<span class='renewals-disabled'>"
554                                     + __("Renewal denied by syspref")
555                                     + "</span>";
556
557                             span_style = "display: none";
558                             span_class = "renewals-allowed";
559                         } else {
560                             msg += "<span class='renewals-disabled'>"
561                                     + oObj.can_renew_error
562                                     + "</span>";
563
564                             span_style = "display: none";
565                             span_class = "renewals-allowed";
566                         }
567
568                         var can_force_renew = ( oObj.onsite_checkout == 0 ) &&
569                             ( oObj.can_renew_error != "on_reserve" || (oObj.can_renew_error == "on_reserve" && AllowRenewalOnHoldOverride))
570                             ? true : false;
571                         var can_renew = ( oObj.renewals_remaining > 0 && ( !oObj.can_renew_error || oObj.can_renew_error == "too_unseen" ));
572                         content += "<span>";
573                         if ( can_renew || can_force_renew ) {
574                             content += "<span style='padding: 0 1em;'>" + oObj.renewals_count + "</span>";
575                             content += "<span class='" + span_class + "' style='" + span_style + "'>"
576                                     +  "<input type='checkbox' ";
577                             if ( oObj.date_due_overdue && can_renew ) {
578                                 content += "checked='checked' ";
579                             }
580                             if (oObj.can_renew_error == "on_reserve") {
581                                 content += "data-on-reserve ";
582                             }
583                             content += "class='renew' id='renew_" + oObj.itemnumber + "' name='renew' value='" + oObj.itemnumber +"'/>"
584                                     +  "</span>";
585                         }
586                         content += msg;
587                         if ( can_renew || can_force_renew ) {
588                             content += "<span class='renewals-info'>(";
589                             content += __("%s of %s renewals remaining").format(oObj.renewals_remaining, oObj.renewals_allowed);
590                             if (UnseenRenewals && oObj.unseen_allowed) {
591                                 content += __(" and %s of %s unseen renewals remaining").format(oObj.unseen_remaining, oObj.unseen_allowed);
592                             }
593                             content += ")</span>";
594                         }
595
596                         return content;
597                     }
598                 },
599                 {
600                     "bSortable": false,
601                     "bVisible": AllowCirculate ? true : false,
602                     "mDataProp": function ( oObj ) {
603                         if ( oObj.can_renew_error == "recalled" ) {
604                             return "<a href='/cgi-bin/koha/recalls/request.pl?biblionumber=" + oObj.biblionumber + "'>" + __("Recalled") + "</a>";
605                         } else if ( oObj.can_renew_error == "on_reserve" ) {
606                             return "<a href='/cgi-bin/koha/reserve/request.pl?biblionumber=" + oObj.biblionumber + "'>" + __("On hold") + "</a>";
607                         } else if ( oObj.materials ) {
608                             return "<input type='checkbox' class='confirm' id='confirm_" + oObj.itemnumber + "' name='confirm' value='" + oObj.itemnumber + "' data-materials='" + oObj.materials.escapeHtml() + "'></input>";
609                         } else {
610                             return "<input type='checkbox' class='checkin' id='checkin_" + oObj.itemnumber + "' name='checkin' value='" + oObj.itemnumber +"'></input>";
611                         }
612                     }
613                 },
614                 {
615                     "bVisible": ClaimReturnedLostValue ? true : false,
616                     "bSortable": false,
617                     "mDataProp": function ( oObj ) {
618                         let content = "";
619
620                         if ( oObj.return_claim_id ) {
621                           content = '<span class="badge">' + oObj.return_claim_created_on_formatted + '</span>';
622                         } else if ( ClaimReturnedLostValue ) {
623                           content = '<a class="btn btn-default btn-xs claim-returned-btn" data-itemnumber="' + oObj.itemnumber + '"><i class="fa fa-exclamation-circle"></i> ' + __("Claim returned") + '</a>';
624                         } else {
625                           content = '<a class="btn btn-default btn-xs" disabled="disabled" title="ClaimReturnedLostValue is not set, this feature is disabled"><i class="fa fa-exclamation-circle"></i> ' + __("Claim returned") + '</a>';
626                         }
627                         return content;
628                     }
629                 },
630                 {
631                     "bVisible": exports_enabled == 1 ? true : false,
632                     "bSortable": false,
633                     "mDataProp": function ( oObj ) {
634                         var s = "<input type='checkbox' name='itemnumbers' value='" + oObj.itemnumber + "' style='visibility:hidden;' />";
635
636                         s += "<input type='checkbox' class='export' id='export_" + oObj.biblionumber + "' name='biblionumbers' value='" + oObj.biblionumber + "' />";
637                         return s;
638                     }
639                 }
640             ],
641             "fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) {
642                 var total_charge = 0;
643                 var total_fine  = 0;
644                 var total_price = 0;
645                 for ( var i=0; i < aaData.length; i++ ) {
646                     total_charge += aaData[i]['charge'] * 1;
647                     total_fine += aaData[i]['fine'] * 1;
648                     total_price  += aaData[i]['price'] * 1;
649                 }
650                 $("#totaldue").html(total_charge.toFixed(2));
651                 $("#totalfine").html(total_fine.toFixed(2));
652                 $("#totalprice").html(total_price.toFixed(2));
653             },
654             "bPaginate": false,
655             "bProcessing": true,
656             "bServerSide": false,
657             "sAjaxSource": '/cgi-bin/koha/svc/checkouts',
658             "fnServerData": function ( sSource, aoData, fnCallback ) {
659                 aoData.push( { "name": "borrowernumber", "value": borrowernumber } );
660
661                 $.getJSON( sSource, aoData, function (json) {
662                     fnCallback(json)
663                 } );
664             },
665             "rowGroup":{
666                 "dataSrc": "issued_today",
667                 "startRender": function ( rows, group ) {
668                     if ( group ) {
669                         return __("Today's checkouts");
670                     } else {
671                         return __("Previous checkouts");
672                     }
673                 }
674             },
675             "fnInitComplete": function(oSettings, json) {
676                 // Build a summary of checkouts grouped by itemtype
677                 var checkoutsByItype = json.aaData.reduce(function (obj, row) {
678                     obj[row.type_for_stat] = (obj[row.type_for_stat] || 0) + 1;
679                     return obj;
680                 }, {});
681                 var ul = $('<ul>');
682                 Object.keys(checkoutsByItype).sort().forEach(function (itype) {
683                     var li = $('<li>')
684                         .append($('<strong>').html(itype || __("No itemtype")))
685                         .append(': ' + checkoutsByItype[itype]);
686                     ul.append(li);
687                 })
688                 $('<details>')
689                     .addClass('checkouts-by-itemtype')
690                     .append($('<summary>').html( __("Number of checkouts by item type") ))
691                     .append(ul)
692                     .insertBefore(oSettings.nTableWrapper)
693             },
694         }, table_settings_issues_table);
695
696         if ( $("#issues-table").length ) {
697             $("#issues-table_processing").position({
698                 of: $( "#issues-table" ),
699                 collision: "none"
700             });
701         }
702     }
703
704     // Don't load relatives' issues table unless it is clicked on
705     var relativesIssuesTable;
706     $("#relatives-issues-tab").click( function() {
707         if ( ! relativesIssuesTable ) {
708             relativesIssuesTable = $("#relatives-issues-table").dataTable($.extend(true, {}, dataTablesDefaults, {
709                 "bAutoWidth": false,
710                 "sDom": "rt",
711                 "aaSorting": [],
712                 "aoColumns": [
713                     {
714                         "mDataProp": "date_due",
715                         "bVisible": false,
716                     },
717                     {
718                         "iDataSort": 0, // Sort on hidden unformatted date due column
719                         "mDataProp": function( oObj ) {
720                             var today = new Date();
721                             var due = new Date( oObj.date_due );
722                             if ( today > due ) {
723                                 return "<span class='overdue'>" + oObj.date_due_formatted + "</span>";
724                             } else {
725                                 return oObj.date_due_formatted;
726                             }
727                         }
728                     },
729                     {
730                         "mDataProp": function ( oObj ) {
731                             let title = "<span class='strong'><a href='/cgi-bin/koha/catalogue/detail.pl?biblionumber="
732                                   + oObj.biblionumber
733                                   + "'>"
734                                   + (oObj.title ? oObj.title.escapeHtml() : '' );
735
736                             $.each(oObj.subtitle, function( index, value ) {
737                                       title += " " + value.escapeHtml();
738                             });
739
740                             title += " " + oObj.part_number + " " + oObj.part_name;
741
742                             if ( oObj.enumchron ) {
743                                 title += " (" + oObj.enumchron.escapeHtml() + ")";
744                             }
745
746                             title += "</a></span>";
747
748                             if ( oObj.author ) {
749                                 title += " " + __("by _AUTHOR_").replace( "_AUTHOR_", " " + oObj.author.escapeHtml() );
750                             }
751
752                             if ( oObj.itemnotes ) {
753                                 var span_class = "";
754                                 if ( flatpickr.formatDate( new Date(oObj.issuedate), "Y-m-d" ) == ymd ){
755                                     span_class = "circ-hlt";
756                                 }
757                                 title += " - <span class='" + span_class + "'>" + oObj.itemnotes.escapeHtml() + "</span>"
758                             }
759
760                             if ( oObj.itemnotes_nonpublic ) {
761                                 var span_class = "";
762                                 if ( flatpickr.formatDate( new Date(oObj.issuedate), "Y-m-d" ) == ymd ){
763                                     span_class = "circ-hlt";
764                                 }
765                                 title += " - <span class='" + span_class + "'>" + oObj.itemnotes_nonpublic.escapeHtml() + "</span>"
766                             }
767
768                             var onsite_checkout = '';
769                             if ( oObj.onsite_checkout == 1 ) {
770                                 onsite_checkout += " <span class='onsite_checkout'>(" + __("On-site checkout") + ")</span>";
771                             }
772
773                             title += " "
774                                   + "<a href='/cgi-bin/koha/catalogue/moredetail.pl?biblionumber="
775                                   + oObj.biblionumber
776                                   + "&itemnumber="
777                                   + oObj.itemnumber
778                                   + "#"
779                                   + oObj.itemnumber
780                                   + "'>"
781                                   + (oObj.barcode ? oObj.barcode.escapeHtml() : "")
782                                   + "</a>"
783                                   + onsite_checkout;
784
785                             return title;
786                         },
787                         "sType": "anti-the"
788                     },
789                     {
790                         "mDataProp": function ( oObj ) {
791                             return oObj.recordtype_description.escapeHtml();
792                         }
793                     },
794                     {
795                         "mDataProp": function ( oObj ) {
796                             return oObj.itemtype_description.escapeHtml();
797                         }
798                     },
799                     {
800                         "mDataProp": function ( oObj ) {
801                             return ( oObj.collection ? oObj.collection.escapeHtml() : '' );
802                         }
803                     },
804                     {
805                         "mDataProp": function ( oObj ) {
806                             return ( oObj.location ? oObj.location.escapeHtml() : '' );
807                         }
808                     },
809                     {
810                         "mDataProp": "issuedate",
811                         "bVisible": false,
812                     },
813                     {
814                         "iDataSort": 7, // Sort on hidden unformatted issuedate column
815                         "mDataProp": "issuedate_formatted",
816                     },
817                     {
818                         "mDataProp": function ( oObj ) {
819                             return ( oObj.branchname ? oObj.branchname.escapeHtml() : '' );
820                         }
821                     },
822                     {
823                         "mDataProp": function ( oObj ) {
824                             return ( oObj.itemcallnumber ? oObj.itemcallnumber.escapeHtml() : '' );
825                         }
826                     },
827                     {
828                         "mDataProp": function ( oObj ) {
829                             return ( oObj.copynumber ? oObj.copynumber.escapeHtml() : '' );
830                         }
831                     },
832                     {
833                         "mDataProp": function ( oObj ) {
834                             if ( ! oObj.charge ) oObj.charge = 0;
835                             return parseFloat(oObj.charge).toFixed(2);
836                         }
837                     },
838                     {
839                         "mDataProp": function ( oObj ) {
840                             if ( ! oObj.fine ) oObj.fine = 0;
841                             return parseFloat(oObj.fine).toFixed(2);
842                         }
843                     },
844                     {
845                         "mDataProp": function ( oObj ) {
846                             if ( ! oObj.price ) oObj.price = 0;
847                             return parseFloat(oObj.price).toFixed(2);
848                         }
849                     },
850                     {
851                         "mDataProp": function( oObj ) {
852                             return "<a href='/cgi-bin/koha/members/moremember.pl?borrowernumber=" + oObj.borrowernumber + "'>"
853                                 + ( oObj.borrower.firstname ? oObj.borrower.firstname.escapeHtml() : "" )
854                                 + " " +
855                                 ( oObj.borrower.surname ? oObj.borrower.surname.escapeHtml() : "" )
856                                 + " (" + ( oObj.borrower.cardnumber ? oObj.borrower.cardnumber.escapeHtml() : "" ) + ")</a>"
857                         }
858                     },
859                 ],
860                 "bPaginate": false,
861                 "bProcessing": true,
862                 "bServerSide": false,
863                 "sAjaxSource": '/cgi-bin/koha/svc/checkouts',
864                 "fnServerData": function ( sSource, aoData, fnCallback ) {
865                     $.each(relatives_borrowernumbers, function( index, value ) {
866                         aoData.push( { "name": "borrowernumber", "value": value } );
867                     });
868
869                     $.getJSON( sSource, aoData, function (json) {
870                         fnCallback(json)
871                     } );
872                 },
873             }));
874         }
875     });
876
877     if ( $("#relatives-issues-table").length ) {
878         $("#relatives-issues-table_processing").position({
879             of: $( "#relatives-issues-table" ),
880             collision: "none"
881         });
882     }
883
884     if ( AllowRenewalLimitOverride || AllowRenewalOnHoldOverride ) {
885         $( '#override_limit' ).click( function () {
886             if ( this.checked ) {
887                 if ( AllowRenewalLimitOverride ) {
888                     $( '.renewals-allowed' ).show();
889                     $( '.renewals-disabled' ).hide();
890                 }
891                 if ( AllowRenewalOnHoldOverride ) {
892                     $( '.renewals-allowed-on_reserve' ).show();
893                 }
894             } else {
895                 $( '.renewals-allowed' ).hide();
896                 $( '.renewals-allowed-on_reserve' ).hide();
897                 $( '.renewals-disabled' ).show();
898             }
899         } ).prop('checked', false);
900     }
901
902     // Handle return claims
903     $(document).on("click", '.claim-returned-btn', function(e){
904         e.preventDefault();
905         itemnumber = $(this).data('itemnumber');
906
907         $('#claims-returned-itemnumber').val(itemnumber);
908         $('#claims-returned-notes').val("");
909         $('#claims-returned-charge-lost-fee').attr('checked', false)
910         $('#claims-returned-modal').modal()
911     });
912     $(document).on("click", '#claims-returned-modal-btn-submit', function(e){
913         let itemnumber = $('#claims-returned-itemnumber').val();
914         let notes = $('#claims-returned-notes').val();
915         let fee = $('#claims-returned-charge-lost-fee').attr('checked') ? true : false;
916
917         $('#claims-returned-modal').modal('hide')
918
919         $('.claim-returned-btn[data-itemnumber="' + itemnumber + '"]').replaceWith('<img id="return_claim_spinner_' + itemnumber + ' src=' + interface + '/' + theme + '/img/spinner-small.gif />');
920
921         params = {
922             item_id: itemnumber,
923             notes: notes,
924             charge_lost_fee: fee,
925             created_by: logged_in_user_borrowernumber,
926         };
927
928         $.post( '/api/v1/return_claims', JSON.stringify(params), function( data ) {
929
930             id = "#return_claim_spinner_" + data.item_id;
931
932             let created_on = new Date(data.created_on);
933
934             let content = "";
935             if ( data.claim_id ) {
936                 content = '<span class="badge">' + created_on.toLocaleDateString() + '</span>';
937                 $(id).parent().parent().addClass('ok');
938             } else {
939                 content = __("Unable to claim as returned");
940                 $(id).parent().parent().addClass('warn');
941             }
942
943             $(id).replaceWith( content );
944
945             refreshReturnClaimsTable();
946             issuesTable.api().ajax.reload();
947         }, "json")
948
949     });
950
951
952     // Don't load return claims table unless it is clicked on
953     var returnClaimsTable;
954     $("#return-claims-tab").click( function() {
955         refreshReturnClaimsTable();
956     });
957
958     function refreshReturnClaimsTable(){
959         loadReturnClaimsTable();
960         $("#return-claims-table").DataTable().ajax.reload();
961     }
962     function loadReturnClaimsTable() {
963         if ( ! returnClaimsTable ) {
964             returnClaimsTable = $("#return-claims-table").dataTable({
965                 "bAutoWidth": false,
966                 "sDom": "rt",
967                 "aaSorting": [],
968                 "aoColumnDefs": [
969                     { "bSortable": false, "bSearchable": false, 'aTargets': ['NoSort'] },
970                     { "sType": "anti-the", "aTargets": ["anti-the"] },
971                 ],
972                 "aoColumns": [
973                     {
974                         "mDataProp": "id",
975                         "bVisible": false,
976                     },
977                     {
978                         "mDataProp": function (oObj) {
979                             if (oObj.resolution) {
980                                 return "is_resolved";
981                             } else {
982                                 return "is_unresolved";
983                             }
984                         },
985                         "bVisible": false,
986                     },
987                     {
988                         "mDataProp": function ( oObj ) {
989                               let title = '<a class="return-claim-title strong" href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=' + oObj.biblionumber + '">'
990                                   + oObj.title
991                                   + ( oObj.subtitle ? " " + oObj.subtitle : "" )
992                                   + ( oObj.enumchron || "" )
993                               + '</a>';
994                               if ( oObj.author ) {
995                                 title += ' by ' + oObj.author;
996                               }
997                               title += ' <a href="/cgi-bin/koha/catalogue/moredetail.pl?biblionumber='
998                                     + oObj.biblionumber
999                                     + '&itemnumber='
1000                                     + oObj.itemnumber
1001                                     + '">'
1002                                     + (oObj.barcode ? oObj.barcode.escapeHtml() : "")
1003                                     + '</a>';
1004
1005                               return title;
1006                         }
1007                     },
1008                     {
1009                         "sClass": "return-claim-notes-td",
1010                         "mDataProp": function ( oObj ) {
1011                             let notes =  '<span id="return-claim-notes-static-' + oObj.id + '" class="return-claim-notes" data-return-claim-id="' + oObj.id + '">';
1012                             if ( oObj.notes ) {
1013                                 notes += oObj.notes;
1014                             }
1015                             notes += '</span>';
1016                             notes += '<i style="float:right" class="fa fa-pencil-square-o" title="' + __("Double click to edit") + '"></i>';
1017                             return notes;
1018                         }
1019                     },
1020                     {
1021                         "mDataProp": function ( oObj ) {
1022                             let created_on = new Date( oObj.created_on );
1023                             return created_on.toLocaleDateString();
1024                         }
1025                     },
1026                     {
1027                         "mDataProp": function ( oObj ) {
1028                             if ( oObj.updated_on ) {
1029                                 let updated_on = new Date( oObj.updated_on );
1030                                 return updated_on.toLocaleDateString();
1031                             } else {
1032                                 return "";
1033                             }
1034                         }
1035                     },
1036                     {
1037                         "mDataProp": function ( oObj ) {
1038                             if ( ! oObj.resolution ) return "";
1039
1040                             let desc = '<strong>' + oObj.resolution_data.lib + '</strong> <i>(';
1041                             if (oObj.resolved_by_data) desc += '<a href="/cgi-bin/koha/circ/circulation.pl?borrowernumber=' + oObj.resolved_by_data.borrowernumber + '">' + ( oObj.resolved_by_data.firstname || "" ) + " " + ( oObj.resolved_by_data.surname || "" ) + '</a>';
1042                             desc += ', ' + oObj.resolved_on + ')</i>';
1043                             return desc;
1044                         }
1045                     },
1046                     {
1047                         "mDataProp": function ( oObj ) {
1048                             let delete_html = oObj.resolved_on
1049                                 ? '<li><a href="#" class="return-claim-tools-delete" data-return-claim-id="' + oObj.id + '"><i class="fa fa-trash"></i> ' + __("Delete") + '</a></li>'
1050                                 : "";
1051                             let resolve_html = ! oObj.resolution
1052                                 ? '<li><a href="#" class="return-claim-tools-resolve" data-return-claim-id="' + oObj.id + '" data-current-lost-status="' + escape_str(oObj.itemlost) + '"><i class="fa fa-check-square"></i> ' + __("Resolve") + '</a></li>'
1053                                 : "";
1054
1055                             return  '<div class="btn-group">'
1056                                   + ' <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
1057                                   + __("Actions") + ' <span class="caret"></span>'
1058                                   + ' </button>'
1059                                   + ' <ul class="dropdown-menu">'
1060                                   + '  <li><a href="#" class="return-claim-tools-editnotes" data-return-claim-id="' + oObj.id + '"><i class="fa fa-edit"></i> ' + __("Edit notes") + '</a></li>'
1061                                   + resolve_html
1062                                   + delete_html
1063                                   + ' </ul>'
1064                                   + ' </div>';
1065                         }
1066                     },
1067                 ],
1068                 "bPaginate": false,
1069                 "bProcessing": true,
1070                 "bServerSide": false,
1071                 "sAjaxSource": '/cgi-bin/koha/svc/return_claims',
1072                 "fnServerData": function ( sSource, aoData, fnCallback ) {
1073                     aoData.push( { "name": "borrowernumber", "value": borrowernumber } );
1074
1075                     $.getJSON( sSource, aoData, function (json) {
1076                         let resolved = json.resolved;
1077                         let unresolved = json.unresolved;
1078
1079                         if ( resolved > 0 ) {
1080                             $('#return-claims-count-resolved').text(resolved)
1081                                                               .removeClass('label-default')
1082                                                               .addClass('label-success');
1083                         } else {
1084                             $('#return-claims-count-resolved').text(resolved)
1085                                                               .removeClass('label-success')
1086                                                               .addClass('label-default');
1087                         }
1088                         if ( unresolved > 0 ) {
1089                             $('#return-claims-count-unresolved').text(unresolved)
1090                                                                 .removeClass('label-default')
1091                                                                 .addClass('label-warning');
1092                         } else {
1093                             $('#return-claims-count-unresolved').text(unresolved)
1094                                                                 .removeClass('label-warning')
1095                                                                 .addClass('label-default');
1096                         }
1097
1098                         fnCallback(json)
1099                     } );
1100                 },
1101                 "search": { "search": "is_unresolved" },
1102                 "footerCallback": function (row, data, start, end, display) {
1103                     var api = this.api();
1104                     // Total over all pages
1105                     var colData = api.column(1).data();
1106                     var is_unresolved = 0;
1107                     var is_resolved = 0;
1108                     colData.each(function( index, value ){
1109                         if( index == "is_unresolved" ){ is_unresolved++; }
1110                         if (index == "is_resolved") { is_resolved++; }
1111                     });
1112                     // Update footer
1113                     $("#return-claims-controls").html( showClaimFilter( is_unresolved, is_resolved ) )
1114                 }
1115             });
1116         }
1117     }
1118
1119     function showClaimFilter( is_unresolved, is_resolved ){
1120         var showAll, showUnresolved;
1121         var total = Number( is_unresolved ) + Number( is_resolved );
1122         if( total > 0 ){
1123             showAll = __nx("Show 1 claim", "Show all {count} claims", total, { count: total });
1124         } else {
1125             showAll = "";
1126         }
1127         if( is_unresolved > 0 ){
1128             showUnresolved = __nx("Show 1 unresolved claim", "Show {count} unresolved claims", is_unresolved, { count: is_unresolved })
1129         } else {
1130             showUnresolved = "";
1131         }
1132         $("#show_all_claims").html( showAll );
1133         $("#show_unresolved_claims").html( showUnresolved );
1134     }
1135
1136     $('body').on('click', '.return-claim-tools-editnotes', function() {
1137         let id = $(this).data('return-claim-id');
1138         $('#return-claim-notes-static-' + id).parent().dblclick();
1139     });
1140     $('body').on('dblclick', '.return-claim-notes-td', function() {
1141         let elt = $(this).children('.return-claim-notes');
1142         let id = elt.data('return-claim-id');
1143         if ( $('#return-claim-notes-editor-textarea-' + id).length == 0 ) {
1144             let note = elt.text();
1145             let editor =
1146                 '  <span id="return-claim-notes-editor-' + id + '">'
1147                 + ' <textarea id="return-claim-notes-editor-textarea-' + id + '">' + note + '</textarea>'
1148                 + ' <br/>'
1149                 + ' <a class="btn btn-default btn-xs claim-returned-notes-editor-submit" data-return-claim-id="' + id + '"><i class="fa fa-save"></i> ' + __("Update") + '</a>'
1150                 + ' <a class="claim-returned-notes-editor-cancel" data-return-claim-id="' + id + '" href="#">' + __("Cancel") + '</a>'
1151                 + '</span>';
1152             elt.hide();
1153             $(editor).insertAfter( elt );
1154         }
1155     });
1156
1157     $('body').on('click', '.claim-returned-notes-editor-submit', function(){
1158         let id = $(this).data('return-claim-id');
1159         let notes = $('#return-claim-notes-editor-textarea-' + id).val();
1160
1161         let params = {
1162             notes: notes,
1163             updated_by: logged_in_user_borrowernumber
1164         };
1165
1166         $(this).parent().remove();
1167
1168         $.ajax({
1169             url: '/api/v1/return_claims/' + id + '/notes',
1170             type: 'PUT',
1171             data: JSON.stringify(params),
1172             success: function( data ) {
1173                 let notes = $('#return-claim-notes-static-' + id);
1174                 notes.text(data.notes);
1175                 notes.show();
1176             },
1177             contentType: "json"
1178         });
1179     });
1180
1181     $('body').on('click', '.claim-returned-notes-editor-cancel', function(){
1182         let id = $(this).data('return-claim-id');
1183         $(this).parent().remove();
1184         $('#return-claim-notes-static-' + id).show();
1185     });
1186
1187     // Hanld return claim deletion
1188     $('body').on('click', '.return-claim-tools-delete', function() {
1189         let confirmed = confirm(__("Are you sure you want to delete this return claim?"));
1190         if ( confirmed ) {
1191             let id = $(this).data('return-claim-id');
1192
1193             $.ajax({
1194                 url: '/api/v1/return_claims/' + id,
1195                 type: 'DELETE',
1196                 success: function( data ) {
1197                     refreshReturnClaimsTable();
1198                     issuesTable.api().ajax.reload();
1199                 }
1200             });
1201         }
1202     });
1203
1204     $("#show_all_claims").on("click", function(e){
1205         e.preventDefault();
1206         $(".ctrl_link").removeClass("disabled");
1207         $(this).addClass("disabled");
1208         $("#return-claims-table").DataTable().search("").draw();
1209     });
1210
1211     $("#show_unresolved_claims").on("click", function (e) {
1212         e.preventDefault();
1213         $(".ctrl_link").removeClass("disabled");
1214         $(this).addClass("disabled");
1215         $("#return-claims-table").DataTable().search("is_unresolved").draw();
1216     });
1217
1218  });