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