koha-tmpl/intranet-tmpl/prog/js/checkouts.js

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