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