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         linkid = id_input;
 292     }
 293
 294     // Handle click event on buttonDot for plugin
 295     var links  = clone.getElementsByTagName('a');
 296     if( $(links[0]).hasClass('framework_plugin') ) {
 297         var oldcontrol= original.getElementsByTagName('a')[0];
 298         AddEventHandlers( oldcontrol, links[0], linkid );
 299     }
 300
 301     if(advancedMARCEditor == '0') {
 302         // when cloning a subfield, reset its label too.
 303         var label = clone.getElementsByTagName('label')[0];
 304         label.setAttribute('for',id_input);
 305     }
 306
 307     // setting a new id for the parent div
 308     var new_id  = original.getAttribute('id')+new_key;
 309     clone.setAttribute('id',new_id);
 310
 311     try {
 312         var buttonUp = clone.getElementsByTagName('img')[0];
 313         buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");
 314         var anchors = clone.getElementsByTagName('a');
 315         if(anchors.length){
 316             for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){
 317                 if(anchors[i].getAttribute('class') == 'buttonPlus'){
 318                     anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "','" + advancedMARCEditor + "'); return false;");
 319                 } else if (anchors[i].getAttribute('class') == 'buttonMinus') {
 320                     anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "'); return false;");
 321                 }
 322             }
 323         }
 324     }
 325     catch(e){
 326         // do nothig if ButtonPlus & CloneButtonPlus don't exist.
 327     }
 328     // insert this line on the page
 329     original.parentNode.insertBefore(clone,original.nextSibling);
 330     // delete data of cloned subfield
 331     document.getElementById(linkid).value = "";
 332 }
 333
 334 function AddEventHandlers (oldcontrol, newcontrol, newinputid ) {
 335 // This function is a helper for CloneField and CloneSubfield.
 336 // It adds the event handlers from oldcontrol to newcontrol.
 337 // newinputid is the id attribute of the cloned controlling input field
 338 // Note: This code depends on the jQuery data for events; this structure
 339 // is moved to _data as of jQuery 1.8.
 340     var ev= $(oldcontrol).data('events');
 341     if(typeof ev != 'undefined') {
 342         $.each(ev, function(prop,val) {
 343             $.each(val, function(prop2,val2) {
 344                 $(newcontrol).off( val2.type );
 345                 $(newcontrol).on( val2.type, {id: newinputid}, val2.handler );
 346             });
 347         });
 348     }
 349 }
 350
 351  /**
 352  * This function removes or clears unwanted subfields
 353  */
 354 function UnCloneField(index) {
 355     var original = document.getElementById(index);
 356     var canUnclone = false;
 357     if ($(original).hasClass("tag")) {
 358         // unclone a field, check if there will remain one field
 359         var fieldCode = getFieldCode(index);
 360         // tag divs with id begining with original field code
 361         var cloneFields = $('.tag[id^="tag_'+fieldCode+'"]');
 362         if (cloneFields.length > 1) {
 363             canUnclone = true;
 364         }
 365     } else {
 366         // unclone a subfield, check if there will remain one subfield
 367         var subfieldCode = getFieldAndSubfieldCode(index);
 368         // subfield divs of same field with id begining with original field and subfield field code
 369         var cloneSubfields = $(original).parent().children('.subfield_line[id^="subfield'+subfieldCode+'"]');
 370         if (cloneSubfields.length > 1) {
 371             canUnclone = true;
 372         }
 373     }
 374     if (canUnclone) {
 375         // remove clone
 376         original.parentNode.removeChild(original);
 377     } else {
 378         // clear inputs, but don't delete
 379         $(":input.input_marceditor", original).each(function(){
 380             // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for
 381             // hint about clearing selects correctly
 382             var type = this.type;
 383             var tag = this.tagName.toLowerCase();
 384             if (type == 'text' || type == 'password' || tag == 'textarea') {
 385                 this.value = "";
 386             } else if (type == 'checkbox' || type == 'radio') {
 387                 this.checked = false;
 388             } else if (tag == 'select') {
 389                 this.selectedIndex = -1;
 390                 // required for Select2 to be able to update its control
 391                 $(this).trigger('change');
 392             }
 393         });
 394         $(":input.indicator", original).val("");
 395     }
 396 }
 397
 398 /**
 399  * This function create a random number
 400  */
 401 function CreateKey(){
 402     return parseInt(Math.random() * 100000);
 403 }
 404
 405 /**
 406  * This function allows to move a subfield up by clickink on the 'up' button .
 407  */
 408 function upSubfield(index) {
 409     try{
 410         var line = document.getElementById(index); // get the line where the user has clicked.
 411     } catch(e) {
 412         return; // this line doesn't exist...
 413     }
 414     var tag = line.parentNode; // get the dad of this line. (should be "<div id='tag_...'>")
 415
 416     // getting all subfields for this tag
 417     var subfields = tag.getElementsByTagName('div');
 418     var subfieldsLength = subfields.length;
 419
 420     if(subfieldsLength<=1) return; // nothing to do if there is just one subfield.
 421
 422     // among all subfields
 423     for(var i=0;i<subfieldsLength;i++){
 424         if(subfields[i].getAttribute('id') == index){ //looking for the subfield which is clicked :
 425             if(i==1){ // if the clicked subfield is on the top
 426                 tag.appendChild(subfields[1]);
 427                 return;
 428             } else {
 429                 var lineAbove = subfields[i-1];
 430                 tag.insertBefore(line,lineAbove);
 431                 return;
 432             }
 433         }
 434     }
 435 }
 436
 437 // FIXME :: is it used ?
 438 function unHideSubfield(index,labelindex) {
 439     subfield = document.getElementById(index);
 440     subfield.style.display = 'block';
 441     label = document.getElementById(labelindex);
 442     label.style.display='none';
 443 }
 444
 445 /* Functions developed for additem.tt */
 446
 447 /**
 448  * To clone a subfield.<br>
 449  * @param original subfield div to clone
 450  */
 451 function CloneItemSubfield(original){
 452     var clone = original.cloneNode(true);
 453     var new_key = CreateKey();
 454
 455     // set the attribute for the new 'div' subfields
 456     var inputs     = clone.getElementsByTagName('input');
 457     var selects    = clone.getElementsByTagName('select');
 458     var textareas  = clone.getElementsByTagName('textarea');
 459
 460     // input (except hidden type)
 461     var id_input = "";
 462     for(var i=0,len=inputs.length; i<len ; i++ ){
 463         if (inputs[i].getAttribute('type') != 'hidden') {
 464             id_input = inputs[i].getAttribute('id')+new_key;
 465             inputs[i].setAttribute('id',id_input);
 466         }
 467     }
 468
 469     // select
 470     for(var i=0,len=selects.length; i<len ; i++ ){
 471         id_input = selects[i].getAttribute('id')+new_key;
 472         selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);
 473     }
 474
 475     // textarea
 476     for(var i=0,len=textareas.length; i<len ; i++ ){
 477         id_input = textareas[i].getAttribute('id')+new_key;
 478         textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);
 479     }
 480
 481     // when cloning a subfield, reset its label too.
 482     var label = clone.getElementsByTagName('label')[0];
 483     label.setAttribute('for',id_input);
 484
 485     // setting a new if for the parent div
 486     var new_id = original.getAttribute('id')+new_key;
 487     clone.setAttribute('id',new_id);
 488
 489     // insert this line on the page
 490     original.parentNode.insertBefore(clone,original.nextSibling);
 491 }
 492
 493 /**
 494  * Check mandatory subfields of a cataloging form and adds <code>missing</code> class to those who are empty.<br>
 495  * @param p the parent object of subfields to check
 496  * @return the number of empty mandatory subfields
 497  */
 498 function CheckMandatorySubfields(p){
 499     var total = 0;
 500     $(p).find(".subfield_line input[name='mandatory'][value='1']").each(function(i){
 501         var editor = $(this).siblings("[name='field_value']");
 502         if (!editor.val()) {
 503             editor.addClass("missing");
 504             total++;
 505         }
 506     });
 507     return total;
 508 }
 509
 510  $(document).ready(function() {
 511     $("input.input_marceditor, input.indicator").addClass('noEnterSubmit');
 512 });