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