bibedit_display.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Wed, Oct 2, 10:25

bibedit_display.js
View Options

	/*
	* This file is part of Invenio.
	* Copyright (C) 2002, 2003, 2004, 2005, 2006, 2007, 2008 2009 CERN.
	*
	* Invenio is free software; you can redistribute it and/or
	* modify it under the terms of the GNU General Public License as
	* published by the Free Software Foundation; either version 2 of the
	* License, or (at your option) any later version.
	*
	* Invenio is distributed in the hope that it will be useful, but
	* WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
	* General Public License for more details.
	*
	* You should have received a copy of the GNU General Public License
	* along with Invenio; if not, write to the Free Software Foundation, Inc.,
	* 59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
	*/

	/*
	* This is the BibEdit Javascript for generation of webpage elements and HTML.
	*/

	function displayRecord(){
	/*
	* Create the main content table.
	*/
	var table = '' +
	'<table id="bibEditTable">' +
	'<col span="1" class="bibEditColFieldBox"/>' +
	'<col span="1" id="bibEditColFieldTag"/>' +
	'<col span="1" class="bibEditColFieldBox" />' +
	'<col span="1" id="bibEditColSubfieldTag" />' +
	'<col span="1" />' +
	'<col span="1" id="bibEditColSubfieldAdd" />' +
	// Create a dummy row to hack layout in like FF..
	'<tbody style="border: 0px;">' +
	'<tr>' +
	'<td style="padding: 0px; max-width: 14px;"></td>' +
	'<td style="padding: 0px; max-width: 100px;"></td>' +
	'<td style="padding: 0px; max-width: 14px;"></td>' +
	'<td style="padding: 0px; max-width: 80px;"></td>' +
	'<td style="padding: 0px"></td>' +
	'<td style="padding: 0px; max-width: 16px;"></td>' +
	'</tr>' +
	'</tbody>';
	var tags = getTagsSorted(), tag, fields;
	// For each controlfield, create row.
	for (var i=0, n=tags.length; i<n; i++){
	tag = tags[i];
	// If not controlfield, move on.
	if (!validMARC.reControlTag.test(tag))
	break;
	fields = gRecord[tag];
	for (var j=0, m=fields.length; j<m; j++)
	table += createControlField(tag, fields[j], j);
	}
	// For each instance of each field, create row(s).
	for (n=tags.length; i<n; i++){
	tag = tags[i];
	fields = gRecord[tag];
	for (var j=0, m=fields.length; j<m; j++){
	table += createField(tag, fields[j], j);
	}
	}
	// Close and display table.
	table += '</table>';
	$('#bibEditContent').append(table);
	// now displaying the remaining controls
	for (changeNr in gHoldingPenChanges){
	addChangeControl(changeNr, false);
	}
	colorFields();
	}

	function createControlField(tag, field, fieldPosition){
	/*
	* Create control field row.
	*/
	var fieldID = tag + '_' + fieldPosition;
	var cellContentClass = 'class="bibEditCellContentProtected" ';
	if (!fieldIsProtected(tag))
	cellContentClass = '';

	return '' +
	'<tbody id="rowGroup_' + fieldID + '">' +
	'<tr id="row_' + fieldID + '" >' +
	'<td class="bibEditCellField">' +
	input('checkbox', 'boxField_' + fieldID, 'bibEditBoxField',
	{onclick: 'onFieldBoxClick(this)', tabindex: -1}) +
	'</td>' +
	'<td id="fieldTag_' + fieldID + '" class="bibEditCellFieldTag">' +
	getFieldTag(tag) +
	'</td>' +
	'<td></td>' +
	'<td></td>' +
	'<td id="content_' + fieldID + '" ' + cellContentClass +
	'colspan="2" tabindex="0">' + escapeHTML(field[3]) +
	'</td>' +
	'</tr>' +
	'</tbody>';
	}

	function createField(tag, field, fieldPosition){
	/*
	* Create field row(s).
	*/
	var subfields = field[0], ind1 = field[1], ind2 = field[2];
	var fieldID = tag + '_' + fieldPosition;
	ind1 = (ind1 != ' ' && ind1 != '') ? ind1 : '_';
	ind2 = (ind2 != ' ' && ind2 != '') ? ind2 : '_';
	var protectedField = fieldIsProtected(tag + ind1 + ind2);
	var subfieldsLength = subfields.length;
	var result = '<tbody ' + 'id="rowGroup_' + fieldID + '">';
	for (var i=0, n=subfields.length; i<n; i++){
	var subfield = subfields[i];
	result += createRow(tag, ind1, ind2, subfield[0], escapeHTML(subfield[1]),
	fieldID, i, subfieldsLength, protectedField);
	}
	return result + '</tbody>';
	}

	function createRow(tag, ind1, ind2, subfieldCode, subfieldValue, fieldID,
	subfieldIndex, subfieldsLength, protectedField){
	/*
	* Create single row (not controlfield).
	*/
	var MARC = tag + ind1 + ind2 + subfieldCode;
	var protectedSubfield = (protectedField) ? true : fieldIsProtected(MARC);
	var subfieldID = fieldID + '_' + subfieldIndex;
	var boxField = '', cellFieldTagAttrs = 'class="bibEditCellField"',
	fieldTagToPrint = '',
	cellContentClass = 'bibEditCellContentProtected',
	cellContentTitle='',
	cellContentOnClick = '';
	var autosuggestkeypress = "";
	var autosuggest = false;
	var autocomplete = false;
	var autokeyword = false;
	for (var i=0;i<gAUTOSUGGEST_TAGS.length;i++) { if (MARC == gAUTOSUGGEST_TAGS[i]) { autosuggest = true; }}
	for (var i=0;i<gAUTOCOMPLETE_TAGS.length;i++) { if (MARC == gAUTOCOMPLETE_TAGS[i]) { autocomplete = true; }}
	if (MARC == gKEYWORD_TAG) { autokeyword = true; }
	if (!protectedField){
	// Enable features for unprotected fields.
	if (!protectedSubfield){
	cellContentClass = 'bibEditCellContent';
	cellContentTitle = 'title="Click to edit" ';
	if (autosuggest \|\| autokeyword) {
	cellContentTitle = 'title="Click to edit (suggest values: ctrl-shift-a or ctrl-9) " ';
	}
	if (autocomplete) {
	cellContentTitle = 'title="Click to edit (complete values: ctrl-shift-a or ctrl-9) " ';
	}
	cellContentOnClick = 'onclick="onContentClick(this)" ';
	}
	}
	cellContentAdditionalClass = "";
	if (subfieldValue.substring(0,9) == "VOLATILE:"){
	subfieldValue = subfieldValue.substring(9);
	cellContentAdditionalClass += " bibEditVolatileSubfield";
	}
	var boxSubfield = input('checkbox', 'boxSubfield_' + subfieldID,
	'bibEditBoxSubfield', {onclick: 'onSubfieldBoxClick(this)', tabindex: -1});
	var subfieldTagToPrint = getSubfieldTag(MARC);
	var btnAddSubfield = '';
	// If first subfield, add tag and selection box, remove up arrow.
	if (subfieldIndex == 0){
	boxField = input('checkbox', 'boxField_' + fieldID, 'bibEditBoxField',
	{onclick: 'onFieldBoxClick(this)', tabindex: -1});
	cellFieldTagAttrs = 'id="fieldTag_' + fieldID +
	'" class="bibEditCellFieldTag"';
	fieldTagToPrint = getFieldTag(MARC);
	}
	// If last subfield, remove down arrow, add 'Add subfield' button.
	if (subfieldIndex == subfieldsLength - 1){
	if (!protectedField)
	btnAddSubfield = img('/img/add.png', 'btnAddSubfield_' + fieldID, '',
	{title: 'Add subfield', onclick: 'onAddSubfieldsClick(this)'});
	}
	myelement = '' +
	'<tr id="row_' + subfieldID + '">' +
	'<td class="bibEditCellField">' + boxField + '</td>' +
	'<td ' + cellFieldTagAttrs + '>' + fieldTagToPrint + '</td>' +
	'<td class="bibEditCellSubfield">' + boxSubfield + '</td>' +
	'<td id="subfieldTag_' + subfieldID +
	'" class="bibEditCellSubfieldTag">' +
	subfieldTagToPrint +
	'</td>' +
	'<td id="content_' + subfieldID + '" class="' + cellContentClass + cellContentAdditionalClass+ '" ' +
	cellContentTitle + autosuggestkeypress + cellContentOnClick + 'tabindex="0">' +
	subfieldValue +
	'</td>' +
	'<td class="bibEditCellAddSubfields">' + btnAddSubfield + '</td>' +
	'</tr>';
	/add a place where the autosuggest box goes, if needed/
	if (autosuggest \|\| autokeyword) {
	myelement = myelement +
	'<tr><td></td><td></td><td></td><td></td><td tabindex="0" id="autosuggest_' + subfieldID + '">' + '<td></td></td></tr>';
	}
	return myelement;
	}

	function redrawFields(tag, skipAddFileds){
	/*
	* Redraw all fields for a given tag.
	* skipAddFileds - forces to skip drawing the controls corresponding to the
	* change of adding a field
	*
	* WARNING: if we have added two (or more) fields with completely new tags a, b
	* where a > b in the lexicographical order, redrawFields(b) has to be executed before
	* redrawFields(a)
	*/
	var rowGroup = $('#rowGroup_' + tag + '_0'), prevRowGroup;
	if (rowGroup.length){
	// Remove the fields from view.
	prevRowGroup = rowGroup.prev();
	prevRowGroup.nextAll('[id^=rowGroup_' + tag + ']').remove();
	}
	else{
	// New tag. Determine previous sibling.
	var prevTag = getPreviousTag(tag);
	var lastIndex = gRecord[prevTag].length - 1;
	prevRowGroup = $('#rowGroup_' + prevTag + '_' + lastIndex);
	}

	// Redraw all fields and append to table.
	if (gRecord[tag]){
	var fields = gRecord[tag];
	var result = '', i, n;
	if (validMARC.reControlTag.test(tag)){
	for (i=0, n=fields.length; i<n; i++)
	result += createControlField(tag, fields[i], i);
	}
	else{
	for (i=0, n=fields.length; i<n; i++)
	result += createField(tag, fields[i], i);
	}
	prevRowGroup.after(result);
	}

	// Now redraw all the Holding Pen changes connected controls

	for (changeNr in gHoldingPenChanges){
	if (gHoldingPenChanges[changeNr]["tag"] == tag){
	addChangeControl(changeNr, skipAddFileds);
	}
	}
	}
	/// The Holding Pen changes connected functions

	/// rendering the field content
	function removeAddFieldControl(changeNo){
	/** A function removing the interface element associated with the Add Field
	Holding Pen change

	Arguments:
	changeNo: a number of the change, the control is associated with
	*/
	$("#changeBox_" + changeNo).remove();
	}

	/// generating the changes controls


	function getApplyChangeButton(functionName, changeNo){
	/*Returning the HTML code of the Apply change button
	* functionName - the name of the function called when the button is clicked
	* The function has to take one argument being the number of the
	* change
	* changeNo - the number of the change the button is associated with
	*/

	return "<button onClick=\"return " + functionName + "(" + changeNo + ");\"><img src=\"/img/wsignout.gif\"></img></button>";
	}

	function getRejectChangeButton(changeNo){
	/The button allowing to reject the change - and remove the control from the user interface/
	result = "<button onClick=\"onRejectChangeClicked(" +
	changeNo + ");\"><img src=\"/img/iconcross2.gif\"></img></button>";
	return result;
	}

	function getAddInsteadOfChangeButton(functionName, changeNo){
	/The button allowing to reject the change - and remove the control from the user interface/
	result = "<button onClick=\"" + functionName + "(" +
	changeNo + ");\"><img src=\"/img/plus_orange.png\"></img></button>";
	return result;
	}

	function addSubfieldChangedControl(changeNo){
	fieldId = gHoldingPenChanges[changeNo]["tag"];
	fieldPos = gHoldingPenChanges[changeNo]["field_position"];
	sfPos = gHoldingPenChanges[changeNo]["subfield_position"];
	content = gHoldingPenChanges[changeNo]["subfield_content"];

	applyButton = getApplyChangeButton("applySubfieldChanged", changeNo);
	rejectButton = getRejectChangeButton(changeNo);
	addButton = getAddInsteadOfChangeButton("applyFieldAdded", changeNo); // apply the change as if it was adding the subfield ( the data is the same)

	/adds a control allowing to change the subfield content/

	newel = "<div class=\"bibeditHPCorrection\"><span> New value: " + content +
	"</span>  " +
	applyButton +
	rejectButton +
	addButton +
	"</div>";

	$("#content_" + fieldId + "_" + fieldPos + "_" + sfPos).append(newel);
	}

	function addSubfieldAddedControl(changeNo){
	/adds a control allowing to add a new subfield using the holding pen/

	fieldId = gHoldingPenChanges[changeNo].tag;
	fieldPos = gHoldingPenChanges[changeNo].field_position;
	subfieldCode = gHoldingPenChanges[changeNo].subfield_code;
	subfieldContent = gHoldingPenChanges[changeNo].subfield_content;

	applyButton = getApplyChangeButton("applySubfieldAdded", changeNo);
	rejectButton = getRejectChangeButton(changeNo);

	subfieldPreview = "$$" + subfieldCode + "   " + subfieldContent;
	newel = "<tr><td></td><td></td><td></td><td></td><td>" +
	"<div class=\"bibeditHPCorrection\"><span>Subfield added: " + subfieldPreview + "</span>" +
	"<div>" + applyButton + rejectButton +"</div></div></td><td></td></tr>";

	$("#rowGroup_" + fieldId + "_" + fieldPos).append(newel);
	}

	function addSubfieldRemovedControl(changeNo){
	/adds a control allowing to apply the change of removing the subfield /
	fieldId = gHoldingPenChanges[changeNo]["tag"];
	fieldPos = gHoldingPenChanges[changeNo]["field_position"];
	sfPos = gHoldingPenChanges[changeNo]["subfield_position"];

	applyButton = getApplyChangeButton("applySubfieldRemoved", changeNo);
	rejectButton = getRejectChangeButton(changeNo);

	newel = "<div class=\"bibeditHPCorrection\"><span> The subfield has been removed " +
	"</span>" + applyButton + rejectButton + "</div>";
	$("#content_" + fieldId + "_" + fieldPos + "_" + sfPos).append(newel);
	}

	function addFieldRemovedControl(changeNo){
	/adds a control allowing the change of removing the Field/

	fieldId = gHoldingPenChanges[changeNo]["tag"];
	fieldPos = gHoldingPenChanges[changeNo]["field_position"];

	applyButton = getApplyChangeButton("applyFieldRemoved", changeNo);
	rejectButton = getRejectChangeButton(changeNo);

	newel = "<tr><td></td><td></td><td></td><td></td><td><div class=\"bibeditHPCorrection\">Field has been removed in the Holding Pen. " +
	applyButton + rejectButton +
	"</div></td><td></td></tr>";

	$("#rowGroup_" + fieldId + "_" + fieldPos).append(newel);
	}

	function addFieldChangedControl(changeNo){
	/adds a control allowing the change of removing the Field/

	fieldId = gHoldingPenChanges[changeNo]["tag"];
	indicators = gHoldingPenChanges[changeNo]["indicators"];
	fieldPos = gHoldingPenChanges[changeNo]["field_position"];
	fieldContent = gHoldingPenChanges[changeNo]["field_content"];

	applyButton = getApplyChangeButton("applyFieldChanged", changeNo);
	rejectButton = getRejectChangeButton(changeNo);
	addButton = getAddInsteadOfChangeButton("applyFieldAdded", changeNo);

	fieldPreview = createFieldPreview(fieldId, indicators, fieldContent);

	newel = "<tr><td></td><td></td><td></td><td></td><td><div class=\"bibeditHPCorrection\">Field structure has changed. New value: " +
	fieldPreview + "<br>" + applyButton + rejectButton + addButton +
	"</div></td><td></td></tr>";

	$("#rowGroup_" + fieldId + "_" + fieldPos).append(newel);
	}


	function addFieldAddedControl(changeNo){
	/adds a control allowing the change of adding the Field/

	fieldId = gHoldingPenChanges[changeNo]["tag"];
	indicators = gHoldingPenChanges[changeNo]["indicators"];
	field = gHoldingPenChanges[changeNo]["field_content"];
	fieldContent = createFieldPreview(fieldId, indicators, field);
	//fieldContent = returnASummaryOfTheField(fieldId, field);
	applyButton = getApplyChangeButton("applyFieldAdded", changeNo);
	rejectButton = getRejectChangeButton(changeNo);

	content = "<div class=\"bibeditHPCorrection\" id=\"changeBox_" + changeNo + "\">" +
	"<div>A field has been added in the Holding Pen entry </div> " +
	"<div>" + fieldContent + "</div>" +
	"<div>" +
	applyButton + rejectButton +
	"</div></div>";

	$('#bibEditContent').append(content);
	}

	function removeAllChangeControls(){
	/** Removing all the change controls from the interface
	*/
	$(".bibeditHPCorrection").remove();
	}

	function addChangeControl(changeNum, skipAddedField){
	/** creates a web controls responsible for applying a particular change
	changeNum is the number of the change - it is the same as the index
	in gHoldingPenChanges global array */

	if (gHoldingPenChanges[changeNum].applied_change === true){
	return;
	}
	changeType = gHoldingPenChanges[changeNum]["change_type"];
	if ( changeType == "field_added" && skipAddedField != true){
	addFieldAddedControl(changeNum);
	}
	if ( changeType == "subfield_changed"){
	addSubfieldChangedControl(changeNum);
	}
	if ( changeType == "subfield_removed"){
	addSubfieldRemovedControl(changeNum);
	}
	if ( changeType == "subfield_added"){
	addSubfieldAddedControl(changeNum);
	}
	if ( changeType == "field_removed"){
	addFieldRemovedControl(changeNum);
	}
	if ( changeType == "field_changed"){
	addFieldChangedControl(changeNum);
	}
	}

	/// the functions for creating the previews

	function createFieldPreviewCore(tag, indicators, subfields){
	/** A function creating a HTML preview of the record part */

	headerData = tag + indicators + "   ";
	var result = "";

	for (subfield in subfields){
	result += "<tr><td>"
	+ headerData
	+ "</td><td>$$"
	+ subfields[subfield][0]
	+ "   </td><td>"
	+ subfields[subfield][1]
	+ "</td></tr>";
	headerData = "";
	}
	return result;
	}

	function createFieldPreview(tag, indicators, subfields){
	/** Creating a preview of a single field*/
	return "<table>" + createFieldPreviewCore(tag, indicators, subfields) + "</table>";
	}

	function createRecordPreview(recordData){
	/*A function creating a preview of the record/

	// 1) sorting Tags
	unsortedTags = [];
	for (tag in recordData){
	unsortedTags.push(tag);
	}
	tags = unsortedTags.sort();

	result = "<table>";
	for (tagIndex in tags){
	tag = tags[tagIndex];
	// now we have to sort the fields by the indicators
	unsortedIndicators = [];
	indicatorLists = {};

	for (field in recordData[tag]){
	indicators = (recordData[tag][field][1] == ' ' ? '_' : recordData[tag][field][1] ) +
	(recordData[tag][field][2] == ' ' ? '_' : recordData[tag][field][2] );
	if (indicatorLists[indicators] == undefined){
	indicatorLists[indicators] = [];
	unsortedIndicators.push(indicators);
	}
	indicatorLists[indicators].push(field);
	}
	sortedIndicators = unsortedIndicators.sort();

	// traversing all the fields in previously indicated order

	for (indicatorsInd in sortedIndicators){
	indicators = sortedIndicators[indicatorsInd];
	for (fieldInd in indicatorLists[indicators]){
	field = indicatorLists[indicators][fieldInd];
	result += createFieldPreviewCore(tag, indicators, recordData[tag][field][0]);
	}
	}
	}
	result += "</table>";
	return result;
	}

	/// the entries on the left, in the panel

	function createHoldingPenChangePreview(record){
	/** A function creating the content
	*
	* Parameters:
	* record - A content of the record that should be previewed
	*/

	return createRecordPreview(record)
	+ "<br><button onClick=\"onToggleDetailsVisibility(" + changesetNumber + ");\">Hide preview</button>";
	}

	function createHoldingPenPanelEntry(changesetNumber, changesetDatetime){
	/**
	* A function creating the panel entry describing one changeset
	* Parameters:
	*
	* changesetNumber - the internal changeset number ( from the Holding Pen )
	* changesetDatetime - the data of harvesting the changeset
	*
	* Returns: The HTML code of the control
	*/

	manipulationControlsSection = //"<div class=\"bibeditHPEntryControlsPanel\">" +
	button("<img src=\"/img/add.png\">",
	id = ("bibeditHPApplyChange" + changesetNumber),
	_class = "bibeditHPControl",
	attrs = {
	"onClick" :
	("return holdingPenPanelApplyChangeSet("+ changesetNumber + ");")
	}) +
	button("<img src=\"/img/delete.png\">",
	id = ("bibeditHPRemoveChange" + changesetNumber),
	_class = "bibeditHPControl",
	attrs = {
	"onClick" :
	("return holdingPenPanelRemoveChangeSet("+ changesetNumber + ");")
	});
	//"</div>";

	numberSection = "<div class=\"bibeditHPEntryNumber\">No" + changesetNumber + "</div>";

	datetimeSection = "<div class=\"bibeditHPEntryDateSection\">" + changesetDatetime + "</div>";

	previewOpener = "<div id=\"holdingPenToggleDetailsVisibility_" + changesetNumber +
	"\" onClick=\"onToggleDetailsVisibility(" + changesetNumber +
	");\" class=\"bibeditHPDetailsOpener\">+</div>";

	previewLayer = "<div class=\"bibeditHPContentPreviewBox bibeditHPHiddenElement\" id=\"holdingPenPreview_" + changesetNumber + "\">" +
	"Loading... <br>" +
	"<br><button onClick=\"onToggleDetailsVisibility(" + changesetNumber + ");\">Hide preview</button></div>"; // a toggle button ;

	previewSection = previewOpener + previewLayer

	result = "<div class=\"bibeditHPPanelEntry\" id=\"bibeditHoldingPenPanelEntry_" + changesetNumber + "\">" +
	"<div class=\"bibeditHPEntryCol1\">" +
	"<div class=\"bibeditHPEntryRow1\">" + numberSection + previewSection + "</div>" +
	"<div class=\"bibeditHPEntryRow2\">" + datetimeSection + "</div>" +
	"</div><div class=\"bibeditHPEntryCol2\">"+ manipulationControlsSection + "</div>" +
	"</div>";

	return result;
	//informationsSection = "<div class=\"bibeditHPInformationsSection\">" + numberSection + previewSection + datetimeSection + "</div>";

	//return "<div class=\"bibeditHPPanelEntry\" id=\"bibeditHoldingPenPanelEntry_" +
	// changesetNumber + "\">" + informationsSection + manipulationControlsSection + "</div>";
	}

	function createGeneralControlsPanel(){
	/** Generating a panel that allows to perform global operations on the previewed changes*/
	result = "<div id=\"bibeditHoldingPenGC\">";
	result += "<button onClick=\"onAcceptAllChanges();\">Apply all the changes</button>";
	result += "<button onClick=\"onRejectAllChanges();\"> Reject all the changes</button>";
	result += "</div>";

	return result;
	}

	/// end of the Holding Pen Connected functions

	function createAddFieldForm(fieldTmpNo, fieldTemplateNo){
	/*
	* Create an 'Add field' form.
	* fieldTmpNo - temporary field number
	* fieldTemplateNo - a number of template that should be selected by default
	*/

	fieldTemplatesData = []
	for (templatePos in fieldTemplates){
	fieldTemplatesData.push({"value" : templatePos , "description": fieldTemplates[templatePos].name});
	}

	return '' +
	'<tbody id="rowGroupAddField_' + fieldTmpNo + '">' +
	'<tr>' +
	'<td></td>' +
	'<td><b>New</b></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td><div class="bibEditAddFieldManipulationsBar"><div class="bibEditAddFieldFormSelectTemplate">Add field: ' +
	select('selectAddFieldTemplate_' + fieldTmpNo, fieldTemplatesData, fieldTemplateNo) +
	'</div><div class="bibEditAddFieldFormCreateSimilar"> Add ' +
	input('text', 'selectAddFieldTemplateTimes_' + fieldTmpNo, "addFieldAddSimilarInput", {"maxlength" : 4, "size": 1}) +
	button('similar', 'selectAddSimilarFields_' + fieldTmpNo, "", {}) +
	'</div></div></td>' +
	'<td>' +
	img('/img/add.png', 'btnAddFieldAddSubfield_' + fieldTmpNo, '', {
	title: 'Add subfield'}) +
	'</td>' +
	'</tr>' +
	createAddFieldRow(fieldTmpNo, 0) +
	// adding a row used to insert at the end without repositioning the tag and indicators
	'<tr>' +
	'<td></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td>' +
	'</td>' +
	'<td></td>' +
	'</tr>' +
	'</tbody>';
	}

	function createAddFieldRow(fieldTmpNo, subfieldTmpNo, defaultCode, defaultValue){
	/*
	* Create a row in the 'Add field' form.
	* optional parameters:
	* defaultCode - the subfield code displayed by default
	* defaultValue - the subfield value displayed by default
	*/
	var fieldCode = "";
	var fieldValue = "";
	if (defaultCode != undefined && defaultCode != " "){
	fieldCode = defaultCode;
	}
	if (defaultValue != undefined && defaultValue != " "){
	fieldValue = defaultValue;
	}

	var isVolatile = (defaultValue != undefined && defaultValue.substring(0, 9) == "VOLATILE:");
	var additionalClass = "";
	if (isVolatile){
	additionalClass = " bibEditVolatileSubfield";
	fieldValue = fieldValue.substring(9);
	}

	var txtAddFieldTag = '', txtAddFieldInd1 = '', txtAddFieldInd2 = '',
	btnAddFieldRemove = '';
	if (subfieldTmpNo == 0){
	txtAddFieldTag = input('text', 'txtAddFieldTag_' + fieldTmpNo,
	'bibEditTxtTag', {maxlength: 3});
	txtAddFieldInd1 = input('text', 'txtAddFieldInd1_' + fieldTmpNo,
	'bibEditTxtInd', {maxlength: 1});
	txtAddFieldInd2 = input('text', 'txtAddFieldInd2_' + fieldTmpNo,
	'bibEditTxtInd', {maxlength: 1});
	}
	else
	btnAddFieldRemove = img('/img/delete.png', 'btnAddFieldRemove_' +
	fieldTmpNo + '_' + subfieldTmpNo, '', {title: 'Remove subfield'});
	return '' +
	'<tr id="rowAddField_' + fieldTmpNo + '_' + subfieldTmpNo + '">' +
	'<td></td>' +
	'<td>' +
	txtAddFieldTag + txtAddFieldInd1 + txtAddFieldInd2 +
	'</td>' +
	'<td></td>' +
	'<td class="bibEditCellAddSubfieldCode">' +
	input('text', 'txtAddFieldSubfieldCode_' + fieldTmpNo + '_' +
	subfieldTmpNo, 'bibEditTxtSubfieldCode', {maxlength: 1, value: fieldCode}) +
	'</td>' +
	'<td>' +
	input('text', 'txtAddFieldValue_' + fieldTmpNo + '_' +
	subfieldTmpNo, 'bibEditTxtValue' + additionalClass, {value : fieldValue}) +
	'</td>' +
	'<td>' + btnAddFieldRemove + '</td>' +
	'</tr>';
	}

	function createAddSubfieldsForm(fieldID, defSubCode, defValue){
	/*
	* Create an 'Add subfields' form.
	*/
	return '' +
	createAddSubfieldsRow(fieldID, 0, defSubCode, defValue) +
	'<tr id="rowAddSubfieldsControls_' + fieldID + '">' +
	'<td></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td>' +
	'</td>' +
	'<td></td>' +
	'</tr>';
	}

	function createAddSubfieldsRow(fieldID, subfieldTmpNo, defSubCode, defValue){
	/*
	* Create a row in the 'Add subfields' form.
	*/
	var subfieldID = fieldID + '_' + subfieldTmpNo;
	var btnRemove = (subfieldTmpNo == 0) ? '' : img('/img/delete.png',
	'btnAddSubfieldsRemove_' + subfieldID, '', {title: 'Remove subfield'});
	return '' +
	'<tr id="rowAddSubfields_' + subfieldID + '">' +
	'<td></td>' +
	'<td></td>' +
	'<td></td>' +
	'<td class="bibEditCellAddSubfieldCode">' +
	input('text', 'txtAddSubfieldsCode_' + subfieldID,
	'bibEditTxtSubfieldCode', {maxlength: 1}, defSubCode) +
	'</td>' +
	'<td>' +
	input('text', 'txtAddSubfieldsValue_' + subfieldID, 'bibEditTxtValue', {}, defValue) +
	'</td>' +
	'<td>' + btnRemove + '</td>' +
	'</tr>';
	}

	function displayMessage(msgCode, keepContent, args){
	/*
	* Display message in the main work area. Messages codes returned from the
	* server (positive integers) are as specified in the BibEdit configuration.
	*/
	var msg;
	switch (msgCode){
	case -1:
	msg = 'Search term did not match any records.';
	break;
	case 0:
	msg = 'A server error has occured. Please contact your system ' +
	'administrator.<br />' +
	'Error code: <b>' + msgCode + '</b>';
	break;
	case 4:
	msg = 'Your modifications have now been submitted. ' +
	'They will be processed as soon as the task queue is empty.';
	break;
	case 6:
	msg = 'The record will be deleted as soon as the task queue is empty.';
	break;
	case 101:
	msg = 'Could not access record. Permission denied.';
	break;
	case 102:
	msg = 'This record does not exist. Please try another record ID.';
	break;
	case 103:
	msg = 'Cannot edit deleted record.';
	break;
	case 104:
	msg = 'This record is currently being edited by another user. Please ' +
	'try again later.';
	break;
	case 105:
	msg = 'This record cannot be safely edited at the moment. Please ' +
	'try again in a few minutes.';
	break;
	case 106:
	msg = 'A server error has occured. You may have lost your changes to ' +
	'this record.<br />' +
	'Error code: <b>' + msgCode + '</b> (missing cache file)';
	break;
	case 107:
	msg = 'It appears that you have opened this record in another editor, ' +
	'perhaps in a different window or on a different computer. A record ' +
	'can only be edited in one place at the time.<br />' +
	'Do you want to ' +
	'<b><a href="#"id="lnkGetRecord">reopen the record</a></b> here?';
	break;
	case 108:
	msg = 'Could not find record template file. Please notify your system ' +
	'administrator.';
	break;
	case 109:
	msg = 'The record template file is invalid. Please notify your system ' +
	'administrator';
	break;
	case 110:
	msg = 'The record contains invalid content. Remove the invalid content ' +
	'and resubmit the record.<br />' +
	'Errors: <b>' + args[0] + '</b><br /><br />';
	break;
	case 111:
	msg = 'Internal error. Cache file format is incorrect. Try to open the record again';
	break;
	default:
	msg = 'Result code: <b>' + msgCode + '</b>';
	}
	if (!keepContent)
	$('#bibEditContent').html('<div id="bibEditMessage">' + msg + '</div>');
	else
	$('#bibEditContent').prepend('<div id="bibEditMessage">' + msg + '</div>');
	}

	function displayNewRecordScreen(){
	/*
	* Display options for creating a new record: An empty record or a template
	* selected from a list of templates.
	*/
	var msg = '<ul><li style="padding-bottom: 20px;">' +
	'<a href="#" id="lnkNewEmptyRecord"><b>Empty record</b></a></li>' +
	'<li style="padding-bottom: 10px;">Use record template:' +
	'<table>';
	var templatesCount = gRECORD_TEMPLATES.length;
	if (!templatesCount)
	msg += '<tr><td style="padding-left: 10px;">No record templates found' +
	'</td></tr>';
	else{
	for (var i=0, n=templatesCount; i<n; i++)
	msg += '<tr style="border-width: 1px;">' +
	'<td style="padding-left: 10px; padding-right: 10px;">' +
	'<a href="#" id="lnkNewTemplateRecord_' + i + '"><b>' +
	gRECORD_TEMPLATES[i][1] + '</b></a></td>' +
	'<td style="padding-left: 10px; padding-right: 10px;">' +
	'<td>' + gRECORD_TEMPLATES[i][2] + '</td></tr>';
	}
	msg += '</table></li>';
	$('#bibEditContent').html(msg);
	}

	function displayCacheOutdatedScreen(requestType){
	/*
	* Display options to resolve the outdated cache scenario (DB record updated
	* during editing). Options differ depending on wether the situation was
	* discovered when fetching or when submitting the record.
	*/
	$('#bibEditMessage').remove();
	var recordURL = gSITE_URL + '/record/' + gRecID + '/';
	var viewMARCURL = recordURL + '?of=hm';
	var viewMARCXMLURL = recordURL + '?of=xm';
	var msg = '';
	if (requestType == 'submit')
	msg = 'Someone has changed this record while you were editing. ' +
	'You can:<br /><ul>' +
	'<li>View (<b><a href="' + recordURL + '" target="_blank">HTML</a></b>,' +
	' <b><a href="' + viewMARCURL + '" target="_blank">MARC</a></b>,' +
	' <b><a href="' + viewMARCXMLURL + '" target="_blank">MARCXML</a></b>' +
	') the latest version</li>' +
	'<li><a href="#" id="lnkMergeCache"><b>Merge</b></a> your changes ' +
	'with the latest version by using the merge interface</li>' +
	'<li><a href="#" id="lnkForceSubmit"><b>Force your changes</b></a> ' +
	'(<b>Warning: </b>overwrites the latest version)</li>' +
	'<li><a href="#" id="lnkDiscardChanges><b>Discard your changes</b></a> ' +
	'(keep the latest version)</li>' +
	'</ul>';
	else if (requestType == 'getRecord')
	msg = 'You have unsubmitted changes to this record, but someone has ' +
	'changed the record while you were editing. You can:<br /><ul>' +
	'<li>View (<b><a href="' + recordURL + '" target="_blank">HTML</a></b>,' +
	' <b><a href="' + viewMARCURL + '" target="_blank">MARC</a></b>,' +
	' <b><a href="' + viewMARCXMLURL + '" target="_blank">MARCXML</a></b>' +
	') the latest version</li>' +
	'<li><a href="#" id="lnkMergeCache"><b>Merge</b></a> your changes ' +
	'with the latest version by using the merge interface</li>' +
	'<li><a href="#" id="lnkDiscardChanges"><b>Get the latest version' +
	'</b></a> (<b>Warning: </b>discards your changes)</li>' +
	'<li>Keep editing. When submitting you will be offered to overwrite ' +
	'the latest version. Click <a href="#" id="lnkRemoveMsg">here' +
	'</a> to remove this message.</li>' +
	'</ul>';
	$('#bibEditContent').prepend('<div id="bibEditMessage">' + msg + '</div>');
	}

	function displayAlert(msgType, args){
	/*
	* Display pop-up of type alert or confirm.
	* args can be an array with additional arguments.
	*/
	var msg;
	var popUpType = 'alert';
	switch (msgType){
	case 'confirmClone':
	msg = 'Clone this record?\n\n';
	popUpType = 'confirm';
	break;
	case 'confirmSubmit':
	msg = 'Submit your changes to this record?\n\n';
	popUpType = 'confirm';
	break;
	case 'confirmRevert':
	msg = 'Are you sure, you want to revert to this record revision?\n\n';
	popUpType = 'confirm';
	break;
	case 'confirmCancel':
	msg = 'You have unsubmitted changes to this record.\n\n' +
	'Discard your changes?';
	popUpType = 'confirm';
	break;
	case 'confirmDeleteRecord':
	msg = 'Really delete this record?\n\n';
	popUpType = 'confirm';
	break;
	case 'confirmInvalidOrEmptyInput':
	msg = 'WARNING: Some subfields contain invalid MARC or are empty. \n' +
	'Click Cancel to go back and correct. \n' +
	'Click OK to ignore and continue (only valid subfields will be saved).';
	popUpType = 'confirm';
	break;
	case 'confirmLeavingChangedRecord':
	msg = '****************** WARNING ******************\n' +
	' You have unsubmitted changes.\n\n' +
	'You should go back to the record and click either:\n' +
	' * Submit (to save your changes permanently)\n or\n' +
	' * Cancel (to discard your changes)\n\n' +
	'Press OK to continue, or Cancel to stay on the current record.';
	popUpType = 'confirm';
	break;
	case 'alertCriticalInput':
	msg = 'ERROR: Your input had critical errors. Please go back and ' +
	'correct any fields with invalid MARC (red border) or fields that ' +
	'should not be empty.';
	break;
	case 'alertAddProtectedField':
	msg = 'ERROR: Cannot add protected field ' + args[0] + '.';
	break;
	case 'alertAddProtectedSubfield':
	msg = 'ERROR: Cannot add protected subfield ' + args[0] + '.';
	break;
	case 'alertEmptySubfieldsList':
	msg = "The field has to contain at least one non-empty subfield.";
	break;
	case 'alertDeleteProtectedField':
	msg = 'ERROR: Cannot delete protected field ' + args[0] + '.';
	break;
	default:
	msg = msgType;
	}
	if (popUpType == 'confirm')
	return confirm(msg);
	else
	alert(msg);
	}

	function notImplemented(event){
	/*
	* Handle unimplemented function.
	*/
	alert('Sorry, this function is not implemented yet!');
	event.preventDefault();
	}

	function button(value, id, _class, attrs){
	/*
	* Create a button tag with specified attributes.
	*/
	value = (value != undefined) ? value : '';
	id = id ? 'id="' + id + '" ' : '';
	_class = _class ? 'class="' + _class + '" ' : '';
	var strAttrs = '';
	for (var attr in attrs){
	strAttrs += attr + '="' + attrs[attr] + '" ';
	}
	return '<button ' + id + _class + strAttrs + '>' + value + '</button>';
	}

	function img(src, id, _class, attrs){
	/*
	* Create an image tag with specified attributes.
	*/
	src = 'src="' + src + '" ';
	id = id ? 'id="' + id + '" ' : '';
	_class = _class ? 'class="' + _class + '" ' : '';
	var strAttrs = '';
	for (var attr in attrs){
	strAttrs += attr + '="' + attrs[attr] + '" ';
	}
	return '<img ' + src + id + _class + strAttrs + '/>';
	}

	function input(type, id, _class, attrs, defvalue){
	/*
	* Create an input tag with specified attributes.
	*/
	type = 'type="' + type + '" ';
	id = id ? 'id="' + id + '" ' : '';
	_class = _class ? 'class="' + _class + '" ' : '';
	var strAttrs = '';
	for (var attr in attrs){
	strAttrs += attr + '="' + attrs[attr] + '" ';
	}
	myval = '';
	if ((defvalue != null) && (defvalue != "")) { myval = ' value="'+defvalue+'" '; }
	return '<input ' + type + id + _class + strAttrs + myval + '/>';
	}

	function select(id, options, selectedOption){
	/*
	* Create the select input -> it has a different structure than most of the
	* inputs
	* options: a list of options appearing under the same id. Each option is a
	* dictionary describing the value associated and the description
	* a sample entry of the options : {value: "1", description: "option1"}
	*/

	optionsHTML = "";

	for (optionNr in options){
	optionsHTML += "<option value=\"" + options[optionNr].value + "\"";
	if (selectedOption == options[optionNr].value){
	optionsHTML += " selected";
	}
	optionsHTML += ">" + options[optionNr].description + "</option>";
	}
	return "<select id=\"" + id + "\">" + optionsHTML + "</select>";

	}

	function getRevisionDate(revisionTs){
	var result = {};
	result.year = revisionTs.substr(0,4);
	result.month = revisionTs.substr(4,2);
	result.day = revisionTs.substr(6,2);
	result.hour = revisionTs.substr(8,2);
	result.minute = revisionTs.substr(10,2);
	result.second = revisionTs.substr(12,2);
	return result;
	}

	function formatDateTime(dt){
	return dt.year + '.' + dt.month + '.' + dt.day +
	' ' + dt.hour + ':' + dt.minute + ':' + dt.second;
	}

	function displayRevisionHistoryEntry(recId, revisionId){
	var entryClass = (revisionId == gRecRev) ?
	"bibEditRevHistorySelectedEntry" : "bibEditRevHistoryEntry";
	var timeString = formatDateTime(getRevisionDate(revisionId));

	/* var additionalAttrs = {};
	if (revisionId == gRecRev){
	additionalAttrs.disabled = "disabled"
	}
	additionalAttrs.title = "Merge with the newest revision";
	*/

	compareButtonId = 'btnCompareRevision_' + revisionId;

	mergeImgId = 'imgMergeWithNewest_' + revisionId;
	compareImgId = 'imgCompareWithCurrent_' + revisionId;
	revertImgId = 'imgRevert_' + revisionId;

	var mergeUrl = '/record/merge#recid1=' + recId + '&recid2=' + recId + '.' + revisionId;
	var mergeWithNewestControl = '<a href="' + mergeUrl +
	'" title="Merge with the newest revision" class="bibEditRevHistoryLink">' +
	img('/img/merge-small.png', mergeImgId, 'bibEditRevHistoryLinkImg') + '</a>';

	var compareWithCurrentControl =
	'<a href="#" title="Compare with currently viewed version" class="bibEditRevHistoryLink">' +
	img('/img/compare.png', compareImgId, 'bibEditRevHistoryLinkImg') + '</a>';

	var revertToRevisionControl = '<a href="#" title="Revert to this revision" class="bibEditRevHistoryLink">' +
	img('/img/replace.png', revertImgId, 'bibEditRevHistoryLinkImg') +
	'</a>';

	var resultHTML = '<div class="' + entryClass + '">\n' +
	'<div class="bibEditRevHistoryEntryContent" id="bibEditRevHistoryEntry_' +
	revisionId+ '">' + timeString +
	'</div><div class="bibEditRevHistoryEntryControls"><div style="display:table-row;">' +
	mergeWithNewestControl + compareWithCurrentControl + revertToRevisionControl + "</div></div></div>\n";

	return {
	"HTML" : resultHTML,
	"compareImgId" : compareImgId,
	"revertImgId" : revertImgId
	};
	}


	function escapeHTML(value){
	/*
	* Replace special characters '&', '<' and '>' with HTML-safe sequences.
	* This functions is called on content before displaying it.
	*/
	value = value.replace(/&/g, '&'); // Must be done first!
	value = value.replace(/</g, '<');
	value = value.replace(/>/g, '>');
	return value;
	}

bibedit_display.jsNo OneTemporaryActions

File Metadata

bibedit_display.jsView Options

Event Timeline

bibedit_display.js
No OneTemporary
Actions

bibedit_display.js
View Options