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