Bug 17152: Do not copy value when duplicating a subfield
[koha.git] / koha-tmpl / intranet-tmpl / prog / js / cataloging.js
1 /*
2  * Unified file for catalogue edition
3  */
4
5 /* Functions developed for addbiblio.tt and authorities.tt */
6
7 // returns the fieldcode based upon tag div id
8 function getFieldCode(tagDivId){
9     // format : tag_<tagnumber>_...
10     return tagDivId.substr(3+1,3);
11 }
12
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);
17 }
18
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);
23 }
24
25 // Take the base of tagsubfield information (removing the subfieldcodes and subfieldindexes)
26 // returns the filter
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;
33     return tagsubfield;
34 }
35
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");
45
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);
51             }
52         }
53     }
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');
56 }
57
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].getAttribute('id').match(/^subfield/)){  // if it s a subfield
63             if (!divs[i].style.display) {
64                 // first time => show all subfields
65                 divs[i].style.display = 'block';
66             } else if (divs[i].style.display == 'none') {
67                 // show
68                 divs[i].style.display = 'block';
69             } else {
70                 // hide
71                 divs[i].style.display = 'none';
72             }
73         }
74     }
75 }
76 /**
77  * To clone a field
78  * @param hideMarc '0' for false, '1' for true
79  * @param advancedMARCEditor '0' for false, '1' for true
80  */
81 function CloneField(index, hideMarc, advancedMARCEditor) {
82     var original = document.getElementById(index); //original <div>
83     var clone = original.cloneNode(true);
84     var new_key = CreateKey();
85     var new_id  = original.getAttribute('id')+new_key;
86
87     clone.setAttribute('id',new_id); // setting a new id for the parent div
88
89     var divs = clone.getElementsByTagName('div');
90
91     // if hide_marc, indicators are hidden fields
92     // setting a new name for the new indicator
93     for(var i=0; i < 2; i++) {
94         var indicator = clone.getElementsByTagName('input')[i];
95         indicator.setAttribute('name',indicator.getAttribute('name')+new_key);
96     }
97
98     // settings all subfields
99     for(var i=0,divslen = divs.length ; i<divslen ; i++){      // foreach div
100         if(divs[i].getAttribute("id").match(/^subfield/)){  // if it s a subfield
101
102             // set the attribute for the new 'div' subfields
103             divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);
104
105             var inputs   = divs[i].getElementsByTagName('input');
106             var id_input = "";
107
108             for( j = 0 ; j < inputs.length ; j++ ) {
109                 if(inputs[j].getAttribute("id") && inputs[j].getAttribute("id").match(/^tag_/) ){
110                     inputs[j].value = "";
111                 }
112             }
113
114             inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
115             inputs[0].setAttribute('name',inputs[0].getAttribute('name')+new_key);
116             var id_input;
117             try {
118                 id_input = inputs[1].getAttribute('id')+new_key;
119                 inputs[1].setAttribute('id',id_input);
120                 inputs[1].setAttribute('name',inputs[1].getAttribute('name')+new_key);
121             } catch(e) {
122                 try{ // it s a select if it is not an input
123                     var selects = divs[i].getElementsByTagName('select');
124                     id_input = selects[0].getAttribute('id')+new_key;
125                     selects[0].setAttribute('id',id_input);
126                     selects[0].setAttribute('name',selects[0].getAttribute('name')+new_key);
127                 }catch(e2){ // it is a textarea if it s not a select or an input
128                     var textaeras = divs[i].getElementsByTagName('textarea');
129                     id_input = textaeras[0].getAttribute('id')+new_key;
130                     textaeras[0].setAttribute('id',id_input);
131                     textaeras[0].setAttribute('name',textaeras[0].getAttribute('name')+new_key);
132                 }
133             }
134             if( $(inputs[1]).hasClass('framework_plugin') ) {
135                 var olddiv= original.getElementsByTagName('div')[i];
136                 var oldcontrol= olddiv.getElementsByTagName('input')[1];
137                 AddEventHandlers( oldcontrol,inputs[1],id_input );
138             }
139
140             if (advancedMARCEditor == '0') {
141                 // when cloning a subfield, re set its label too.
142                 var labels = divs[i].getElementsByTagName('label');
143                 labels[0].setAttribute('for',id_input);
144             }
145
146             if(hideMarc == '0') {
147                 // updating javascript parameters on button up
148                 var imgs = divs[i].getElementsByTagName('img');
149                 imgs[0].setAttribute('onclick',"upSubfield(\'"+divs[i].getAttribute('id')+"\');");
150             }
151
152             // setting its '+' and '-' buttons
153             try {
154                 var anchors = divs[i].getElementsByTagName('a');
155                 for (var j = 0; j < anchors.length; j++) {
156                     if(anchors[j].getAttribute('class') == 'buttonPlus'){
157                         anchors[j].setAttribute('onclick',"CloneSubfield('" + divs[i].getAttribute('id') + "','" + advancedMARCEditor + "'); return false;");
158                     } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
159                         anchors[j].setAttribute('onclick',"UnCloneField('" + divs[i].getAttribute('id') + "'); return false;");
160                     }
161                 }
162             }
163             catch(e){
164                 // do nothig if ButtonPlus & CloneButtonPlus don t exist.
165             }
166
167             // button ...
168             var spans=0;
169             try {
170                 spans = divs[i].getElementsByTagName('a');
171             } catch(e) {
172                 // no spans
173             }
174             if(spans){
175                 var buttonDot;
176                 if(!CloneButtonPlus){ // it s impossible to have  + ... (buttonDot AND buttonPlus)
177                     buttonDot = spans[0];
178                     if(buttonDot){
179                         // 2 possibilities :
180                         try{
181                             if( $(buttonDot).hasClass('framework_plugin') ) {
182                                 var olddiv= original.getElementsByTagName('div')[i];
183                                 var oldcontrol= olddiv.getElementsByTagName('a')[0];
184                                 AddEventHandlers(oldcontrol,buttonDot,id_input);
185                             } else {
186                                 if(buttonDotOnClick.match('Dopop')) {  // -2- It's a auth value
187                                     var re1 = /&index=.*',/;
188                                     var re2 = /,.*\)/;
189
190                                     buttonDotOnClick = buttonDotOnClick.replace(re1,"&index="+inputs[1].getAttribute('id')+"',");
191                                     buttonDotOnClick = buttonDotOnClick.replace(re2,",'"+inputs[1].getAttribute('id')+"')");
192
193                                     if(buttonDotOnClick){
194                                             buttonDot.setAttribute('onclick',buttonDotOnClick);
195                                     }
196                                 }
197                             }
198                             try {
199                                 // do not copy the script section.
200                                 var script = spans[0].getElementsByTagName('script')[0];
201                                 spans[0].removeChild(script);
202                             } catch(e) {
203                                 // do nothing if there is no script
204                             }
205                         }catch(e){}
206                     }
207                 }
208             }
209             if(hideMarc == '0') {
210                 var buttonUp = divs[i].getElementsByTagName('img')[0];
211                 buttonUp.setAttribute('onclick',"upSubfield('" + divs[i].getAttribute('id') + "')");
212             }
213
214         } else { // it's a indicator div
215             if(divs[i].getAttribute('id').match(/^div_indicator/)){
216
217                 // setting a new id for the indicator div
218                 divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);
219
220                 var inputs = divs[i].getElementsByTagName('input');
221                 inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
222                 inputs[1].setAttribute('id',inputs[1].getAttribute('id')+new_key);
223
224                 var CloneButtonPlus;
225                 try {
226                     var anchors = divs[i].getElementsByTagName('a');
227                     for (var j = 0; j < anchors.length; j++) {
228                         if (anchors[j].getAttribute('class') == 'buttonPlus') {
229                             anchors[j].setAttribute('onclick',"CloneField('" + new_id + "','" + hideMarc + "','" + advancedMARCEditor + "'); return false;");
230                         } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
231                             anchors[j].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
232                         } else if (anchors[j].getAttribute('class') == 'expandfield') {
233                             anchors[j].setAttribute('onclick',"ExpandField('" + new_id + "'); return false;");
234                         }
235                     }
236                 }
237                 catch(e){
238                     // do nothig CloneButtonPlus doesn't exist.
239                 }
240
241             }
242         }
243     }
244
245     // insert this line on the page
246     original.parentNode.insertBefore(clone,original.nextSibling);
247 }
248
249 /**
250  * To clone a subfield
251  * @param index
252  * @param advancedMARCEditor '0' for false, '1' for true
253  */
254 function CloneSubfield(index, advancedMARCEditor){
255     var original = document.getElementById(index); //original <div>
256     var clone = original.cloneNode(true);
257     var new_key = CreateKey();
258     // set the attribute for the new 'div' subfields
259     var inputs     = clone.getElementsByTagName('input');
260     var selects    = clone.getElementsByTagName('select');
261     var textareas  = clone.getElementsByTagName('textarea');
262     var linkid;
263
264     // input
265     var id_input = "";
266     for(var i=0,len=inputs.length; i<len ; i++ ){
267         id_input = inputs[i].getAttribute('id')+new_key;
268         inputs[i].setAttribute('id',id_input);
269         inputs[i].setAttribute('name',inputs[i].getAttribute('name')+new_key);
270         linkid = id_input;
271     }
272
273     // Plugin input
274     if( $(inputs[1]).hasClass('framework_plugin') ) {
275         var oldcontrol= original.getElementsByTagName('input')[1];
276         AddEventHandlers( oldcontrol, inputs[1], linkid );
277     }
278
279     // select
280     for(var i=0,len=selects.length; i<len ; i++ ){
281         id_input = selects[i].getAttribute('id')+new_key;
282         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
283         selects[i].setAttribute('name',selects[i].getAttribute('name')+new_key);
284     }
285
286     // textarea
287     for(var i=0,len=textareas.length; i<len ; i++ ){
288         id_input = textareas[i].getAttribute('id')+new_key;
289         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
290         textareas[i].setAttribute('name',textareas[i].getAttribute('name')+new_key);
291     }
292
293     // Handle click event on buttonDot for plugin
294     var links  = clone.getElementsByTagName('a');
295     if( $(links[0]).hasClass('framework_plugin') ) {
296         var oldcontrol= original.getElementsByTagName('a')[0];
297         AddEventHandlers( oldcontrol, links[0], linkid );
298     }
299
300     if(advancedMARCEditor == '0') {
301         // when cloning a subfield, reset its label too.
302         var label = clone.getElementsByTagName('label')[0];
303         label.setAttribute('for',id_input);
304     }
305
306     // setting a new id for the parent div
307     var new_id  = original.getAttribute('id')+new_key;
308     clone.setAttribute('id',new_id);
309
310     try {
311         var buttonUp = clone.getElementsByTagName('img')[0];
312         buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");
313         var anchors = clone.getElementsByTagName('a');
314         if(anchors.length){
315             for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){
316                 if(anchors[i].getAttribute('class') == 'buttonPlus'){
317                     anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "','" + advancedMARCEditor + "'); return false;");
318                 } else if (anchors[i].getAttribute('class') == 'buttonMinus') {
319                     anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
320                 }
321             }
322         }
323     }
324     catch(e){
325         // do nothig if ButtonPlus & CloneButtonPlus don't exist.
326     }
327     // insert this line on the page
328     original.parentNode.insertBefore(clone,original.nextSibling);
329     // delete data of cloned subfield
330     document.getElementById(linkid).value = "";
331 }
332
333 function AddEventHandlers (oldcontrol, newcontrol, newinputid ) {
334 // This function is a helper for CloneField and CloneSubfield.
335 // It adds the event handlers from oldcontrol to newcontrol.
336 // newinputid is the id attribute of the cloned controlling input field
337 // Note: This code depends on the jQuery data for events; this structure
338 // is moved to _data as of jQuery 1.8.
339     var ev= $(oldcontrol).data('events');
340     if(typeof ev != 'undefined') {
341         $.each(ev, function(prop,val) {
342             $.each(val, function(prop2,val2) {
343                 $(newcontrol).off( val2.type );
344                 $(newcontrol).on( val2.type, {id: newinputid}, val2.handler );
345             });
346         });
347     }
348 }
349
350  /**
351  * This function removes or clears unwanted subfields
352  */
353 function UnCloneField(index) {
354     var original = document.getElementById(index);
355     var canUnclone = false;
356     if ($(original).hasClass("tag")) {
357         // unclone a field, check if there will remain one field
358         var fieldCode = getFieldCode(index);
359         // tag divs with id begining with original field code
360         var cloneFields = $('.tag[id^="tag_'+fieldCode+'"]');
361         if (cloneFields.length > 1) {
362             canUnclone = true;
363         }
364     } else {
365         // unclone a subfield, check if there will remain one subfield
366         var subfieldCode = getFieldAndSubfieldCode(index);
367         // subfield divs of same field with id begining with original field and subfield field code
368         var cloneSubfields = $(original).parent().children('.subfield_line[id^="subfield'+subfieldCode+'"]');
369         if (cloneSubfields.length > 1) {
370             canUnclone = true;
371         }
372     }
373     if (canUnclone) {
374         // remove clone
375         original.parentNode.removeChild(original);
376     } else {
377         // clear inputs, but don't delete
378         $(":input.input_marceditor", original).each(function(){
379             // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for
380             // hint about clearing selects correctly
381             var type = this.type;
382             var tag = this.tagName.toLowerCase();
383             if (type == 'text' || type == 'password' || tag == 'textarea') {
384                 this.value = "";
385             } else if (type == 'checkbox' || type == 'radio') {
386                 this.checked = false;
387             } else if (tag == 'select') {
388                 this.selectedIndex = -1;
389                 // required for Select2 to be able to update its control
390                 $(this).trigger('change');
391             }
392         });
393         $(":input.indicator", original).val("");
394     }
395 }
396
397 /**
398  * This function create a random number
399  */
400 function CreateKey(){
401     return parseInt(Math.random() * 100000);
402 }
403
404 /**
405  * This function allows to move a subfield up by clickink on the 'up' button .
406  */
407 function upSubfield(index) {
408     try{
409         var line = document.getElementById(index); // get the line where the user has clicked.
410     } catch(e) {
411         return; // this line doesn't exist...
412     }
413     var tag = line.parentNode; // get the dad of this line. (should be "<div id='tag_...'>")
414
415     // getting all subfields for this tag
416     var subfields = tag.getElementsByTagName('div');
417     var subfieldsLength = subfields.length;
418
419     if(subfieldsLength<=1) return; // nothing to do if there is just one subfield.
420
421     // among all subfields
422     for(var i=0;i<subfieldsLength;i++){
423         if(subfields[i].getAttribute('id') == index){ //looking for the subfield which is clicked :
424             if(i==1){ // if the clicked subfield is on the top
425                 tag.appendChild(subfields[1]);
426                 return;
427             } else {
428                 var lineAbove = subfields[i-1];
429                 tag.insertBefore(line,lineAbove);
430                 return;
431             }
432         }
433     }
434 }
435
436 // FIXME :: is it used ?
437 function unHideSubfield(index,labelindex) {
438     subfield = document.getElementById(index);
439     subfield.style.display = 'block';
440     label = document.getElementById(labelindex);
441     label.style.display='none';
442 }
443
444 /* Functions developed for additem.tt */
445
446 /**
447  * To clone a subfield.<br>
448  * @param original subfield div to clone
449  */
450 function CloneItemSubfield(original){
451     var clone = original.cloneNode(true);
452     var new_key = CreateKey();
453
454     // set the attribute for the new 'div' subfields
455     var inputs     = clone.getElementsByTagName('input');
456     var selects    = clone.getElementsByTagName('select');
457     var textareas  = clone.getElementsByTagName('textarea');
458
459     // input (except hidden type)
460     var id_input = "";
461     for(var i=0,len=inputs.length; i<len ; i++ ){
462         if (inputs[i].getAttribute('type') != 'hidden') {
463             id_input = inputs[i].getAttribute('id')+new_key;
464             inputs[i].setAttribute('id',id_input);
465         }
466     }
467
468     // select
469     for(var i=0,len=selects.length; i<len ; i++ ){
470         id_input = selects[i].getAttribute('id')+new_key;
471         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
472     }
473
474     // textarea
475     for(var i=0,len=textareas.length; i<len ; i++ ){
476         id_input = textareas[i].getAttribute('id')+new_key;
477         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
478     }
479
480     // when cloning a subfield, reset its label too.
481     var label = clone.getElementsByTagName('label')[0];
482     label.setAttribute('for',id_input);
483
484     // setting a new if for the parent div
485     var new_id = original.getAttribute('id')+new_key;
486     clone.setAttribute('id',new_id);
487
488     // insert this line on the page
489     original.parentNode.insertBefore(clone,original.nextSibling);
490 }
491
492 /**
493  * Check mandatory subfields of a cataloging form and adds <code>missing</code> class to those who are empty.<br>
494  * @param p the parent object of subfields to check
495  * @return the number of empty mandatory subfields
496  */
497 function CheckMandatorySubfields(p){
498     var total = 0;
499     $(p).find(".subfield_line input[name='mandatory'][value='1']").each(function(i){
500         var editor = $(this).siblings("[name='field_value']");
501         if (!editor.val()) {
502             editor.addClass("missing");
503             total++;
504         }
505     });
506     return total;
507 }
508
509  $(document).ready(function() {
510     $("input.input_marceditor, input.indicator").addClass('noEnterSubmit');
511 });