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

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