koha-tmpl/intranet-tmpl/prog/js/datatables.js

   1 // These default options are for translation but can be used
   2 // for any other datatables settings
   3 // To use it, write:
   4 //  $("#table_id").dataTable($.extend(true, {}, dataTableDefaults, {
   5 //      // other settings
   6 //  } ) );
   7 var dataTablesDefaults = {
   8     "language": {
   9         "paginate": {
  10             "first"    : __('First'),
  11             "last"     : __('Last'),
  12             "next"     : __('Next'),
  13             "previous" : __('Previous'),
  14         },
  15         "emptyTable"       : __('No data available in table'),
  16         "info"             : __('Showing _START_ to _END_ of _TOTAL_ entries'),
  17         "infoEmpty"        : __('No entries to show'),
  18         "infoFiltered"     : __('(filtered from _MAX_ total entries)'),
  19         "lengthMenu"       : __('Show _MENU_ entries'),
  20         "loadingRecords"   : __('Loading...'),
  21         "processing"       : __('Processing...'),
  22         "search"           : __('Search:'),
  23         "zeroRecords"      : __('No matching records found'),
  24         buttons: {
  25             "copyTitle"     : __('Copy to clipboard'),
  26             "copyKeys"      : __('Press <i>ctrl</i> or <i>⌘</i> + <i>C</i> to copy the table data<br>to your system clipboard.<br><br>To cancel, click this message or press escape.'),
  27             "copySuccess": {
  28                 _: __('Copied %d rows to clipboard'),
  29                 1: __('Copied one row to clipboard'),
  30             }
  31         }
  32     },
  33     "dom": '<"dt-info"i><"top pager"<"table_entries"lp><"table_controls"fB>>tr<"bottom pager"ip>',
  34     "buttons": [{
  35         fade: 100,
  36         className: "dt_button_clear_filter",
  37         titleAttr: __('Clear filter'),
  38         enabled: false,
  39         text: '<i class="fa fa-lg fa-times"></i> <span class="dt-button-text">' + __('Clear filter') + '</span>',
  40         available: function ( dt ) {
  41             // The "clear filter" button is made available if this test returns true
  42             if( dt.settings()[0].aanFeatures.f ){ // aanFeatures.f is null if there is no search form
  43                 return true;
  44             }
  45         },
  46         action: function ( e, dt, node ) {
  47             dt.search( "" ).draw("page");
  48             node.addClass("disabled");
  49         }
  50     }],
  51     "lengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, __('All')]],
  52     "pageLength": 20,
  53     "fixedHeader": true,
  54     initComplete: function( settings) {
  55         var tableId = settings.nTable.id
  56         var state =  settings.oLoadedState;
  57         state && toggledClearFilter(state.search.search, tableId);
  58         // When the DataTables search function is triggered,
  59         // enable or disable the "Clear filter" button based on
  60         // the presence of a search string
  61         $(this).on( 'search.dt', function ( e, settings ) {
  62             toggledClearFilter(settings.oPreviousSearch.sSearch, tableId);
  63         });
  64     }
  65 };
  66
  67 function toggledClearFilter(searchText, tableId){
  68     if( searchText == "" ){
  69         $("#" + tableId + "_wrapper").find(".dt_button_clear_filter").addClass("disabled");
  70     } else {
  71         $("#" + tableId + "_wrapper").find(".dt_button_clear_filter").removeClass("disabled");
  72     }
  73 }
  74
  75
  76 // Return an array of string containing the values of a particular column
  77 $.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
  78     // check that we have a column id
  79     if ( typeof iColumn == "undefined" ) return new Array();
  80     // by default we only wany unique data
  81     if ( typeof bUnique == "undefined" ) bUnique = true;
  82     // by default we do want to only look at filtered data
  83     if ( typeof bFiltered == "undefined" ) bFiltered = true;
  84     // by default we do not wany to include empty values
  85     if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true;
  86     // list of rows which we're going to loop through
  87     var aiRows;
  88     // use only filtered rows
  89     if (bFiltered == true) aiRows = oSettings.aiDisplay;
  90     // use all rows
  91     else aiRows = oSettings.aiDisplayMaster; // all row numbers
  92
  93     // set up data array
  94     var asResultData = new Array();
  95     for (var i=0,c=aiRows.length; i<c; i++) {
  96         iRow = aiRows[i];
  97         var aData = this.fnGetData(iRow);
  98         var sValue = aData[iColumn];
  99         // ignore empty values?
 100         if (bIgnoreEmpty == true && sValue.length == 0) continue;
 101         // ignore unique values?
 102         else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue;
 103         // else push the value onto the result data array
 104         else asResultData.push(sValue);
 105     }
 106     return asResultData;
 107 }
 108
 109 // List of unbind keys (Ctrl, Alt, Direction keys, etc.)
 110 // These keys must not launch filtering
 111 var blacklist_keys = new Array(0, 16, 17, 18, 37, 38, 39, 40);
 112
 113 // Set a filtering delay for global search field
 114 jQuery.fn.dataTableExt.oApi.fnSetFilteringDelay = function ( oSettings, iDelay ) {
 115     /*
 116      * Inputs:      object:oSettings - dataTables settings object - automatically given
 117      *              integer:iDelay - delay in milliseconds
 118      * Usage:       $('#example').dataTable().fnSetFilteringDelay(250);
 119      * Author:      Zygimantas Berziunas (www.zygimantas.com) and Allan Jardine
 120      * License:     GPL v2 or BSD 3 point style
 121      * Contact:     zygimantas.berziunas /AT\ hotmail.com
 122      */
 123     var
 124         _that = this,
 125         iDelay = (typeof iDelay == 'undefined') ? 250 : iDelay;
 126
 127     this.each( function ( i ) {
 128         $.fn.dataTableExt.iApiIndex = i;
 129         var
 130             $this = this,
 131             oTimerId = null,
 132             sPreviousSearch = null,
 133             anControl = $( 'input', _that.fnSettings().aanFeatures.f );
 134
 135         anControl.unbind( 'keyup.DT' ).bind( 'keyup.DT', function(event) {
 136             var $$this = $this;
 137             if (blacklist_keys.indexOf(event.keyCode) != -1) {
 138                 return this;
 139             }else if ( event.keyCode == '13' ) {
 140                 $.fn.dataTableExt.iApiIndex = i;
 141                 _that.fnFilter( $(this).val() );
 142             } else {
 143                 if (sPreviousSearch === null || sPreviousSearch != anControl.val()) {
 144                     window.clearTimeout(oTimerId);
 145                     sPreviousSearch = anControl.val();
 146                     oTimerId = window.setTimeout(function() {
 147                         $.fn.dataTableExt.iApiIndex = i;
 148                         _that.fnFilter( anControl.val() );
 149                     }, iDelay);
 150                 }
 151             }
 152         });
 153
 154         return this;
 155     } );
 156     return this;
 157 }
 158
 159 // Add a filtering delay on general search and on all input (with a class 'filter')
 160 jQuery.fn.dataTableExt.oApi.fnAddFilters = function ( oSettings, sClass, iDelay ) {
 161     var table = this;
 162     this.fnSetFilteringDelay(iDelay);
 163     var filterTimerId = null;
 164     $(table).find("input."+sClass).keyup(function(event) {
 165       if (blacklist_keys.indexOf(event.keyCode) != -1) {
 166         return this;
 167       }else if ( event.keyCode == '13' ) {
 168         table.fnFilter( $(this).val(), $(this).attr('data-column_num') );
 169       } else {
 170         window.clearTimeout(filterTimerId);
 171         var input = this;
 172         filterTimerId = window.setTimeout(function() {
 173           table.fnFilter($(input).val(), $(input).attr('data-column_num'));
 174         }, iDelay);
 175       }
 176     });
 177     $(table).find("select."+sClass).on('change', function() {
 178         table.fnFilter($(this).val(), $(this).attr('data-column_num'));
 179     });
 180 }
 181
 182 // Sorting on html contains
 183 // <a href="foo.pl">bar</a> sort on 'bar'
 184 function dt_overwrite_html_sorting_localeCompare() {
 185     jQuery.fn.dataTableExt.oSort['html-asc']  = function(a,b) {
 186         a = a.replace(/<.*?>/g, "").replace(/\s+/g, " ");
 187         b = b.replace(/<.*?>/g, "").replace(/\s+/g, " ");
 188         if (typeof(a.localeCompare == "function")) {
 189            return a.localeCompare(b);
 190         } else {
 191            return (a > b) ? 1 : ((a < b) ? -1 : 0);
 192         }
 193     };
 194
 195     jQuery.fn.dataTableExt.oSort['html-desc'] = function(a,b) {
 196         a = a.replace(/<.*?>/g, "").replace(/\s+/g, " ");
 197         b = b.replace(/<.*?>/g, "").replace(/\s+/g, " ");
 198         if(typeof(b.localeCompare == "function")) {
 199             return b.localeCompare(a);
 200         } else {
 201             return (b > a) ? 1 : ((b < a) ? -1 : 0);
 202         }
 203     };
 204
 205     jQuery.fn.dataTableExt.oSort['num-html-asc']  = function(a,b) {
 206         var x = a.replace( /<.*?>/g, "" );
 207         var y = b.replace( /<.*?>/g, "" );
 208         x = parseFloat( x );
 209         y = parseFloat( y );
 210         return ((x < y) ? -1 : ((x > y) ?  1 : 0));
 211     };
 212
 213     jQuery.fn.dataTableExt.oSort['num-html-desc'] = function(a,b) {
 214         var x = a.replace( /<.*?>/g, "" );
 215         var y = b.replace( /<.*?>/g, "" );
 216         x = parseFloat( x );
 217         y = parseFloat( y );
 218         return ((x < y) ?  1 : ((x > y) ? -1 : 0));
 219     };
 220 }
 221
 222 $.fn.dataTableExt.oSort['num-html-asc']  = function(a,b) {
 223     var x = a.replace( /<.*?>/g, "" );
 224     var y = b.replace( /<.*?>/g, "" );
 225     x = parseFloat( x );
 226     y = parseFloat( y );
 227     return ((x < y) ? -1 : ((x > y) ?  1 : 0));
 228 };
 229
 230 $.fn.dataTableExt.oSort['num-html-desc'] = function(a,b) {
 231     var x = a.replace( /<.*?>/g, "" );
 232     var y = b.replace( /<.*?>/g, "" );
 233     x = parseFloat( x );
 234     y = parseFloat( y );
 235     return ((x < y) ?  1 : ((x > y) ? -1 : 0));
 236 };
 237
 238 (function() {
 239
 240 /*
 241  * Natural Sort algorithm for Javascript - Version 0.7 - Released under MIT license
 242  * Author: Jim Palmer (based on chunking idea from Dave Koelle)
 243  * Contributors: Mike Grier (mgrier.com), Clint Priest, Kyle Adams, guillermo
 244  * See: http://js-naturalsort.googlecode.com/svn/trunk/naturalSort.js
 245  */
 246 function naturalSort (a, b) {
 247     var re = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?$|^0x[0-9a-f]+$|[0-9]+)/gi,
 248         sre = /(^[ ]*|[ ]*$)/g,
 249         dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/,
 250         hre = /^0x[0-9a-f]+$/i,
 251         ore = /^0/,
 252         // convert all to strings and trim()
 253         x = a.toString().replace(sre, '') || '',
 254         y = b.toString().replace(sre, '') || '',
 255         // chunk/tokenize
 256         xN = x.replace(re, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
 257         yN = y.replace(re, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
 258         // numeric, hex or date detection
 259         xD = parseInt(x.match(hre), 10) || (xN.length != 1 && x.match(dre) && Date.parse(x)),
 260         yD = parseInt(y.match(hre), 10) || xD && y.match(dre) && Date.parse(y) || null;
 261     // first try and sort Hex codes or Dates
 262     if (yD)
 263         if ( xD < yD ) return -1;
 264         else if ( xD > yD )  return 1;
 265     // natural sorting through split numeric strings and default strings
 266     for(var cLoc=0, numS=Math.max(xN.length, yN.length); cLoc < numS; cLoc++) {
 267         // find floats not starting with '0', string or 0 if not defined (Clint Priest)
 268         var oFxNcL = !(xN[cLoc] || '').match(ore) && parseFloat(xN[cLoc]) || xN[cLoc] || 0;
 269         var oFyNcL = !(yN[cLoc] || '').match(ore) && parseFloat(yN[cLoc]) || yN[cLoc] || 0;
 270         // handle numeric vs string comparison - number < string - (Kyle Adams)
 271         if (isNaN(oFxNcL) !== isNaN(oFyNcL)) return (isNaN(oFxNcL)) ? 1 : -1;
 272         // rely on string comparison if different types - i.e. '02' < 2 != '02' < '2'
 273         else if (typeof oFxNcL !== typeof oFyNcL) {
 274             oFxNcL += '';
 275             oFyNcL += '';
 276         }
 277         if (oFxNcL < oFyNcL) return -1;
 278         if (oFxNcL > oFyNcL) return 1;
 279     }
 280     return 0;
 281 }
 282
 283 jQuery.extend( jQuery.fn.dataTableExt.oSort, {
 284     "natural-asc": function ( a, b ) {
 285         return naturalSort(a,b);
 286     },
 287
 288     "natural-desc": function ( a, b ) {
 289         return naturalSort(a,b) * -1;
 290     }
 291 } );
 292
 293 }());
 294
 295 /* Plugin to allow sorting on data stored in a span's title attribute
 296  *
 297  * Ex: <td><span title="[% ISO_date %]">[% formatted_date %]</span></td>
 298  *
 299  * In DataTables config:
 300  *     "aoColumns": [
 301  *        { "sType": "title-string" },
 302  *      ]
 303  * http://datatables.net/plug-ins/sorting#hidden_title_string
 304  */
 305 jQuery.extend( jQuery.fn.dataTableExt.oSort, {
 306     "title-string-pre": function ( a ) {
 307         var m = a.match(/title="(.*?)"/);
 308         if ( null !== m && m.length ) {
 309             return m[1].toLowerCase();
 310         }
 311         return "";
 312     },
 313
 314     "title-string-asc": function ( a, b ) {
 315         return ((a < b) ? -1 : ((a > b) ? 1 : 0));
 316     },
 317
 318     "title-string-desc": function ( a, b ) {
 319         return ((a < b) ? 1 : ((a > b) ? -1 : 0));
 320     }
 321 } );
 322
 323 (function() {
 324
 325     /* Plugin to allow text sorting to ignore articles
 326      *
 327      * In DataTables config:
 328      *     "aoColumns": [
 329      *        { "sType": "anti-the" },
 330      *      ]
 331      * Based on the plugin found here:
 332      * http://datatables.net/plug-ins/sorting#anti_the
 333      * Modified to exclude HTML tags from sorting
 334      * Extended to accept a string of space-separated articles
 335      * from a configuration file (in English, "a," "an," and "the")
 336      */
 337
 338     var config_exclude_articles_from_sort = __('a an the');
 339     if (config_exclude_articles_from_sort){
 340         var articles = config_exclude_articles_from_sort.split(" ");
 341         var rpattern = "";
 342         for(i=0;i<articles.length;i++){
 343             rpattern += "^" + articles[i] + " ";
 344             if(i < articles.length - 1){ rpattern += "|"; }
 345         }
 346         var re = new RegExp(rpattern, "i");
 347     }
 348
 349     jQuery.extend( jQuery.fn.dataTableExt.oSort, {
 350         "anti-the-pre": function ( a ) {
 351             var x = String(a).replace( /<[\s\S]*?>/g, "" );
 352             var y = x.trim();
 353             var z = y.replace(re, "").toLowerCase();
 354             return z;
 355         },
 356
 357         "anti-the-asc": function ( a, b ) {
 358             return ((a < b) ? -1 : ((a > b) ? 1 : 0));
 359         },
 360
 361         "anti-the-desc": function ( a, b ) {
 362             return ((a < b) ? 1 : ((a > b) ? -1 : 0));
 363         }
 364     });
 365
 366 }());
 367
 368 // Remove string between NSB NSB characters
 369 $.fn.dataTableExt.oSort['nsb-nse-asc'] = function(a,b) {
 370     var pattern = new RegExp("\x88.*\x89");
 371     a = a.replace(pattern, "");
 372     b = b.replace(pattern, "");
 373     return (a > b) ? 1 : ((a < b) ? -1 : 0);
 374 }
 375 $.fn.dataTableExt.oSort['nsb-nse-desc'] = function(a,b) {
 376     var pattern = new RegExp("\x88.*\x89");
 377     a = a.replace(pattern, "");
 378     b = b.replace(pattern, "");
 379     return (b > a) ? 1 : ((b < a) ? -1 : 0);
 380 }
 381
 382 /* Define two custom functions (asc and desc) for basket callnumber sorting */
 383 jQuery.fn.dataTableExt.oSort['callnumbers-asc']  = function(x,y) {
 384         var x_array = x.split("<div>");
 385         var y_array = y.split("<div>");
 386
 387         /* Pop the first elements, they are empty strings */
 388         x_array.shift();
 389         y_array.shift();
 390
 391         x_array = jQuery.map( x_array, function( a ) {
 392             return parse_callnumber( a );
 393         });
 394         y_array = jQuery.map( y_array, function( a ) {
 395             return parse_callnumber( a );
 396         });
 397
 398         x_array.sort();
 399         y_array.sort();
 400
 401         x = x_array.shift();
 402         y = y_array.shift();
 403
 404         if ( !x ) { x = ""; }
 405         if ( !y ) { y = ""; }
 406
 407         return ((x < y) ? -1 : ((x > y) ?  1 : 0));
 408 };
 409
 410 jQuery.fn.dataTableExt.oSort['callnumbers-desc'] = function(x,y) {
 411         var x_array = x.split("<div>");
 412         var y_array = y.split("<div>");
 413
 414         /* Pop the first elements, they are empty strings */
 415         x_array.shift();
 416         y_array.shift();
 417
 418         x_array = jQuery.map( x_array, function( a ) {
 419             return parse_callnumber( a );
 420         });
 421         y_array = jQuery.map( y_array, function( a ) {
 422             return parse_callnumber( a );
 423         });
 424
 425         x_array.sort();
 426         y_array.sort();
 427
 428         x = x_array.pop();
 429         y = y_array.pop();
 430
 431         if ( !x ) { x = ""; }
 432         if ( !y ) { y = ""; }
 433
 434         return ((x < y) ?  1 : ((x > y) ? -1 : 0));
 435 };
 436
 437 function parse_callnumber ( html ) {
 438     var array = html.split('<span class="callnumber">');
 439     if ( array[1] ) {
 440         array = array[1].split('</span>');
 441         return array[0];
 442     } else {
 443         return "";
 444     }
 445 }
 446
 447 // see http://www.datatables.net/examples/advanced_init/footer_callback.html
 448 function footer_column_sum( api, column_numbers ) {
 449     // Remove the formatting to get integer data for summation
 450     var intVal = function ( i ) {
 451         if ( typeof i === 'number' ) {
 452             if ( isNaN(i) ) return 0;
 453             return i;
 454         } else if ( typeof i === 'string' ) {
 455             var value = i.replace(/[a-zA-Z ,.]/g, '')*1;
 456             if ( isNaN(value) ) return 0;
 457             return value;
 458         }
 459         return 0;
 460     };
 461
 462
 463     for ( var indice = 0 ; indice < column_numbers.length ; indice++ ) {
 464         var column_number = column_numbers[indice];
 465
 466         var total = 0;
 467         var cells = api.column( column_number, { page: 'current' } ).nodes().to$().find("span.total_amount");
 468         var budgets_totaled = [];
 469         $(cells).each(function(){ budgets_totaled.push( $(this).data('self_id') ); });
 470         $(cells).each(function(){
 471             if( $(this).data('parent_id') && $.inArray( $(this).data('parent_id'), budgets_totaled) > -1 ){
 472                 return;
 473             } else {
 474                 total += intVal( $(this).html() );
 475             }
 476
 477         });
 478         total /= 100; // Hard-coded decimal precision
 479
 480         // Update footer
 481         $( api.column( column_number ).footer() ).html(total.format_price());
 482     };
 483 }
 484
 485 function filterDataTable( table, column, term ){
 486     if( column ){
 487         table.column( column ).search( term ).draw("page");
 488     } else {
 489         table.search( term ).draw("page");
 490     }
 491 }
 492
 493 jQuery.fn.dataTable.ext.errMode = function(settings, note, message) {
 494     if ( settings && settings.jqXHR ) {
 495         console.log("Got %s (%s)".format(settings.jqXHR.status, settings.jqXHR.statusText));
 496         alert(__("Something went wrong when loading the table.\n%s: %s. \n%s").format(
 497             settings.jqXHR.status,
 498             settings.jqXHR.statusText,
 499             ( settings.jqXHR.responseJSON && settings.jqXHR.responseJSON.errors ) ? settings.jqXHR.responseJSON.errors.map(m => m.message).join("\n") : ''
 500         ));
 501     } else {
 502         alert(__("Something went wrong when loading the table."));
 503     }
 504     console.log(message);
 505 };
 506
 507 function _dt_default_ajax (params){
 508     let default_filters = params.default_filters;
 509     let options = params.options;
 510
 511     if(!options.criteria || ['contains', 'starts_with', 'ends_with', 'exact'].indexOf(options.criteria.toLowerCase()) === -1) options.criteria = 'contains';
 512     options.criteria = options.criteria.toLowerCase();
 513
 514     return {
 515         'type': 'GET',
 516         'cache': true,
 517         'dataSrc': 'data',
 518         'beforeSend': function(xhr, settings) {
 519             this._xhr = xhr;
 520             if(options.embed) {
 521                 xhr.setRequestHeader('x-koha-embed', Array.isArray(options.embed)?options.embed.join(','):options.embed);
 522             }
 523         },
 524         'dataFilter': function(data, type) {
 525             var json = {data: JSON.parse(data)};
 526             if (total = this._xhr.getResponseHeader('x-total-count')) {
 527                 json.recordsTotal = total;
 528                 json.recordsFiltered = total;
 529             }
 530             if (total = this._xhr.getResponseHeader('x-base-total-count')) {
 531                 json.recordsTotal = total;
 532             }
 533             if (draw = this._xhr.getResponseHeader('x-koha-request-id')) {
 534                 json.draw = draw;
 535             }
 536
 537             return JSON.stringify(json);
 538         },
 539         'data': function( data, settings ) {
 540             var length = data.length;
 541             var start  = data.start;
 542
 543             var dataSet = {
 544                 _page: Math.floor(start/length) + 1,
 545                 _per_page: length
 546             };
 547
 548             function build_query(col, value){
 549
 550                 var parts = [];
 551                 var attributes = col.data.split(':');
 552                 for (var i=0;i<attributes.length;i++){
 553                     var part = {};
 554                     var attr = attributes[i];
 555                     let criteria = options.criteria;
 556                     if ( value.match(/^\^(.*)\$$/) ) {
 557                         value = value.replace(/^\^/, '').replace(/\$$/, '');
 558                         criteria = "exact";
 559                     } else {
 560                         // escape SQL LIKE special characters %
 561                         value = value.replace(/(\%|\\)/g, "\\$1");
 562                     }
 563
 564                     let built_value;
 565                     if ( col.datatype !== undefined ) {
 566                         if ( col.datatype == 'date' ) {
 567                             let rfc3339 = $date_to_rfc3339(value);
 568                             if ( rfc3339 != 'Invalid Date' ) {
 569                                 built_value = rfc3339;
 570                             }
 571                         }
 572                         else if (col.datatype == 'related-object') {
 573                             let query_term = value;
 574
 575                             if (criteria != 'exact') {
 576                                 query_term = { like: (['contains', 'ends_with'].indexOf(criteria) !== -1 ? '%' : '') + value + (['contains', 'starts_with'].indexOf(criteria) !== -1 ? '%' : '') };
 577                             }
 578
 579                             part = {
 580                                 [col.related + '.' + col.relatedKey]: col.relatedValue,
 581                                 [col.related + '.' + col.relatedSearchOn]: query_term
 582                             };
 583                         } else {
 584                             console.log("datatype %s not supported yet".format(col.datatype));
 585                         }
 586                     }
 587
 588                     if (col.datatype != 'related-object') {
 589                         let value_part;
 590                         if ( criteria === 'exact' ) {
 591                             value_part = built_value ? [value, built_value] : value
 592                         } else {
 593                             let like = {like: (['contains', 'ends_with'].indexOf(criteria) !== -1?'%':'') + value + (['contains', 'starts_with'].indexOf(criteria) !== -1?'%':'')};
 594                             value_part = built_value ? [like, built_value] : like;
 595                         }
 596
 597                         part[!attr.includes('.')?'me.'+attr:attr] = value_part;
 598                     }
 599
 600                     parts.push(part);
 601                 }
 602                 return parts;
 603             }
 604
 605             var filter = data.search.value;
 606             // Build query for each column filter
 607             var and_query_parameters = settings.aoColumns
 608             .filter(function(col) {
 609                 return col.bSearchable && typeof col.data == 'string' && data.columns[col.idx].search.value != ''
 610             })
 611             .map(function(col) {
 612                 var value = data.columns[col.idx].search.value;
 613                 return build_query(col, value)
 614             })
 615             .map(function r(e){
 616                 return ($.isArray(e) ? $.map(e, r) : e);
 617             });
 618
 619             // Build query for the global search filter
 620             var or_query_parameters = settings.aoColumns
 621             .filter(function(col) {
 622                 return col.bSearchable && filter != ''
 623             })
 624             .map(function(col) {
 625                 var value = filter;
 626                 return build_query(col, value)
 627             })
 628             .map(function r(e){
 629                 return ($.isArray(e) ? $.map(e, r) : e);
 630             });
 631
 632             if ( default_filters ) {
 633                 let additional_filters = {};
 634                 for ( f in default_filters ) {
 635                     let k; let v;
 636                     if ( typeof(default_filters[f]) === 'function' ) {
 637                         let val = default_filters[f]();
 638                         if ( val != undefined && val != "" ) {
 639                             k = f; v = val;
 640                         }
 641                     } else {
 642                         k = f; v = default_filters[f];
 643                     }
 644
 645                     // Pass to -or if you want a separate OR clause
 646                     // It's not the usual DBIC notation!
 647                     if ( f == '-or' ) {
 648                         if (v) or_query_parameters.push(v)
 649                     } else if ( f == '-and' ) {
 650                         if (v) and_query_parameters.push(v)
 651                     } else if ( v ) {
 652                         additional_filters[k] = v;
 653                     }
 654                 }
 655                 if ( Object.keys(additional_filters).length ) {
 656                     and_query_parameters.push(additional_filters);
 657                 }
 658             }
 659             query_parameters = and_query_parameters;
 660             if ( or_query_parameters.length) {
 661                 query_parameters.push(or_query_parameters);
 662             }
 663
 664             if(query_parameters.length) {
 665                 query_parameters = JSON.stringify(query_parameters.length === 1?query_parameters[0]:{"-and": query_parameters});
 666                 dataSet.q = query_parameters;
 667                 delete options.query_parameters;
 668             } else {
 669                 delete options.query_parameters;
 670             }
 671
 672             dataSet._match = options.criteria;
 673
 674             if ( data["draw"] !== undefined ) {
 675                 settings.ajax.headers = { 'x-koha-request-id': data.draw }
 676             }
 677
 678             if(options.columns) {
 679                 var order = data.order;
 680                 var orderArray = new Array();
 681                 order.forEach(function (e,i) {
 682                     var order_col      = e.column;
 683                     var order_by       = options.columns[order_col].data;
 684                     order_by           = order_by.split(':');
 685                     var order_dir      = e.dir == 'asc' ? '+' : '-';
 686                     Array.prototype.push.apply(orderArray,order_by.map(x => order_dir + (!x.includes('.')?'me.'+x:x)));
 687                 });
 688                 dataSet._order_by = orderArray.filter((v, i, a) => a.indexOf(v) === i).join(',');
 689             }
 690
 691             return dataSet;
 692         }
 693     }
 694 }
 695
 696 function _dt_buttons(params){
 697     let included_ids = params.included_ids || [];
 698     let settings = params.settings || {};
 699     let table_settings = params.table_settings;
 700
 701     var exportColumns = ":visible:not(.noExport)";
 702     if( settings.hasOwnProperty("exportColumns") ){
 703         // A custom buttons configuration has been passed from the page
 704         exportColumns = settings["exportColumns"];
 705     }
 706
 707     var export_format = {
 708         body: function ( data, row, column, node ) {
 709             var newnode = $(node);
 710
 711             if ( newnode.find(".noExport").length > 0 ) {
 712                 newnode = newnode.clone();
 713                 newnode.find(".noExport").remove();
 714             }
 715
 716             return newnode.text().replace( /\n/g, ' ' ).trim();
 717         }
 718     }
 719
 720     var export_buttons = [
 721         {
 722             extend: 'excelHtml5',
 723             text: __("Excel"),
 724             exportOptions: {
 725                 columns: exportColumns,
 726                 format:  export_format
 727             },
 728         },
 729         {
 730             extend: 'csvHtml5',
 731             text: __("CSV"),
 732             exportOptions: {
 733                 columns: exportColumns,
 734                 format:  export_format
 735             },
 736         },
 737         {
 738             extend: 'copyHtml5',
 739             text: __("Copy"),
 740             exportOptions: {
 741                 columns: exportColumns,
 742                 format:  export_format
 743             },
 744         },
 745         {
 746             extend: 'print',
 747             text: __("Print"),
 748             exportOptions: {
 749                 columns: exportColumns,
 750                 format:  export_format
 751             },
 752         }
 753     ];
 754
 755     let buttons = [];
 756     buttons.push(
 757         {
 758             fade: 100,
 759             className: "dt_button_clear_filter",
 760             titleAttr: __("Clear filter"),
 761             enabled: false,
 762             text: '<i class="fa fa-lg fa-remove"></i> <span class="dt-button-text">' + __("Clear filter") + '</span>',
 763             action: function ( e, dt, node, config ) {
 764                 dt.search( "" ).draw("page");
 765                 node.addClass("disabled");
 766             }
 767         }
 768     );
 769
 770     if( included_ids.length > 0 ){
 771         buttons.push(
 772             {
 773                 extend: 'colvis',
 774                 fade: 100,
 775                 columns: included_ids,
 776                 className: "columns_controls",
 777                 titleAttr: __("Columns settings"),
 778                 text: '<i class="fa fa-lg fa-gear"></i> <span class="dt-button-text">' + __("Columns") + '</span>',
 779                 exportOptions: {
 780                     columns: exportColumns
 781                 }
 782             }
 783         );
 784     }
 785
 786     buttons.push(
 787         {
 788             extend: 'collection',
 789             autoClose: true,
 790             fade: 100,
 791             className: "export_controls",
 792             titleAttr: __("Export or print"),
 793             text: '<i class="fa fa-lg fa-download"></i> <span class="dt-button-text">' + __("Export") + '</span>',
 794             buttons: export_buttons
 795         }
 796     );
 797
 798     if ( table_settings && CAN_user_parameters_manage_column_config ) {
 799         buttons.push(
 800             {
 801                 className: "dt_button_configure_table",
 802                 fade: 100,
 803                 titleAttr: __("Configure table"),
 804                 text: '<i class="fa fa-lg fa-wrench"></i> <span class="dt-button-text">' + __("Configure") + '</span>',
 805                 action: function() {
 806                     window.location = '/cgi-bin/koha/admin/columns_settings.pl?module=' + table_settings['module'] + '&page=' + table_settings['page'] + '&table=' + table_settings['table'];
 807                 },
 808             }
 809         );
 810     }
 811
 812     return buttons;
 813 }
 814
 815 function _dt_visibility(table_settings, settings){
 816     var counter = 0;
 817     let hidden_ids = [];
 818     let included_ids = [];
 819     if ( table_settings ) {
 820         var columns_settings = table_settings['columns'];
 821         $(columns_settings).each( function() {
 822             var named_id = $( 'thead th[data-colname="' + this.columnname + '"]', this ).index( 'th' );
 823             var used_id = settings.bKohaColumnsUseNames ? named_id : counter;
 824             if ( used_id == -1 ) return;
 825
 826             if ( this['is_hidden'] == "1" ) {
 827                 hidden_ids.push( used_id );
 828             }
 829             if ( this['cannot_be_toggled'] == "0" ) {
 830                 included_ids.push( used_id );
 831             }
 832             counter++;
 833         });
 834     }
 835     return [hidden_ids, included_ids];
 836 }
 837
 838 function _dt_on_visibility(add_filters, table_node, table_dt){
 839     if ( add_filters ) {
 840         let visible_columns = table_dt.columns().visible();
 841         $(table_node).find('thead tr:eq(1) th').each( function (i) {
 842             let th_id = $(this).data('th-id');
 843             if ( visible_columns[th_id] == false ) {
 844                 $(this).hide();
 845             } else {
 846                 $(this).show();
 847             }
 848         });
 849     }
 850
 851     if( typeof columnsInit == 'function' ){
 852         // This function can be created separately and used to trigger
 853         // an event after the DataTable has loaded AND column visibility
 854         // has been updated according to the table's configuration
 855         columnsInit();
 856     }
 857 }
 858
 859 function _dt_add_filters(table_node, table_dt, filters_options = {}) {
 860     $(table_node).find('thead tr').clone().appendTo( $(table_node).find('thead') );
 861
 862     $(table_node).find('thead tr:eq(1) th').each( function (i) {
 863         var is_searchable = table_dt.settings()[0].aoColumns[i].bSearchable;
 864         $(this).removeClass('sorting').removeClass("sorting_asc").removeClass("sorting_desc");
 865         $(this).data('th-id', i);
 866         if ( is_searchable ) {
 867             let input_type = 'input';
 868             if ( $(this).data('filter') || filters_options.hasOwnProperty(i)) {
 869                 input_type = 'select'
 870                 let filter_type = $(this).data('filter');
 871                 let existing_search = table_dt.column(i).search();
 872                 let select = $('<select><option value=""></option></select');
 873
 874                 // FIXME eval here is bad and dangerous, how do we workaround that?
 875                 if ( !filters_options.hasOwnProperty(i) ) {
 876                     filters_options[i] = eval(filter_type)
 877                 } else if ( typeof filters_options[i] === "function" ) {
 878                     filters_options[i] = filters_options[i]()
 879                 }
 880                 $(filters_options[i]).each(function(){
 881                     let o = $('<option value="%s">%s</option>'.format(this._id, this._str));
 882                     if ( existing_search === this._id ) {
 883                         o.prop("selected", "selected");
 884                     }
 885                     o.appendTo(select);
 886                 });
 887                 $(this).html( select );
 888             } else {
 889                 var title = $(this).text();
 890                 var existing_search = table_dt.column(i).search();
 891                 if ( existing_search ) {
 892                     $(this).html( '<input type="text" value="%s" style="width: 100%" />'.format(existing_search) );
 893                 } else {
 894                     var search_title = _("%s search").format(title);
 895                     $(this).html( '<input type="text" placeholder="%s" style="width: 100%" />'.format(search_title) );
 896                 }
 897             }
 898
 899             $( input_type, this ).on( 'keyup change', function () {
 900                 if ( table_dt.column(i).search() !== this.value ) {
 901                     if ( input_type == "input" ) {
 902                         table_dt
 903                             .column(i)
 904                             .search( this.value )
 905                             .draw();
 906                     } else {
 907                         table_dt
 908                             .column(i)
 909                             .search( this.value.length ? '^'+this.value+'$' : '', true, false )
 910                             .draw();
 911                     }
 912                 }
 913             } );
 914         } else {
 915             $(this).html('');
 916         }
 917     } );
 918 }
 919
 920
 921 (function($) {
 922
 923     /**
 924     * Create a new dataTables instance that uses the Koha RESTful API's as a data source
 925     * @param  {Object}  options         Please see the dataTables documentation for further details
 926     *                                   We extend the options set with the `criteria` key which allows
 927     *                                   the developer to select the match type to be applied during searches
 928     *                                   Valid keys are: `contains`, `starts_with`, `ends_with` and `exact`
 929     * @param  {Object}  table_settings The arrayref as returned by TableSettings.GetTableSettings function available
 930     *                                   from the columns_settings template toolkit include
 931     * @param  {Boolean} add_filters     Add a filters row as the top row of the table
 932     * @param  {Object}  default_filters Add a set of default search filters to apply at table initialisation
 933     * @return {Object}                  The dataTables instance
 934     */
 935     $.fn.kohaTable = function(options, table_settings, add_filters, default_filters) {
 936         var settings = null;
 937
 938         if(options) {
 939             // Don't redefine the default initComplete
 940             if ( options.initComplete ) {
 941                 let our_initComplete = options.initComplete;
 942                 options.initComplete = function(settings, json){
 943                     our_initComplete(settings, json);
 944                     dataTablesDefaults.initComplete(settings, json)
 945                 };
 946             }
 947
 948             settings = $.extend(true, {}, dataTablesDefaults, {
 949                         'deferRender': true,
 950                         "paging": true,
 951                         'serverSide': true,
 952                         'searching': true,
 953                         'pagingType': 'full_numbers',
 954                         'processing': true,
 955                         'language': {
 956                             'emptyTable': (options.emptyTable) ? options.emptyTable : __("No data available in table")
 957                         },
 958                         'ajax': _dt_default_ajax({default_filters, options}),
 959                     }, options);
 960         }
 961
 962         let hidden_ids, included_ids;
 963         [hidden_ids, included_ids] = _dt_visibility(table_settings, settings)
 964
 965         settings["buttons"] = _dt_buttons({included_ids, settings, table_settings});
 966
 967         $(".dt_button_clear_filter, .columns_controls, .export_controls, .dt_button_configure_table").tooltip();
 968
 969         if ( add_filters ) {
 970             settings['orderCellsTop'] = true;
 971         }
 972
 973         if ( table_settings ) {
 974             if ( table_settings.hasOwnProperty('default_display_length') && table_settings['default_display_length'] != null ) {
 975                 settings["pageLength"] = table_settings['default_display_length'];
 976             }
 977             if ( table_settings.hasOwnProperty('default_sort_order') && table_settings['default_sort_order'] != null ) {
 978                 settings["order"] = [[ table_settings['default_sort_order'], 'asc' ]];
 979             }
 980         }
 981
 982         var table = $(this).dataTable(settings);
 983
 984         var table_dt = table.DataTable();
 985         if ( add_filters ) {
 986             _dt_add_filters(this, table_dt);
 987         }
 988
 989         table.DataTable().on("column-visibility.dt", function(){_dt_on_visibility(add_filters, table, table_dt);})
 990             .columns( hidden_ids ).visible( false );
 991
 992         return table;
 993     };
 994
 995 })(jQuery);