2 * Unified file for catalogue edition
5 /* Functions developed for addbiblio.tt and authorities.tt */
7 // returns the fieldcode based upon tag div id
8 function getFieldCode(tagDivId){
9 // format : tag_<tagnumber>_...
10 return tagDivId.substr(3+1,3);
13 //returns the field and subfieldcode based upon subfield div id
14 function getFieldAndSubfieldCode(subfieldDivId){
15 // format : subfield<tagnumber><subfieldnumber>...
16 return subfieldDivId.substr(8,3+1);
19 //returns the subfieldcode based upon subfieldid writing
20 function getSubfieldCode(tagsubfieldid){
21 // 3 : tag +3 : tagnumber +4 : number of _ +8 subfield -1 begins at 0
22 return tagsubfieldid.substr(3+3+4+8-1,1);
25 // Take the base of tagsubfield information (removing the subfieldcodes and subfieldindexes)
27 function getTagInputnameFilter(tagsubfieldid){
28 var tagsubfield=tagsubfieldid.substr(0,tagsubfieldid.lastIndexOf("_"));
29 var tagcode=tagsubfield.substr(tagsubfield.lastIndexOf("_"));
30 tagsubfield=tagsubfield.substr(0,tagsubfield.lastIndexOf("_"));
31 tagsubfield=tagsubfield.substr(0,tagsubfield.lastIndexOf("_"));
32 tagsubfield=tagsubfield+"_."+tagcode;
36 // if source is "auth", we are editing an authority otherwise it is a biblio
37 function openAuth(tagsubfieldid,authtype,source) {
38 // let's take the base of tagsubfield information (removing the indexes and the codes
39 var element=document.getElementById(tagsubfieldid);
40 var tagsubfield=getTagInputnameFilter(tagsubfieldid);
41 var elementsubfcode=getSubfieldCode(element.name);
42 var mainmainstring=element.value;
43 var mainstring = new Array();
44 var inputs = element.parentNode.parentNode.getElementsByTagName("input");
46 for (var myindex =0; myindex<inputs.length;myindex++){
47 if (inputs[myindex].name && inputs[myindex].name.match(tagsubfield)){
48 var subfieldcode=getSubfieldCode(inputs[myindex].name);
49 if (isNaN(parseInt(subfieldcode)) && inputs[myindex].value != "" && subfieldcode!=elementsubfcode){
50 mainstring.push(inputs[myindex].value);
54 mainstring = mainstring.join(' ');
55 newin=window.open("../authorities/auth_finder.pl?source="+source+"&authtypecode="+authtype+"&index="+tagsubfieldid+"&value_mainstr="+encodeURI(mainmainstring)+"&value_main="+encodeURI(mainstring), "_blank",'width=700,height=550,toolbar=false,scrollbars=yes');
58 function ExpandField(index) {
59 var original = document.getElementById(index); //original <div>
60 var divs = original.getElementsByTagName('div');
61 for(var i=0,divslen = divs.length ; i<divslen ; i++){ // foreach div
62 if(divs[i].hasAttribute('id') == 0 ) {continue; } // div element is specific to Select2
63 if(divs[i].getAttribute('id').match(/^subfield/)){ // if it s a subfield
64 if (!divs[i].style.display) {
65 // first time => show all subfields
66 divs[i].style.display = 'block';
67 } else if (divs[i].style.display == 'none') {
69 divs[i].style.display = 'block';
72 divs[i].style.display = 'none';
79 removeSelect2: function(element) {
81 var selects = element.getElementsByTagName('select');
82 for (var i=0; i < selects.length; i++) {
83 $(selects[i]).select2('destroy');
88 initSelect2: function(element) {
90 var selects = element.getElementsByTagName('select');
91 for (var i=0; i < selects.length; i++) {
92 $(selects[i]).select2();
100 * @param hideMarc '0' for false, '1' for true
101 * @param advancedMARCEditor '0' for false, '1' for true
103 function CloneField(index, hideMarc, advancedMARCEditor) {
104 var original = document.getElementById(index); //original <div>
105 Select2Utils.removeSelect2(original);
107 var clone = original.cloneNode(true);
108 var new_key = CreateKey();
109 var new_id = original.getAttribute('id')+new_key;
111 clone.setAttribute('id',new_id); // setting a new id for the parent div
113 var divs = clone.getElementsByTagName('div');
115 // if hide_marc, indicators are hidden fields
116 // setting a new name for the new indicator
117 for(var i=0; i < 2; i++) {
118 var indicator = clone.getElementsByTagName('input')[i];
119 indicator.setAttribute('name',indicator.getAttribute('name')+new_key);
122 // settings all subfields
123 for(var i=0,divslen = divs.length ; i<divslen ; i++){ // foreach div
124 if(divs[i].getAttribute("id").match(/^subfield/)){ // if it s a subfield
126 // set the attribute for the new 'div' subfields
127 divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);
129 var inputs = divs[i].getElementsByTagName('input');
132 for( j = 0 ; j < inputs.length ; j++ ) {
133 if(inputs[j].getAttribute("id") && inputs[j].getAttribute("id").match(/^tag_/) ){
134 inputs[j].value = "";
137 var textareas = divs[i].getElementsByTagName('textarea');
138 for( j = 0 ; j < textareas.length ; j++ ) {
139 if(textareas[j].getAttribute("id") && textareas[j].getAttribute("id").match(/^tag_/) ){
140 textareas[j].value = "";
144 inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
145 inputs[0].setAttribute('name',inputs[0].getAttribute('name')+new_key);
148 id_input = inputs[1].getAttribute('id')+new_key;
149 inputs[1].setAttribute('id',id_input);
150 inputs[1].setAttribute('name',inputs[1].getAttribute('name')+new_key);
152 try{ // it s a select if it is not an input
153 var selects = divs[i].getElementsByTagName('select');
154 id_input = selects[0].getAttribute('id')+new_key;
155 selects[0].setAttribute('id',id_input);
156 selects[0].setAttribute('name',selects[0].getAttribute('name')+new_key);
157 }catch(e2){ // it is a textarea if it s not a select or an input
158 var textaeras = divs[i].getElementsByTagName('textarea');
159 id_input = textaeras[0].getAttribute('id')+new_key;
160 textaeras[0].setAttribute('id',id_input);
161 textaeras[0].setAttribute('name',textaeras[0].getAttribute('name')+new_key);
164 if( $(inputs[1]).hasClass('framework_plugin') ) {
165 var olddiv= original.getElementsByTagName('div')[i];
166 var oldcontrol= olddiv.getElementsByTagName('input')[1];
167 AddEventHandlers( oldcontrol,inputs[1],id_input );
170 if (advancedMARCEditor == '0') {
171 // when cloning a subfield, re set its label too.
172 var labels = divs[i].getElementsByTagName('label');
173 labels[0].setAttribute('for',id_input);
176 if(hideMarc == '0') {
177 // updating javascript parameters on button up
178 var imgs = divs[i].getElementsByTagName('img');
179 imgs[0].setAttribute('onclick',"upSubfield(\'"+divs[i].getAttribute('id')+"\');");
182 // setting its '+' and '-' buttons
184 var anchors = divs[i].getElementsByTagName('a');
185 for (var j = 0; j < anchors.length; j++) {
186 if(anchors[j].getAttribute('class') == 'buttonPlus'){
187 anchors[j].setAttribute('onclick',"CloneSubfield('" + divs[i].getAttribute('id') + "','" + advancedMARCEditor + "'); return false;");
188 } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
189 anchors[j].setAttribute('onclick',"UnCloneField('" + divs[i].getAttribute('id') + "'); return false;");
194 // do nothig if ButtonPlus & CloneButtonPlus don t exist.
200 spans = divs[i].getElementsByTagName('a');
206 if(!CloneButtonPlus){ // it s impossible to have + ... (buttonDot AND buttonPlus)
207 buttonDot = spans[0];
211 if( $(buttonDot).hasClass('framework_plugin') ) {
212 var olddiv= original.getElementsByTagName('div')[i];
213 var oldcontrol= olddiv.getElementsByTagName('a')[0];
214 AddEventHandlers(oldcontrol,buttonDot,id_input);
216 if(buttonDotOnClick.match('Dopop')) { // -2- It's a auth value
217 var re1 = /&index=.*',/;
220 buttonDotOnClick = buttonDotOnClick.replace(re1,"&index="+inputs[1].getAttribute('id')+"',");
221 buttonDotOnClick = buttonDotOnClick.replace(re2,",'"+inputs[1].getAttribute('id')+"')");
223 if(buttonDotOnClick){
224 buttonDot.setAttribute('onclick',buttonDotOnClick);
229 // do not copy the script section.
230 var script = spans[0].getElementsByTagName('script')[0];
231 spans[0].removeChild(script);
233 // do nothing if there is no script
239 if(hideMarc == '0') {
240 var buttonUp = divs[i].getElementsByTagName('img')[0];
241 buttonUp.setAttribute('onclick',"upSubfield('" + divs[i].getAttribute('id') + "')");
244 } else { // it's a indicator div
245 if(divs[i].getAttribute('id').match(/^div_indicator/)){
247 // setting a new id for the indicator div
248 divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);
250 var inputs = divs[i].getElementsByTagName('input');
251 inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
252 inputs[1].setAttribute('id',inputs[1].getAttribute('id')+new_key);
256 var anchors = divs[i].getElementsByTagName('a');
257 for (var j = 0; j < anchors.length; j++) {
258 if (anchors[j].getAttribute('class') == 'buttonPlus') {
259 anchors[j].setAttribute('onclick',"CloneField('" + new_id + "','" + hideMarc + "','" + advancedMARCEditor + "'); return false;");
260 } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
261 anchors[j].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
262 } else if (anchors[j].getAttribute('class') == 'expandfield') {
263 anchors[j].setAttribute('onclick',"ExpandField('" + new_id + "'); return false;");
268 // do nothig CloneButtonPlus doesn't exist.
275 // insert this line on the page
276 original.parentNode.insertBefore(clone,original.nextSibling);
278 Select2Utils.initSelect2(original);
279 Select2Utils.initSelect2(clone);
284 * To clone a subfield
286 * @param advancedMARCEditor '0' for false, '1' for true
288 function CloneSubfield(index, advancedMARCEditor){
289 var original = document.getElementById(index); //original <div>
290 Select2Utils.removeSelect2(original);
291 var clone = original.cloneNode(true);
292 var new_key = CreateKey();
293 // set the attribute for the new 'div' subfields
294 var inputs = clone.getElementsByTagName('input');
295 var selects = clone.getElementsByTagName('select');
296 var textareas = clone.getElementsByTagName('textarea');
301 for(var i=0,len=inputs.length; i<len ; i++ ){
302 id_input = inputs[i].getAttribute('id')+new_key;
303 inputs[i].setAttribute('id',id_input);
304 inputs[i].setAttribute('name',inputs[i].getAttribute('name')+new_key);
305 if(inputs[i].getAttribute("id") && inputs[i].getAttribute("id").match(/^tag_/) ){
306 inputs[i].value = "";
312 if( $(inputs[1]).hasClass('framework_plugin') ) {
313 var oldcontrol= original.getElementsByTagName('input')[1];
314 AddEventHandlers( oldcontrol, inputs[1], linkid );
318 for(var i=0,len=selects.length; i<len ; i++ ){
319 id_input = selects[i].getAttribute('id')+new_key;
320 selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
321 selects[i].setAttribute('name',selects[i].getAttribute('name')+new_key);
326 for(var i=0,len=textareas.length; i<len ; i++ ){
327 id_input = textareas[i].getAttribute('id')+new_key;
328 textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
329 textareas[i].setAttribute('name',textareas[i].getAttribute('name')+new_key);
330 if(textareas[i].getAttribute("id") && textareas[i].getAttribute("id").match(/^tag_/) ){
331 textareas[i].value = "";
336 // Handle click event on buttonDot for plugin
337 var links = clone.getElementsByTagName('a');
338 if( $(links[0]).hasClass('framework_plugin') ) {
339 var oldcontrol= original.getElementsByTagName('a')[0];
340 AddEventHandlers( oldcontrol, links[0], linkid );
343 if(advancedMARCEditor == '0') {
344 // when cloning a subfield, reset its label too.
345 var label = clone.getElementsByTagName('label')[0];
346 label.setAttribute('for',id_input);
349 // setting a new id for the parent div
350 var new_id = original.getAttribute('id')+new_key;
351 clone.setAttribute('id',new_id);
354 var buttonUp = clone.getElementsByTagName('img')[0];
355 buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");
356 var anchors = clone.getElementsByTagName('a');
358 for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){
359 if(anchors[i].getAttribute('class') == 'buttonPlus'){
360 anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "','" + advancedMARCEditor + "'); return false;");
361 } else if (anchors[i].getAttribute('class') == 'buttonMinus') {
362 anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
368 // do nothig if ButtonPlus & CloneButtonPlus don't exist.
370 // insert this line on the page
371 original.parentNode.insertBefore(clone,original.nextSibling);
373 //Restablish select2 for the cloned elements.
374 Select2Utils.initSelect2(original);
375 Select2Utils.initSelect2(clone);
377 // delete data of cloned subfield
378 clone.querySelectorAll('input.input_marceditor').value = "";
381 function AddEventHandlers (oldcontrol, newcontrol, newinputid ) {
382 // This function is a helper for CloneField and CloneSubfield.
383 // It adds the event handlers from oldcontrol to newcontrol.
384 // newinputid is the id attribute of the cloned controlling input field
385 // Note: This code depends on the jQuery data for events; this structure
386 // is moved to _data as of jQuery 1.8.
387 var ev= $(oldcontrol).data('events');
388 if(typeof ev != 'undefined') {
389 $.each(ev, function(prop,val) {
390 $.each(val, function(prop2,val2) {
391 $(newcontrol).off( val2.type );
392 $(newcontrol).on( val2.type, {id: newinputid}, val2.handler );
399 * This function removes or clears unwanted subfields
401 function UnCloneField(index) {
402 var original = document.getElementById(index);
403 var canUnclone = false;
404 if ($(original).hasClass("tag")) {
405 // unclone a field, check if there will remain one field
406 var fieldCode = getFieldCode(index);
407 // tag divs with id begining with original field code
408 var cloneFields = $('.tag[id^="tag_'+fieldCode+'"]');
409 if (cloneFields.length > 1) {
413 // unclone a subfield, check if there will remain one subfield
414 var subfieldCode = getFieldAndSubfieldCode(index);
415 // subfield divs of same field with id begining with original field and subfield field code
416 var cloneSubfields = $(original).parent().children('.subfield_line[id^="subfield'+subfieldCode+'"]');
417 if (cloneSubfields.length > 1) {
423 original.parentNode.removeChild(original);
425 // clear inputs, but don't delete
426 $(":input.input_marceditor", original).each(function(){
427 // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for
428 // hint about clearing selects correctly
429 var type = this.type;
430 var tag = this.tagName.toLowerCase();
431 if (type == 'text' || type == 'password' || tag == 'textarea') {
433 } else if (type == 'checkbox' || type == 'radio') {
434 this.checked = false;
435 } else if (tag == 'select') {
436 this.selectedIndex = -1;
437 // required for Select2 to be able to update its control
438 $(this).trigger('change');
441 $(":input.indicator", original).val("");
446 * This function create a random number
448 function CreateKey(){
449 return parseInt(Math.random() * 100000);
453 * This function allows to move a subfield up by clickink on the 'up' button .
455 function upSubfield(index) {
457 var line = document.getElementById(index); // get the line where the user has clicked.
459 return; // this line doesn't exist...
461 var tag = line.parentNode; // get the dad of this line. (should be "<div id='tag_...'>")
463 // getting all visible subfields for this tag
464 var subfields = tag.querySelectorAll("div.subfield_line:not( [style*='display:none;'] )");
465 var subfieldsLength = subfields.length;
467 if(subfieldsLength<=1) return; // nothing to do if there is just one subfield.
469 // among all subfields
470 for(var i=0;i<subfieldsLength;i++){
471 if(subfields[i].getAttribute('id') == index){ //looking for the subfield which is clicked :
472 if(i==0){ // if the clicked subfield is on the top
473 tag.appendChild(subfields[0]);
476 var lineAbove = subfields[i-1];
477 tag.insertBefore(line,lineAbove);
484 // FIXME :: is it used ?
485 function unHideSubfield(index,labelindex) {
486 subfield = document.getElementById(index);
487 subfield.style.display = 'block';
488 label = document.getElementById(labelindex);
489 label.style.display='none';
492 /* Functions developed for additem.tt */
495 * To clone a subfield.<br>
496 * @param original subfield div to clone
498 function CloneItemSubfield(original){
499 Select2Utils.removeSelect2(original);
500 var clone = original.cloneNode(true);
501 var new_key = CreateKey();
503 // set the attribute for the new 'div' subfields
504 var inputs = clone.getElementsByTagName('input');
505 var selects = clone.getElementsByTagName('select');
506 var textareas = clone.getElementsByTagName('textarea');
508 // input (except hidden type)
510 for(var i=0,len=inputs.length; i<len ; i++ ){
511 if (inputs[i].getAttribute('type') != 'hidden') {
512 id_input = inputs[i].getAttribute('id')+new_key;
513 inputs[i].setAttribute('id',id_input);
518 for(var i=0,len=selects.length; i<len ; i++ ){
519 id_input = selects[i].getAttribute('id')+new_key;
520 selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
524 for(var i=0,len=textareas.length; i<len ; i++ ){
525 id_input = textareas[i].getAttribute('id')+new_key;
526 textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
529 // when cloning a subfield, reset its label too.
530 var label = clone.getElementsByTagName('label')[0];
531 label.setAttribute('for',id_input);
533 // setting a new if for the parent div
534 var new_id = original.getAttribute('id')+new_key;
535 clone.setAttribute('id',new_id);
537 // insert this line on the page
538 original.parentNode.insertBefore(clone,original.nextSibling);
539 Select2Utils.initSelect2(original);
540 Select2Utils.initSelect2(clone);
544 * Check mandatory subfields of a cataloging form and adds <code>missing</code> class to those who are empty.<br>
545 * @param p the parent object of subfields to check
546 * @return the number of empty mandatory subfields
548 function CheckMandatorySubfields(p){
550 $(p).find(".subfield_line input[name='mandatory'][value='1']").each(function(i){
551 var editor = $(this).siblings("[name='field_value']");
553 editor.addClass("missing");
560 $(document).ready(function() {
561 $("input.input_marceditor, input.indicator").addClass('noEnterSubmit');
562 $(document).ajaxSuccess(function() {
563 $("input.input_marceditor, input.indicator").addClass('noEnterSubmit');