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

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