1 $(document).ready(function() {
4 // Don't load holds table unless it is clicked on
5 $("#holds-tab").on( "click", function(){ load_holds_table() } );
7 // If the holds tab is preselected on load, we need to load the table
8 if ( $("#holds-tab").parent().hasClass('ui-state-active') ) { load_holds_table() }
10 function load_holds_table() {
11 var holds = new Array();
13 holdsTable = $("#holds-table").dataTable({
18 "mDataProp": "reservedate_formatted"
21 "mDataProp": function ( oObj ) {
22 title = "<a href='/cgi-bin/koha/reserve/request.pl?biblionumber="
27 $.each(oObj.subtitle, function( index, value ) {
28 title += " " + value.subfield;
34 title += " " + BY.replace( "_AUTHOR_", oObj.author );
37 if ( oObj.itemnotes ) {
39 if ( $.datepicker.formatDate('yy-mm-dd', new Date(oObj.issuedate) ) == ymd ) {
40 span_class = "circ-hlt";
42 title += " - <span class='" + span_class + "'>" + oObj.itemnotes + "</span>"
49 "mDataProp": function( oObj ) {
50 return oObj.itemcallnumber || "";
54 "mDataProp": function( oObj ) {
57 if ( oObj.suspend == 1 ) {
58 data += "<p>" + HOLD_IS_SUSPENDED;
59 if ( oObj.suspend_until ) {
60 data += " " + UNTIL.format( oObj.suspend_until_formatted );
65 if ( oObj.itemtype_limit ) {
66 data += NEXT_AVAILABLE_ITYPE.format( oObj.itemtype_limit );
71 if ( oObj.found == "W" ) {
73 if ( oObj.waiting_here ) {
74 data += ITEM_IS_WAITING_HERE;
76 data += ITEM_IS_WAITING;
77 data += " " + AT.format( oObj.waiting_at );
80 } else if ( oObj.transferred ) {
81 data += ITEM_IS_IN_TRANSIT.format( oObj.from_branch, oObj.date_sent );
82 } else if ( oObj.not_transferred ) {
83 data += NOT_TRANSFERRED_YET.format( oObj.not_transferred_by );
87 data += " <a href='/cgi-bin/koha/catalogue/detail.pl?biblionumber="
102 "mDataProp": function( oObj ) {
103 if( oObj.branches.length > 1 && oObj.found !== 'W' && oObj.found !== 'T' ){
104 var branchSelect='<select priority='+oObj.priority+' class="hold_location_select" reserve_id="'+oObj.reserve_id+'" name="pick-location">';
105 for ( var i=0; i < oObj.branches.length; i++ ){
108 if( oObj.branches[i].selected ){
110 selectedbranch = " selected='selected' ";
117 branchSelect += '<option value="'+ oObj.branches[i].branchcode +'"'+selectedbranch+'>'+oObj.branches[i].branchname+setbranch+'</option>';
119 branchSelect +='</select>';
122 else { return oObj.branchcode || ""; }
125 { "mDataProp": "expirationdate_formatted" },
127 "mDataProp": function( oObj ) {
128 if ( oObj.priority && parseInt( oObj.priority ) && parseInt( oObj.priority ) > 0 ) {
129 return oObj.priority;
137 "mDataProp": function( oObj ) {
138 return "<select name='rank-request'>"
139 + "<option value='n'>" + NO + "</option>"
140 + "<option value='del'>" + YES + "</option>"
142 + "<input type='hidden' name='biblionumber' value='" + oObj.biblionumber + "'>"
143 + "<input type='hidden' name='borrowernumber' value='" + borrowernumber + "'>"
144 + "<input type='hidden' name='reserve_id' value='" + oObj.reserve_id + "'>";
149 "mDataProp": function( oObj ) {
150 holds[oObj.reserve_id] = oObj; //Store holds for later use
154 } else if ( oObj.suspend == 1 ) {
155 return "<a class='hold-resume btn btn-mini' id='resume" + oObj.reserve_id + "'>"
156 + "<i class='fa fa-play'></i> " + RESUME + "</a>";
158 return "<a class='hold-suspend btn btn-mini' id='suspend" + oObj.reserve_id + "'>"
159 + "<i class='fa fa-pause'></i> " + SUSPEND + "</a>";
166 "bServerSide": false,
168 "url": '/cgi-bin/koha/svc/holds',
169 "data": function ( d ) {
170 d.borrowernumber = borrowernumber;
175 $('#holds-table').on( 'draw.dt', function () {
176 $(".hold-suspend").on( "click", function() {
177 var id = $(this).attr("id").replace("suspend", "");
178 var hold = holds[id];
179 $("#suspend-modal-title").html( hold.title );
180 $("#suspend-modal-reserve_id").val( hold.reserve_id );
181 $('#suspend-modal').modal('show');
184 $(".hold-resume").on( "click", function() {
185 var id = $(this).attr("id").replace("resume", "");
186 var hold = holds[id];
187 $.post('/cgi-bin/koha/svc/hold/resume', { "reserve_id": hold.reserve_id }, function( data ){
188 if ( data.success ) {
189 holdsTable.api().ajax.reload();
191 if ( data.error == "HOLD_NOT_FOUND" ) {
192 alert ( RESUME_HOLD_ERROR_NOT_FOUND );
193 holdsTable.api().ajax.reload();
199 $(".hold_location_select").change(function(){
200 $(this).prop("disabled",true);
201 var cur_select = $(this);
202 var res_id = $(this).attr('reserve_id');
203 $(this).after('<div id="updating_reserveno'+res_id+'" class="waiting"><img src="/intranet-tmpl/prog/img/loading-small.gif" alt="" /><span class="waiting_msg"></span></div>');
204 var api_url = '/api/v1/holds/'+res_id;
205 var update_info = JSON.stringify({ branchcode: $(this).val(), priority: parseInt($(this).attr("priority"),10) });
210 success: function( data ){ holdsTable.api().ajax.reload(); },
211 error: function( jqXHR, textStatus, errorThrown) {
212 alert('There was an error:'+textStatus+" "+errorThrown);
213 cur_select.prop("disabled",false);
214 $("#updating_reserveno"+res_id).remove();
215 cur_select.val( cur_select.children('option[selected="selected"]').val() );
222 if ( $("#holds-table").length ) {
223 $("#holds-table_processing").position({
224 of: $( "#holds-table" ),
232 <div id='suspend-modal' class='modal hide fade' tabindex='-1' role='dialog' aria-hidden='true'>\
233 <form id='suspend-modal-form' class='form-inline'>\
234 <div class='modal-header'>\
235 <button type='button' class='closebtn' data-dismiss='modal' aria-hidden='true'>×</button>\
236 <h3 id='suspend-modal-label'>" + SUSPEND_HOLD_ON + " <i><span id='suspend-modal-title'></span></i></h3>\
239 <div class='modal-body'>\
240 <input type='hidden' id='suspend-modal-reserve_id' name='reserve_id' />\
242 <label for='suspend-modal-until'>Suspend until:</label>\
243 <input name='suspend_until' id='suspend-modal-until' class='suspend-until' size='10' />\
245 <p/><a class='btn btn-link' id='suspend-modal-clear-date' >" + CLEAR_DATE_TO_SUSPEND_INDEFINITELY + "</a></p>\
249 <div class='modal-footer'>\
250 <button id='suspend-modal-submit' class='btn btn-primary' type='submit' name='submit'>" + SUSPEND + "</button>\
251 <a href='#' data-dismiss='modal' aria-hidden='true' class='cancel'>" + CANCEL + "</a>\
257 $("#suspend-modal-until").datepicker({ minDate: 1 }); // Require that "until date" be in the future
258 $("#suspend-modal-clear-date").on( "click", function() { $("#suspend-modal-until").val(""); } );
260 $("#suspend-modal-submit").on( "click", function( e ) {
262 $.post('/cgi-bin/koha/svc/hold/suspend', $('#suspend-modal-form').serialize(), function( data ){
263 $('#suspend-modal').modal('hide');
264 if ( data.success ) {
265 holdsTable.api().ajax.reload();
267 if ( data.error == "INVALID_DATE" ) {
268 alert( SUSPEND_HOLD_ERROR_DATE );
270 else if ( data.error == "HOLD_NOT_FOUND" ) {
271 alert ( SUSPEND_HOLD_ERROR_NOT_FOUND );
272 holdsTable.api().ajax.reload();