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