3ec4a02418
Currently, xmlControlfield.js is hard coded to look for XML files for MARC21: url: this.themelang + "/data/marc21_field_" + this.tagfield + ".xml", This patch makes this code use the value from the marcflavour syspref, as a preparation for making the NORMARC value builders use the XML technique employed by the MARC21 value builders for 006 and 008. To test: - Make sure you have a MARC21 installation - Set marcflavour = NORMARC - Go to Cataloguing and start a new record with the default framework - Open the value builders for 006 and 008 and observe that they still work, showing the coded values for MARC21 - Apply this patch - Check the value builders for 006 and 008 and observe that you get a truncated view with an empty "Select a type of material" dropdown - Use e.g. the Net console in Firebug to observe requests to http://localhost/intranet-tmpl/prog/en/data/normarc_field_008.xml that result in a 404 status - Set marcflavour = MARC21 - Observe that the value builders for 006 and 008 are now fully working - 006 and 008 should be the only value builders affected by this change, since they are the only ones using xmlControlfield.js, but please also verify that other value builders are still working as expected Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz> Signed-off-by: Jonathan Druart <jonathan.druart@biblibre.com> Signed-off-by: Galen Charlton <gmc@esilibrary.com>
350 lines
15 KiB
JavaScript
350 lines
15 KiB
JavaScript
|
|
|
|
// Add an option to a select form field
|
|
function add_option(select, text, value, selected)
|
|
{
|
|
var option = document.createElement('option');
|
|
option.text = text;
|
|
option.value = value;
|
|
if (selected) option.selected = true;
|
|
try {
|
|
select.add(option, null);
|
|
}
|
|
catch(ex) {
|
|
select.add(option);
|
|
}
|
|
}//add_option
|
|
|
|
|
|
// Return the value of a parameter from the url
|
|
function returnValueParam(param)
|
|
{
|
|
var params = location.search.substr(1);
|
|
var arr = params.split("&");
|
|
var pattern = param + "=";
|
|
for (var i=0; i < arr.length; i++) {
|
|
if (arr[i].indexOf(pattern) == 0) {
|
|
return unescape(arr[i].substr(pattern.length));
|
|
}
|
|
}
|
|
return "";
|
|
}//returnValueParam
|
|
|
|
|
|
// Return a value from a position on the result string
|
|
function returnValuePosFromResult(result, pos)
|
|
{
|
|
var index;
|
|
if ((index = pos.indexOf("-")) > 0) {
|
|
var ini = parseInt(pos.substring(0, index) ,10);
|
|
var end = parseInt(pos.substr(index + 1) ,10);
|
|
return result.substring(ini, end + 1);
|
|
} else {
|
|
return result.substr(pos, 1);
|
|
}
|
|
}//returnValuePosFromResult
|
|
|
|
|
|
// Build string from form fields
|
|
function returnResultFromValues(form)
|
|
{
|
|
var resultStr = form.result.value;
|
|
var pos;
|
|
var value;
|
|
for (var i=0; i < form.elements.length; i++) {
|
|
var pattern = new RegExp("f[0-9]+(?:[0-9]+)?");
|
|
if (pattern.test(form.elements[i].name)) {
|
|
pos = form.elements[i].name.substr(1);
|
|
value = (pos.indexOf("-") > 0)?form.elements[i].value:form.elements[i].options[form.elements[i].selectedIndex].value;
|
|
resultStr = changePosResult(pos, value, resultStr);
|
|
}
|
|
}
|
|
return resultStr;
|
|
}//returnResultFromValues
|
|
|
|
|
|
// Build/modify result string for a position and a value
|
|
function changePosResult(pos, value, resultStr)
|
|
{
|
|
var index;
|
|
var result = "";
|
|
if ((index = pos.indexOf("-")) > 0) {
|
|
var ini = parseInt(pos.substring(0, index) ,10);
|
|
var end = parseInt(pos.substr(index + 1) ,10);
|
|
var roffset = (1 + end - ini)- value.length;
|
|
if (roffset > 0) for (var i=0; i < roffset; i++) value += " ";
|
|
if (ini == 0)
|
|
result = value + resultStr.substr(end + 1);
|
|
else {
|
|
result = resultStr.substring(0, ini) + value;
|
|
if (end < resultStr.length)
|
|
result += resultStr.substr(end + 1);
|
|
}
|
|
} else {
|
|
var ini = parseInt(pos, 10);
|
|
if (ini == 0)
|
|
result = value + resultStr.substr(1);
|
|
else {
|
|
result = resultStr.substring(0, ini) + value;
|
|
if (ini < resultStr.length)
|
|
result += resultStr.substr(ini + 1);
|
|
}
|
|
}
|
|
result = result.replace(/#/g, " ");
|
|
return result;
|
|
}//changePosResult
|
|
|
|
|
|
// Display the result string on a row of a table indicating positions and coloring them if they are incorrect or they are selected
|
|
function renderResult(tr_result, result)
|
|
{
|
|
if (tr_result) {
|
|
var td;
|
|
if (tr_result.cells.length != result.length) {
|
|
for (var i = tr_result.cells.length - 1; i >= 0; i--)
|
|
tr_result.deleteCell(i);
|
|
for (var i=0; i < result.length; i++) {
|
|
value = result.charAt(i);
|
|
td = tr_result.insertCell(tr_result.cells.length);
|
|
}
|
|
}
|
|
var value;
|
|
var ini = -1;
|
|
var end = -1;
|
|
var args = renderResult.arguments;
|
|
var whiteAllTD = false;
|
|
if (args.length > 2) {
|
|
if (typeof(args[2]) == "boolean") {
|
|
whiteAllTD = args[2];
|
|
} else {
|
|
var index;
|
|
if ((index = args[2].indexOf("-")) > 0) {
|
|
ini = parseInt(args[2].substring(0, index) ,10);
|
|
end = parseInt(args[2].substr(index + 1) ,10);
|
|
} else ini = parseInt(args[2], 10);
|
|
}
|
|
}
|
|
for (var i=0; i < result.length; i++) {
|
|
value = result.charAt(i);
|
|
td = tr_result.cells[i];
|
|
if (td.style.backgroundColor != "yellow" || whiteAllTD) td.style.backgroundColor = "white";
|
|
td.innerHTML = (value == " ")?" ":value;
|
|
td.title = "Pos " + i + ". Value: \"" + value + "\"";
|
|
if (ini >= 0) {
|
|
if (end > 0) {
|
|
if (ini <= i && i <= end) td.style.backgroundColor = "#cccccc";
|
|
} else if (i == ini) td.style.backgroundColor = "#cccccc";
|
|
} else {
|
|
var pos = (i < 10)?'0' + i:i + '';
|
|
var obj;
|
|
if ((obj = document.getElementById('f' + pos)) != null) {
|
|
var found = false;
|
|
for (var j=0; j < obj.options.length && !found; j++)
|
|
if (obj.options[j].value == value) found = true;
|
|
if (!found) {
|
|
td.style.backgroundColor = "yellow";
|
|
td.title = "Pos " + i + ". Incorrect Value: \"" + value + "\"";
|
|
}
|
|
}
|
|
}
|
|
}//for
|
|
}
|
|
}//renderResult
|
|
|
|
|
|
// Change displaying of result in the page
|
|
function changeH4Result(form, h4_result, tr_result, pos, value)
|
|
{
|
|
var resultStr = form.result.value;
|
|
var result = changePosResult(pos, value, resultStr);
|
|
renderResult(tr_result, result, pos);
|
|
h4_result.innerHTML = """ + result + """;
|
|
form.result.value = result;
|
|
}//changeH4Result
|
|
|
|
|
|
|
|
// Class to read the xml and render the type of material
|
|
(function()
|
|
{
|
|
|
|
xmlControlField = function(tagfield, form_id, select, table, h4_result, tr_result, idMaterial, themelang, marcflavour)
|
|
{
|
|
this.tagfield = tagfield;
|
|
this.idMaterial = idMaterial;
|
|
this.form_id = form_id;
|
|
this.form = document.getElementById(form_id);
|
|
this.select = select;
|
|
this.table = table;
|
|
this.h4_result = h4_result;
|
|
this.tr_result = tr_result;
|
|
this.themelang = themelang;
|
|
this.marcflavour = marcflavour.toLowerCase();
|
|
};//xmlControlField
|
|
|
|
|
|
xmlControlField.prototype =
|
|
{
|
|
tagfield: "",
|
|
idMaterial: "",
|
|
root: null,
|
|
form_id: "",
|
|
form: null,
|
|
select: null,
|
|
table: null,
|
|
h4_result: "",
|
|
tr_result: "",
|
|
themelang: "",
|
|
|
|
|
|
setIdMaterial: function(idMaterial)
|
|
{
|
|
this.idMaterial = idMaterial;
|
|
},//setIdMaterial
|
|
|
|
loadXmlValues: function()
|
|
{
|
|
this.xmlDoc = $.ajax({
|
|
type: "GET",
|
|
url: this.themelang + "/data/" + this.marcflavour + "_field_" + this.tagfield + ".xml",
|
|
dataType: "xml",
|
|
async: false
|
|
}).responseXML;
|
|
if (this.xmlDoc) this.renderTemplate();
|
|
$("*").ajaxError(function(evt, request, settings){
|
|
alert(_("AJAX error: receiving data from ") + settings.url);
|
|
});
|
|
},//loadXmlValues
|
|
|
|
|
|
renderTemplate: function()
|
|
{
|
|
this.root = this.xmlDoc.documentElement;
|
|
if (this.root.nodeName == "Tagfield" && this.root.nodeType == 1 && this.root.hasChildNodes()) {
|
|
var tag = this.root.attributes.getNamedItem("tag").nodeValue;
|
|
var nodeMaterial = this.root.getElementsByTagName('Material');
|
|
if (nodeMaterial != null && nodeMaterial.length > 0) {
|
|
if (this.idMaterial == "") this.idMaterial = nodeMaterial[0].attributes.getNamedItem("id").nodeValue;
|
|
this.renderSelectMaterial(nodeMaterial);
|
|
this.renderPositions(nodeMaterial, (this.form.result.value != "")?this.form.result.value:returnValueParam("result"));
|
|
}
|
|
}
|
|
},//renderTemplate
|
|
|
|
|
|
renderSelectMaterial: function(nodeMaterial)
|
|
{
|
|
if (this.select != null && nodeMaterial != null && nodeMaterial.length > 0) {
|
|
if (this.select.options.length <= 1) {
|
|
var id;
|
|
var name;
|
|
var arrSort = new Array();
|
|
var arrEquiv = new Array();
|
|
for (var i=0; i < nodeMaterial.length; i++) {
|
|
id = nodeMaterial[i].attributes.getNamedItem("id").nodeValue;
|
|
name = nodeMaterial[i].getElementsByTagName('name')[0].textContent;
|
|
arrEquiv[id] = i;
|
|
arrSort.push(id);
|
|
}
|
|
arrSort.sort();
|
|
var j;
|
|
for (var i=0; i < arrSort.length; i++) {
|
|
j = arrEquiv[arrSort[i]];
|
|
add_option(this.select, arrSort[i] + " - " + nodeMaterial[j].getElementsByTagName('name')[0].textContent, arrSort[i], (this.idMaterial != "" && arrSort[i] == this.idMaterial)?true:false);
|
|
}
|
|
} else if (this.idMaterial != "") {
|
|
for (var i=0; i < this.select.options.length; i++) {
|
|
if (this.select.options[i].value == this.idMaterial) this.select.options[i].selected = true;
|
|
}
|
|
}
|
|
}
|
|
},//renderSelectMaterial
|
|
|
|
|
|
renderPositions: function(nodeMaterial, result)
|
|
{
|
|
var materialNode;
|
|
try {
|
|
var resultXPath = this.xmlDoc.evaluate("//a:Material[@id='" + this.idMaterial + "']", this.xmlDoc.documentElement, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
|
|
materialNode = resultXPath.singleNodeValue;
|
|
} catch (e) {
|
|
for (var i=0; i < nodeMaterial.length; i++) {
|
|
if (this.idMaterial == nodeMaterial[i].attributes.getNamedItem("id").nodeValue) {
|
|
materialNode = nodeMaterial[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (this.table != null) { // Render table
|
|
var tbody = this.table.tBodies[0];
|
|
// Clean up table
|
|
if (tbody.rows.length > 0)
|
|
for (var i = tbody.rows.length - 1; i >= 1; i--)
|
|
tbody.deleteRow(i);
|
|
// Parse Material node
|
|
if (materialNode != undefined && materialNode != null && materialNode.nodeType == 1 && materialNode.hasChildNodes()) {
|
|
var nodePos = materialNode.firstChild;
|
|
var tr;
|
|
var td;
|
|
var title;
|
|
var pos;
|
|
var value;
|
|
var strInnerHTML = "";
|
|
var selected;
|
|
var index;
|
|
var url;
|
|
var description;
|
|
var name;
|
|
while (nodePos != null) {
|
|
if (nodePos.nodeType == 1 && nodePos.nodeName == "Position") {
|
|
tr = tbody.insertRow(tbody.rows.length);
|
|
td = tr.insertCell(tr.cells.length);
|
|
pos = nodePos.attributes.getNamedItem("pos").nodeValue;
|
|
// description is required by schema
|
|
description = nodePos.getElementsByTagName('description')[0].textContent;
|
|
name = nodePos.getElementsByTagName('name')[0].textContent
|
|
title = ( description != "")?description:name;
|
|
try {
|
|
url = ((nodePos.getAttributeNode("url") || nodePos.hasAttribute("url")) && nodePos.getAttribute("url") != "" && nodePos.getElementsByTagName('urltext')[0].textContent != "")?" <a href='" + nodePos.attributes.getNamedItem("url").nodeValue + "' target='_blank'>" + nodePos.getElementsByTagName('urltext')[0].textContent + "</a>":"";
|
|
} catch (e) { url = "";}
|
|
td.innerHTML = "<label for='" + pos + "' title='" + title + "'>" + pos + " - " + name + url + "</label>";
|
|
td = tr.insertCell(tr.cells.length);
|
|
value = returnValuePosFromResult(result, pos);
|
|
if ((index = pos.indexOf("-")) > 0) { // Position interval
|
|
var ini = parseInt(pos.substring(0, index) ,10);
|
|
var end = parseInt(pos.substr(index + 1) ,10);
|
|
value = value.replace(/ /g, "#");
|
|
strInnerHTML = "<input type='text' name='f" + pos + "' id='f" + pos + "' value='" + value + "' size='" + (1 + end - ini) + "' maxlength='" + (1 + end - ini) + "' onkeyup='this.value = this.value.replace(/ /g, \"#\"); changeH4Result(document.getElementById(\"" + this.form_id + "\"), document.getElementById(\"" + this.h4_result + "\"), document.getElementById(\"" + this.tr_result + "\"), \"" + pos + "\", this.value)' onfocus='changeH4Result(document.getElementById(\"" + this.form_id + "\"), document.getElementById(\"" + this.h4_result + "\"), document.getElementById(\"" + this.tr_result + "\"), \"" + pos + "\", this.value)' />";
|
|
} else {
|
|
strInnerHTML = "<select name='f" + pos + "' id='f" + pos + "' style='width:400px' onchange='changeH4Result(document.getElementById(\"" + this.form_id + "\"), document.getElementById(\"" + this.h4_result + "\"), document.getElementById(\"" + this.tr_result + "\"), \"" + pos + "\", this.options[this.selectedIndex].value)' onfocus='changeH4Result(document.getElementById(\"" + this.form_id + "\"), document.getElementById(\"" + this.h4_result + "\"), document.getElementById(\"" + this.tr_result + "\"), \"" + pos + "\", this.options[this.selectedIndex].value)'>";
|
|
value = value.replace("#", " ");
|
|
if (nodePos.getElementsByTagName("Value").length != 0) {
|
|
var nodeValue = nodePos.firstChild;
|
|
while (nodeValue != null) {
|
|
if (nodeValue.nodeType == 1 && nodeValue.nodeName == "Value" && nodeValue.hasChildNodes()) {
|
|
var code = nodeValue.attributes.getNamedItem("code").nodeValue;
|
|
description = nodeValue.getElementsByTagName('description')[0].textContent;
|
|
var valNode = code;
|
|
valNode = valNode.replace("#", " ");
|
|
selected = (value == valNode)?"selected='selected'":"";
|
|
strInnerHTML += "<option value='" + valNode + "' " + selected + ">" + code + " - " + description + "</option>";
|
|
}
|
|
nodeValue = nodeValue.nextSibling;
|
|
}
|
|
} else {
|
|
strInnerHTML += "<option value=' ' " + ((value == " ")?"selected='selected'":"") + "># - " + title + "</option>";
|
|
strInnerHTML += "<option value='|' " + ((value == "|")?"selected='selected'":"") + ">| - " + title + "</option>";
|
|
}
|
|
strInnerHTML += "</select>";
|
|
}
|
|
td.innerHTML = strInnerHTML;
|
|
}
|
|
nodePos = nodePos.nextSibling;
|
|
}
|
|
}
|
|
}
|
|
}//renderPositions
|
|
};
|
|
|
|
})();
|
|
|