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