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