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