f000278b32
This is to avoid using private jQuery method _data. Here's what jQuery 1.8.0 release notes says about it: "this is not a supported public interface; the actual data structures may change incompatibly from version to version." So we should not rely on it. What this patch does is use event delegation [1]. Events are bound to a parent container, so when elements are added dynamically inside that container, we don't need to re-attach event handlers manually This patch also comes with a bit of cleanup, and introduce "breaking changes" (they are breaking changes only if you happen to have custom framework plugins): 1) 'mouseover', 'mousemove', 'keypress' events are no longer listened to 'mouseover' and 'mousemove' are not used and would trigger too much events. 'keypress' is also not used, and is deprecated 2) Event handlers now takes a single parameter that is an Event object It just makes the code a lot less complicated. 3) Event handlers do not pollute the global scope anymore [1] https://learn.jquery.com/events/event-delegation/ Test plan: - Go to every page that has a MARC editor and verify that plugins still work. This includes addbiblio.pl, additem.pl, authorities.pl, neworderempty.pl, orderreceive.pl - Test plugins that use 'focus' event (for instance barcode.pl), 'blur' event (callnumber.pl) and 'click' event (almost all the others) - Test that plugins work on cloned fields/subfields Rebased-by: Victor Grousset/tuxayo <victor@tuxayo.net> Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl> Signed-off-by: David Cook <dcook@prosentient.com.au> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
434 lines
15 KiB
JavaScript
434 lines
15 KiB
JavaScript
/* global __ */
|
|
/* exported addItem checkCount showItem deleteItemBlock clearItemBlock check_additem */
|
|
function addItem(node, unique_item_fields) {
|
|
var item_form = $(node).closest("div");
|
|
var index = item_form.attr("id");
|
|
|
|
//We need to verify the item form before saving
|
|
var empty_item_mandatory = CheckMandatorySubfields(item_form);
|
|
if (empty_item_mandatory > 0) {
|
|
var _alertString =
|
|
__("Form not submitted because of the following problem(s)") + "\n";
|
|
|
|
_alertString +=
|
|
"-------------------------------------------------------------------\n\n";
|
|
_alertString +=
|
|
"\n- " +
|
|
__("%s item mandatory fields empty").format(empty_item_mandatory);
|
|
alert(_alertString);
|
|
return false;
|
|
}
|
|
|
|
var current_qty = parseInt($("#quantity").val());
|
|
var max_qty;
|
|
if ($("#quantity_to_receive").length != 0) {
|
|
max_qty = parseInt($("#quantity_to_receive").val());
|
|
} else {
|
|
max_qty = 99999;
|
|
}
|
|
if (
|
|
$("#items_list table").find('tr[idblock="' + index + '"]').length == 0
|
|
) {
|
|
if (current_qty < max_qty) {
|
|
if (current_qty < max_qty - 1)
|
|
cloneItemBlock(index, unique_item_fields);
|
|
addItemInList(index, unique_item_fields);
|
|
$("#" + index)
|
|
.find("input[name='buttonPlus']")
|
|
.val(__("Update item"));
|
|
$("#" + index)
|
|
.find("input[name='buttonPlusMulti']")
|
|
.remove();
|
|
$("#" + index)
|
|
.find("input[name='multiValue']")
|
|
.remove();
|
|
$("#quantity")
|
|
.val(current_qty + 1)
|
|
.change();
|
|
} else if (current_qty >= max_qty) {
|
|
alert(__("You can't receive any more items"));
|
|
}
|
|
} else {
|
|
if (current_qty < max_qty) cloneItemBlock(index, unique_item_fields);
|
|
var tr = constructTrNode(index);
|
|
$("#items_list table")
|
|
.find('tr[idblock="' + index + '"]:first')
|
|
.replaceWith(tr);
|
|
}
|
|
$("#" + index).hide();
|
|
}
|
|
|
|
function addMulti(count, node, unique_item_fields) {
|
|
var index = $(node).closest("div").attr("id");
|
|
var countItemsBefore = $("#items_list tbody tr").length;
|
|
var current_qty = parseInt($("#quantity").val(), 10);
|
|
$("#procModal").modal("show");
|
|
$("#" + index).hide();
|
|
for (var i = 0; i < count; i++) {
|
|
cloneItemBlock(index, unique_item_fields, function (cloneIndex) {
|
|
addItemInList(cloneIndex, unique_item_fields, function () {
|
|
if (
|
|
$("#items_list tbody tr").length - countItemsBefore ==
|
|
count
|
|
) {
|
|
$("#multiValue").val("");
|
|
$("#" + index).appendTo("#outeritemblock");
|
|
$("#" + index).show();
|
|
$("#" + index + " #add_multiple_copies").css(
|
|
"visibility",
|
|
"hidden"
|
|
);
|
|
$("#procModal").modal("hide");
|
|
}
|
|
});
|
|
$("#" + cloneIndex)
|
|
.find("input[name='buttonPlus']")
|
|
.val(__("Update item"));
|
|
$("#" + cloneIndex)
|
|
.find("input[name='buttonPlusMulti']")
|
|
.remove();
|
|
$("#" + cloneIndex)
|
|
.find("input[name='multiValue']")
|
|
.remove();
|
|
$("#" + cloneIndex).hide();
|
|
current_qty++;
|
|
$("#quantity").val(current_qty).change();
|
|
});
|
|
}
|
|
}
|
|
|
|
function checkCount(node, unique_item_fields) {
|
|
var count = parseInt($("#multiValue").val(), 10);
|
|
if (isNaN(count) || count <= 0) {
|
|
$("#multiCountModal").modal("show");
|
|
} else {
|
|
addMulti(count, node, unique_item_fields);
|
|
}
|
|
}
|
|
|
|
function showItem(index) {
|
|
$("#outeritemblock")
|
|
.children("div")
|
|
.each(function () {
|
|
if ($(this).attr("id") == index) {
|
|
$(this).show();
|
|
} else {
|
|
if (
|
|
$("#items_list table").find(
|
|
'tr[idblock="' + $(this).attr("id") + '"]'
|
|
).length == 0
|
|
) {
|
|
$(this).remove();
|
|
} else {
|
|
$(this).hide();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function constructTrNode(index, unique_item_fields) {
|
|
var fields = [
|
|
"barcode",
|
|
"homebranch",
|
|
"holdingbranch",
|
|
"notforloan",
|
|
"restricted",
|
|
"location",
|
|
"itemcallnumber",
|
|
"copynumber",
|
|
"stocknumber",
|
|
"ccode",
|
|
"itype",
|
|
"materials",
|
|
"itemnotes",
|
|
];
|
|
|
|
var result = "<tr idblock='" + index + "'>";
|
|
var edit_link =
|
|
"<a href='#itemfieldset' style='text-decoration:none' onclick='showItem(\"" +
|
|
index +
|
|
"\");' class='btn btn-default btn-xs'><i class='fa fa-pencil'></i> " +
|
|
__("Edit") +
|
|
"</a>";
|
|
var del_link =
|
|
"<a style='cursor:pointer' " +
|
|
"onclick='deleteItemBlock(this, \"" +
|
|
index +
|
|
'", "' +
|
|
unique_item_fields +
|
|
"\");' class='btn btn-default btn-xs'><i class='fa fa-trash-can'></i> " +
|
|
__("Delete") +
|
|
"</a>";
|
|
result += "<td class='actions'>" + edit_link + " " + del_link + "</td>";
|
|
for (var i in fields) {
|
|
var field = fields[i];
|
|
var field_elt = $("#" + index)
|
|
.find("[name='kohafield'][value='items." + field + "']")
|
|
.prevAll("[name='field_value']")[0];
|
|
var field_value;
|
|
if ($(field_elt).is("select")) {
|
|
field_value = $(field_elt).find("option:selected").text();
|
|
} else {
|
|
field_value = $(field_elt).val();
|
|
}
|
|
if (field_value == undefined) {
|
|
field_value = "";
|
|
}
|
|
result += "<td>" + field_value + "</td>";
|
|
}
|
|
result += "</tr>";
|
|
|
|
return result;
|
|
}
|
|
|
|
function addItemInList(index, unique_item_fields, callback) {
|
|
$("#items_list").show();
|
|
var tr = constructTrNode(index, unique_item_fields);
|
|
$("#items_list table tbody").append(tr);
|
|
if (typeof callback === "function") {
|
|
callback();
|
|
}
|
|
}
|
|
|
|
function deleteItemBlock(node_a, index, unique_item_fields) {
|
|
$("#" + index).remove();
|
|
var current_qty = parseInt($("#quantity").val());
|
|
var max_qty;
|
|
if ($("#quantity_to_receive").length != 0) {
|
|
max_qty = parseInt($("#quantity_to_receive").val());
|
|
} else {
|
|
max_qty = 99999;
|
|
}
|
|
$("#quantity")
|
|
.val(current_qty - 1)
|
|
.change();
|
|
$(node_a).parents("tr").remove();
|
|
if (current_qty - 1 == 0) $("#items_list").hide();
|
|
|
|
if ($("#quantity").val() <= max_qty - 1) {
|
|
if ($("#outeritemblock").children("div :visible").length == 0) {
|
|
$("#outeritemblock").children("div:last").show();
|
|
}
|
|
}
|
|
if ($("#quantity").val() == 0 && $("#outeritemblock > div").length == 0) {
|
|
cloneItemBlock(0, unique_item_fields);
|
|
}
|
|
}
|
|
|
|
function cloneItemBlock(index, unique_item_fields, callback) {
|
|
var original;
|
|
if (index) {
|
|
original = $("#" + index); //original <div>
|
|
}
|
|
var dont_copy_fields = new Array();
|
|
if (unique_item_fields) {
|
|
dont_copy_fields = unique_item_fields.split("|");
|
|
for (var i in dont_copy_fields) {
|
|
dont_copy_fields[i] = "items." + dont_copy_fields[i];
|
|
}
|
|
}
|
|
|
|
$.ajax({
|
|
url: "/cgi-bin/koha/services/itemrecorddisplay.pl",
|
|
dataType: "html",
|
|
data: {
|
|
frameworkcode: "ACQ",
|
|
},
|
|
success: function (data) {
|
|
/* Create the item block */
|
|
var random = Math.floor(Math.random() * 100000); // get a random itemid.
|
|
var clone = $("<div/>", { id: "itemblock" + random });
|
|
$("#outeritemblock").append(clone);
|
|
$(clone).append(data);
|
|
/* Change all itemid fields value */
|
|
$(clone)
|
|
.find("input[name='itemid']")
|
|
.each(function () {
|
|
$(this).val(random);
|
|
});
|
|
/* Add buttons + and Clear */
|
|
var buttonPlus = '<fieldset class="action">';
|
|
buttonPlus +=
|
|
'<input type="button" class="addItemControl" name="buttonPlus" style="cursor:pointer; margin:0 1em;" onclick="addItem(this,\'' +
|
|
unique_item_fields +
|
|
'\')" value="' +
|
|
__("Add item") +
|
|
'" />';
|
|
buttonPlus +=
|
|
'<input type="button" class="addItemControl cancel" name="buttonClear" style="cursor:pointer;" onclick="clearItemBlock(this)" value="' +
|
|
__("Clear") +
|
|
'" />';
|
|
buttonPlus +=
|
|
'<input type="button" class="addItemControl" name="buttonPlusMulti" onclick="javascript:this.nextSibling.style.display=\'inline\'; this.nextSibling.style.visibility=\'visible\'; return false;" style="cursor:pointer; margin:0 1em;" value="' +
|
|
__("Add multiple items") +
|
|
'" />';
|
|
buttonPlus +=
|
|
'<span id="add_multiple_copies" style="display:none">' +
|
|
'<input type="text" inputmode="numeric" pattern="[0-9]*" class="addItemControl" id="multiValue" name="multiValue" placeholder="' +
|
|
__("Number of items to add") +
|
|
'" />' +
|
|
'<input type="button" class="addItemControl" name="buttonAddMulti" style="cursor:pointer; margin:0 1em;" onclick="checkCount( this ,\'' +
|
|
unique_item_fields +
|
|
'\')" value="' +
|
|
__("Add") +
|
|
'" />' +
|
|
'<div class="alert alert-info">' +
|
|
__(
|
|
"NOTE: Fields listed in the 'UniqueItemFields' system preference will not be copied"
|
|
) +
|
|
"</div>" +
|
|
"</span>";
|
|
buttonPlus += "</fieldset>";
|
|
$(clone).append(buttonPlus);
|
|
/* Copy values from the original block (input) */
|
|
$(original)
|
|
.find("input[name='field_value']")
|
|
.each(function () {
|
|
var kohafield = $(this)
|
|
.siblings("input[name='kohafield']")
|
|
.val();
|
|
if (
|
|
$(this).val() &&
|
|
$.inArray(kohafield, dont_copy_fields) == -1
|
|
) {
|
|
$(this)
|
|
.closest("li div")
|
|
.attr("id")
|
|
.match(/^(subfield.)/);
|
|
var id = RegExp.$1;
|
|
var value = $(this).val();
|
|
$(clone)
|
|
.find(
|
|
"div[id^='" +
|
|
id +
|
|
"'] input[name='field_value']"
|
|
)
|
|
.val(value);
|
|
}
|
|
});
|
|
/* Copy values from the original block (select) */
|
|
$(original)
|
|
.find("select[name='field_value']")
|
|
.each(function () {
|
|
var kohafield = $(this)
|
|
.siblings("input[name='kohafield']")
|
|
.val();
|
|
if (
|
|
$(this).val() &&
|
|
$.inArray(kohafield, dont_copy_fields) == -1
|
|
) {
|
|
$(this)
|
|
.parent("div")
|
|
.attr("id")
|
|
.match(/^(subfield.)/);
|
|
var id = RegExp.$1;
|
|
var value = $(this).val();
|
|
$(clone)
|
|
.find(
|
|
"div[id^='" +
|
|
id +
|
|
"'] select[name='field_value']"
|
|
)
|
|
.val(value);
|
|
}
|
|
});
|
|
|
|
if (typeof callback === "function") {
|
|
var cloneIndex = "itemblock" + random;
|
|
callback(cloneIndex);
|
|
}
|
|
},
|
|
});
|
|
}
|
|
|
|
function clearItemBlock(node) {
|
|
var index = $(node).closest("div").attr("id");
|
|
var block = $("#" + index);
|
|
$(block)
|
|
.find("input[type='text']")
|
|
.each(function () {
|
|
$(this).val("");
|
|
});
|
|
$(block)
|
|
.find("select")
|
|
.each(function () {
|
|
$(this).find("option:first").attr("selected", true);
|
|
});
|
|
}
|
|
|
|
function check_additem(unique_item_fields) {
|
|
var success = true;
|
|
var data = new Object();
|
|
data["field"] = new Array();
|
|
data["value"] = new Array();
|
|
var array_fields = unique_item_fields.split("|");
|
|
$(".order_error").empty(); // Clear error div
|
|
|
|
// Check if a value is duplicated in form
|
|
for (var field in array_fields) {
|
|
var fieldname = array_fields[field];
|
|
if (fieldname == "") {
|
|
continue;
|
|
}
|
|
var values = new Array();
|
|
$("[name='kohafield'][value='items." + fieldname + "']").each(
|
|
function () {
|
|
var input = $(this).prevAll("input[name='field_value']")[0];
|
|
if ($(input).val()) {
|
|
values.push($(input).val());
|
|
data["field"].push(fieldname);
|
|
data["value"].push($(input).val());
|
|
}
|
|
}
|
|
);
|
|
|
|
var sorted_arr = values.sort();
|
|
for (var i = 0; i < sorted_arr.length - 1; i += 1) {
|
|
if (sorted_arr[i + 1] == sorted_arr[i]) {
|
|
$(".order_error").append(
|
|
fieldname +
|
|
" '" +
|
|
sorted_arr[i] +
|
|
"' " +
|
|
__("is duplicated") +
|
|
"<br/>"
|
|
);
|
|
success = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
// If there is a duplication, we raise an error
|
|
if (success == false) {
|
|
$(".order_error").show();
|
|
return false;
|
|
}
|
|
|
|
$.ajax({
|
|
url: "/cgi-bin/koha/acqui/check_uniqueness.pl",
|
|
async: false,
|
|
dataType: "json",
|
|
data: data,
|
|
success: function (data) {
|
|
for (var field in data) {
|
|
success = false;
|
|
for (var i = 0; i < data[field].length; i++) {
|
|
var value = data[field][i];
|
|
$(".order_error").append(
|
|
field +
|
|
" '" +
|
|
value +
|
|
"' " +
|
|
__("already exists in database") +
|
|
"<br />"
|
|
);
|
|
}
|
|
}
|
|
},
|
|
});
|
|
|
|
if (success == false) {
|
|
$(".order_error").show();
|
|
}
|
|
return success;
|
|
}
|