EVOLUTION-MANAGER

Edit File: datatable_utils.js

// 2016-19 - ntop.org

function datatableRemoveEmptyRow(table) {
  $("tbody tr.emptyRow", $(table)).remove();
}

function datatableAddEmptyRow(table, empty_str) {
  var columns = $("thead th", $(table)).filter(function() {
   return $(this).css('display') != 'none';
  }).length;
  $("tbody", $(table)).html('<tr class="emptyRow"><td colspan="' + columns + '"><i>' + empty_str + '</i></td></tr>');
}

function datatableGetNumDisplayedItems(table) {
   return $("tr:not(.emptyRow)", $(table)).length - 1;
}

function datatableIsEmpty(table) {
  return datatableGetNumDisplayedItems(table) == 0;
}

function datatableGetByForm(form) {
  return $("table", $("#dt-top-details", $(form)).parent())
}

function datatableUndoAddRow(new_row, empty_str, bt_to_enable, callback_str) {
  if (bt_to_enable)
     $(bt_to_enable).removeAttr("disabled").removeClass("disabled");

var form = $(new_row).closest("form");
  $(new_row).remove();
  aysUpdateForm(form);
  var dt = datatableGetByForm(form);

if (datatableIsEmpty(dt))
     datatableAddEmptyRow(dt, empty_str);

if (callback_str)
      // invoke
      window[callback_str](new_row);
}

function datatableAddButtonCallback(td_idx, label, bs_class, callback_str, link) {
   $("td:nth-child("+td_idx+")", $(this)).append('<a href="' + link + '" class="add-on btn" style="padding:0.2em;" onclick="' + callback_str + '" role="button"><span class="badge ' + bs_class + '">' + label + '</span></a>');
}

function datatableAddDeleteButtonCallback(td_idx, callback_str, label) {
   datatableAddButtonCallback.bind(this)(td_idx, label, "badge-danger", callback_str, "javascript:void(0)");
}

function datatableAddActionButtonCallback(td_idx, callback_str, label) {
   datatableAddButtonCallback.bind(this)(td_idx, label, "badge-info", callback_str, "javascript:void(0)");
}

function datatableAddLinkButtonCallback(td_idx, link, label) {
   datatableAddButtonCallback.bind(this)(td_idx, label, "badge-info", "", link);
}

function datatableMakeSelectUnique(tr_obj, added_rows_prefix, options) {
   options = paramsExtend({
      on_change: $.noop,                     /* A callback to be called when the select input changes */
      selector_fn: function(obj) {           /* A callback which receives a tr object and returns a single select input */
         return obj.find("select").first();
      },
   }, options);

function datatableForeachSelectOtherThan(this_select, added_rows_prefix, selector_fn, callback) {
      $("[id^=" + added_rows_prefix + "]").each(function(){
         var other = selector_fn($(this));
         if (other[0] != this_select[0])
            callback(other);
      });
   }

function datatableOptionChangeStatus(option_obj, enable) {
      if (enable) {
         option_obj.removeAttr("disabled");
      } else {
         var select_obj = option_obj.closest("select");
         var should_reset = (select_obj.val() == option_obj.val());
         option_obj.attr("disabled", "disabled");

if(should_reset) {
            var new_val = select_obj.find("option:not([disabled])").first().val();
            select_obj.val(new_val);
            select_obj.attr("data-old-val", new_val);
         }
      }
   }

function datatableOnSelectEntryChange(added_rows_prefix, selector_fn, change_callback) {
      var old_value = $(this).attr("data-old-val") || "";
      var new_value = $(this).val() || "";
      var others = [];

if (old_value == new_value)
         old_value = "";

datatableForeachSelectOtherThan($(this), added_rows_prefix, selector_fn, function(other) {
         datatableOptionChangeStatus(other.find("option[value='" + old_value + "']"), true);
         datatableOptionChangeStatus(other.find("option[value='" + new_value + "']"), false);
         others.push(other);
      });

change_callback($(this), old_value, new_value, others, datatableOptionChangeStatus);

$(this).attr("data-old-val", new_value);
   }

function datatableOnAddSelectEntry(select_obj, added_rows_prefix, selector_fn) {
      select_obj.val("");

// Trigger an update on other inputs in order to disable entries on the select_obj
      datatableForeachSelectOtherThan(select_obj, added_rows_prefix, selector_fn, function(other) {
         //datatableOptionChangeStatus(select_obj.find("option[value='" + other.val() + "']"), false);
         other.trigger("change");
      });

// select first available entry
      var new_sel = select_obj.find("option:not([disabled])").first();
      var new_val = new_sel.val();

// trigger change event to update other entries
      select_obj.val(new_val);
      select_obj.trigger("change");
   }

var select = options.selector_fn(tr_obj);
   select.on("change", function() { datatableOnSelectEntryChange.bind(this)(added_rows_prefix, options.selector_fn, options.on_change); });
   select.on("remove", function() {$(this).val("").trigger("change")});
   datatableOnAddSelectEntry(select, added_rows_prefix, options.selector_fn);
}

function datatableOrderedInsert(table, td_idx, to_insert, to_insert_val, cmp_fn) {
   var cmp_fn = cmp_fn || function(a, b) { return b - a; };
   var inserted = false;

datatableForEachRow(table, function() {
      if(inserted) return;

var tr = $(this);
      var cmp_val = parseInt($("td:nth-child(" + td_idx + ")", tr).html());

if ((! isNaN(cmp_val)) && (cmp_fn(cmp_val, to_insert_val) < 0)) {
         tr.before(to_insert);
         inserted = true;
      }
   });

if (! inserted)
      // default: append
      $(table).append(to_insert);
}

function datatableIsLastPage(table) {
   var lastpage = $("#dt-bottom-details .pagination li:nth-last-child(3)", $(table));
   return !((lastpage.length == 1) && (lastpage.hasClass("active") == false));
}

function datatableGetColumn(table, id_key, id_value) {
   var res = table.data("datatable").resultset.data.filter(function(item) {
      return item[id_key] === id_value;
   });

if(res) return res[0];
}

function datatableGetColumnIndex(table, column_key) {
   var index = table.data("datatable").options.columns.findIndex(function(item) {
      return item.field === column_key;
   });

return(index);
}

/*
 * Helper function to add refreshable datatables rows.
 *
 * table: the datatable div jquery object
 * column_id: the field key used to indentify the rows
 * refresh_interval: milliseconds refresh interval for this table
 * trend_columns: (optional) a map <field -> formatter_fn> which indicates the numeric columns
 * which should be shown with up/down arrows upon refresh.
 *
 * Returns true on success, false otherwise.
 *
 * Example usage:
 *   $("#table-redis-stats").datatable({
 *     ...
 *     tableCallback: function() {
 *       // The table rows will be identified by the "column_key",
 *       // refreshed every 5 seconds, with up/down arrows on the "column_hits"
 *       datatableInitRefreshRows($("#table-redis-stats"), "column_key", 5000, {"column_hits": addCommas});
 *     }
 *   });
 */
function datatableInitRefreshRows(table, column_id, refresh_interval, trend_columns) {
  var $dt = table.data("datatable");
  var rows = $dt.resultset.data;
  var old_timer = table.data("dt-rr-timer");
  var old_req = table.data("dt-rr-ajax");
  trend_columns = trend_columns || {};

if(old_timer) {
    // Remove the previously set timer to avoid double scheduling
    clearInterval(old_timer);
    table.removeData("dt-rr-timer");
  }

if(old_req) {
    // Abort the previous request if any
    old_req.abort();
    table.removeData("dt-rr-ajax");
  }

var ids = [];
  var id_to_row = {};

for(var row in rows) {
    var data = rows[row];

if(data[column_id]) {
      var data_id = data[column_id];
      id_to_row[data_id] = row;
      ids.push(data_id);
    }
  }

if(!ids)
    return(false);

// These parameters will be passed to the refresh endpoint
  // the custom_hosts parameter will be passed in the AJAX request and
  // will contain the IDs to refresh. It should be used by the receiving
  // Lua script as a filter
  var params = {
    "custom_hosts": ids.join(",")
  };
  var url = $dt.options.url;
  var first_load = true;

var _process_result = function(result) {
    for(var row in result.data) {
       var data = result.data[row];
       var data_id = data[column_id];

if(data_id && id_to_row[data_id]) {
          var row_idx = id_to_row[data_id];
          var row_html = $dt.rows[row_idx];
          var row_tds = $("td", row_html);

for(var key in data) {
             var col_idx = datatableGetColumnIndex(table, key);
             var cell = row_tds[col_idx];
             var $cell = $(cell);
             var old_val = $cell.data("dt-rr-cur-val") || $(cell).html();
             var trend_value_formatter = trend_columns[key];
             var new_val = data[key];
             var arrows = "";

if(trend_value_formatter) {
              if(parseFloat(new_val) != new_val)
                console.warn("Invalid number: " + new_val);

if(!first_load)
                arrows = " " + drawTrend(parseFloat(new_val), parseFloat(old_val));

// This value will be neede in the next refresh
              $cell.data("dt-rr-cur-val", new_val);

new_val = trend_value_formatter(new_val);
            }

$(cell).html((new_val != 0) ? (new_val + arrows) : "");
          }
       }
    }

first_load = false;
    table.removeData("dt-rr-ajax");
 };

// Save the timer into "dt-rr-timer" to be able to stop it if
  // datatableInitRefreshRows is called again
  table.data("dt-rr-timer", setInterval(function() {
    // Double check that a request is not pending
    var old_req = table.data("dt-rr-ajax");

if(old_req)
      return;

// Save the ajax request to possibly abort it if
    // datatableInitRefreshRows is called again
    table.data("dt-rr-ajax", $.ajax({
       type: 'GET',
       url: url,
       data: params,
       cache: false,
       success: _process_result,
    }));
  }, refresh_interval));

// First update
  _process_result($dt.resultset);
}