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

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