b9e0f239557f7033b6576c77f3a7e59f66550cf5
[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / 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 function openAuth(tagsubfieldid,authtype) {
37     // let's take the base of tagsubfield information (removing the indexes and the codes
38     var element=document.getElementById(tagsubfieldid);
39     var tagsubfield=getTagInputnameFilter(tagsubfieldid);
40     var elementsubfcode=getSubfieldCode(element.name);
41     var mainmainstring=element.value;
42     var mainstring="";
43     var inputs = element.parentNode.parentNode.getElementsByTagName("input");
44
45     for (var myindex =0; myindex<inputs.length;myindex++){
46         if (inputs[myindex].name && inputs[myindex].name.match(tagsubfield)){
47             var subfieldcode=getSubfieldCode(inputs[myindex].name);
48             if (isNaN(parseInt(subfieldcode)) && inputs[myindex].value != "" && subfieldcode!=elementsubfcode){
49                 mainstring=inputs[myindex].value+" "+mainstring;
50             }
51         }
52     }
53     newin=window.open("../authorities/auth_finder.pl?authtypecode="+  authtype+ "&index="+tagsubfieldid+"&value_mainstr="+encodeURI(mainmainstring)+"&value_main="+encodeURI(mainstring), "_blank",'width=700,height=550,toolbar=false,scrollbars=yes');
54 }
55
56 function ExpandField(index) {
57     var original = document.getElementById(index); //original <div>
58     var divs = original.getElementsByTagName('div');
59     for(var i=0,divslen = divs.length ; i<divslen ; i++){   // foreach div
60         if(divs[i].getAttribute('id').match(/^subfield/)){  // if it s a subfield
61             if (!divs[i].style.display) {
62                 // first time => show all subfields
63                 divs[i].style.display = 'block';
64             } else if (divs[i].style.display == 'none') {
65                 // show
66                 divs[i].style.display = 'block';
67             } else {
68                 // hide
69                 divs[i].style.display = 'none';
70             }
71         }
72     }
73 }
74 /**
75  * To clone a field
76  * @param hideMarc '0' for false, '1' for true
77  * @param advancedMARCEditor '0' for false, '1' for true
78  */
79 function CloneField(index, hideMarc, advancedMARCEditor) {
80     var original = document.getElementById(index); //original <div>
81     var clone = original.cloneNode(true);
82     var new_key = CreateKey();
83     var new_id  = original.getAttribute('id')+new_key;
84
85     clone.setAttribute('id',new_id); // setting a new id for the parent div
86
87     var divs = clone.getElementsByTagName('div');
88
89     if(hideMarc == '0') {
90         // No indicator if hide_marc
91         // setting a new name for the new indicator
92         for(var i=0; i < 2; i++) {
93             var indicator = clone.getElementsByTagName('input')[i];
94             indicator.setAttribute('name',indicator.getAttribute('name')+new_key);
95         }
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
135             if (advancedMARCEditor == '0') {
136                 // when cloning a subfield, re set its label too.
137                 var labels = divs[i].getElementsByTagName('label');
138                 labels[0].setAttribute('for',id_input);
139             }
140
141             if(hideMarc == '0') {
142                 // updating javascript parameters on button up
143                 var imgs = divs[i].getElementsByTagName('img');
144                 imgs[0].setAttribute('onclick',"upSubfield(\'"+divs[i].getAttribute('id')+"\');");
145             }
146
147             // setting its '+' and '-' buttons
148             try {
149                 var anchors = divs[i].getElementsByTagName('a');
150                 for (var j = 0; j < anchors.length; j++) {
151                     if(anchors[j].getAttribute('class') == 'buttonPlus'){
152                         anchors[j].setAttribute('onclick',"CloneSubfield('" + divs[i].getAttribute('id') + "','" + advancedMARCEditor + "'); return false;");
153                     } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
154                         anchors[j].setAttribute('onclick',"UnCloneField('" + divs[i].getAttribute('id') + "'); return false;");
155                     }
156                 }
157             }
158             catch(e){
159                 // do nothig if ButtonPlus & CloneButtonPlus don t exist.
160             }
161
162             // button ...
163             var spans=0;
164             try {
165                 spans = divs[i].getElementsByTagName('a');
166             } catch(e) {
167                 // no spans
168             }
169             if(spans){
170                 var buttonDot;
171                 if(!CloneButtonPlus){ // it s impossible to have  + ... (buttonDot AND buttonPlus)
172                     buttonDot = spans[0];
173                     if(buttonDot){
174                         // 2 possibilities :
175                         try{
176                             var buttonDotOnClick = buttonDot.getAttribute('onclick');
177                             if(buttonDotOnClick.match('Clictag')){   // -1- It s a plugin
178                                 var re = /\('.*'\)/i;
179                                 buttonDotOnClick = buttonDotOnClick.replace(re,"('"+inputs[1].getAttribute('id')+"')");
180                                 if(buttonDotOnClick){
181                                     buttonDot.setAttribute('onclick',buttonDotOnClick);
182                                 }
183                             } else {
184                                 if(buttonDotOnClick.match('Dopop')) {  // -2- It's a auth value
185                                     var re1 = /&index=.*',/;
186                                     var re2 = /,.*\)/;
187
188                                     buttonDotOnClick = buttonDotOnClick.replace(re1,"&index="+inputs[1].getAttribute('id')+"',");
189                                     buttonDotOnClick = buttonDotOnClick.replace(re2,",'"+inputs[1].getAttribute('id')+"')");
190
191                                     if(buttonDotOnClick){
192                                             buttonDot.setAttribute('onclick',buttonDotOnClick);
193                                     }
194                                 }
195                             }
196                             try {
197                                 // do not copy the script section.
198                                 var script = spans[0].getElementsByTagName('script')[0];
199                                 spans[0].removeChild(script);
200                             } catch(e) {
201                                 // do nothing if there is no script
202                             }
203                         }catch(e){}
204                     }
205                 }
206             }
207             if(hideMarc == '0') {
208                 var buttonUp = divs[i].getElementsByTagName('img')[0];
209                 buttonUp.setAttribute('onclick',"upSubfield('" + divs[i].getAttribute('id') + "')");
210             }
211
212         } else { // it's a indicator div
213             if(divs[i].getAttribute('id').match(/^div_indicator/)){
214
215                 // setting a new id for the indicator div
216                 divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);
217
218                 var inputs = divs[i].getElementsByTagName('input');
219                 inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
220                 inputs[1].setAttribute('id',inputs[1].getAttribute('id')+new_key);
221
222                 var CloneButtonPlus;
223                 try {
224                     var anchors = divs[i].getElementsByTagName('a');
225                     for (var j = 0; j < anchors.length; j++) {
226                         if (anchors[j].getAttribute('class') == 'buttonPlus') {
227                             anchors[j].setAttribute('onclick',"CloneField('" + new_id + "','" + hideMarc + "','" + advancedMARCEditor + "'); return false;");
228                         } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
229                             anchors[j].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
230                         } else if (anchors[j].getAttribute('class') == 'expandfield') {
231                             anchors[j].setAttribute('onclick',"ExpandField('" + new_id + "'); return false;");
232                         }
233                     }
234                 }
235                 catch(e){
236                     // do nothig CloneButtonPlus doesn't exist.
237                 }
238
239             }
240         }
241     }
242
243     // insert this line on the page
244     original.parentNode.insertBefore(clone,original.nextSibling);
245 }
246
247 /**
248  * To clone a subfield
249  * @param index
250  * @param advancedMARCEditor '0' for false, '1' for true
251  */
252 function CloneSubfield(index, advancedMARCEditor){
253     var original = document.getElementById(index); //original <div>
254     var clone = original.cloneNode(true);
255     var new_key = CreateKey();
256
257     // set the attribute for the new 'div' subfields
258     var inputs     = clone.getElementsByTagName('input');
259     var selects    = clone.getElementsByTagName('select');
260     var textareas  = clone.getElementsByTagName('textarea');
261     var linkid;
262
263     // input
264     var id_input = "";
265     for(var i=0,len=inputs.length; i<len ; i++ ){
266         id_input = inputs[i].getAttribute('id')+new_key;
267         inputs[i].setAttribute('id',id_input);
268         inputs[i].setAttribute('name',inputs[i].getAttribute('name')+new_key);
269         linkid = id_input;
270     }
271
272     // select
273     for(var i=0,len=selects.length; i<len ; i++ ){
274         id_input = selects[i].getAttribute('id')+new_key;
275         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
276         selects[i].setAttribute('name',selects[i].getAttribute('name')+new_key);
277     }
278
279     // textarea
280     for(var i=0,len=textareas.length; i<len ; i++ ){
281         id_input = textareas[i].getAttribute('id')+new_key;
282         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
283         textareas[i].setAttribute('name',textareas[i].getAttribute('name')+new_key);
284     }
285
286     // Changing the "..." link's onclick attribute for plugin callback
287     var links  = clone.getElementsByTagName('a');
288     var link = links[0];
289     var buttonDotOnClick = link.getAttribute('onclick');
290     if(buttonDotOnClick.match('Clictag')){   // -1- It s a plugin
291     var re = /\('.*'\)/i;
292         buttonDotOnClick = buttonDotOnClick.replace(re,"('"+linkid+"')");
293         if(buttonDotOnClick){
294         link.setAttribute('onclick',buttonDotOnClick);
295         }
296     }
297
298     if(advancedMARCEditor == '0') {
299         // when cloning a subfield, reset its label too.
300         var label = clone.getElementsByTagName('label')[0];
301         label.setAttribute('for',id_input);
302     }
303
304     // setting a new id for the parent div
305     var new_id  = original.getAttribute('id')+new_key;
306     clone.setAttribute('id',new_id);
307
308     try {
309         var buttonUp = clone.getElementsByTagName('img')[0];
310         buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");
311         var anchors = clone.getElementsByTagName('a');
312         if(anchors.length){
313             for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){
314                 if(anchors[i].getAttribute('class') == 'buttonPlus'){
315                     anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "','" + advancedMARCEditor + "'); return false;");
316                 } else if (anchors[i].getAttribute('class') == 'buttonMinus') {
317                     anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
318                 }
319             }
320         }
321     }
322     catch(e){
323         // do nothig if ButtonPlus & CloneButtonPlus don't exist.
324     }
325     // insert this line on the page
326     original.parentNode.insertBefore(clone,original.nextSibling);
327 }
328
329  /**
330  * This function removes or clears unwanted subfields
331  */
332 function UnCloneField(index) {
333     var original = document.getElementById(index);
334     var canUnclone = false;
335     if ($(original).hasClass("tag")) {
336         // unclone a field, check if there will remain one field
337         var fieldCode = getFieldCode(index);
338         // tag divs with id begining with original field code
339         var cloneFields = $('.tag[id^="tag_'+fieldCode+'"]');
340         if (cloneFields.length > 1) {
341             canUnclone = true;
342         }
343     } else {
344         // unclone a subfield, check if there will remain one subfield
345         var subfieldCode = getFieldAndSubfieldCode(index);
346         // subfield divs with id begining with original field and subfield field code
347         var cloneSubfields = $('.subfield_line[id^="subfield'+subfieldCode+'"]');
348         if (cloneSubfields.length > 1) {
349             canUnclone = true;
350         }
351     }
352     if (canUnclone) {
353         // remove clone
354         original.parentNode.removeChild(original);
355     } else {
356         // clear inputs, but don't delete
357         $(":input.input_marceditor", original).each(function(){
358             // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for
359             // hint about clearing selects correctly
360             var type = this.type;
361             var tag = this.tagName.toLowerCase();
362             if (type == 'text' || type == 'password' || tag == 'textarea') {
363                 this.value = "";
364             } else if (type == 'checkbox' || type == 'radio') {
365                 this.checked = false;
366             } else if (tag == 'select') {
367                 this.selectedIndex = -1;
368             }
369         });
370         $(":input.indicator", original).val("");
371     }
372 }
373
374 /**
375  * This function create a random number
376  */
377 function CreateKey(){
378     return parseInt(Math.random() * 100000);
379 }
380
381 /**
382  * This function allows to move a subfield up by clickink on the 'up' button .
383  */
384 function upSubfield(index) {
385     try{
386         var line = document.getElementById(index); // get the line where the user has clicked.
387     } catch(e) {
388         return; // this line doesn't exist...
389     }
390     var tag = line.parentNode; // get the dad of this line. (should be "<div id='tag_...'>")
391
392     // getting all subfields for this tag
393     var subfields = tag.getElementsByTagName('div');
394     var subfieldsLength = subfields.length;
395
396     if(subfieldsLength<=1) return; // nothing to do if there is just one subfield.
397
398     // among all subfields
399     for(var i=0;i<subfieldsLength;i++){
400         if(subfields[i].getAttribute('id') == index){ //looking for the subfield which is clicked :
401             if(i==1){ // if the clicked subfield is on the top
402                 tag.appendChild(subfields[1]);
403                 return;
404             } else {
405                 var lineAbove = subfields[i-1];
406                 tag.insertBefore(line,lineAbove);
407                 return;
408             }
409         }
410     }
411 }
412
413 // FIXME :: is it used ?
414 function unHideSubfield(index,labelindex) {
415     subfield = document.getElementById(index);
416     subfield.style.display = 'block';
417     label = document.getElementById(labelindex);
418     label.style.display='none';
419 }
420
421 /* Functions developed for additem.tt */
422
423 /**
424  * To clone a subfield.<br>
425  * @param original subfield div to clone
426  */
427 function CloneItemSubfield(original){
428     var clone = original.cloneNode(true);
429     var new_key = CreateKey();
430
431     // set the attribute for the new 'div' subfields
432     var inputs     = clone.getElementsByTagName('input');
433     var selects    = clone.getElementsByTagName('select');
434     var textareas  = clone.getElementsByTagName('textarea');
435
436     // input (except hidden type)
437     var id_input = "";
438     for(var i=0,len=inputs.length; i<len ; i++ ){
439         if (inputs[i].getAttribute('type') != 'hidden') {
440             id_input = inputs[i].getAttribute('id')+new_key;
441             inputs[i].setAttribute('id',id_input);
442         }
443     }
444
445     // select
446     for(var i=0,len=selects.length; i<len ; i++ ){
447         id_input = selects[i].getAttribute('id')+new_key;
448         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
449     }
450
451     // textarea
452     for(var i=0,len=textareas.length; i<len ; i++ ){
453         id_input = textareas[i].getAttribute('id')+new_key;
454         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
455     }
456
457     // when cloning a subfield, reset its label too.
458     var label = clone.getElementsByTagName('label')[0];
459     label.setAttribute('for',id_input);
460
461     // setting a new if for the parent div
462     var new_id = original.getAttribute('id')+new_key;
463     clone.setAttribute('id',new_id);
464
465     // insert this line on the page
466     original.parentNode.insertBefore(clone,original.nextSibling);
467 }