Bug 11982 - Images now display properly in the details section.
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / js / checkouts.js
1 $(document).ready(function() {
2     $.ajaxSetup ({ cache: false });
3
4     var barcodefield = $("#barcode");
5
6     // Handle the select all/none links for checkouts table columns
7     $("#CheckAllRenewals").on("click",function(){
8         $("#UncheckAllCheckins").click();
9         $(".renew:visible").attr("checked", "checked" );
10         return false;
11     });
12     $("#UncheckAllRenewals").on("click",function(){
13         $(".renew:visible").removeAttr("checked");
14         return false;
15     });
16
17     $("#CheckAllCheckins").on("click",function(){
18         $("#UncheckAllRenewals").click();
19         $(".checkin:visible").attr("checked", "checked" );
20         return false;
21     });
22     $("#UncheckAllCheckins").on("click",function(){
23         $(".checkin:visible").removeAttr("checked");
24         return false;
25     });
26
27     // Don't allow both return and renew checkboxes to be checked
28     $(document).on("change", '.renew', function(){
29         if ( $(this).is(":checked") ) {
30             $( "#checkin_" + $(this).val() ).removeAttr("checked");
31         }
32     });
33     $(document).on("change", '.checkin', function(){
34         if ( $(this).is(":checked") ) {
35             $( "#renew_" + $(this).val() ).removeAttr("checked");
36         }
37     });
38
39     // Clicking the table cell checks the checkbox inside it
40     $(document).on("click", 'td', function(e){
41         if(e.target.tagName.toLowerCase() == 'td'){
42           $(this).find("input:checkbox:visible").each( function() {
43             $(this).click();
44           });
45         }
46     });
47
48     // Handle renewals and returns
49     $("#RenewCheckinChecked").on("click",function(){
50         $(".checkin:checked:visible").each(function() {
51             itemnumber = $(this).val();
52
53             $(this).replaceWith("<img id='checkin_" + itemnumber + "' src='" + interface + "/" + theme + "/img/loading-small.gif' />");
54
55             params = {
56                 itemnumber:     itemnumber,
57                 borrowernumber: borrowernumber,
58                 branchcode:     branchcode,
59                 exempt_fine:    $("#exemptfine").is(':checked')
60             };
61
62             $.post( "/cgi-bin/koha/svc/checkin", params, function( data ) {
63                 id = "#checkin_" + data.itemnumber;
64
65                 content = "";
66                 if ( data.returned ) {
67                     content = CIRCULATION_RETURNED;
68                     $(id).parent().parent().addClass('ok');
69                     $('#date_due_' + data.itemnumber).html(CIRCULATION_RETURNED);
70                 } else {
71                     content = CIRCULATION_NOT_RETURNED;
72                     $(id).parent().parent().addClass('warn');
73                 }
74
75                 $(id).replaceWith( content );
76             }, "json")
77         });
78
79         $(".renew:checked:visible").each(function() {
80             var override_limit = $("#override_limit").is(':checked') ? 1 : 0;
81
82             var itemnumber = $(this).val();
83
84             $(this).parent().parent().replaceWith("<img id='renew_" + itemnumber + "' src='" + interface + "/" + theme + "/img/loading-small.gif' />");
85
86             var params = {
87                 itemnumber:     itemnumber,
88                 borrowernumber: borrowernumber,
89                 branchcode:     branchcode,
90                 override_limit: override_limit,
91                 date_due:       $("#newduedate").val()
92             };
93
94             $.post( "/cgi-bin/koha/svc/renew", params, function( data ) {
95                 var id = "#renew_" + data.itemnumber;
96
97                 var content = "";
98                 if ( data.renew_okay ) {
99                     content = CIRCULATION_RENEWED_DUE + " " + data.date_due;
100                     $('#date_due_' + data.itemnumber).replaceWith( data.date_due );
101                 } else {
102                     content = CIRCULATION_RENEW_FAILED + " ";
103                     if ( data.error == "no_checkout" ) {
104                         content += NOT_CHECKED_OUT;
105                     } else if ( data.error == "too_many" ) {
106                         content += TOO_MANY_RENEWALS;
107                     } else if ( data.error == "on_reserve" ) {
108                         content += ON_RESERVE;
109                     } else if ( data.error ) {
110                         content += data.error;
111                     } else {
112                         content += REASON_UNKNOWN;
113                     }
114                 }
115
116                 $(id).replaceWith( content );
117             }, "json")
118         });
119
120         // Refocus on barcode field if it exists
121         if ( $("#barcode").length ) {
122             $("#barcode").focus();
123         }
124
125         // Prevent form submit
126         return false;
127     });
128
129     $("#RenewAll").on("click",function(){
130         $("#CheckAllRenewals").click();
131         $("#UncheckAllCheckins").click();
132         $("#RenewCheckinChecked").click();
133
134         // Prevent form submit
135         return false;
136     });
137
138     var ymd = $.datepicker.formatDate('yy-mm-dd', new Date());
139
140     $('#issues-table').hide();
141     $('#issues-table-actions').hide();
142     $('#issues-table-load-immediately').change(function(){
143         if ( this.checked && typeof issuesTable === 'undefined') {
144             $('#issues-table-load-now-button').click();
145         }
146         barcodefield.focus();
147     });
148     $('#issues-table-load-now-button').click(function(){
149         LoadIssuesTable();
150         barcodefield.focus();
151         return false;
152     });
153
154     if ( $.cookie("issues-table-load-immediately-" + script) == "true" ) {
155         LoadIssuesTable();
156         $('#issues-table-load-immediately').prop('checked', true);
157     }
158     $('#issues-table-load-immediately').on( "change", function(){
159         $.cookie("issues-table-load-immediately-" + script, $(this).is(':checked'), { expires: 365 });
160     });
161
162     function LoadIssuesTable() {
163         $('#issues-table-loading-message').hide();
164         $('#issues-table').show();
165         $('#issues-table-actions').show();
166
167         issuesTable = $("#issues-table").dataTable({
168             "oLanguage": {
169                 "sEmptyTable" : MSG_DT_LOADING_RECORDS,
170                 "sProcessing": MSG_DT_LOADING_RECORDS,
171             },
172             "bAutoWidth": false,
173             "sDom": "rt",
174             "aoColumns": [
175                 {
176                     "mDataProp": function( oObj ) {
177                         if ( oObj.issued_today ) {
178                             return "1" + oObj.timestamp;
179                         } else {
180                             return "0" + oObj.date_due;
181                         }
182                     }
183                 },
184                 {
185                     "mDataProp": function( oObj ) {
186                         if ( oObj.issued_today ) {
187                             return "<strong>" + TODAYS_CHECKOUTS + "</strong>";
188                         } else {
189                             return "<strong>" + PREVIOUS_CHECKOUTS + "</strong>";
190                         }
191                     }
192                 },
193                 {
194                     "mDataProp": "date_due",
195                     "bVisible": false,
196                 },
197                 {
198                     "iDataSort": 1, // Sort on hidden unformatted date due column
199                     "mDataProp": function( oObj ) {
200                         var due = oObj.date_due_formatted;
201
202                         if ( oObj.date_due_overdue ) {
203                             due = "<span class='overdue'>" + due + "</span>";
204                         }
205
206                         if ( oObj.lost ) {
207                             due += "<span class='lost'>" + oObj.lost + "</span>";
208                         }
209
210                         if ( oObj.damaged ) {
211                             due += "<span class='dmg'>" + oObj.damaged + "</span>";
212                         }
213
214                         due = "<span id='date_due_" + oObj.itemnumber + "' class='date_due'>" + due + "</span>";
215
216                         return due;
217                     }
218                 },
219                 {
220                     "mDataProp": function ( oObj ) {
221                         title = "<span class='strong'><a href='/cgi-bin/koha/catalogue/detail.pl?biblionumber="
222                               + oObj.biblionumber
223                               + "'>"
224                               + oObj.title;
225
226                         $.each(oObj.subtitle, function( index, value ) {
227                                   title += " " + value.subfield;
228                         });
229
230                         title += "</a></span>";
231
232                         if ( oObj.author ) {
233                             title += " " + BY.replace( "_AUTHOR_",  " " + oObj.author );
234                         }
235
236                         if ( oObj.itemnotes ) {
237                             var span_class = "";
238                             if ( $.datepicker.formatDate('yy-mm-dd', new Date(oObj.issuedate) ) == ymd ) {
239                                 span_class = "circ-hlt";
240                             }
241                             title += " - <span class='" + span_class + "'>" + oObj.itemnotes + "</span>"
242                         }
243
244                         var onsite_checkout = '';
245                         if ( oObj.onsite_checkout == 1 ) {
246                             onsite_checkout += " <span class='onsite_checkout'>(" + INHOUSE_USE + ")</span>";
247                         }
248
249                         title += " "
250                               + "<a href='/cgi-bin/koha/catalogue/moredetail.pl?biblionumber="
251                               + oObj.biblionumber
252                               + "&itemnumber="
253                               + oObj.itemnumber
254                               + "#"
255                               + oObj.itemnumber
256                               + "'>"
257                               + oObj.barcode
258                               + "</a>"
259                               + onsite_checkout;
260
261                         return title;
262                     }
263                 },
264                 { "mDataProp": "itemtype_description" },
265                 { "mDataProp": "issuedate_formatted" },
266                 { "mDataProp": "branchname" },
267                 { "mDataProp": "itemcallnumber" },
268                 {
269                     "mDataProp": function ( oObj ) {
270                         if ( ! oObj.charge ) oObj.charge = 0;
271                         return parseFloat(oObj.charge).toFixed(2);
272                     }
273                 },
274                 {
275                     "mDataProp": function ( oObj ) {
276                         if ( ! oObj.price ) oObj.price = 0;
277                         return parseFloat(oObj.price).toFixed(2);
278                     }
279                 },
280                 {
281                     "bSortable": false,
282                     "mDataProp": function ( oObj ) {
283                         var content = "";
284                         var span_style = "";
285                         var span_class = "";
286
287                         content += "<span>";
288                         content += "<span style='padding: 0 1em;'>" + oObj.renewals_count + "</span>";
289
290                         if ( oObj.can_renew ) {
291                             // Do nothing
292                         } else if ( oObj.can_renew_error == "on_reserve" ) {
293                             content += "<span class='renewals-disabled-no-override'>"
294                                     + "<a href='/cgi-bin/koha/reserve/request.pl?biblionumber=" + oObj.biblionumber + "'>" + ON_HOLD + "</a>"
295                                     + "</span>";
296
297                             span_style = "display: none";
298                             span_class = "renewals-allowed";
299                         } else if ( oObj.can_renew_error == "too_many" ) {
300                             content += "<span class='renewals-disabled'>"
301                                     + NOT_RENEWABLE
302                                     + "</span>";
303
304                             span_style = "display: none";
305                             span_class = "renewals-allowed";
306                         } else if ( oObj.can_renew_error == "too_soon" ) {
307                             content += "<span class='renewals-disabled'>"
308                                     + NOT_RENEWABLE_TOO_SOON.format( oObj.can_renew_date )
309                                     + "</span>";
310
311                             span_style = "display: none";
312                             span_class = "renewals-allowed";
313                         } else if ( oObj.can_renew_error == "auto_too_soon" ) {
314                             content += "<span class='renewals-disabled'>"
315                                     + NOT_RENEWABLE_AUTO_TOO_SOON
316                                     + "</span>";
317
318                             span_style = "display: none";
319                             span_class = "renewals-allowed";
320                         } else if ( oObj.can_renew_error == "auto_renew" ) {
321                             content += "<span class='renewals-disabled'>"
322                                     + NOT_RENEWABLE_AUTO_RENEW
323                                     + "</span>";
324
325                             span_style = "display: none";
326                             span_class = "renewals-allowed";
327                         } else {
328                             content += "<span class='renewals-disabled'>"
329                                     + oObj.can_renew_error
330                                     + "</span>";
331
332                             span_style = "display: none";
333                             span_class = "renewals-allowed";
334                         }
335
336                         var can_force_renew = ( oObj.onsite_checkout == 0 ) && ( oObj.can_renew_error != "on_reserve" );
337                         var can_renew = ( oObj.renewals_remaining > 0  && !oObj.can_renew_error );
338                         if ( oObj.onsite_checkout == 0 ) {
339                             if ( can_renew || can_force_renew ) {
340                                 content += "<span class='" + span_class + "' style='" + span_style + "'>"
341                                         +  "<input type='checkbox' ";
342                                 if ( oObj.date_due_overdue && can_renew ) {
343                                     content += "checked='checked' ";
344                                 }
345                                 content += "class='renew' id='renew_" + oObj.itemnumber + "' name='renew' value='" + oObj.itemnumber +"'/>"
346                                         +  "</span>";
347
348                                 content += "<span class='renewals'>("
349                                         + RENEWALS_REMAINING.format( oObj.renewals_remaining, oObj.renewals_allowed )
350                                         + ")</span>";
351                             }
352                         }
353
354                         content += "</span>";
355
356                         return content;
357                     }
358                 },
359                 {
360                     "bSortable": false,
361                     "mDataProp": function ( oObj ) {
362                         if ( oObj.can_renew_error == "on_reserve" ) {
363                             return "<a href='/cgi-bin/koha/reserve/request.pl?biblionumber=" + oObj.biblionumber + "'>" + ON_HOLD + "</a>";
364                         } else {
365                             return "<input type='checkbox' class='checkin' id='checkin_" + oObj.itemnumber + "' name='checkin' value='" + oObj.itemnumber +"'></input>";
366                         }
367                     }
368                 },
369                 {
370                     "bVisible": exports_enabled ? true : false,
371                     "bSortable": false,
372                     "mDataProp": function ( oObj ) {
373                         return "<input type='checkbox' class='export' id='export_" + oObj.biblionumber + "' name='biblionumbers' value='" + oObj.biblionumber + "' />";
374                     }
375                 }
376             ],
377             "fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) {
378                 var total_charge = 0;
379                 var total_price = 0;
380                 for ( var i=0; i < aaData.length; i++ ) {
381                     total_charge += aaData[i]['charge'] * 1;
382                     total_price  += aaData[i]['price'] * 1;
383                 }
384                 var nCells = nRow.getElementsByTagName('td');
385                 nCells[1].innerHTML = total_charge.toFixed(2);
386                 nCells[2].innerHTML = total_price.toFixed(2);
387             },
388             "bPaginate": false,
389             "bProcessing": true,
390             "bServerSide": false,
391             "sAjaxSource": '/cgi-bin/koha/svc/checkouts',
392             "fnServerData": function ( sSource, aoData, fnCallback ) {
393                 aoData.push( { "name": "borrowernumber", "value": borrowernumber } );
394
395                 $.getJSON( sSource, aoData, function (json) {
396                     fnCallback(json)
397                 } );
398             },
399             "fnInitComplete": function(oSettings) {
400                 // Disable rowGrouping plugin after first use
401                 // so any sorting on the table doesn't use it
402                 var oSettings = issuesTable.fnSettings();
403
404                 for (f = 0; f < oSettings.aoDrawCallback.length; f++) {
405                     if (oSettings.aoDrawCallback[f].sName == 'fnRowGrouping') {
406                         oSettings.aoDrawCallback.splice(f, 1);
407                         break;
408                     }
409                 }
410
411                 oSettings.aaSortingFixed = null;
412             },
413         }).rowGrouping(
414             {
415                 iGroupingColumnIndex: 1,
416                 iGroupingOrderByColumnIndex: 0,
417                 sGroupingColumnSortDirection: "desc"
418             }
419         );
420
421         if ( $("#issues-table").length ) {
422             $("#issues-table_processing").position({
423                 of: $( "#issues-table" ),
424                 collision: "none"
425             });
426         }
427     }
428
429     // Don't load relatives' issues table unless it is clicked on
430     var relativesIssuesTable;
431     $("#relatives-issues-tab").click( function() {
432         if ( ! relativesIssuesTable ) {
433             relativesIssuesTable = $("#relatives-issues-table").dataTable({
434                 "bAutoWidth": false,
435                 "sDom": "rt",
436                 "aaSorting": [],
437                 "aoColumns": [
438                     {
439                         "mDataProp": "date_due",
440                         "bVisible": false,
441                     },
442                     {
443                         "iDataSort": 1, // Sort on hidden unformatted date due column
444                         "mDataProp": function( oObj ) {
445                             var today = new Date();
446                             var due = new Date( oObj.date_due );
447                             if ( today > due ) {
448                                 return "<span class='overdue'>" + oObj.date_due_formatted + "</span>";
449                             } else {
450                                 return oObj.date_due_formatted;
451                             }
452                         }
453                     },
454                     {
455                         "mDataProp": function ( oObj ) {
456                             title = "<span class='strong'><a href='/cgi-bin/koha/catalogue/detail.pl?biblionumber="
457                                   + oObj.biblionumber
458                                   + "'>"
459                                   + oObj.title;
460
461                             $.each(oObj.subtitle, function( index, value ) {
462                                       title += " " + value.subfield;
463                             });
464
465                             title += "</a></span>";
466
467                             if ( oObj.author ) {
468                                 title += " " + BY.replace( "_AUTHOR_", " " + oObj.author );
469                             }
470
471                             if ( oObj.itemnotes ) {
472                                 var span_class = "";
473                                 if ( $.datepicker.formatDate('yy-mm-dd', new Date(oObj.issuedate) ) == ymd ) {
474                                     span_class = "circ-hlt";
475                                 }
476                                 title += " - <span class='" + span_class + "'>" + oObj.itemnotes + "</span>"
477                             }
478
479                             var onsite_checkout = '';
480                             if ( oObj.onsite_checkout == 1 ) {
481                                 onsite_checkout += " <span class='onsite_checkout'>(" + INHOUSE_USE + ")</span>";
482                             }
483
484                             title += " "
485                                   + "<a href='/cgi-bin/koha/catalogue/moredetail.pl?biblionumber="
486                                   + oObj.biblionumber
487                                   + "&itemnumber="
488                                   + oObj.itemnumber
489                                   + "#"
490                                   + oObj.itemnumber
491                                   + "'>"
492                                   + oObj.barcode
493                                   + "</a>"
494                                   + onsite_checkout;
495
496                             return title;
497                         }
498                     },
499                     { "mDataProp": "itemtype" },
500                     { "mDataProp": "issuedate_formatted" },
501                     { "mDataProp": "branchname" },
502                     { "mDataProp": "itemcallnumber" },
503                     {
504                         "mDataProp": function ( oObj ) {
505                             if ( ! oObj.charge ) oObj.charge = 0;
506                             return parseFloat(oObj.charge).toFixed(2);
507                         }
508                     },
509                     {
510                         "mDataProp": function ( oObj ) {
511                             if ( ! oObj.price ) oObj.price = 0;
512                             return parseFloat(oObj.price).toFixed(2);
513                         }
514                     },
515                     {
516                         "mDataProp": function( oObj ) {
517                             return "<a href='/cgi-bin/koha/members/moremember.pl?borrowernumber=" + oObj.borrowernumber + "'>"
518                                  + oObj.borrower.firstname + " " + oObj.borrower.surname + " (" + oObj.borrower.cardnumber + ")</a>"
519                         }
520                     },
521                 ],
522                 "bPaginate": false,
523                 "bProcessing": true,
524                 "bServerSide": false,
525                 "sAjaxSource": '/cgi-bin/koha/svc/checkouts',
526                 "fnServerData": function ( sSource, aoData, fnCallback ) {
527                     $.each(relatives_borrowernumbers, function( index, value ) {
528                         aoData.push( { "name": "borrowernumber", "value": value } );
529                     });
530
531                     $.getJSON( sSource, aoData, function (json) {
532                         fnCallback(json)
533                     } );
534                 },
535             });
536         }
537     });
538
539     if ( $("#relatives-issues-table").length ) {
540         $("#relatives-issues-table_processing").position({
541             of: $( "#relatives-issues-table" ),
542             collision: "none"
543         });
544     }
545
546     if ( AllowRenewalLimitOverride ) {
547         $( '#override_limit' ).click( function () {
548             if ( this.checked ) {
549                 $( '.renewals-allowed' ).show(); $( '.renewals-disabled' ).hide();
550             } else {
551                 $( '.renewals-allowed' ).hide(); $( '.renewals-disabled' ).show();
552             }
553         } ).attr( 'checked', false );
554     }
555  });