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                 var inputs = divs[i].getElementsByTagName('input');
 215                 inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);
 216                 inputs[1].setAttribute('id',inputs[1].getAttribute('id')+new_key);
 217
 218                 var CloneButtonPlus;
 219                 try {
 220                     var anchors = divs[i].getElementsByTagName('a');
 221                     for (var j = 0; j < anchors.length; j++) {
 222                         if (anchors[j].getAttribute('class') == 'buttonPlus') {
 223                             anchors[j].setAttribute('onclick',"CloneField('" + new_id + "','" + hideMarc + "','" + advancedMARCEditor + "'); return false;");
 224                         } else if (anchors[j].getAttribute('class') == 'buttonMinus') {
 225                             anchors[j].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
 226                         } else if (anchors[j].getAttribute('class') == 'expandfield') {
 227                             anchors[j].setAttribute('onclick',"ExpandField('" + new_id + "'); return false;");
 228                         }
 229                     }
 230                 }
 231                 catch(e){
 232                     // do nothig CloneButtonPlus doesn't exist.
 233                 }
 234
 235             }
 236         }
 237     }
 238
 239     // insert this line on the page
 240     original.parentNode.insertBefore(clone,original.nextSibling);
 241 }
 242
 243 /**
 244  * To clone a subfield
 245  * @param index
 246  * @param advancedMARCEditor '0' for false, '1' for true
 247  */
 248 function CloneSubfield(index, advancedMARCEditor){
 249     var original = document.getElementById(index); //original <div>
 250     var clone = original.cloneNode(true);
 251     var new_key = CreateKey();
 252
 253     // set the attribute for the new 'div' subfields
 254     var inputs     = clone.getElementsByTagName('input');
 255     var selects    = clone.getElementsByTagName('select');
 256     var textareas  = clone.getElementsByTagName('textarea');
 257     var linkid;
 258
 259     // input
 260     var id_input = "";
 261     for(var i=0,len=inputs.length; i<len ; i++ ){
 262         id_input = inputs[i].getAttribute('id')+new_key;
 263         inputs[i].setAttribute('id',id_input);
 264         inputs[i].setAttribute('name',inputs[i].getAttribute('name')+new_key);
 265         linkid = id_input;
 266     }
 267
 268     // select
 269     for(var i=0,len=selects.length; i<len ; i++ ){
 270         id_input = selects[i].getAttribute('id')+new_key;
 271         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
 272         selects[i].setAttribute('name',selects[i].getAttribute('name')+new_key);
 273     }
 274
 275     // textarea
 276     for(var i=0,len=textareas.length; i<len ; i++ ){
 277         id_input = textareas[i].getAttribute('id')+new_key;
 278         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
 279         textareas[i].setAttribute('name',textareas[i].getAttribute('name')+new_key);
 280     }
 281
 282     // Changing the "..." link's onclick attribute for plugin callback
 283     var links  = clone.getElementsByTagName('a');
 284     var link = links[0];
 285     var buttonDotOnClick = link.getAttribute('onclick');
 286     if(buttonDotOnClick.match('Clictag')){   // -1- It s a plugin
 287     var re = /\('.*'\)/i;
 288         buttonDotOnClick = buttonDotOnClick.replace(re,"('"+linkid+"')");
 289         if(buttonDotOnClick){
 290         link.setAttribute('onclick',buttonDotOnClick);
 291         }
 292     }
 293
 294     if(advancedMARCEditor == '0') {
 295         // when cloning a subfield, reset its label too.
 296         var label = clone.getElementsByTagName('label')[0];
 297         label.setAttribute('for',id_input);
 298     }
 299
 300     // setting a new id for the parent div
 301     var new_id  = original.getAttribute('id')+new_key;
 302     clone.setAttribute('id',new_id);
 303
 304     try {
 305         var buttonUp = clone.getElementsByTagName('img')[0];
 306         buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");
 307         var anchors = clone.getElementsByTagName('a');
 308         if(anchors.length){
 309             for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){
 310                 if(anchors[i].getAttribute('class') == 'buttonPlus'){
 311                     anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "','" + advancedMARCEditor + "'); return false;");
 312                 } else if (anchors[i].getAttribute('class') == 'buttonMinus') {
 313                     anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
 314                 }
 315             }
 316         }
 317     }
 318     catch(e){
 319         // do nothig if ButtonPlus & CloneButtonPlus don't exist.
 320     }
 321     // insert this line on the page
 322     original.parentNode.insertBefore(clone,original.nextSibling);
 323 }
 324
 325  /**
 326  * This function removes or clears unwanted subfields
 327  */
 328 function UnCloneField(index) {
 329     var original = document.getElementById(index);
 330     var canUnclone = false;
 331     if ($(original).hasClass("tag")) {
 332         // unclone a field, check if there will remain one field
 333         var fieldCode = getFieldCode(index);
 334         // tag divs with id begining with original field code
 335         var cloneFields = $('.tag[id^="tag_'+fieldCode+'"]');
 336         if (cloneFields.length > 1) {
 337             canUnclone = true;
 338         }
 339     } else {
 340         // unclone a subfield, check if there will remain one subfield
 341         var subfieldCode = getFieldAndSubfieldCode(index);
 342         // subfield divs with id begining with original field and subfield field code
 343         var cloneSubfields = $('.subfield_line[id^="subfield'+subfieldCode+'"]');
 344         if (cloneSubfields.length > 1) {
 345             canUnclone = true;
 346         }
 347     }
 348     if (canUnclone) {
 349         // remove clone
 350         original.parentNode.removeChild(original);
 351     } else {
 352         // clear inputs, but don't delete
 353         $(":input.input_marceditor", original).each(function(){
 354             // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for
 355             // hint about clearing selects correctly
 356             var type = this.type;
 357             var tag = this.tagName.toLowerCase();
 358             if (type == 'text' || type == 'password' || tag == 'textarea') {
 359                 this.value = "";
 360             } else if (type == 'checkbox' || type == 'radio') {
 361                 this.checked = false;
 362             } else if (tag == 'select') {
 363                 this.selectedIndex = -1;
 364             }
 365         });
 366         $(":input.indicator", original).val("");
 367     }
 368 }
 369
 370 /**
 371  * This function create a random number
 372  */
 373 function CreateKey(){
 374     return parseInt(Math.random() * 100000);
 375 }
 376
 377 /**
 378  * This function allows to move a subfield up by clickink on the 'up' button .
 379  */
 380 function upSubfield(index) {
 381     try{
 382         var line = document.getElementById(index); // get the line where the user has clicked.
 383     } catch(e) {
 384         return; // this line doesn't exist...
 385     }
 386     var tag = line.parentNode; // get the dad of this line. (should be "<div id='tag_...'>")
 387
 388     // getting all subfields for this tag
 389     var subfields = tag.getElementsByTagName('div');
 390     var subfieldsLength = subfields.length;
 391
 392     if(subfieldsLength<=1) return; // nothing to do if there is just one subfield.
 393
 394     // among all subfields
 395     for(var i=0;i<subfieldsLength;i++){
 396         if(subfields[i].getAttribute('id') == index){ //looking for the subfield which is clicked :
 397             if(i==1){ // if the clicked subfield is on the top
 398                 tag.appendChild(subfields[1]);
 399                 return;
 400             } else {
 401                 var lineAbove = subfields[i-1];
 402                 tag.insertBefore(line,lineAbove);
 403                 return;
 404             }
 405         }
 406     }
 407 }
 408
 409 // FIXME :: is it used ?
 410 function unHideSubfield(index,labelindex) {
 411     subfield = document.getElementById(index);
 412     subfield.style.display = 'block';
 413     label = document.getElementById(labelindex);
 414     label.style.display='none';
 415 }
 416
 417 /* Functions developed for additem.tt */
 418
 419 /**
 420  * To clone a subfield.<br>
 421  * @param original subfield div to clone
 422  */
 423 function CloneItemSubfield(original){
 424     var clone = original.cloneNode(true);
 425     var new_key = CreateKey();
 426
 427     // set the attribute for the new 'div' subfields
 428     var inputs     = clone.getElementsByTagName('input');
 429     var selects    = clone.getElementsByTagName('select');
 430     var textareas  = clone.getElementsByTagName('textarea');
 431
 432     // input (except hidden type)
 433     var id_input = "";
 434     for(var i=0,len=inputs.length; i<len ; i++ ){
 435         if (inputs[i].getAttribute('type') != 'hidden') {
 436             id_input = inputs[i].getAttribute('id')+new_key;
 437             inputs[i].setAttribute('id',id_input);
 438         }
 439     }
 440
 441     // select
 442     for(var i=0,len=selects.length; i<len ; i++ ){
 443         id_input = selects[i].getAttribute('id')+new_key;
 444         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
 445     }
 446
 447     // textarea
 448     for(var i=0,len=textareas.length; i<len ; i++ ){
 449         id_input = textareas[i].getAttribute('id')+new_key;
 450         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
 451     }
 452
 453     // when cloning a subfield, reset its label too.
 454     var label = clone.getElementsByTagName('label')[0];
 455     label.setAttribute('for',id_input);
 456
 457     // setting a new if for the parent div
 458     var new_id = original.getAttribute('id')+new_key;
 459     clone.setAttribute('id',new_id);
 460
 461     // insert this line on the page
 462     original.parentNode.insertBefore(clone,original.nextSibling);
 463 }