Owen Leonard
93866a2320
This patch makes two categories of changes: 1. CSS changes to accommodate changes in DataTables default CSS and markup structure. I've tried to make sure all of our Koha-specific styles are still applying. This change necessitates a rebuild of staff interface CSS. 2. DataTables option names: In this version of DataTables you can't override a default which uses CamelCase (e.g. "pagingType") with one in "Hungarian" notation, e.g. "sPaginationType." Since we define many default options in prog/js/datatables.js in camel case, any template which previously used a Hungarian notation option to override the default has now been updated to use the CamelCase version. See https://datatables.net/upgrade/1.10-convert#Options for a summary of the different option name changes. Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
456 lines
20 KiB
JavaScript
456 lines
20 KiB
JavaScript
function display_pickup_location (state) {
|
||
var $text;
|
||
if ( state.needs_override === true ) {
|
||
$text = $(
|
||
'<span>' + state.text + '</span> <span style="float:right;" title="' +
|
||
__("This pickup location is not allowed according to circulation rules") +
|
||
'"><i class="fa fa-exclamation-circle" aria-hidden="true"></i></span>'
|
||
);
|
||
}
|
||
else {
|
||
$text = $('<span>'+state.text+'</span>');
|
||
}
|
||
|
||
return $text;
|
||
};
|
||
|
||
(function ($) {
|
||
|
||
/**
|
||
* Generate a Select2 dropdown for pickup locations
|
||
*
|
||
* It expects the select object to contain several data-* attributes
|
||
* - data-pickup-location-source: 'biblio', 'item' or 'hold' (default)
|
||
* - data-patron-id: required for 'biblio' and 'item'
|
||
* - data-biblio-id: required for 'biblio' only
|
||
* - data-item-id: required for 'item' only
|
||
*
|
||
* @return {Object} The Select2 instance
|
||
*/
|
||
|
||
$.fn.pickup_locations_dropdown = function () {
|
||
var select = $(this);
|
||
var pickup_location_source = $(this).data('pickup-location-source');
|
||
var patron_id = $(this).data('patron-id');
|
||
var biblio_id = $(this).data('biblio-id');
|
||
var item_id = $(this).data('item-id');
|
||
var hold_id = $(this).data('hold-id');
|
||
|
||
var url;
|
||
|
||
if ( pickup_location_source === 'biblio' ) {
|
||
url = '/api/v1/biblios/' + encodeURIComponent(biblio_id) + '/pickup_locations';
|
||
}
|
||
else if ( pickup_location_source === 'item' ) {
|
||
url = '/api/v1/items/' + encodeURIComponent(item_id) + '/pickup_locations';
|
||
}
|
||
else { // hold
|
||
url = '/api/v1/holds/' + encodeURIComponent(hold_id) + '/pickup_locations';
|
||
}
|
||
|
||
select.kohaSelect({
|
||
width: 'style',
|
||
allowClear: false,
|
||
ajax: {
|
||
url: url,
|
||
delay: 300, // wait 300 milliseconds before triggering the request
|
||
cache: true,
|
||
dataType: 'json',
|
||
data: function (params) {
|
||
var search_term = (params.term === undefined) ? '' : params.term;
|
||
var query = {
|
||
"q": JSON.stringify({"name":{"-like":'%'+search_term+'%'}}),
|
||
"_order_by": "name",
|
||
"_page": params.page
|
||
};
|
||
|
||
if ( pickup_location_source !== 'hold' ) {
|
||
query["patron_id"] = patron_id;
|
||
}
|
||
|
||
return query;
|
||
},
|
||
processResults: function (data) {
|
||
var results = [];
|
||
data.results.forEach( function ( pickup_location ) {
|
||
results.push(
|
||
{
|
||
"id": pickup_location.library_id.escapeHtml(),
|
||
"text": pickup_location.name.escapeHtml(),
|
||
"needs_override": pickup_location.needs_override
|
||
}
|
||
);
|
||
});
|
||
return { "results": results, "pagination": { "more": data.pagination.more } };
|
||
}
|
||
},
|
||
templateResult: display_pickup_location
|
||
});
|
||
|
||
return select;
|
||
};
|
||
})(jQuery);
|
||
|
||
/* global __ dataTablesDefaults borrowernumber SuspendHoldsIntranet */
|
||
$(document).ready(function() {
|
||
|
||
function suspend_hold(hold_id, end_date) {
|
||
|
||
var params;
|
||
if ( end_date !== null && end_date !== '' ) params = JSON.stringify({ "end_date": end_date });
|
||
|
||
return $.ajax({
|
||
method: 'POST',
|
||
url: '/api/v1/holds/'+encodeURIComponent(hold_id)+'/suspension',
|
||
contentType: 'application/json',
|
||
data: params
|
||
});
|
||
}
|
||
|
||
function resume_hold(hold_id) {
|
||
return $.ajax({
|
||
method: 'DELETE',
|
||
url: '/api/v1/holds/'+encodeURIComponent(hold_id)+'/suspension'
|
||
});
|
||
}
|
||
|
||
var holdsTable;
|
||
|
||
// Don't load holds table unless it is clicked on
|
||
$("#holds-tab").on( "click", function(){ load_holds_table() } );
|
||
|
||
// If the holds tab is preselected on load, we need to load the table
|
||
if ( $("#holds-tab").parent().hasClass('active') ) { load_holds_table() }
|
||
|
||
function load_holds_table() {
|
||
var holds = new Array();
|
||
if ( ! holdsTable ) {
|
||
var title;
|
||
holdsTable = KohaTable("holds-table", {
|
||
"autoWidth": false,
|
||
"dom": '<"table_controls"B>rt',
|
||
"columns": [
|
||
{
|
||
"data": { _: "reservedate_formatted", "sort": "reservedate" }
|
||
},
|
||
{
|
||
"data": function ( oObj ) {
|
||
title = "<a href='/cgi-bin/koha/reserve/request.pl?biblionumber="
|
||
+ oObj.biblionumber
|
||
+ "'>"
|
||
+ (oObj.title ? oObj.title.escapeHtml() : '');
|
||
|
||
$.each(oObj.subtitle, function( index, value ) {
|
||
title += " " + value.escapeHtml();
|
||
});
|
||
|
||
title += " " + oObj.part_number + " " + oObj.part_name;
|
||
|
||
if ( oObj.enumchron ) {
|
||
title += " (" + oObj.enumchron.escapeHtml() + ")";
|
||
}
|
||
|
||
title += "</a>";
|
||
|
||
if ( oObj.author ) {
|
||
title += " " + __("by _AUTHOR_").replace("_AUTHOR_", oObj.author.escapeHtml());
|
||
}
|
||
|
||
if ( oObj.itemnotes ) {
|
||
var span_class = "";
|
||
if ( flatpickr.formatDate( new Date(oObj.issuedate), "Y-m-d" ) == ymd ){
|
||
span_class = "circ-hlt";
|
||
}
|
||
title += " - <span class='" + span_class + "'>" + oObj.itemnotes.escapeHtml() + "</span>"
|
||
}
|
||
|
||
return title;
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
return oObj.itemcallnumber && oObj.itemcallnumber.escapeHtml() || "";
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
var data = "";
|
||
if ( oObj.itemtype ) {
|
||
data += oObj.itemtype_description;
|
||
}
|
||
return data;
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
var data = "";
|
||
if ( oObj.barcode ) {
|
||
data += " <a href='/cgi-bin/koha/catalogue/moredetail.pl?biblionumber="
|
||
+ oObj.biblionumber
|
||
+ "&itemnumber="
|
||
+ oObj.itemnumber
|
||
+ "#item"
|
||
+ oObj.itemnumber
|
||
+ "'>"
|
||
+ oObj.barcode.escapeHtml()
|
||
+ "</a>";
|
||
}
|
||
return data;
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
if( oObj.branches.length > 1 && oObj.found !== 'W' && oObj.found !== 'T' ){
|
||
var branchSelect='<select priority='+oObj.priority+' class="hold_location_select" data-hold-id="'+oObj.reserve_id+'" reserve_id="'+oObj.reserve_id+'" name="pick-location" data-pickup-location-source="hold">';
|
||
for ( var i=0; i < oObj.branches.length; i++ ){
|
||
var selectedbranch;
|
||
var setbranch;
|
||
if( oObj.branches[i].selected ){
|
||
|
||
selectedbranch = " selected='selected' ";
|
||
setbranch = __(" (current) ");
|
||
} else if ( oObj.branches[i].pickup_location == 0 ) {
|
||
continue;
|
||
} else{
|
||
selectedbranch = '';
|
||
setbranch = '';
|
||
}
|
||
branchSelect += '<option value="'+ oObj.branches[i].branchcode.escapeHtml() +'"'+selectedbranch+'>'+oObj.branches[i].branchname.escapeHtml()+setbranch+'</option>';
|
||
}
|
||
branchSelect +='</select>';
|
||
return branchSelect;
|
||
}
|
||
else { return oObj.branchcode.escapeHtml() || ""; }
|
||
}
|
||
},
|
||
{ "data": { _: "expirationdate_formatted", "sort": "expirationdate" } },
|
||
{
|
||
"data": function( oObj ) {
|
||
if ( oObj.priority && parseInt( oObj.priority ) && parseInt( oObj.priority ) > 0 ) {
|
||
return oObj.priority;
|
||
} else {
|
||
return "";
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
return oObj.reservenotes && oObj.reservenotes.escapeHtml() || "";
|
||
}
|
||
},
|
||
{
|
||
"orderable": false,
|
||
"data": function( oObj ) {
|
||
return "<select name='rank-request'>"
|
||
+"<option value='n'>" + __("No") + "</option>"
|
||
+"<option value='del'>" + __("Yes") + "</option>"
|
||
+ "</select>"
|
||
+ "<input type='hidden' name='biblionumber' value='" + oObj.biblionumber + "'>"
|
||
+ "<input type='hidden' name='borrowernumber' value='" + borrowernumber + "'>"
|
||
+ "<input type='hidden' name='reserve_id' value='" + oObj.reserve_id + "'>";
|
||
}
|
||
},
|
||
{
|
||
"orderable": false,
|
||
"visible": SuspendHoldsIntranet,
|
||
"data": function( oObj ) {
|
||
holds[oObj.reserve_id] = oObj; //Store holds for later use
|
||
|
||
if ( oObj.found ) {
|
||
return "";
|
||
} else if ( oObj.suspend == 1 ) {
|
||
return "<a class='hold-resume btn btn-default btn-xs' data-hold-id='" + oObj.reserve_id + "'>"
|
||
+"<i class='fa fa-play'></i> " + __("Resume") + "</a>";
|
||
} else {
|
||
return "<a class='hold-suspend btn btn-default btn-xs' data-hold-id='" + oObj.reserve_id + "' data-hold-title='"+ oObj.title +"'>"
|
||
+"<i class='fa fa-pause'></i> " + __("Suspend") + "</a>";
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"data": function( oObj ) {
|
||
var data = "";
|
||
|
||
if ( oObj.suspend == 1 ) {
|
||
data += "<p>" + __("Hold is <strong>suspended</strong>");
|
||
if ( oObj.suspend_until ) {
|
||
data += " " + __("until %s").format(oObj.suspend_until_formatted);
|
||
}
|
||
data += "</p>";
|
||
}
|
||
|
||
if ( oObj.itemtype_limit ) {
|
||
data += __("Next available %s item").format(oObj.itemtype_limit);
|
||
}
|
||
|
||
if ( oObj.item_group_id ) {
|
||
data += __("Next available item group <strong>%s</strong> item").format( oObj.item_group_description );
|
||
}
|
||
|
||
if ( oObj.barcode ) {
|
||
data += "<em>";
|
||
if ( oObj.found == "W" ) {
|
||
|
||
if ( oObj.waiting_here ) {
|
||
data += __("Item is <strong>waiting here</strong>");
|
||
if (oObj.desk_name) {
|
||
data += ", " + __("at %s").format(oObj.desk_name.escapeHtml());
|
||
}
|
||
} else {
|
||
data += __("Item is <strong>waiting</strong>");
|
||
data += " " + __("at %s").format(oObj.waiting_at);
|
||
if (oObj.desk_name) {
|
||
data += ", " + __("at %s").format(oObj.desk_name.escapeHtml());
|
||
}
|
||
|
||
}
|
||
|
||
} else if ( oObj.found == "T" && oObj.transferred ) {
|
||
data += __("Item is <strong>in transit</strong> from %s since %s").format(oObj.from_branch, oObj.date_sent);
|
||
} else if ( oObj.found == "T" && oObj.not_transferred ) {
|
||
data += __("Item hasn't been transferred yet from %s").format(oObj.not_transferred_by);
|
||
}
|
||
data += "</em>";
|
||
}
|
||
return data;
|
||
}
|
||
}
|
||
],
|
||
"paging": false,
|
||
"processing": true,
|
||
"serverSide": false,
|
||
"columnDefs": [
|
||
{ "type": "anti-the", "targets": [ "anti-the" ] }
|
||
],
|
||
"ajax": {
|
||
"url": '/cgi-bin/koha/svc/holds',
|
||
"data": function ( d ) {
|
||
d.borrowernumber = borrowernumber;
|
||
}
|
||
},
|
||
}, table_settings_holds_table );
|
||
|
||
$('#holds-table').on( 'draw.dt', function () {
|
||
$(".hold-suspend").on( "click", function() {
|
||
var hold_id = $(this).data('hold-id');
|
||
var hold_title = $(this).data('hold-title');
|
||
$("#suspend-modal-title").html( hold_title );
|
||
$("#suspend-modal-submit").data( 'hold-id', hold_id );
|
||
$('#suspend-modal').modal('show');
|
||
});
|
||
|
||
$(".hold-resume").on("click", function () {
|
||
var hold_id = $(this).data('hold-id');
|
||
resume_hold(
|
||
hold_id
|
||
).success(function () {
|
||
holdsTable.api().ajax.reload();
|
||
}).error(function (jqXHR, textStatus, errorThrown) {
|
||
if (jqXHR.status === 404) {
|
||
alert(__("Unable to resume, hold not found"));
|
||
}
|
||
else {
|
||
alert(__("Your request could not be processed. Check the logs for details."));
|
||
}
|
||
holdsTable.api().ajax.reload();
|
||
});
|
||
});
|
||
|
||
$(".hold_location_select").each(function(){ $(this).pickup_locations_dropdown(); });
|
||
|
||
$(".hold_location_select").on("change", function(){
|
||
$(this).prop("disabled",true);
|
||
var cur_select = $(this);
|
||
var res_id = $(this).attr('reserve_id');
|
||
$(this).after('<div id="updating_reserveno'+res_id+'" class="waiting"><img src="/intranet-tmpl/prog/img/spinner-small.gif" alt="" /><span class="waiting_msg"></span></div>');
|
||
var api_url = '/api/v1/holds/' + encodeURIComponent(res_id) + '/pickup_location';
|
||
$.ajax({
|
||
method: "PUT",
|
||
url: api_url,
|
||
data: JSON.stringify({ "pickup_library_id": $(this).val() }),
|
||
headers: { "x-koha-override": "any" },
|
||
success: function( data ){ holdsTable.api().ajax.reload(); },
|
||
error: function( jqXHR, textStatus, errorThrown) {
|
||
alert('There was an error:'+textStatus+" "+errorThrown);
|
||
cur_select.prop("disabled",false);
|
||
$("#updating_reserveno"+res_id).remove();
|
||
cur_select.val( cur_select.children('option[selected="selected"]').val() );
|
||
},
|
||
});
|
||
});
|
||
|
||
});
|
||
|
||
if ( $("#holds-table").length ) {
|
||
$("#holds-table_processing").position({
|
||
of: $( "#holds-table" ),
|
||
collision: "none"
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
$("body").append("\
|
||
<div id='suspend-modal' class='modal fade' role='dialog' aria-hidden='true'>\
|
||
<div class='modal-dialog'>\
|
||
<div class='modal-content'>\
|
||
<form id='suspend-modal-form' class='form-inline'>\
|
||
<div class='modal-header'>\
|
||
<button type='button' class='closebtn' data-dismiss='modal' aria-hidden='true'>×</button>\
|
||
<h3 id='suspend-modal-label'>" + __("Suspend hold on") + " <i><span id='suspend-modal-title'></span></i></h3>\
|
||
</div>\
|
||
\
|
||
<div class='modal-body'>\
|
||
<input type='hidden' id='suspend-modal-reserve_id' name='reserve_id' />\
|
||
\
|
||
<label for='suspend-modal-until'>" + __("Suspend until:") + "</label>\
|
||
<input name='suspend_until' id='suspend-modal-until' class='suspend-until flatpickr' data-flatpickr-futuredate='true' size='10' />\
|
||
\
|
||
<p><a class='btn btn-link' id='suspend-modal-clear-date' >" + __("Clear date to suspend indefinitely") + "</a></p>\
|
||
\
|
||
</div>\
|
||
\
|
||
<div class='modal-footer'>\
|
||
<button id='suspend-modal-submit' class='btn btn-primary' type='submit' name='submit'>" + __("Suspend") + "</button>\
|
||
<a href='#' data-dismiss='modal' aria-hidden='true' class='cancel'>" + __("Cancel") + "</a>\
|
||
</div>\
|
||
</form>\
|
||
</div>\
|
||
</div>\
|
||
</div>\
|
||
");
|
||
|
||
$("#suspend-modal-clear-date").on( "click", function() { $("#suspend-modal-until").val(""); } );
|
||
|
||
$("#suspend-modal-submit").on( "click", function( e ) {
|
||
e.preventDefault();
|
||
var suspend_until_date = $("#suspend-modal-until").val();
|
||
if ( suspend_until_date !== null ) suspend_until_date = $date(suspend_until_date, {dateformat:"rfc3339"});
|
||
suspend_hold(
|
||
$(this).data('hold-id'),
|
||
suspend_until_date
|
||
).success(function () {
|
||
holdsTable.api().ajax.reload();
|
||
}).error(function (jqXHR, textStatus, errorThrown) {
|
||
if (jqXHR.status === 404) {
|
||
alert(__("Unable to suspend, hold not found."));
|
||
}
|
||
else {
|
||
alert(__("Your request could not be processed. Check the logs for details."));
|
||
}
|
||
holdsTable.api().ajax.reload();
|
||
}).done(function() {
|
||
$("#suspend-modal-until").val(""); // clean the input
|
||
$('#suspend-modal').modal('hide');
|
||
});
|
||
});
|
||
|
||
$(".toggle-suspend").on('click', function(e) {
|
||
e.preventDefault();
|
||
let reserve_id = $(this).data('reserve-id');
|
||
let biblionumber = $(this).data('biblionumber');
|
||
let suspend_until = $('#suspend_until_' + reserve_id).val();
|
||
window.location.href='request.pl?action=toggleSuspend&reserve_id=' + reserve_id + '&biblionumber=' + biblionumber + '&suspend_until=' + suspend_until;
|
||
return false;
|
||
});
|
||
});
|